diff --git a/public/assets/css/default.css b/public/assets/css/default.css index c1ccf469..3fa03eb7 100644 --- a/public/assets/css/default.css +++ b/public/assets/css/default.css @@ -139,3 +139,24 @@ text-align: left; padding-left: 60px; } + +.cusor-pointer { + cursor: pointer; +} + +/* .apexcharts-toolbar { + z-index: 0 !important; +} */ + +.font-italic { + font-style: italic; +} + +.text-sm { + font-size: 0.7em; +} + +.menu-vertical .menu-item .menu-link { + font-size: 0.7375rem; + min-block-size: 0.7375rem; +} diff --git a/public/assets/vendor/css/core-customization.txt b/public/assets/vendor/css/core-customization.txt new file mode 100644 index 00000000..72c560b4 --- /dev/null +++ b/public/assets/vendor/css/core-customization.txt @@ -0,0 +1,3 @@ + --bs-body-font-size: 0.8375rem; + + \ No newline at end of file diff --git a/public/assets/vendor/css/core.css b/public/assets/vendor/css/core.css index e7ebd248..b8e659cb 100644 --- a/public/assets/vendor/css/core.css +++ b/public/assets/vendor/css/core.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors @@ -17,11 +18,20 @@ --bs-cyan: #03c3ec; --bs-black: #22303e; --bs-white: #fff; - --bs-gray: rgba(34, 48, 62, 0.6); - --bs-gray-dark: rgba(34, 48, 62, 0.8); - --bs-gray-25: rgba(34, 48, 62, 0.025); - --bs-gray-60: rgba(34, 48, 62, 0.06); - --bs-gray-80: rgba(34, 48, 62, 0.08); + --bs-gray: #7a838b; + --bs-gray-dark: #4e5965; + --bs-gray-25: #fbfbfb; + --bs-gray-60: #f2f3f3; + --bs-gray-80: #edeef0; + --bs-gray-100: #e9eaec; + --bs-gray-200: #e4e6e8; + --bs-gray-300: #bdc1c5; + --bs-gray-400: #a7acb2; + --bs-gray-500: #91979f; + --bs-gray-600: #7a838b; + --bs-gray-700: #646e78; + --bs-gray-800: #4e5965; + --bs-gray-900: #384551; --bs-primary: #696cff; --bs-secondary: #8592a3; --bs-success: #71dd37; @@ -30,7 +40,7 @@ --bs-danger: #ff3e1d; --bs-light: #dbdee0; --bs-dark: #2b2c40; - --bs-gray: rgba(34, 48, 62, 0.5); + --bs-gray: #91979f; --bs-primary-rgb: 105, 108, 255; --bs-secondary-rgb: 133, 146, 163; --bs-success-rgb: 113, 221, 55; @@ -39,37 +49,37 @@ --bs-danger-rgb: 255, 62, 29; --bs-light-rgb: 219, 222, 224; --bs-dark-rgb: 43, 44, 64; - --bs-gray-rgb: 34, 48, 62; + --bs-gray-rgb: 145, 151, 159; --bs-primary-text-emphasis: #2a2b66; --bs-secondary-text-emphasis: #353a41; --bs-success-text-emphasis: #2d5816; --bs-info-text-emphasis: #014e5e; --bs-warning-text-emphasis: #664400; --bs-danger-text-emphasis: #66190c; - --bs-light-text-emphasis: rgba(34, 48, 62, 0.7); - --bs-dark-text-emphasis: rgba(34, 48, 62, 0.7); - --bs-primary-bg-subtle: #e1e2ff; - --bs-secondary-bg-subtle: #e7e9ed; - --bs-success-bg-subtle: #e3f8d7; - --bs-info-bg-subtle: #cdf3fb; - --bs-warning-bg-subtle: #ffeecc; - --bs-danger-bg-subtle: #ffd8d2; - --bs-light-bg-subtle: rgba(244, 245, 245, 0.55); - --bs-dark-bg-subtle: rgba(34, 48, 62, 0.4); - --bs-primary-border-subtle: #c3c4ff; - --bs-secondary-border-subtle: #ced3da; - --bs-success-border-subtle: #c6f1af; - --bs-info-border-subtle: #9ae7f7; - --bs-warning-border-subtle: #ffdd99; - --bs-danger-border-subtle: #ffb2a5; - --bs-light-border-subtle: rgba(34, 48, 62, 0.12); - --bs-dark-border-subtle: rgba(34, 48, 62, 0.5); + --bs-light-text-emphasis: #646e78; + --bs-dark-text-emphasis: #646e78; + --bs-primary-bg-subtle: #e7e7ff; + --bs-secondary-bg-subtle: #ebeef0; + --bs-success-bg-subtle: #e8fadf; + --bs-info-bg-subtle: #d7f5fc; + --bs-warning-bg-subtle: #fff2d6; + --bs-danger-bg-subtle: #ffe0db; + --bs-light-bg-subtle: #f4f5f6; + --bs-dark-bg-subtle: #dddde0; + --bs-primary-border-subtle: #d2d3ff; + --bs-secondary-border-subtle: #dadee3; + --bs-success-border-subtle: #d4f5c3; + --bs-info-border-subtle: #b3edf9; + --bs-warning-border-subtle: #ffe6b3; + --bs-danger-border-subtle: #ffc5bb; + --bs-light-border-subtle: #e4e6e8; + --bs-dark-border-subtle: #bfc0c6; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 34, 48, 62; - --bs-font-sans-serif: "Public Sans", -apple-system, BlinkMacSystemFont, + --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, + --bs-font-monospace: "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient( 180deg, @@ -78,7 +88,7 @@ ); --bs-root-font-size: 16px; --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 0.7375rem; + --bs-body-font-size: 0.8375rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.375; --bs-body-color: #646e78; @@ -87,14 +97,14 @@ --bs-body-bg-rgb: 245, 245, 249; --bs-emphasis-color: #22303e; --bs-emphasis-color-rgb: 34, 48, 62; - --bs-secondary-color: rgba(100, 110, 120, 0.75); - --bs-secondary-color-rgb: 100, 110, 120; - --bs-secondary-bg: rgba(34, 48, 62, 0.12); - --bs-secondary-bg-rgb: 34, 48, 62; + --bs-secondary-color: #a7acb2; + --bs-secondary-color-rgb: 167, 172, 178; + --bs-secondary-bg: #e4e6e8; + --bs-secondary-bg-rgb: 228, 230, 232; --bs-tertiary-color: rgba(100, 110, 120, 0.5); --bs-tertiary-color-rgb: 100, 110, 120; - --bs-tertiary-bg: rgba(34, 48, 62, 0.1); - --bs-tertiary-bg-rgb: 34, 48, 62; + --bs-tertiary-bg: #e9eaec; + --bs-tertiary-bg-rgb: 233, 234, 236; --bs-heading-color: #384551; --bs-link-color: #696cff; --bs-link-color-rgb: 105, 108, 255; @@ -112,7 +122,7 @@ --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 0.625rem; - --bs-border-radius-xxl: 2rem; + --bs-border-radius-xxl: 1rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); @@ -121,7 +131,63 @@ --bs-box-shadow-inset: inset 0 1px 2px rgba(34, 48, 62, 0.075); --bs-focus-ring-width: 0.15rem; --bs-focus-ring-opacity: 0.75; - --bs-focus-ring-color: rgba(34, 48, 62, 0.75); + --bs-focus-ring-color: rgba(100, 110, 120, 0.75); + --bs-form-valid-color: #71dd37; + --bs-form-valid-border-color: #71dd37; + --bs-form-invalid-color: #ff3e1d; + --bs-form-invalid-border-color: #ff3e1d; +} + +[data-bs-theme="dark"] { + color-scheme: dark; + --bs-body-color: #b2b2c4; + --bs-body-color-rgb: 178, 178, 196; + --bs-body-bg: #232333; + --bs-body-bg-rgb: 35, 35, 51; + --bs-emphasis-color: #fff; + --bs-emphasis-color-rgb: 255, 255, 255; + --bs-secondary-color: #7e7f96; + --bs-secondary-color-rgb: 126, 127, 150; + --bs-secondary-bg: #4e4f6c; + --bs-secondary-bg-rgb: 78, 79, 108; + --bs-tertiary-color: rgba(178, 178, 196, 0.5); + --bs-tertiary-color-rgb: 178, 178, 196; + --bs-tertiary-bg: #464764; + --bs-tertiary-bg-rgb: 70, 71, 100; + --bs-primary-text-emphasis: #a5a7ff; + --bs-secondary-text-emphasis: #b6bec8; + --bs-success-text-emphasis: #aaeb87; + --bs-info-text-emphasis: #68dbf4; + --bs-warning-text-emphasis: #ffcd66; + --bs-danger-text-emphasis: #ff8b77; + --bs-light-text-emphasis: #b2b2c4; + --bs-dark-text-emphasis: #e6e6f1; + --bs-primary-bg-subtle: #35365f; + --bs-secondary-bg-subtle: #393c50; + --bs-success-bg-subtle: #36483f; + --bs-info-bg-subtle: #25445c; + --bs-warning-bg-subtle: #4d4036; + --bs-danger-bg-subtle: #4d2f3a; + --bs-light-bg-subtle: #303145; + --bs-dark-bg-subtle: #35364f; + --bs-primary-border-subtle: #454682; + --bs-secondary-border-subtle: #4b4f6c; + --bs-success-border-subtle: #466152; + --bs-info-border-subtle: #2c5b7d; + --bs-warning-border-subtle: #695544; + --bs-danger-border-subtle: #693b4b; + --bs-light-border-subtle: #3d3e5b; + --bs-dark-border-subtle: #45466a; + --bs-heading-color: #d5d5e2; + --bs-link-color: #a5a7ff; + --bs-link-hover-color: #aeb0ff; + --bs-link-color-rgb: 165, 167, 255; + --bs-link-hover-color-rgb: 174, 176, 255; + --bs-code-color: #f18bba; + --bs-highlight-color: #b2b2c4; + --bs-highlight-bg: #664400; + --bs-border-color: #4e4f6c; + --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #71dd37; --bs-form-valid-border-color: #71dd37; --bs-form-invalid-color: #ff3e1d; @@ -137,7 +203,6 @@ :root { font-size: var(--bs-root-font-size); } - @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; @@ -159,7 +224,7 @@ body { hr { margin: 1rem 0; - color: #e4e6e8; + color: var(--bs-border-color); border: 0; border-top: var(--bs-border-width) solid; opacity: 1; @@ -188,7 +253,6 @@ h1, .h1 { font-size: calc(1.4125rem + 1.95vw); } - @media (min-width: 1200px) { h1, .h1 { @@ -200,7 +264,6 @@ h2, .h2 { font-size: calc(1.3625rem + 1.35vw); } - @media (min-width: 1200px) { h2, .h2 { @@ -212,7 +275,6 @@ h3, .h3 { font-size: calc(1.3rem + 0.6vw); } - @media (min-width: 1200px) { h3, .h3 { @@ -224,7 +286,6 @@ h4, .h4 { font-size: calc(1.275rem + 0.3vw); } - @media (min-width: 1200px) { h4, .h4 { @@ -328,7 +389,6 @@ a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: none; } - a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } @@ -354,7 +414,6 @@ pre { overflow: auto; font-size: 0.8125rem; } - pre code { font-size: inherit; color: inherit; @@ -366,7 +425,6 @@ code { color: var(--bs-code-color); word-wrap: break-word; } - a > code { color: inherit; } @@ -378,7 +436,6 @@ kbd { background-color: var(--bs-body-color); border-radius: 0.25rem; } - kbd kbd { padding: 0; font-size: 1em; @@ -401,7 +458,7 @@ table { caption { padding-top: 0.782rem; padding-bottom: 0.782rem; - color: #a7acb2; + color: var(--bs-secondary-color); text-align: left; } @@ -457,7 +514,6 @@ select { select { word-wrap: normal; } - select:disabled { opacity: 1; } @@ -474,7 +530,6 @@ button, [type="submit"] { -webkit-appearance: button; } - button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), @@ -506,13 +561,11 @@ legend { font-size: calc(1.275rem + 0.3vw); line-height: inherit; } - @media (min-width: 1200px) { legend { font-size: 1.5rem; } } - legend + * { clear: left; } @@ -536,6 +589,14 @@ legend + * { outline-offset: -2px; } +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ ::-webkit-search-decoration { -webkit-appearance: none; } @@ -580,7 +641,6 @@ progress { font-weight: 500; line-height: 1.1; } - @media (min-width: 1200px) { .display-1 { font-size: 4rem; @@ -592,7 +652,6 @@ progress { font-weight: 500; line-height: 1.1; } - @media (min-width: 1200px) { .display-2 { font-size: 3.5rem; @@ -604,7 +663,6 @@ progress { font-weight: 500; line-height: 1.1; } - @media (min-width: 1200px) { .display-3 { font-size: 3rem; @@ -616,7 +674,6 @@ progress { font-weight: 500; line-height: 1.1; } - @media (min-width: 1200px) { .display-4 { font-size: 2.5rem; @@ -628,7 +685,6 @@ progress { font-weight: 500; line-height: 1.1; } - @media (min-width: 1200px) { .display-5 { font-size: 2rem; @@ -640,7 +696,6 @@ progress { font-weight: 500; line-height: 1.1; } - @media (min-width: 1200px) { .display-6 { font-size: 1.5rem; @@ -660,7 +715,6 @@ progress { .list-inline-item { display: inline-block; } - .list-inline-item:not(:last-child) { margin-right: 0.5rem; } @@ -674,7 +728,6 @@ progress { margin-bottom: 1rem; font-size: 1.0546875rem; } - .blockquote > :last-child { margin-bottom: 0; } @@ -683,9 +736,8 @@ progress { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.8125rem; - color: rgba(34, 48, 62, 0.6); + color: #7a838b; } - .blockquote-footer::before { content: "— "; } @@ -697,9 +749,9 @@ progress { .img-thumbnail { padding: 0; - background-color: rgba(0, 0, 0, 0); - border: 0px solid var(--bs-border-color); - border-radius: 0px; + background-color: transparent; + border: 0 solid var(--bs-border-color); + border-radius: 0; max-width: 100%; height: auto; } @@ -740,7 +792,6 @@ progress { max-width: 540px; } } - @media (min-width: 768px) { .container-md, .container-sm, @@ -748,7 +799,6 @@ progress { max-width: 720px; } } - @media (min-width: 992px) { .container-lg, .container-md, @@ -757,7 +807,6 @@ progress { max-width: 960px; } } - @media (min-width: 1200px) { .container-xl, .container-lg, @@ -767,7 +816,6 @@ progress { max-width: 1140px; } } - @media (min-width: 1400px) { .container-xxl, .container-xl, @@ -778,7 +826,6 @@ progress { max-width: 1440px; } } - :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; @@ -797,7 +844,6 @@ progress { margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } - .row > * { flex-shrink: 0; width: 100%; @@ -1109,1522 +1155,1207 @@ progress { .col-sm { flex: 1 0 0%; } - .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } - .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } - .col-sm-auto { flex: 0 0 auto; width: auto; } - .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } - .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } - .col-sm-3 { flex: 0 0 auto; width: 25%; } - .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } - .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } - .col-sm-6 { flex: 0 0 auto; width: 50%; } - .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } - .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } - .col-sm-9 { flex: 0 0 auto; width: 75%; } - .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } - .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } - .col-sm-12 { flex: 0 0 auto; width: 100%; } - .offset-sm-0 { margin-left: 0; } - .offset-sm-1 { margin-left: 8.33333333%; } - .offset-sm-2 { margin-left: 16.66666667%; } - .offset-sm-3 { margin-left: 25%; } - .offset-sm-4 { margin-left: 33.33333333%; } - .offset-sm-5 { margin-left: 41.66666667%; } - .offset-sm-6 { margin-left: 50%; } - .offset-sm-7 { margin-left: 58.33333333%; } - .offset-sm-8 { margin-left: 66.66666667%; } - .offset-sm-9 { margin-left: 75%; } - .offset-sm-10 { margin-left: 83.33333333%; } - .offset-sm-11 { margin-left: 91.66666667%; } - .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } - .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } - .g-sm-50, .gx-sm-50 { --bs-gutter-x: 0.125rem; } - .g-sm-50, .gy-sm-50 { --bs-gutter-y: 0.125rem; } - .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } - .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } - .g-sm-1_5, .gx-sm-1_5 { --bs-gutter-x: 0.375rem; } - .g-sm-1_5, .gy-sm-1_5 { --bs-gutter-y: 0.375rem; } - .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } - .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } - .g-sm-3, .gx-sm-3 { --bs-gutter-x: 0.75rem; } - .g-sm-3, .gy-sm-3 { --bs-gutter-y: 0.75rem; } - .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1rem; } - .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1rem; } - .g-sm-5, .gx-sm-5 { --bs-gutter-x: 1.25rem; } - .g-sm-5, .gy-sm-5 { --bs-gutter-y: 1.25rem; } - .g-sm-6, .gx-sm-6 { --bs-gutter-x: 1.5rem; } - .g-sm-6, .gy-sm-6 { --bs-gutter-y: 1.5rem; } - .g-sm-7, .gx-sm-7 { --bs-gutter-x: 1.75rem; } - .g-sm-7, .gy-sm-7 { --bs-gutter-y: 1.75rem; } - .g-sm-8, .gx-sm-8 { --bs-gutter-x: 2rem; } - .g-sm-8, .gy-sm-8 { --bs-gutter-y: 2rem; } - .g-sm-9, .gx-sm-9 { --bs-gutter-x: 2.25rem; } - .g-sm-9, .gy-sm-9 { --bs-gutter-y: 2.25rem; } - .g-sm-10, .gx-sm-10 { --bs-gutter-x: 2.5rem; } - .g-sm-10, .gy-sm-10 { --bs-gutter-y: 2.5rem; } - .g-sm-11, .gx-sm-11 { --bs-gutter-x: 2.75rem; } - .g-sm-11, .gy-sm-11 { --bs-gutter-y: 2.75rem; } - .g-sm-12, .gx-sm-12 { --bs-gutter-x: 3rem; } - .g-sm-12, .gy-sm-12 { --bs-gutter-y: 3rem; } } - @media (min-width: 768px) { .col-md { flex: 1 0 0%; } - .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } - .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } - .col-md-auto { flex: 0 0 auto; width: auto; } - .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } - .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } - .col-md-3 { flex: 0 0 auto; width: 25%; } - .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } - .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } - .col-md-6 { flex: 0 0 auto; width: 50%; } - .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } - .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } - .col-md-9 { flex: 0 0 auto; width: 75%; } - .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } - .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } - .col-md-12 { flex: 0 0 auto; width: 100%; } - .offset-md-0 { margin-left: 0; } - .offset-md-1 { margin-left: 8.33333333%; } - .offset-md-2 { margin-left: 16.66666667%; } - .offset-md-3 { margin-left: 25%; } - .offset-md-4 { margin-left: 33.33333333%; } - .offset-md-5 { margin-left: 41.66666667%; } - .offset-md-6 { margin-left: 50%; } - .offset-md-7 { margin-left: 58.33333333%; } - .offset-md-8 { margin-left: 66.66666667%; } - .offset-md-9 { margin-left: 75%; } - .offset-md-10 { margin-left: 83.33333333%; } - .offset-md-11 { margin-left: 91.66666667%; } - .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } - .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } - .g-md-50, .gx-md-50 { --bs-gutter-x: 0.125rem; } - .g-md-50, .gy-md-50 { --bs-gutter-y: 0.125rem; } - .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } - .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } - .g-md-1_5, .gx-md-1_5 { --bs-gutter-x: 0.375rem; } - .g-md-1_5, .gy-md-1_5 { --bs-gutter-y: 0.375rem; } - .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } - .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } - .g-md-3, .gx-md-3 { --bs-gutter-x: 0.75rem; } - .g-md-3, .gy-md-3 { --bs-gutter-y: 0.75rem; } - .g-md-4, .gx-md-4 { --bs-gutter-x: 1rem; } - .g-md-4, .gy-md-4 { --bs-gutter-y: 1rem; } - .g-md-5, .gx-md-5 { --bs-gutter-x: 1.25rem; } - .g-md-5, .gy-md-5 { --bs-gutter-y: 1.25rem; } - .g-md-6, .gx-md-6 { --bs-gutter-x: 1.5rem; } - .g-md-6, .gy-md-6 { --bs-gutter-y: 1.5rem; } - .g-md-7, .gx-md-7 { --bs-gutter-x: 1.75rem; } - .g-md-7, .gy-md-7 { --bs-gutter-y: 1.75rem; } - .g-md-8, .gx-md-8 { --bs-gutter-x: 2rem; } - .g-md-8, .gy-md-8 { --bs-gutter-y: 2rem; } - .g-md-9, .gx-md-9 { --bs-gutter-x: 2.25rem; } - .g-md-9, .gy-md-9 { --bs-gutter-y: 2.25rem; } - .g-md-10, .gx-md-10 { --bs-gutter-x: 2.5rem; } - .g-md-10, .gy-md-10 { --bs-gutter-y: 2.5rem; } - .g-md-11, .gx-md-11 { --bs-gutter-x: 2.75rem; } - .g-md-11, .gy-md-11 { --bs-gutter-y: 2.75rem; } - .g-md-12, .gx-md-12 { --bs-gutter-x: 3rem; } - .g-md-12, .gy-md-12 { --bs-gutter-y: 3rem; } } - @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } - .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } - .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } - .col-lg-auto { flex: 0 0 auto; width: auto; } - .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } - .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } - .col-lg-3 { flex: 0 0 auto; width: 25%; } - .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } - .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } - .col-lg-6 { flex: 0 0 auto; width: 50%; } - .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } - .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } - .col-lg-9 { flex: 0 0 auto; width: 75%; } - .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } - .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } - .col-lg-12 { flex: 0 0 auto; width: 100%; } - .offset-lg-0 { margin-left: 0; } - .offset-lg-1 { margin-left: 8.33333333%; } - .offset-lg-2 { margin-left: 16.66666667%; } - .offset-lg-3 { margin-left: 25%; } - .offset-lg-4 { margin-left: 33.33333333%; } - .offset-lg-5 { margin-left: 41.66666667%; } - .offset-lg-6 { margin-left: 50%; } - .offset-lg-7 { margin-left: 58.33333333%; } - .offset-lg-8 { margin-left: 66.66666667%; } - .offset-lg-9 { margin-left: 75%; } - .offset-lg-10 { margin-left: 83.33333333%; } - .offset-lg-11 { margin-left: 91.66666667%; } - .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } - .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } - .g-lg-50, .gx-lg-50 { --bs-gutter-x: 0.125rem; } - .g-lg-50, .gy-lg-50 { --bs-gutter-y: 0.125rem; } - .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } - .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } - .g-lg-1_5, .gx-lg-1_5 { --bs-gutter-x: 0.375rem; } - .g-lg-1_5, .gy-lg-1_5 { --bs-gutter-y: 0.375rem; } - .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } - .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } - .g-lg-3, .gx-lg-3 { --bs-gutter-x: 0.75rem; } - .g-lg-3, .gy-lg-3 { --bs-gutter-y: 0.75rem; } - .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1rem; } - .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1rem; } - .g-lg-5, .gx-lg-5 { --bs-gutter-x: 1.25rem; } - .g-lg-5, .gy-lg-5 { --bs-gutter-y: 1.25rem; } - .g-lg-6, .gx-lg-6 { --bs-gutter-x: 1.5rem; } - .g-lg-6, .gy-lg-6 { --bs-gutter-y: 1.5rem; } - .g-lg-7, .gx-lg-7 { --bs-gutter-x: 1.75rem; } - .g-lg-7, .gy-lg-7 { --bs-gutter-y: 1.75rem; } - .g-lg-8, .gx-lg-8 { --bs-gutter-x: 2rem; } - .g-lg-8, .gy-lg-8 { --bs-gutter-y: 2rem; } - .g-lg-9, .gx-lg-9 { --bs-gutter-x: 2.25rem; } - .g-lg-9, .gy-lg-9 { --bs-gutter-y: 2.25rem; } - .g-lg-10, .gx-lg-10 { --bs-gutter-x: 2.5rem; } - .g-lg-10, .gy-lg-10 { --bs-gutter-y: 2.5rem; } - .g-lg-11, .gx-lg-11 { --bs-gutter-x: 2.75rem; } - .g-lg-11, .gy-lg-11 { --bs-gutter-y: 2.75rem; } - .g-lg-12, .gx-lg-12 { --bs-gutter-x: 3rem; } - .g-lg-12, .gy-lg-12 { --bs-gutter-y: 3rem; } } - @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } - .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } - .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } - .col-xl-auto { flex: 0 0 auto; width: auto; } - .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } - .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } - .col-xl-3 { flex: 0 0 auto; width: 25%; } - .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } - .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } - .col-xl-6 { flex: 0 0 auto; width: 50%; } - .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } - .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } - .col-xl-9 { flex: 0 0 auto; width: 75%; } - .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } - .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } - .col-xl-12 { flex: 0 0 auto; width: 100%; } - .offset-xl-0 { margin-left: 0; } - .offset-xl-1 { margin-left: 8.33333333%; } - .offset-xl-2 { margin-left: 16.66666667%; } - .offset-xl-3 { margin-left: 25%; } - .offset-xl-4 { margin-left: 33.33333333%; } - .offset-xl-5 { margin-left: 41.66666667%; } - .offset-xl-6 { margin-left: 50%; } - .offset-xl-7 { margin-left: 58.33333333%; } - .offset-xl-8 { margin-left: 66.66666667%; } - .offset-xl-9 { margin-left: 75%; } - .offset-xl-10 { margin-left: 83.33333333%; } - .offset-xl-11 { margin-left: 91.66666667%; } - .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } - .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } - .g-xl-50, .gx-xl-50 { --bs-gutter-x: 0.125rem; } - .g-xl-50, .gy-xl-50 { --bs-gutter-y: 0.125rem; } - .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } - .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } - .g-xl-1_5, .gx-xl-1_5 { --bs-gutter-x: 0.375rem; } - .g-xl-1_5, .gy-xl-1_5 { --bs-gutter-y: 0.375rem; } - .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } - .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } - .g-xl-3, .gx-xl-3 { --bs-gutter-x: 0.75rem; } - .g-xl-3, .gy-xl-3 { --bs-gutter-y: 0.75rem; } - .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1rem; } - .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1rem; } - .g-xl-5, .gx-xl-5 { --bs-gutter-x: 1.25rem; } - .g-xl-5, .gy-xl-5 { --bs-gutter-y: 1.25rem; } - .g-xl-6, .gx-xl-6 { --bs-gutter-x: 1.5rem; } - .g-xl-6, .gy-xl-6 { --bs-gutter-y: 1.5rem; } - .g-xl-7, .gx-xl-7 { --bs-gutter-x: 1.75rem; } - .g-xl-7, .gy-xl-7 { --bs-gutter-y: 1.75rem; } - .g-xl-8, .gx-xl-8 { --bs-gutter-x: 2rem; } - .g-xl-8, .gy-xl-8 { --bs-gutter-y: 2rem; } - .g-xl-9, .gx-xl-9 { --bs-gutter-x: 2.25rem; } - .g-xl-9, .gy-xl-9 { --bs-gutter-y: 2.25rem; } - .g-xl-10, .gx-xl-10 { --bs-gutter-x: 2.5rem; } - .g-xl-10, .gy-xl-10 { --bs-gutter-y: 2.5rem; } - .g-xl-11, .gx-xl-11 { --bs-gutter-x: 2.75rem; } - .g-xl-11, .gy-xl-11 { --bs-gutter-y: 2.75rem; } - .g-xl-12, .gx-xl-12 { --bs-gutter-x: 3rem; } - .g-xl-12, .gy-xl-12 { --bs-gutter-y: 3rem; } } - @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } - .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } - .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } - .col-xxl-auto { flex: 0 0 auto; width: auto; } - .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } - .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } - .col-xxl-3 { flex: 0 0 auto; width: 25%; } - .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } - .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } - .col-xxl-6 { flex: 0 0 auto; width: 50%; } - .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } - .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } - .col-xxl-9 { flex: 0 0 auto; width: 75%; } - .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } - .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } - .col-xxl-12 { flex: 0 0 auto; width: 100%; } - .offset-xxl-0 { margin-left: 0; } - .offset-xxl-1 { margin-left: 8.33333333%; } - .offset-xxl-2 { margin-left: 16.66666667%; } - .offset-xxl-3 { margin-left: 25%; } - .offset-xxl-4 { margin-left: 33.33333333%; } - .offset-xxl-5 { margin-left: 41.66666667%; } - .offset-xxl-6 { margin-left: 50%; } - .offset-xxl-7 { margin-left: 58.33333333%; } - .offset-xxl-8 { margin-left: 66.66666667%; } - .offset-xxl-9 { margin-left: 75%; } - .offset-xxl-10 { margin-left: 83.33333333%; } - .offset-xxl-11 { margin-left: 91.66666667%; } - .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } - .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } - .g-xxl-50, .gx-xxl-50 { --bs-gutter-x: 0.125rem; } - .g-xxl-50, .gy-xxl-50 { --bs-gutter-y: 0.125rem; } - .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } - .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } - .g-xxl-1_5, .gx-xxl-1_5 { --bs-gutter-x: 0.375rem; } - .g-xxl-1_5, .gy-xxl-1_5 { --bs-gutter-y: 0.375rem; } - .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } - .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } - .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 0.75rem; } - .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 0.75rem; } - .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1rem; } - .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1rem; } - .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 1.25rem; } - .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 1.25rem; } - .g-xxl-6, .gx-xxl-6 { --bs-gutter-x: 1.5rem; } - .g-xxl-6, .gy-xxl-6 { --bs-gutter-y: 1.5rem; } - .g-xxl-7, .gx-xxl-7 { --bs-gutter-x: 1.75rem; } - .g-xxl-7, .gy-xxl-7 { --bs-gutter-y: 1.75rem; } - .g-xxl-8, .gx-xxl-8 { --bs-gutter-x: 2rem; } - .g-xxl-8, .gy-xxl-8 { --bs-gutter-y: 2rem; } - .g-xxl-9, .gx-xxl-9 { --bs-gutter-x: 2.25rem; } - .g-xxl-9, .gy-xxl-9 { --bs-gutter-y: 2.25rem; } - .g-xxl-10, .gx-xxl-10 { --bs-gutter-x: 2.5rem; } - .g-xxl-10, .gy-xxl-10 { --bs-gutter-y: 2.5rem; } - .g-xxl-11, .gx-xxl-11 { --bs-gutter-x: 2.75rem; } - .g-xxl-11, .gy-xxl-11 { --bs-gutter-y: 2.75rem; } - .g-xxl-12, .gx-xxl-12 { --bs-gutter-x: 3rem; } - .g-xxl-12, .gy-xxl-12 { --bs-gutter-y: 3rem; } } - .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; @@ -2632,12 +2363,12 @@ progress { --bs-table-bg-state: initial; --bs-table-color: var(--bs-body-color); --bs-table-bg: transparent; - --bs-table-border-color: #e4e6e8; + --bs-table-border-color: var(--bs-gray-200); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); - --bs-table-striped-bg: #f2f3f3; - --bs-table-active-color: #646e78; - --bs-table-active-bg: rgba(105, 108, 255, 0.08); + --bs-table-striped-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-table-active-color: var(--bs-body-color); + --bs-table-active-bg: rgba(var(--bs-primary-rgb), 0.08); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(34, 48, 62, 0.06); width: 100%; @@ -2645,7 +2376,6 @@ progress { vertical-align: middle; border-color: var(--bs-table-border-color); } - .table > :not(caption) > * > * { padding: 0.782rem 1.25rem; color: var( @@ -2657,17 +2387,15 @@ progress { box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } - .table > tbody { vertical-align: inherit; } - .table > thead { vertical-align: bottom; } .table-group-divider { - border-top: calc(var(--bs-border-width) * 2) solid #e4e6e8; + border-top: calc(var(--bs-border-width) * 2) solid var(--bs-gray-200); } .caption-top { @@ -2681,7 +2409,6 @@ progress { .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } - .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } @@ -2689,7 +2416,6 @@ progress { .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } - .table-borderless > :not(:first-child) { border-top-width: 0; } @@ -2715,99 +2441,99 @@ progress { } .table-primary { - --bs-table-color: #22303e; + --bs-table-color: #000; --bs-table-bg: #e1e2ff; - --bs-table-border-color: #cacde8; - --bs-table-striped-bg: #d6d7f3; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #d2d4f0; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #d6d7f3; - --bs-table-hover-color: #22303e; + --bs-table-border-color: #c6c7e0; + --bs-table-striped-bg: #d4d4f0; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cfd0eb; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d4d4f0; + --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { - --bs-table-color: #22303e; + --bs-table-color: #000; --bs-table-bg: #e7e9ed; - --bs-table-border-color: #cfd3d8; - --bs-table-striped-bg: #dbdee3; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #d7dadf; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #dbdee3; - --bs-table-hover-color: #22303e; + --bs-table-border-color: #cbcdd1; + --bs-table-striped-bg: #d9dbdf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #d5d6da; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d9dbdf; + --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { - --bs-table-color: #22303e; + --bs-table-color: #000; --bs-table-bg: #e3f8d7; - --bs-table-border-color: #cce0c5; - --bs-table-striped-bg: #d7ecce; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #d4e8cb; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #d7ecce; - --bs-table-hover-color: #22303e; + --bs-table-border-color: #c8dabd; + --bs-table-striped-bg: #d5e9ca; + --bs-table-striped-color: #000; + --bs-table-active-bg: #d1e4c6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d5e9ca; + --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { - --bs-table-color: #22303e; + --bs-table-color: #000; --bs-table-bg: #cdf3fb; - --bs-table-border-color: #b8dce4; - --bs-table-striped-bg: #c3e7f0; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #bfe3ec; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #c3e7f0; - --bs-table-hover-color: #22303e; + --bs-table-border-color: #b4d6dd; + --bs-table-striped-bg: #c1e4ec; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bde0e7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1e4ec; + --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { - --bs-table-color: #22303e; + --bs-table-color: #000; --bs-table-bg: #ffeecc; - --bs-table-border-color: #e4d7bb; - --bs-table-striped-bg: #f2e3c3; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #eddfc1; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #f2e3c3; - --bs-table-hover-color: #22303e; + --bs-table-border-color: #e0d1b4; + --bs-table-striped-bg: #f0e0c0; + --bs-table-striped-color: #000; + --bs-table-active-bg: #ebdbbc; + --bs-table-active-color: #000; + --bs-table-hover-bg: #f0e0c0; + --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { - --bs-table-color: #22303e; + --bs-table-color: #000; --bs-table-bg: #ffd8d2; - --bs-table-border-color: #e4c4c0; - --bs-table-striped-bg: #f2cec9; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #edcbc6; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #f2cec9; - --bs-table-hover-color: #22303e; + --bs-table-border-color: #e0beb9; + --bs-table-striped-bg: #f0cbc5; + --bs-table-striped-color: #000; + --bs-table-active-bg: #ebc7c1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #f0cbc5; + --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { - --bs-table-color: #22303e; + --bs-table-color: #000; --bs-table-bg: #dbdee0; - --bs-table-border-color: #c5c9cd; - --bs-table-striped-bg: #d0d4d6; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #ccd0d3; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #d0d4d6; - --bs-table-hover-color: #22303e; + --bs-table-border-color: #c1c3c5; + --bs-table-striped-bg: #ced1d3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #c9ccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ced1d3; + --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } @@ -2837,39 +2563,34 @@ progress { -webkit-overflow-scrolling: touch; } } - @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } - @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } - @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } - @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } - .form-label { margin-bottom: 0.25rem; font-size: 0.8125rem; - color: #384551; + color: var(--bs-heading-color); } .col-form-label { @@ -2878,7 +2599,7 @@ progress { margin-bottom: 0; font-size: inherit; line-height: 1.375; - color: #384551; + color: var(--bs-heading-color); } .col-form-label-lg { @@ -2896,7 +2617,7 @@ progress { .form-text { margin-top: 0.3rem; font-size: 0.8125rem; - color: #646e78; + color: var(--bs-body-color); } .form-control { @@ -2906,66 +2627,58 @@ progress { font-size: 0.9375rem; font-weight: 400; line-height: 1.375; - color: #384551; + color: var(--bs-heading-color); appearance: none; - background-color: rgba(0, 0, 0, 0); + background-color: transparent; background-clip: padding-box; - border: var(--bs-border-width) solid #ced1d5; + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } - .form-control[type="file"] { overflow: hidden; } - .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; } - .form-control:focus { - color: #384551; - background-color: rgba(0, 0, 0, 0); - border-color: #696cff; + color: var(--bs-heading-color); + background-color: transparent; + border-color: var(--bs-primary); outline: 0; - box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4); + box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4); } - .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.375em; margin: 0; } - .form-control::-webkit-datetime-edit { display: block; padding: 0; } - .form-control::placeholder { - color: #a7acb2; + color: var(--bs-secondary-color); opacity: 1; } - .form-control:disabled { - color: #a7acb2; - background-color: rgba(34, 48, 62, 0.06); - border-color: #cacdd1; + color: var(--bs-secondary-color); + background-color: rgba(var(--bs-base-color-rgb), 0.06); + border-color: rgba(var(--bs-base-color-rgb), 0.24); opacity: 1; } - .form-control::file-selector-button { padding: 0.543rem 0.9375rem; margin: -0.543rem -0.9375rem; margin-inline-end: 0.9375rem; - color: #384551; - background-color: rgba(0, 0, 0, 0); + color: var(--bs-heading-color); + background-color: transparent; pointer-events: none; border-color: inherit; border-style: solid; @@ -2974,13 +2687,11 @@ progress { border-radius: 0; transition: all 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } - .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: rgba(0, 0, 0, 0.05); } @@ -2991,16 +2702,14 @@ progress { padding: 0.543rem 0; margin-bottom: 0; line-height: 1.375; - color: #384551; - background-color: rgba(0, 0, 0, 0); - border: solid rgba(0, 0, 0, 0); + color: var(--bs-heading-color); + background-color: transparent; + border: solid transparent; border-width: var(--bs-border-width) 0; } - .form-control-plaintext:focus { outline: 0; } - .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; @@ -3013,7 +2722,6 @@ progress { font-size: 0.8125rem; border-radius: var(--bs-border-radius-sm); } - .form-control-sm::file-selector-button { padding: 0.3165rem 0.8125rem; margin: -0.3165rem -0.8125rem; @@ -3026,7 +2734,6 @@ progress { font-size: 1.0625rem; border-radius: var(--bs-border-radius-lg); } - .form-control-lg::file-selector-button { padding: 0.7075rem 1.3125rem; margin: -0.7075rem -1.3125rem; @@ -3036,11 +2743,9 @@ progress { textarea.form-control { min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2)); } - textarea.form-control-sm { min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); } - textarea.form-control-lg { min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); } @@ -3050,25 +2755,20 @@ textarea.form-control-lg { height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2)); padding: 0.543rem; } - .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } - .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } - .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } - .form-control-color.form-control-sm { height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); } - .form-control-color.form-control-lg { height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); } @@ -3081,46 +2781,42 @@ textarea.form-control-lg { font-size: 0.9375rem; font-weight: 400; line-height: 1.375; - color: #384551; + color: var(--bs-heading-color); appearance: none; - background-color: rgba(0, 0, 0, 0); + background-color: transparent; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.9375rem center; background-size: 22px 24px; - border: var(--bs-border-width) solid #ced1d5; + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } - .form-select:focus { - border-color: #696cff; + border-color: var(--bs-primary); outline: 0; - box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4); + box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4); } - .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.9375rem; background-image: none; } - .form-select:disabled { - color: #a7acb2; - background-color: rgba(34, 48, 62, 0.06); - border-color: #cacdd1; + color: var(--bs-secondary-color); + background-color: rgba(var(--bs-base-color-rgb), 0.06); + border-color: rgba(var(--bs-base-color-rgb), 0.24); } - .form-select:-moz-focusring { - color: rgba(0, 0, 0, 0); - text-shadow: 0 0 0 #384551; + color: transparent; + text-shadow: 0 0 0 var(--bs-heading-color); } .form-select-sm { @@ -3139,13 +2835,16 @@ textarea.form-control-lg { border-radius: var(--bs-border-radius-lg); } +[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 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23fff" fill-opacity="0.9"/%3e%3c/svg%3e'); +} + .form-check { display: block; min-height: 1.3754296875rem; padding-left: 1.8em; margin-bottom: 0.5rem; } - .form-check .form-check-input { float: left; margin-left: -1.8em; @@ -3156,7 +2855,6 @@ textarea.form-control-lg { padding-left: 0; text-align: right; } - .form-check-reverse .form-check-input { float: right; margin-right: -1.8em; @@ -3176,53 +2874,43 @@ textarea.form-control-lg { background-repeat: no-repeat; background-position: center; background-size: contain; - border: 2px solid #a7acb2; + border: 2px solid var(--bs-secondary-color); print-color-adjust: exact; } - .form-check-input[type="checkbox"] { border-radius: 0.267em; } - .form-check-input[type="radio"] { border-radius: 50%; } - .form-check-input:active { filter: brightness(90%); } - .form-check-input:focus { - border-color: #646e78; + border-color: var(--bs-body-color); outline: 0; box-shadow: none; } - .form-check-input:checked { - background-color: #696cff; - border-color: #696cff; + background-color: var(--bs-primary); + border-color: var(--bs-primary); } - .form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%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='1.6' fill='%23fff' /%3e%3c/svg%3e"); } - .form-check-input[type="checkbox"]:indeterminate { - background-color: #696cff; - border-color: #696cff; + background-color: var(--bs-primary); + border-color: var(--bs-primary); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } - .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.45; } - .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; @@ -3230,14 +2918,13 @@ textarea.form-control-lg { } .form-check-label { - color: #384551; + color: var(--bs-heading-color); cursor: pointer; } .form-switch { padding-left: 2.667em; } - .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); width: 2em; @@ -3247,27 +2934,22 @@ textarea.form-control-lg { border-radius: 2em; transition: background-position 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } - .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); } - .form-switch .form-check-input:checked { background-position: 95% center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); } - .form-switch.form-check-reverse { padding-right: 2.667em; padding-left: 0; } - .form-switch.form-check-reverse .form-check-input { margin-right: -2.667em; margin-left: 0; @@ -3283,7 +2965,6 @@ textarea.form-control-lg { clip: rect(0, 0, 0, 0); pointer-events: none; } - .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; @@ -3291,109 +2972,101 @@ textarea.form-control-lg { opacity: 0.45; } +[data-bs-theme="dark"] + .form-switch + .form-check-input:not(:checked):not(:focus) { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); +} + .form-range { width: 100%; height: 1.475rem; padding: 0; appearance: none; - background-color: rgba(0, 0, 0, 0); + background-color: transparent; } - .form-range:focus { outline: 0; } - .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #f5f5f9, 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4); + box-shadow: 0 0 0.25rem 0.05rem + color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg)); } - .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #f5f5f9, 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4); + box-shadow: 0 0 0.25rem 0.05rem + color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg)); } - .form-range::-moz-focus-outer { border: 0; } - .form-range::-webkit-slider-thumb { width: 1.375rem; height: 1.375rem; margin-top: -0.5rem; appearance: none; - background-color: #696cff; - border: 0; + background-color: var(--bs-white); + border: 0.25rem solid var(--bs-primary); border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } - .form-range::-webkit-slider-thumb:active { - background-color: #696cff; + background-color: var(--bs-white); } - .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.375rem; - color: rgba(0, 0, 0, 0); + color: transparent; cursor: pointer; - background-color: var(--bs-secondary-bg); - border-color: rgba(0, 0, 0, 0); + background-color: var(--bs-primary-bg-subtle); + border-color: transparent; border-radius: 1rem; } - .form-range::-moz-range-thumb { width: 1.375rem; height: 1.375rem; appearance: none; - background-color: #696cff; - border: 0; + background-color: var(--bs-white); + border: 0.25rem solid var(--bs-primary); border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } - .form-range::-moz-range-thumb:active { - background-color: #696cff; + background-color: var(--bs-white); } - .form-range::-moz-range-track { width: 100%; height: 0.375rem; - color: rgba(0, 0, 0, 0); + color: transparent; cursor: pointer; - background-color: var(--bs-secondary-bg); - border-color: rgba(0, 0, 0, 0); + background-color: var(--bs-primary-bg-subtle); + border-color: transparent; border-radius: 1rem; } - .form-range:disabled { pointer-events: none; } - .form-range:disabled::-webkit-slider-thumb { - background-color: #a7acb2; + background-color: var(--bs-white); } - .form-range:disabled::-moz-range-thumb { - background-color: #a7acb2; + background-color: var(--bs-white); } .form-floating { position: relative; } - .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { @@ -3401,7 +3074,6 @@ textarea.form-control-lg { min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } - .form-floating > label { position: absolute; top: 0; @@ -3414,27 +3086,23 @@ textarea.form-control-lg { text-overflow: ellipsis; white-space: nowrap; pointer-events: none; - border: var(--bs-border-width) solid rgba(0, 0, 0, 0); + border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } - .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.9375rem; } - .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { - color: rgba(0, 0, 0, 0); + color: transparent; } - .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, @@ -3442,18 +3110,15 @@ textarea.form-control-lg { 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:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, @@ -3461,7 +3126,6 @@ textarea.form-control-lg { color: rgba(var(--bs-body-color-rgb), 0.75); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } - .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, @@ -3471,27 +3135,23 @@ textarea.form-control-lg { z-index: -1; height: 1.5em; content: ""; - background-color: rgba(0, 0, 0, 0); + background-color: transparent; border-radius: var(--bs-border-radius); } - .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.75); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } - .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } - .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { - color: rgba(34, 48, 62, 0.6); + color: #7a838b; } - .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { - background-color: rgba(34, 48, 62, 0.06); + background-color: rgba(var(--bs-base-color-rgb), 0.06); } .input-group { @@ -3501,7 +3161,6 @@ textarea.form-control-lg { align-items: stretch; width: 100%; } - .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { @@ -3510,18 +3169,15 @@ textarea.form-control-lg { 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; } @@ -3533,11 +3189,12 @@ textarea.form-control-lg { font-size: 0.9375rem; font-weight: 400; line-height: 1.375; - color: #384551; + color: var(--bs-heading-color); text-align: center; white-space: nowrap; - background-color: rgba(0, 0, 0, 0); - border: var(--bs-border-width) solid #ced1d5; + background-color: transparent; + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); border-radius: var(--bs-border-radius); } @@ -3575,10 +3232,9 @@ textarea.form-control-lg { .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-end-end-radius: 0; + border-start-end-radius: 0; } - .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not( .form-floating @@ -3590,23 +3246,179 @@ textarea.form-control-lg { .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-end-end-radius: 0; + border-start-end-radius: 0; } - .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( .valid-feedback ):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-end-start-radius: 0; + border-start-start-radius: 0; } - .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-end-start-radius: 0; + border-start-start-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.3rem; + font-size: 0.8125rem; + color: var(--bs-form-valid-color); +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.379rem 0.75rem; + margin-top: 0.1rem; + font-size: 0.8125rem; + color: #fff; + background-color: var(--bs-success); + 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: var(--bs-form-valid-border-color); +} +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); +} + +.was-validated .form-select:valid, +.form-select.is-valid { + border-color: var(--bs-form-valid-border-color); +} +.was-validated .form-select:valid:focus, +.form-select.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); +} + +.was-validated .form-check-input:valid, +.form-check-input.is-valid { + border-color: var(--bs-form-valid-border-color); +} +.was-validated .form-check-input:valid:checked, +.form-check-input.is-valid:checked { + background-color: var(--bs-form-valid-color); +} +.was-validated .form-check-input:valid:focus, +.form-check-input.is-valid:focus { + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); +} +.was-validated .form-check-input:valid ~ .form-check-label, +.form-check-input.is-valid ~ .form-check-label { + color: var(--bs-form-valid-color); +} + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):valid, +.input-group > .form-control:not(:focus).is-valid, +.was-validated .input-group > .form-select:not(:focus):valid, +.input-group > .form-select:not(:focus).is-valid, +.was-validated .input-group > .form-floating:not(:focus-within):valid, +.input-group > .form-floating:not(:focus-within).is-valid { + z-index: 3; +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.3rem; + font-size: 0.8125rem; + color: var(--bs-form-invalid-color); +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.379rem 0.75rem; + margin-top: 0.1rem; + font-size: 0.8125rem; + color: #fff; + background-color: var(--bs-danger); + 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: var(--bs-form-invalid-border-color); +} +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); +} + +.was-validated .form-select:invalid, +.form-select.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} +.was-validated .form-select:invalid:focus, +.form-select.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); +} + +.was-validated .form-check-input:invalid, +.form-check-input.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} +.was-validated .form-check-input:invalid:checked, +.form-check-input.is-invalid:checked { + background-color: var(--bs-form-invalid-color); +} +.was-validated .form-check-input:invalid:focus, +.form-check-input.is-invalid:focus { + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); +} +.was-validated .form-check-input:invalid ~ .form-check-label, +.form-check-input.is-invalid ~ .form-check-label { + color: var(--bs-form-invalid-color); +} + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):invalid, +.input-group > .form-control:not(:focus).is-invalid, +.was-validated .input-group > .form-select:not(:focus):invalid, +.input-group > .form-select:not(:focus).is-invalid, +.was-validated .input-group > .form-floating:not(:focus-within):invalid, +.input-group > .form-floating:not(:focus-within).is-invalid { + z-index: 4; } .btn { @@ -3642,25 +3454,21 @@ textarea.form-control-lg { background-color: var(--bs-btn-bg); transition: all 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } - .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } - .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } - .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); @@ -3668,13 +3476,11 @@ textarea.form-control-lg { outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } - .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } - .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, @@ -3684,7 +3490,6 @@ textarea.form-control-lg { 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, @@ -3692,11 +3497,9 @@ textarea.form-control-lg { .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } - .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } - .btn:disabled, .btn.disabled, fieldset:disabled .btn { @@ -3707,6 +3510,312 @@ fieldset:disabled .btn { opacity: var(--bs-btn-disabled-opacity); } +.btn-primary { + --bs-btn-color: #fff; + --bs-btn-bg: #696cff; + --bs-btn-border-color: #696cff; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #5f61e6; + --bs-btn-hover-border-color: #5456cc; + --bs-btn-focus-shadow-rgb: 128, 130, 255; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #5f61e6; + --bs-btn-active-border-color: #4f51bf; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #696cff; + --bs-btn-disabled-border-color: #696cff; +} + +.btn-secondary { + --bs-btn-color: #fff; + --bs-btn-bg: #8592a3; + --bs-btn-border-color: #8592a3; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #788393; + --bs-btn-hover-border-color: #6a7582; + --bs-btn-focus-shadow-rgb: 151, 162, 177; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #788393; + --bs-btn-active-border-color: #646e7a; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #8592a3; + --bs-btn-disabled-border-color: #8592a3; +} + +.btn-success { + --bs-btn-color: #fff; + --bs-btn-bg: #71dd37; + --bs-btn-border-color: #71dd37; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #66c732; + --bs-btn-hover-border-color: #5ab12c; + --bs-btn-focus-shadow-rgb: 134, 226, 85; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #66c732; + --bs-btn-active-border-color: #55a629; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #71dd37; + --bs-btn-disabled-border-color: #71dd37; +} + +.btn-info { + --bs-btn-color: #fff; + --bs-btn-bg: #03c3ec; + --bs-btn-border-color: #03c3ec; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #03b0d4; + --bs-btn-hover-border-color: #029cbd; + --bs-btn-focus-shadow-rgb: 41, 204, 239; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #03b0d4; + --bs-btn-active-border-color: #0292b1; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #03c3ec; + --bs-btn-disabled-border-color: #03c3ec; +} + +.btn-warning { + --bs-btn-color: #fff; + --bs-btn-bg: #ffab00; + --bs-btn-border-color: #ffab00; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #e69a00; + --bs-btn-hover-border-color: #cc8900; + --bs-btn-focus-shadow-rgb: 255, 184, 38; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #e69a00; + --bs-btn-active-border-color: #bf8000; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #ffab00; + --bs-btn-disabled-border-color: #ffab00; +} + +.btn-danger { + --bs-btn-color: #fff; + --bs-btn-bg: #ff3e1d; + --bs-btn-border-color: #ff3e1d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #e6381a; + --bs-btn-hover-border-color: #cc3217; + --bs-btn-focus-shadow-rgb: 255, 91, 63; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #e6381a; + --bs-btn-active-border-color: #bf2f16; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #ff3e1d; + --bs-btn-disabled-border-color: #ff3e1d; +} + +.btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #dbdee0; + --bs-btn-border-color: #dbdee0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #c5c8ca; + --bs-btn-hover-border-color: #afb2b3; + --bs-btn-focus-shadow-rgb: 186, 189, 190; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c5c8ca; + --bs-btn-active-border-color: #a4a7a8; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #dbdee0; + --bs-btn-disabled-border-color: #dbdee0; +} + +.btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #2b2c40; + --bs-btn-border-color: #2b2c40; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #4b4c5d; + --bs-btn-hover-border-color: #404153; + --bs-btn-focus-shadow-rgb: 75, 76, 93; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #555666; + --bs-btn-active-border-color: #404153; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #2b2c40; + --bs-btn-disabled-border-color: #2b2c40; +} + +.btn-gray { + --bs-btn-color: #fff; + --bs-btn-bg: #91979f; + --bs-btn-border-color: #91979f; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #83888f; + --bs-btn-hover-border-color: #74797f; + --bs-btn-focus-shadow-rgb: 162, 167, 173; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #83888f; + --bs-btn-active-border-color: #6d7177; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #91979f; + --bs-btn-disabled-border-color: #91979f; +} + +.btn-outline-primary { + --bs-btn-color: #696cff; + --bs-btn-border-color: #696cff; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #696cff; + --bs-btn-hover-border-color: #696cff; + --bs-btn-focus-shadow-rgb: 105, 108, 255; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #696cff; + --bs-btn-active-border-color: #696cff; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #696cff; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #696cff; + --bs-gradient: none; +} + +.btn-outline-secondary { + --bs-btn-color: #8592a3; + --bs-btn-border-color: #8592a3; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #8592a3; + --bs-btn-hover-border-color: #8592a3; + --bs-btn-focus-shadow-rgb: 133, 146, 163; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #8592a3; + --bs-btn-active-border-color: #8592a3; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #8592a3; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #8592a3; + --bs-gradient: none; +} + +.btn-outline-success { + --bs-btn-color: #71dd37; + --bs-btn-border-color: #71dd37; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #71dd37; + --bs-btn-hover-border-color: #71dd37; + --bs-btn-focus-shadow-rgb: 113, 221, 55; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #71dd37; + --bs-btn-active-border-color: #71dd37; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #71dd37; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #71dd37; + --bs-gradient: none; +} + +.btn-outline-info { + --bs-btn-color: #03c3ec; + --bs-btn-border-color: #03c3ec; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #03c3ec; + --bs-btn-hover-border-color: #03c3ec; + --bs-btn-focus-shadow-rgb: 3, 195, 236; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #03c3ec; + --bs-btn-active-border-color: #03c3ec; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #03c3ec; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #03c3ec; + --bs-gradient: none; +} + +.btn-outline-warning { + --bs-btn-color: #ffab00; + --bs-btn-border-color: #ffab00; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #ffab00; + --bs-btn-hover-border-color: #ffab00; + --bs-btn-focus-shadow-rgb: 255, 171, 0; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #ffab00; + --bs-btn-active-border-color: #ffab00; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #ffab00; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ffab00; + --bs-gradient: none; +} + +.btn-outline-danger { + --bs-btn-color: #ff3e1d; + --bs-btn-border-color: #ff3e1d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #ff3e1d; + --bs-btn-hover-border-color: #ff3e1d; + --bs-btn-focus-shadow-rgb: 255, 62, 29; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #ff3e1d; + --bs-btn-active-border-color: #ff3e1d; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #ff3e1d; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ff3e1d; + --bs-gradient: none; +} + +.btn-outline-light { + --bs-btn-color: #dbdee0; + --bs-btn-border-color: #dbdee0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #dbdee0; + --bs-btn-hover-border-color: #dbdee0; + --bs-btn-focus-shadow-rgb: 219, 222, 224; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #dbdee0; + --bs-btn-active-border-color: #dbdee0; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #dbdee0; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #dbdee0; + --bs-gradient: none; +} + +.btn-outline-dark { + --bs-btn-color: #2b2c40; + --bs-btn-border-color: #2b2c40; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #2b2c40; + --bs-btn-hover-border-color: #2b2c40; + --bs-btn-focus-shadow-rgb: 43, 44, 64; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #2b2c40; + --bs-btn-active-border-color: #2b2c40; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #2b2c40; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #2b2c40; + --bs-gradient: none; +} + +.btn-outline-gray { + --bs-btn-color: #91979f; + --bs-btn-border-color: #91979f; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #91979f; + --bs-btn-hover-border-color: #91979f; + --bs-btn-focus-shadow-rgb: 145, 151, 159; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #91979f; + --bs-btn-active-border-color: #91979f; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #91979f; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #91979f; + --bs-gradient: none; +} + .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); @@ -3716,17 +3825,15 @@ fieldset:disabled .btn { --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: rgba(34, 48, 62, 0.6); + --bs-btn-disabled-color: #7a838b; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 128, 130, 255; text-decoration: none; } - .btn-link:focus-visible { color: var(--bs-btn-color); } - .btn-link:hover { color: var(--bs-btn-hover-color); } @@ -3750,13 +3857,11 @@ fieldset:disabled .btn { .fade { transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } - .fade:not(.show) { opacity: 0; } @@ -3770,19 +3875,16 @@ fieldset:disabled .btn { overflow: hidden; transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } - .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } - @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; @@ -3801,27 +3903,23 @@ fieldset:disabled .btn { .dropdown-toggle { white-space: nowrap; } - .dropdown-toggle::after { display: inline-block; margin-left: 0.5em; vertical-align: middle; content: ""; - margin-top: -0.29425em; - margin-left: 0.8em; - width: 0.55em; - height: 0.55em; border: 2px solid; - border-top: 0; - border-left: 0; + block-size: 0.55em; + border-block-start: 0; + border-inline-start: 0; + inline-size: 0.55em; + margin-block-start: -0.29425em; + margin-inline: 0.8em 0; transform: rotate(45deg); } - -[dir="rtl"] .dropdown-toggle::after { - margin-right: 0.8em !important; - margin-left: 0 !important; +:dir(rtl) .dropdown-toggle::after { + transform: rotate(-45deg); } - .dropdown-toggle:empty::after { margin-left: 0; } @@ -3832,25 +3930,25 @@ fieldset:disabled .btn { --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 0.8125rem; + --bs-dropdown-font-size: 0.9375rem; --bs-dropdown-color: var(--bs-body-color); - --bs-dropdown-bg: #fff; - --bs-dropdown-border-color: #e4e6e8; + --bs-dropdown-bg: var(--bs-paper-bg); + --bs-dropdown-border-color: var(--bs-border-color); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: 0; --bs-dropdown-inner-border-radius: 0; - --bs-dropdown-divider-bg: #e4e6e8; + --bs-dropdown-divider-bg: var(--bs-border-color); --bs-dropdown-divider-margin-y: 0.5rem; - --bs-dropdown-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); - --bs-dropdown-link-color: #384551; - --bs-dropdown-link-hover-color: #384551; - --bs-dropdown-link-hover-bg: rgba(34, 48, 62, 0.06); - --bs-dropdown-link-active-color: #696cff; - --bs-dropdown-link-active-bg: rgba(105, 108, 255, 0.16); - --bs-dropdown-link-disabled-color: #a7acb2; + --bs-dropdown-box-shadow: var(--bs-box-shadow-lg); + --bs-dropdown-link-color: var(--bs-heading-color); + --bs-dropdown-link-hover-color: var(--bs-heading-color); + --bs-dropdown-link-hover-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-dropdown-link-active-color: var(--bs-primary); + --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16); + --bs-dropdown-link-disabled-color: var(--bs-secondary-color); --bs-dropdown-item-padding-x: 1.25rem; --bs-dropdown-item-padding-y: 0.543rem; - --bs-dropdown-header-color: rgba(34, 48, 62, 0.6); + --bs-dropdown-header-color: var(--bs-secondary-color); --bs-dropdown-header-padding-x: 1.25rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; @@ -3868,7 +3966,6 @@ fieldset:disabled .btn { 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%; left: 0; @@ -3878,7 +3975,6 @@ fieldset:disabled .btn { .dropdown-menu-start { --bs-position: start; } - .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; @@ -3887,7 +3983,6 @@ fieldset:disabled .btn { .dropdown-menu-end { --bs-position: end; } - .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; @@ -3897,129 +3992,105 @@ fieldset:disabled .btn { .dropdown-menu-sm-start { --bs-position: start; } - .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } - .dropdown-menu-sm-end { --bs-position: end; } - .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } - @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } - .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } - .dropdown-menu-md-end { --bs-position: end; } - .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } - @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } - .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } - .dropdown-menu-lg-end { --bs-position: end; } - .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } - @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } - .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } - .dropdown-menu-xl-end { --bs-position: end; } - .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } - @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } - .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } - .dropdown-menu-xxl-end { --bs-position: end; } - .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } - .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } - .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.5em; vertical-align: middle; content: ""; - margin-top: 0.26675em; - margin-left: 0.8em; - width: 0.55em; - height: 0.55em; border: 2px solid; - border-bottom: 0; - border-left: 0; + block-size: 0.55em; + border-block-end: 0; + border-inline-start: 0; + inline-size: 0.55em; + margin-block-start: 0.26675em; + margin-inline: 0.8em 0; transform: rotate(-45deg); } - -[dir="rtl"] .dropup .dropdown-toggle::after { - margin-right: 0.8em !important; - margin-left: 0 !important; +:dir(rtl) .dropup .dropdown-toggle::after { + transform: rotate(45deg); } - .dropup .dropdown-toggle:empty::after { margin-left: 0; } @@ -4031,22 +4102,26 @@ fieldset:disabled .btn { margin-top: 0; margin-left: var(--bs-dropdown-spacer); } - .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.5em; vertical-align: middle; content: ""; - border-top: 0.55em solid rgba(0, 0, 0, 0); - border-right: 0; - border-bottom: 0.55em solid rgba(0, 0, 0, 0); - border-left: 0.55em solid; + border: 2px solid; + block-size: 0.55em; + border-block-start: 0; + border-inline-start: 0; + inline-size: 0.55em; + margin-block-start: 0; + margin-inline: 0.5em 0; + transform: rotate(-45deg); +} +:dir(rtl) .dropend .dropdown-toggle::after { + transform: rotate(-315deg); } - .dropend .dropdown-toggle:empty::after { margin-left: 0; } - .dropend .dropdown-toggle::after { vertical-align: 0; } @@ -4058,32 +4133,35 @@ fieldset:disabled .btn { margin-top: 0; margin-right: var(--bs-dropdown-spacer); } - .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.5em; vertical-align: middle; content: ""; } - .dropstart .dropdown-toggle::after { display: none; } - .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.5em; vertical-align: middle; content: ""; - border-top: 0.55em solid rgba(0, 0, 0, 0); - border-right: 0.55em solid; - border-bottom: 0.55em solid rgba(0, 0, 0, 0); + border: 2px solid; + block-size: 0.55em; + border-block-start: 0; + border-inline-end: 0; + inline-size: 0.55em; + margin-block-start: 0; + margin-inline: 0 0.5em; + transform: rotate(45deg); +} +:dir(rtl) .dropstart .dropdown-toggle::before { + transform: rotate(315deg); } - .dropstart .dropdown-toggle:empty::after { margin-left: 0; } - .dropstart .dropdown-toggle::before { vertical-align: 0; } @@ -4105,29 +4183,26 @@ fieldset:disabled .btn { color: var(--bs-dropdown-link-color); text-align: inherit; white-space: nowrap; - background-color: rgba(0, 0, 0, 0); + 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: rgba(0, 0, 0, 0); + background-color: transparent; } .dropdown-menu.show { @@ -4151,18 +4226,18 @@ fieldset:disabled .btn { } .dropdown-menu-dark { - --bs-dropdown-color: rgba(34, 48, 62, 0.3); - --bs-dropdown-bg: rgba(34, 48, 62, 0.8); - --bs-dropdown-border-color: #e4e6e8; + --bs-dropdown-color: #bdc1c5; + --bs-dropdown-bg: #4e5965; + --bs-dropdown-border-color: var(--bs-border-color); --bs-dropdown-box-shadow: ; - --bs-dropdown-link-color: rgba(34, 48, 62, 0.3); + --bs-dropdown-link-color: #bdc1c5; --bs-dropdown-link-hover-color: #fff; - --bs-dropdown-divider-bg: #e4e6e8; + --bs-dropdown-divider-bg: var(--bs-border-color); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); - --bs-dropdown-link-active-color: #696cff; - --bs-dropdown-link-active-bg: rgba(105, 108, 255, 0.16); - --bs-dropdown-link-disabled-color: rgba(34, 48, 62, 0.5); - --bs-dropdown-header-color: rgba(34, 48, 62, 0.5); + --bs-dropdown-link-active-color: var(--bs-primary); + --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16); + --bs-dropdown-link-disabled-color: #91979f; + --bs-dropdown-header-color: #91979f; } .btn-group, @@ -4171,13 +4246,11 @@ fieldset:disabled .btn { display: inline-flex; vertical-align: middle; } - .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } - .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, @@ -4198,7 +4271,6 @@ fieldset:disabled .btn { flex-wrap: wrap; justify-content: flex-start; } - .btn-toolbar .input-group { width: auto; } @@ -4206,37 +4278,32 @@ fieldset:disabled .btn { .btn-group { border-radius: var(--bs-border-radius); } - .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(var(--bs-border-width) * -1); } - .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-end-end-radius: 0; + border-start-end-radius: 0; } - .btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-end-start-radius: 0; + border-start-start-radius: 0; } .dropdown-toggle-split { padding-right: 0.9375rem; padding-left: 0.9375rem; } - .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } - .dropstart .dropdown-toggle-split::before { margin-right: 0; } @@ -4258,23 +4325,19 @@ fieldset:disabled .btn { align-items: flex-start; justify-content: center; } - .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } - .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } - .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; @@ -4286,9 +4349,9 @@ fieldset:disabled .btn { --bs-nav-link-padding-y: 0.5435rem; --bs-nav-link-font-size: 0.9375rem; --bs-nav-link-font-weight: 500; - --bs-nav-link-color: #384551; - --bs-nav-link-hover-color: var(--bs-link-hover-color); - --bs-nav-link-disabled-color: #a7acb2; + --bs-nav-link-color: var(--bs-heading-color); + --bs-nav-link-hover-color: var(--bs-primary); + --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; @@ -4307,23 +4370,19 @@ fieldset:disabled .btn { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } - .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } - .nav-link:focus-visible { outline: 0; - box-shadow: 0 0 0 0.15rem rgba(34, 48, 62, 0.75); + box-shadow: 0 0 0 0.15rem rgba(100, 110, 120, 0.75); } - .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); @@ -4333,37 +4392,33 @@ fieldset:disabled .btn { .nav-tabs { --bs-nav-tabs-border-width: 0; - --bs-nav-tabs-border-color: #e4e6e8; + --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) - var(--bs-secondary-bg) #e4e6e8; - --bs-nav-tabs-link-active-color: #696cff; - --bs-nav-tabs-link-active-bg: #fff; - --bs-nav-tabs-link-active-border-color: #696cff; + var(--bs-secondary-bg) var(--bs-border-color); + --bs-nav-tabs-link-active-color: var(--bs-primary); + --bs-nav-tabs-link-active-bg: transparent; + --bs-nav-tabs-link-active-border-color: var(--bs-primary); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } - .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); - border: var(--bs-nav-tabs-border-width) solid rgba(0, 0, 0, 0); + border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } - .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } - .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; @@ -4372,14 +4427,12 @@ fieldset:disabled .btn { .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); - --bs-nav-pills-link-active-color: #fff; - --bs-nav-pills-link-active-bg: transparent; + --bs-nav-pills-link-active-color: var(--bs-white); + --bs-nav-pills-link-active-bg: var(--bs-primary); } - .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } - .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); @@ -4392,18 +4445,15 @@ fieldset:disabled .btn { --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } - .nav-underline .nav-link { padding-right: 0; padding-left: 0; - border-bottom: var(--bs-nav-underline-border-width) solid rgba(0, 0, 0, 0); + border-bottom: var(--bs-nav-underline-border-width) solid transparent; } - .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } - .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; @@ -4432,7 +4482,6 @@ fieldset:disabled .btn { .tab-content > .tab-pane { display: none; } - .tab-content > .active { display: block; } @@ -4440,23 +4489,23 @@ fieldset:disabled .btn { .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; - --bs-navbar-color: rgba(34, 48, 62, 0.5); - --bs-navbar-hover-color: #646e78; - --bs-navbar-disabled-color: rgba(34, 48, 62, 0.3); - --bs-navbar-active-color: #646e78; + --bs-navbar-color: var(--bs-heading-color); + --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); + --bs-navbar-disabled-color: var(--bs-secondary-color); + --bs-navbar-active-color: var(--bs-heading-color); --bs-navbar-brand-padding-y: 0.4575625rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.0625rem; - --bs-navbar-brand-color: #646e78; - --bs-navbar-brand-hover-color: #646e78; + --bs-navbar-brand-color: var(--bs-heading-color); + --bs-navbar-brand-hover-color: var(--bs-heading-color); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0; --bs-navbar-toggler-padding-x: 0; - --bs-navbar-toggler-font-size: 0.75rem; - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12%29-Navbar' transform='translate%28-1174.000000, -1290.000000%29'%3E%3Cg id='Group' transform='translate%281174.000000, 1288.000000%29'%3E%3Cg id='Icon-Color' transform='translate%280.000000, 2.000000%29'%3E%3Cuse fill='rgba%2834, 48, 62, 0.5%29' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba%2834, 48, 62, 0.5%29' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - --bs-navbar-toggler-border-color: rgba(34, 48, 62, 0.06); + --bs-navbar-toggler-font-size: 1rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='var%28--bs-heading-color%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); + --bs-navbar-toggler-border-color: transparent; --bs-navbar-toggler-border-radius: var(--bs-border-radius); - --bs-navbar-toggler-focus-width: 0.05rem; + --bs-navbar-toggler-focus-width: 0; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; @@ -4465,7 +4514,6 @@ fieldset:disabled .btn { justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } - .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, @@ -4478,7 +4526,6 @@ fieldset:disabled .btn { align-items: center; justify-content: space-between; } - .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); @@ -4487,7 +4534,6 @@ fieldset:disabled .btn { color: var(--bs-navbar-brand-color); white-space: nowrap; } - .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); @@ -4507,12 +4553,10 @@ fieldset:disabled .btn { margin-bottom: 0; list-style: none; } - .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } - .navbar-nav .dropdown-menu { position: static; } @@ -4522,7 +4566,6 @@ fieldset:disabled .btn { padding-bottom: 0.5435rem; color: var(--bs-navbar-color); } - .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { @@ -4540,22 +4583,19 @@ fieldset:disabled .btn { font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); - background-color: rgba(0, 0, 0, 0); + background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } - @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } - .navbar-toggler:hover { text-decoration: none; } - .navbar-toggler:focus { text-decoration: none; outline: 0; @@ -4583,33 +4623,26 @@ fieldset:disabled .btn { flex-wrap: nowrap; justify-content: flex-start; } - .navbar-expand-sm .navbar-nav { flex-direction: row; } - .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } - .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } - .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } - .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } - .navbar-expand-sm .navbar-toggler { display: none; } - .navbar-expand-sm .offcanvas { position: static; z-index: auto; @@ -4617,16 +4650,14 @@ fieldset:disabled .btn { width: auto !important; height: auto !important; visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } - .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } - .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; @@ -4634,39 +4665,31 @@ fieldset:disabled .btn { overflow-y: visible; } } - @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } - .navbar-expand-md .navbar-nav { flex-direction: row; } - .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } - .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } - .navbar-expand-md .navbar-nav-scroll { overflow: visible; } - .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } - .navbar-expand-md .navbar-toggler { display: none; } - .navbar-expand-md .offcanvas { position: static; z-index: auto; @@ -4674,16 +4697,14 @@ fieldset:disabled .btn { width: auto !important; height: auto !important; visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } - .navbar-expand-md .offcanvas .offcanvas-header { display: none; } - .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; @@ -4691,39 +4712,31 @@ fieldset:disabled .btn { overflow-y: visible; } } - @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } - .navbar-expand-lg .navbar-nav { flex-direction: row; } - .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } - .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } - .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } - .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } - .navbar-expand-lg .navbar-toggler { display: none; } - .navbar-expand-lg .offcanvas { position: static; z-index: auto; @@ -4731,16 +4744,14 @@ fieldset:disabled .btn { width: auto !important; height: auto !important; visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } - .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } - .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; @@ -4748,39 +4759,31 @@ fieldset:disabled .btn { overflow-y: visible; } } - @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } - .navbar-expand-xl .navbar-nav { flex-direction: row; } - .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } - .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } - .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } - .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } - .navbar-expand-xl .navbar-toggler { display: none; } - .navbar-expand-xl .offcanvas { position: static; z-index: auto; @@ -4788,16 +4791,14 @@ fieldset:disabled .btn { width: auto !important; height: auto !important; visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } - .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } - .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; @@ -4805,39 +4806,31 @@ fieldset:disabled .btn { overflow-y: visible; } } - @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } - .navbar-expand-xxl .navbar-nav { flex-direction: row; } - .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } - .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } - .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } - .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } - .navbar-expand-xxl .navbar-toggler { display: none; } - .navbar-expand-xxl .offcanvas { position: static; z-index: auto; @@ -4845,16 +4838,14 @@ fieldset:disabled .btn { width: auto !important; height: auto !important; visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } - .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } - .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; @@ -4862,38 +4853,30 @@ fieldset:disabled .btn { overflow-y: visible; } } - .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } - .navbar-expand .navbar-nav { flex-direction: row; } - .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } - .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } - .navbar-expand .navbar-nav-scroll { overflow: visible; } - .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } - .navbar-expand .navbar-toggler { display: none; } - .navbar-expand .offcanvas { position: static; z-index: auto; @@ -4901,16 +4884,14 @@ fieldset:disabled .btn { width: auto !important; height: auto !important; visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } - .navbar-expand .offcanvas .offcanvas-header { display: none; } - .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; @@ -4920,34 +4901,42 @@ fieldset:disabled .btn { .navbar-dark, .navbar[data-bs-theme="dark"] { - --bs-navbar-color: rgba(255, 255, 255, 0.8); - --bs-navbar-hover-color: #fff; - --bs-navbar-disabled-color: rgba(255, 255, 255, 0.4); + --bs-navbar-color: #d5d5e2; + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --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 width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12%29-Navbar' transform='translate%28-1174.000000, -1290.000000%29'%3E%3Cg id='Group' transform='translate%281174.000000, 1288.000000%29'%3E%3Cg id='Icon-Color' transform='translate%280.000000, 2.000000%29'%3E%3Cuse fill='rgba%28255, 255, 255, 0.8%29' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba%28255, 255, 255, 0.8%29' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + --bs-navbar-toggler-border-color: transparent; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d5d5e2' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); +} + +[data-bs-theme="dark"] .navbar-toggler-icon { + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d5d5e2' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); } .card { --bs-card-spacer-y: 1.5rem; --bs-card-spacer-x: 1.5rem; --bs-card-title-spacer-y: 0.5rem; - --bs-card-title-color: #384551; - --bs-card-subtitle-color: #858d95; + --bs-card-title-color: var(--bs-heading-color); + --bs-card-subtitle-color: color-mix( + in sRGB, + var(--bs-base-color) 55%, + var(--bs-card-bg) + ); --bs-card-border-width: 0; - --bs-card-border-color: #e4e6e8; + --bs-card-border-color: var(--bs-border-color); --bs-card-border-radius: 0.375rem; - --bs-card-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-card-box-shadow: var(--bs-box-shadow); --bs-card-inner-border-radius: 0.375rem; --bs-card-cap-padding-y: 1.5rem; --bs-card-cap-padding-x: 1.5rem; --bs-card-cap-bg: transparent; - --bs-card-cap-color: #384551; + --bs-card-cap-color: var(--bs-heading-color); --bs-card-height: ; --bs-card-color: ; - --bs-card-bg: #fff; + --bs-card-bg: var(--bs-paper-bg); --bs-card-img-overlay-padding: 1.5rem; --bs-card-group-margin: 1.625rem; position: relative; @@ -4962,29 +4951,24 @@ fieldset:disabled .btn { border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } - .card > hr { margin-right: 0; margin-left: 0; } - .card > .list-group { border-top: inherit; border-bottom: inherit; } - .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } - .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } - .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; @@ -5022,7 +5006,6 @@ fieldset:disabled .btn { 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; @@ -5034,7 +5017,6 @@ fieldset:disabled .btn { 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); @@ -5046,7 +5028,6 @@ fieldset:disabled .btn { margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } - .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); @@ -5088,48 +5069,39 @@ fieldset:disabled .btn { .card-group > .card { margin-bottom: var(--bs-card-group-margin); } - @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } - .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } - .card-group > .card + .card { margin-left: 0; border-left: 0; } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-end-end-radius: 0; + border-start-end-radius: 0; } - .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-end-start-radius: 0; + border-start-start-radius: 0; } - .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; @@ -5137,27 +5109,27 @@ fieldset:disabled .btn { } .accordion { - --bs-accordion-color: #646e78; - --bs-accordion-bg: #fff; + --bs-accordion-color: var(--bs-body-color); + --bs-accordion-bg: var(--bs-paper-bg); --bs-accordion-transition: all 0.2s ease-in-out, border-radius 0.15s ease; - --bs-accordion-border-color: #e4e6e8; + --bs-accordion-border-color: var(--bs-paper-bg); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: 0.375rem; --bs-accordion-inner-border-radius: 0.375rem; - --bs-accordion-btn-padding-x: 1.5rem; - --bs-accordion-btn-padding-y: 0.793rem; + --bs-accordion-btn-padding-x: 1.4375rem; + --bs-accordion-btn-padding-y: 0.7305rem; --bs-accordion-btn-color: #384551; --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23384551' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; - --bs-accordion-btn-icon-transform: rotate(180deg); + --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 width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23384551' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: none; - --bs-accordion-body-padding-x: 1.25rem; - --bs-accordion-body-padding-y: 1.25rem; + --bs-accordion-body-padding-x: 1.1875rem; + --bs-accordion-body-padding-y: 1.1875rem; --bs-accordion-active-color: #384551; - --bs-accordion-active-bg: #fff; + --bs-accordion-active-bg: var(--bs-paper-bg); } .accordion-button { @@ -5175,25 +5147,21 @@ fieldset:disabled .btn { overflow-anchor: none; transition: var(--bs-accordion-transition); } - @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } - .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } - .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } - .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); @@ -5205,17 +5173,14 @@ fieldset:disabled .btn { background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } - @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } - .accordion-button:hover { z-index: 2; } - .accordion-button:focus { z-index: 3; outline: 0; @@ -5232,31 +5197,25 @@ fieldset:disabled .btn { border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } - .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } - .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } - .accordion-item:not(:first-of-type) { border-top: 0; } - .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } - .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } - .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); @@ -5271,15 +5230,12 @@ fieldset:disabled .btn { border-left: 0; border-radius: 0; } - .accordion-flush > .accordion-item:first-child { border-top: 0; } - .accordion-flush > .accordion-item:last-child { border-bottom: 0; } - .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item @@ -5287,20 +5243,24 @@ fieldset:disabled .btn { .accordion-button.collapsed { border-radius: 0; } - .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; } +[data-bs-theme="dark"] .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23d5d5e2' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23d5d5e2' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); +} + .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: transparent; --bs-breadcrumb-border-radius: ; - --bs-breadcrumb-divider-color: #646e78; + --bs-breadcrumb-divider-color: var(--bs-body-color); --bs-breadcrumb-item-padding-x: 0.5rem; - --bs-breadcrumb-item-active-color: #384551; + --bs-breadcrumb-item-active-color: var(--bs-heading-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); @@ -5314,17 +5274,13 @@ fieldset:disabled .btn { .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } - .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); - content: var( - --bs-breadcrumb-divider, - "/" - ); /* rtl: var(--bs-breadcrumb-divider, "\\") */ + content: var(--bs-breadcrumb-divider, "/") + /* rtl: var(--bs-breadcrumb-divider, "\\") */; } - .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } @@ -5333,23 +5289,23 @@ fieldset:disabled .btn { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.4809rem; --bs-pagination-font-size: 0.9375rem; - --bs-pagination-color: #384551; - --bs-pagination-bg: rgba(34, 48, 62, 0.06); + --bs-pagination-color: var(--bs-heading-color); + --bs-pagination-bg: rgba(var(--bs-base-color-rgb), 0.06); --bs-pagination-border-width: 1px; - --bs-pagination-border-color: #ced1d5; + --bs-pagination-border-color: rgba(34, 48, 62, 0.22); --bs-pagination-border-radius: 50%; - --bs-pagination-hover-color: #384551; - --bs-pagination-hover-bg: rgba(34, 48, 62, 0.06); - --bs-pagination-hover-border-color: #ced1d5; - --bs-pagination-focus-color: #384551; - --bs-pagination-focus-bg: rgba(34, 48, 62, 0.06); + --bs-pagination-hover-color: var(--bs-primary); + --bs-pagination-hover-bg: var(--bs-primary-bg-subtle); + --bs-pagination-hover-border-color: rgba(34, 48, 62, 0.22); + --bs-pagination-focus-color: var(--bs-primary); + --bs-pagination-focus-bg: var(--bs-primary-bg-subtle); --bs-pagination-focus-box-shadow: none; - --bs-pagination-active-color: #fff; - --bs-pagination-active-bg: #696cff; - --bs-pagination-active-border-color: #696cff; - --bs-pagination-disabled-color: #384551; - --bs-pagination-disabled-bg: rgba(34, 48, 62, 0.06); - --bs-pagination-disabled-border-color: #ced1d5; + --bs-pagination-active-color: var(--bs-white); + --bs-pagination-active-bg: var(--bs-primary); + --bs-pagination-active-border-color: var(--bs-primary); + --bs-pagination-disabled-color: var(--bs-heading-color); + --bs-pagination-disabled-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-pagination-disabled-border-color: rgba(34, 48, 62, 0.22); display: flex; padding-left: 0; list-style: none; @@ -5367,20 +5323,17 @@ fieldset:disabled .btn { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } - .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } - .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); @@ -5388,7 +5341,6 @@ fieldset:disabled .btn { outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } - .page-link.active, .active > .page-link { z-index: 3; @@ -5396,7 +5348,6 @@ fieldset:disabled .btn { 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); @@ -5408,7 +5359,6 @@ fieldset:disabled .btn { .page-item:not(:first-child) .page-link { margin-left: 0.375rem; } - .page-item .page-link { border-radius: var(--bs-pagination-border-radius); } @@ -5445,7 +5395,6 @@ fieldset:disabled .btn { vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } - .badge:empty { display: none; } @@ -5486,7 +5435,6 @@ fieldset:disabled .btn { .alert-dismissible { padding-right: 3rem; } - .alert-dismissible .btn-close { position: absolute; top: 0; @@ -5563,7 +5511,6 @@ fieldset:disabled .btn { background-position-x: 0.375rem; } } - .progress, .progress-stacked { --bs-progress-height: 0.375rem; @@ -5571,7 +5518,7 @@ fieldset:disabled .btn { --bs-progress-bg: rgba(34, 48, 62, 0.08); --bs-progress-border-radius: 50rem; --bs-progress-box-shadow: var(--bs-box-shadow-inset); - --bs-progress-bar-color: #fff; + --bs-progress-bar-color: var(--bs-white); --bs-progress-bar-bg: #696cff; --bs-progress-bar-transition: width 0.6s ease; display: flex; @@ -5593,7 +5540,6 @@ fieldset:disabled .btn { background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } - @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; @@ -5625,7 +5571,6 @@ fieldset:disabled .btn { .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } - @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; @@ -5633,23 +5578,23 @@ fieldset:disabled .btn { } .list-group { - --bs-list-group-color: #384551; + --bs-list-group-color: var(--bs-heading-color); --bs-list-group-bg: transparent; - --bs-list-group-border-color: #e4e6e8; + --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: 0.375rem; --bs-list-group-item-padding-x: 1.25rem; --bs-list-group-item-padding-y: 0.5rem; - --bs-list-group-action-color: #384551; - --bs-list-group-action-hover-color: #384551; - --bs-list-group-action-hover-bg: rgba(34, 48, 62, 0.06); - --bs-list-group-action-active-color: #384551; - --bs-list-group-action-active-bg: rgba(34, 48, 62, 0.06); - --bs-list-group-disabled-color: #a7acb2; + --bs-list-group-action-color: var(--bs-primary); + --bs-list-group-action-hover-color: var(--bs-primary); + --bs-list-group-action-hover-bg: rgba(var(--bs-base-color), 0.06); + --bs-list-group-action-active-color: var(--bs-primary); + --bs-list-group-action-active-bg: rgba(var(--bs-base-color), 0.06); + --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: transparent; - --bs-list-group-active-color: #384551; - --bs-list-group-active-bg: rgba(105, 108, 255, 0.16); - --bs-list-group-active-border-color: #e4e6e8; + --bs-list-group-active-color: var(--bs-primary); + --bs-list-group-active-bg: var(--bs-primary-bg-subtle); + --bs-list-group-active-border-color: var(--bs-border-color); display: flex; flex-direction: column; padding-left: 0; @@ -5661,7 +5606,6 @@ fieldset:disabled .btn { list-style-type: none; counter-reset: section; } - .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; @@ -5672,7 +5616,6 @@ fieldset:disabled .btn { color: var(--bs-list-group-action-color); text-align: inherit; } - .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; @@ -5680,7 +5623,6 @@ fieldset:disabled .btn { 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); @@ -5696,35 +5638,29 @@ fieldset:disabled .btn { border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } - .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } - .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } - .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } - .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } - .list-group-item + .list-group-item { border-top-width: 0; } - .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); @@ -5733,26 +5669,21 @@ fieldset:disabled .btn { .list-group-horizontal { flex-direction: row; } - .list-group-horizontal > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; + border-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; } - .list-group-horizontal > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; } - .list-group-horizontal > .list-group-item.active { margin-top: 0; } - .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } - .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); @@ -5762,160 +5693,128 @@ fieldset:disabled .btn { .list-group-horizontal-sm { flex-direction: row; } - .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; + border-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; } - .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; } - .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } - @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } - .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; + border-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; } - .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; } - .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } - @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } - .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; + border-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; } - .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; } - .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } - @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } - .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; + border-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; } - .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; } - .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } - @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } - .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; + border-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; } - .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; } - .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } - .list-group-flush { border-radius: 0; } - .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } - .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } @@ -6051,25 +5950,21 @@ fieldset:disabled .btn { height: 0.8em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); - background: rgba(0, 0, 0, 0) var(--bs-btn-close-bg) center/0.8em auto - no-repeat; + background: transparent var(--bs-btn-close-bg) center/0.8em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } - .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } - .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } - .btn-close:disabled, .btn-close.disabled { pointer-events: none; @@ -6081,6 +5976,10 @@ fieldset:disabled .btn { filter: var(--bs-btn-close-white-filter); } +[data-bs-theme="dark"] .btn-close { + filter: var(--bs-btn-close-white-filter); +} + .toast { --bs-toast-zindex: 1095; --bs-toast-padding-x: 1.25rem; @@ -6089,12 +5988,12 @@ fieldset:disabled .btn { --bs-toast-max-width: 350px; --bs-toast-font-size: 0.9375rem; --bs-toast-color: ; - --bs-toast-bg: #fff; + --bs-toast-bg: var(--bs-paper-bg-rgb); --bs-toast-border-width: 0; - --bs-toast-border-color: rgba(34, 48, 62, 0.1); + --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: 0.5rem; - --bs-toast-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); - --bs-toast-header-color: #646e78; + --bs-toast-box-shadow: var(--bs-floating-component-shadow); + --bs-toast-header-color: var(--bs-body-color); --bs-toast-header-bg: transparent; --bs-toast-header-border-color: transparent; width: var(--bs-toast-max-width); @@ -6108,11 +6007,9 @@ fieldset:disabled .btn { box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } - .toast.showing { opacity: 0; } - .toast:not(.show) { display: none; } @@ -6125,7 +6022,6 @@ fieldset:disabled .btn { max-width: 100%; pointer-events: none; } - .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } @@ -6146,7 +6042,6 @@ fieldset:disabled .btn { var(--bs-toast-border-radius) - var(--bs-toast-border-width) ); } - .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); @@ -6163,22 +6058,22 @@ fieldset:disabled .btn { --bs-modal-padding: 1.5rem; --bs-modal-margin: 1.5rem; --bs-modal-color: ; - --bs-modal-bg: #fff; - --bs-modal-border-color: #e4e6e8; - --bs-modal-border-width: 0px; - --bs-modal-border-radius: 0.5rem; - --bs-modal-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); - --bs-modal-inner-border-radius: calc(0.5rem - 0px); - --bs-modal-header-padding-x: 0rem; + --bs-modal-bg: var(--bs-paper-bg); + --bs-modal-border-color: var(--bs-border-color); + --bs-modal-border-width: 0; + --bs-modal-border-radius: var(--bs-border-radius-lg); + --bs-modal-box-shadow: var(--bs-box-shadow-lg); + --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0); + --bs-modal-header-padding-x: 0; --bs-modal-header-padding-y: 1.5rem; - --bs-modal-header-padding: 1.5rem 1.5rem 0rem; + --bs-modal-header-padding: 1.5rem 1.5rem 0; --bs-modal-header-border-color: var(--bs-border-color); - --bs-modal-header-border-width: 0px; + --bs-modal-header-border-width: 0; --bs-modal-title-line-height: 1.375; --bs-modal-footer-gap: 1rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); - --bs-modal-footer-border-width: 0px; + --bs-modal-footer-border-width: 0; position: fixed; top: 0; left: 0; @@ -6197,22 +6092,18 @@ fieldset:disabled .btn { margin: var(--bs-modal-margin); pointer-events: none; } - .modal.fade .modal-dialog { transition: transform 0.15s ease-out; transform: translateY(-100px) scale(0.8); } - @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } - .modal.show .modal-dialog { transform: translateY(0) scale(1); } - .modal.modal-static .modal-dialog { transform: scale(1.02); } @@ -6220,12 +6111,10 @@ fieldset:disabled .btn { .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; } @@ -6262,11 +6151,9 @@ fieldset:disabled .btn { height: 100vh; background-color: var(--bs-backdrop-bg); } - .modal-backdrop.fade { opacity: 0; } - .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } @@ -6281,7 +6168,6 @@ fieldset:disabled .btn { border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } - .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); @@ -6314,7 +6200,6 @@ fieldset:disabled .btn { border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } - .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @@ -6322,51 +6207,43 @@ fieldset:disabled .btn { @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; - --bs-modal-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-modal-box-shadow: var(--bs-box-shadow-lg); } - .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } - .modal-sm { --bs-modal-width: 22.5rem; } } - @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 50rem; } } - @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; } @@ -6378,23 +6255,19 @@ fieldset:disabled .btn { 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; @@ -6402,23 +6275,19 @@ fieldset:disabled .btn { 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; @@ -6426,23 +6295,19 @@ fieldset:disabled .btn { 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; @@ -6450,23 +6315,19 @@ fieldset:disabled .btn { height: 100%; margin: 0; } - .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } - .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } - @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; @@ -6474,23 +6335,19 @@ fieldset:disabled .btn { height: 100%; margin: 0; } - .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } - .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } - .tooltip { --bs-tooltip-zindex: 1099; --bs-tooltip-max-width: 200px; @@ -6498,8 +6355,8 @@ fieldset:disabled .btn { --bs-tooltip-padding-y: 0.379rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.8125rem; - --bs-tooltip-color: #fff; - --bs-tooltip-bg: #22303e; + --bs-tooltip-color: var(--bs-paper-bg); + --bs-tooltip-bg: var(--bs-base-color); --bs-tooltip-border-radius: 0.25rem; --bs-tooltip-opacity: 1; --bs-tooltip-arrow-width: 0.75rem; @@ -6525,21 +6382,18 @@ fieldset:disabled .btn { 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: rgba(0, 0, 0, 0); + border-color: transparent; border-style: solid; } @@ -6547,7 +6401,6 @@ fieldset:disabled .btn { .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } - .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; @@ -6556,13 +6409,13 @@ fieldset:disabled .btn { border-top-color: var(--bs-tooltip-bg); } +/* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } - .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; @@ -6571,11 +6424,11 @@ fieldset:disabled .btn { border-right-color: var(--bs-tooltip-bg); } +/* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } - .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; @@ -6584,13 +6437,13 @@ fieldset:disabled .btn { border-bottom-color: var(--bs-tooltip-bg); } +/* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } - .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; @@ -6599,6 +6452,7 @@ fieldset:disabled .btn { border-left-color: var(--bs-tooltip-bg); } +/* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); @@ -6612,18 +6466,20 @@ fieldset:disabled .btn { --bs-popover-zindex: 1091; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.9375rem; - --bs-popover-bg: #fff; - --bs-popover-border-width: 0px; - --bs-popover-border-color: var(--bs-border-color-translucent); + --bs-popover-bg: var(--bs-paper-bg); + --bs-popover-border-width: var(--bs-border-width); + --bs-popover-border-color: var(--bs-gray-100); --bs-popover-border-radius: var(--bs-border-radius-lg); - --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - 0px); - --bs-popover-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-popover-inner-border-radius: calc( + var(--bs-border-radius-lg) - var(--bs-border-width) + ); + --bs-popover-box-shadow: var(--bs-box-shadow-lg); --bs-popover-header-padding-x: 1.125rem; - --bs-popover-header-padding-y: 0; + --bs-popover-header-padding-y: 0.625rem; --bs-popover-header-font-size: 1.125rem; - --bs-popover-header-color: #384551; - --bs-popover-header-bg: transparent; - --bs-popover-body-padding-x: 1.125rem; + --bs-popover-header-color: var(--bs-heading-color); + --bs-popover-header-bg: var(--bs-paper-bg); + --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1.125rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; @@ -6653,19 +6509,17 @@ fieldset:disabled .btn { 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: rgba(0, 0, 0, 0); + border-color: transparent; border-style: solid; border-width: 0; } @@ -6676,7 +6530,6 @@ fieldset:disabled .btn { -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, @@ -6684,19 +6537,18 @@ fieldset:disabled .btn { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } - .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } - .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } +/* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc( @@ -6705,7 +6557,6 @@ fieldset:disabled .btn { 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, @@ -6713,26 +6564,24 @@ fieldset:disabled .btn { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } - .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } - .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } +/* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc( -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width) ); } - .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, @@ -6740,19 +6589,16 @@ fieldset:disabled .btn { 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; @@ -6766,6 +6612,7 @@ fieldset:disabled .btn { var(--bs-popover-header-bg); } +/* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc( @@ -6774,7 +6621,6 @@ fieldset:disabled .btn { 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, @@ -6782,19 +6628,18 @@ fieldset:disabled .btn { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } - .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } - .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } +/* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; @@ -6806,7 +6651,6 @@ fieldset:disabled .btn { border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } - .popover-header:empty { display: none; } @@ -6829,7 +6673,6 @@ fieldset:disabled .btn { width: 100%; overflow: hidden; } - .carousel-inner::after { display: block; clear: both; @@ -6845,7 +6688,6 @@ fieldset:disabled .btn { backface-visibility: hidden; transition: transform 0.6s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; @@ -6873,21 +6715,18 @@ fieldset:disabled .btn { transition-property: opacity; transform: none; } - .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } - .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } - @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { @@ -6906,26 +6745,24 @@ fieldset:disabled .btn { justify-content: center; width: 14%; padding: 0; - color: #fff; + color: var(--bs-white); text-align: center; background: none; border: 0; opacity: 1; transition: opacity 0.15s ease; } - @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } - .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { - color: #fff; + color: var(--bs-white); text-decoration: none; outline: 0; opacity: 1; @@ -6950,11 +6787,13 @@ fieldset:disabled .btn { } .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23fff;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E"); /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23fff;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E")*/ + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E") + /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E")*/; } .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23fff;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E"); /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23fff;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E")*/ + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E") + /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E")*/; } .carousel-indicators { @@ -6970,7 +6809,6 @@ fieldset:disabled .btn { margin-bottom: 1rem; margin-left: 14%; } - .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; @@ -6984,18 +6822,16 @@ fieldset:disabled .btn { background-color: #fff; background-clip: padding-box; border: 0; - border-top: 10px solid rgba(0, 0, 0, 0); - border-bottom: 10px solid rgba(0, 0, 0, 0); + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } - @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } - .carousel-indicators .active { opacity: 1; } @@ -7015,15 +6851,28 @@ fieldset:disabled .btn { .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } - .carousel-dark .carousel-indicators [data-bs-target] { background-color: #22303e; } - .carousel-dark .carousel-caption { color: #22303e; } +[data-bs-theme="dark"] .carousel .carousel-control-prev-icon, +[data-bs-theme="dark"] .carousel .carousel-control-next-icon, +[data-bs-theme="dark"].carousel .carousel-control-prev-icon, +[data-bs-theme="dark"].carousel .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], +[data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { + background-color: #22303e; +} +[data-bs-theme="dark"] .carousel .carousel-caption, +[data-bs-theme="dark"].carousel .carousel-caption { + color: #22303e; +} + .spinner-grow, .spinner-border { display: inline-block; @@ -7037,10 +6886,9 @@ fieldset:disabled .btn { @keyframes spinner-border { to { - transform: rotate(360deg); /* rtl:ignore */ + transform: rotate(360deg) /* rtl:ignore */; } } - .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; @@ -7049,7 +6897,7 @@ fieldset:disabled .btn { --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; - border-right-color: rgba(0, 0, 0, 0); + border-right-color: transparent; } .spinner-border-sm { @@ -7062,13 +6910,11 @@ fieldset:disabled .btn { 0% { transform: scale(0); } - 50% { opacity: 1; transform: none; } } - .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; @@ -7090,7 +6936,6 @@ fieldset:disabled .btn { --bs-spinner-animation-speed: 1.5s; } } - .offcanvas, .offcanvas-xxl, .offcanvas-xl, @@ -7103,10 +6948,10 @@ fieldset:disabled .btn { --bs-offcanvas-padding-x: 1.5rem; --bs-offcanvas-padding-y: 1.5rem; --bs-offcanvas-color: var(--bs-body-color); - --bs-offcanvas-bg: #fff; - --bs-offcanvas-border-width: 0px; - --bs-offcanvas-border-color: #e4e6e8; - --bs-offcanvas-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-offcanvas-bg: var(--bs-paper-bg); + --bs-offcanvas-border-width: 0; + --bs-offcanvas-border-color: var(--bs-border-color); + --bs-offcanvas-box-shadow: var(--bs-box-shadow-lg); --bs-offcanvas-transition: transform 0.25s ease-in-out; --bs-offcanvas-title-line-height: 1.375; } @@ -7127,13 +6972,11 @@ fieldset:disabled .btn { transition: var(--bs-offcanvas-transition); } } - @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } - @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; @@ -7143,7 +6986,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(-100%); } - .offcanvas-sm.offcanvas-end { top: 0; right: 0; @@ -7152,7 +6994,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(100%); } - .offcanvas-sm.offcanvas-top { top: 0; right: 0; @@ -7163,7 +7004,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(-100%); } - .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; @@ -7173,36 +7013,31 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(100%); } - .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } - .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } - @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } - .offcanvas-sm .offcanvas-header { display: none; } - .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } } @@ -7222,13 +7057,11 @@ fieldset:disabled .btn { transition: var(--bs-offcanvas-transition); } } - @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } - @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; @@ -7238,7 +7071,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(-100%); } - .offcanvas-md.offcanvas-end { top: 0; right: 0; @@ -7247,7 +7079,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(100%); } - .offcanvas-md.offcanvas-top { top: 0; right: 0; @@ -7258,7 +7089,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(-100%); } - .offcanvas-md.offcanvas-bottom { right: 0; left: 0; @@ -7268,36 +7098,31 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(100%); } - .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } - .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } - @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } - .offcanvas-md .offcanvas-header { display: none; } - .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } } @@ -7317,13 +7142,11 @@ fieldset:disabled .btn { transition: var(--bs-offcanvas-transition); } } - @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } - @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; @@ -7333,7 +7156,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(-100%); } - .offcanvas-lg.offcanvas-end { top: 0; right: 0; @@ -7342,7 +7164,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(100%); } - .offcanvas-lg.offcanvas-top { top: 0; right: 0; @@ -7353,7 +7174,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(-100%); } - .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; @@ -7363,36 +7183,31 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(100%); } - .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } - .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } - @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } - .offcanvas-lg .offcanvas-header { display: none; } - .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } } @@ -7412,13 +7227,11 @@ fieldset:disabled .btn { transition: var(--bs-offcanvas-transition); } } - @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } - @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; @@ -7428,7 +7241,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(-100%); } - .offcanvas-xl.offcanvas-end { top: 0; right: 0; @@ -7437,7 +7249,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(100%); } - .offcanvas-xl.offcanvas-top { top: 0; right: 0; @@ -7448,7 +7259,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(-100%); } - .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; @@ -7458,36 +7268,31 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(100%); } - .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } - .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } - @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } - .offcanvas-xl .offcanvas-header { display: none; } - .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } } @@ -7507,13 +7312,11 @@ fieldset:disabled .btn { transition: var(--bs-offcanvas-transition); } } - @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } - @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; @@ -7523,7 +7326,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(-100%); } - .offcanvas-xxl.offcanvas-end { top: 0; right: 0; @@ -7532,7 +7334,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(100%); } - .offcanvas-xxl.offcanvas-top { top: 0; right: 0; @@ -7543,7 +7344,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(-100%); } - .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; @@ -7553,36 +7353,31 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(100%); } - .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } - .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } - @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } - .offcanvas-xxl .offcanvas-header { display: none; } - .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important; + background-color: transparent !important; } } @@ -7600,13 +7395,11 @@ fieldset:disabled .btn { outline: 0; transition: var(--bs-offcanvas-transition); } - @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } - .offcanvas.offcanvas-start { top: 0; left: 0; @@ -7615,7 +7408,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(-100%); } - .offcanvas.offcanvas-end { top: 0; right: 0; @@ -7624,7 +7416,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateX(100%); } - .offcanvas.offcanvas-top { top: 0; right: 0; @@ -7635,7 +7426,6 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(-100%); } - .offcanvas.offcanvas-bottom { right: 0; left: 0; @@ -7645,12 +7435,10 @@ fieldset:disabled .btn { var(--bs-offcanvas-border-color); transform: translateY(100%); } - .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } - .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { @@ -7666,11 +7454,9 @@ fieldset:disabled .btn { height: 100vh; background-color: #22303e; } - .offcanvas-backdrop.fade { opacity: 0; } - .offcanvas-backdrop.show { opacity: 0.5; } @@ -7680,7 +7466,6 @@ fieldset:disabled .btn { align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } - .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); @@ -7708,7 +7493,6 @@ fieldset:disabled .btn { background-color: currentcolor; opacity: 0.5; } - .placeholder.btn::before { display: inline-block; content: ""; @@ -7735,7 +7519,6 @@ fieldset:disabled .btn { opacity: 0.2; } } - .placeholder-wave { mask-image: linear-gradient( 130deg, @@ -7752,7 +7535,6 @@ fieldset:disabled .btn { mask-position: -200% 0%; } } - .clearfix::after { display: block; clear: both; @@ -7808,7 +7590,7 @@ fieldset:disabled .btn { } .text-bg-light { - color: #22303e !important; + color: #000 !important; background-color: RGBA( var(--bs-light-rgb), var(--bs-bg-opacity, 1) @@ -7838,7 +7620,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-primary:hover, .link-primary:focus { color: RGBA(95, 97, 230, var(--bs-link-opacity, 1)) !important; @@ -7857,7 +7638,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-secondary:hover, .link-secondary:focus { color: RGBA(120, 131, 147, var(--bs-link-opacity, 1)) !important; @@ -7876,7 +7656,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-success:hover, .link-success:focus { color: RGBA(102, 199, 50, var(--bs-link-opacity, 1)) !important; @@ -7895,7 +7674,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-info:hover, .link-info:focus { color: RGBA(3, 176, 212, var(--bs-link-opacity, 1)) !important; @@ -7914,7 +7692,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-warning:hover, .link-warning:focus { color: RGBA(230, 154, 0, var(--bs-link-opacity, 1)) !important; @@ -7933,7 +7710,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-danger:hover, .link-danger:focus { color: RGBA(230, 56, 26, var(--bs-link-opacity, 1)) !important; @@ -7952,7 +7728,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-light:hover, .link-light:focus { color: RGBA(223, 225, 227, var(--bs-link-opacity, 1)) !important; @@ -7971,7 +7746,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-dark:hover, .link-dark:focus { color: RGBA(39, 40, 58, var(--bs-link-opacity, 1)) !important; @@ -7990,14 +7764,13 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-gray:hover, .link-gray:focus { - color: RGBA(26, 36, 47, var(--bs-link-opacity, 1)) !important; + color: RGBA(131, 136, 143, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA( - 26, - 36, - 47, + 131, + 136, + 143, var(--bs-link-underline-opacity, 1) ) !important; } @@ -8012,7 +7785,6 @@ fieldset:disabled .btn { var(--bs-link-underline-opacity, 1) ) !important; } - .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA( @@ -8043,7 +7815,6 @@ fieldset:disabled .btn { text-underline-offset: 0.25em; backface-visibility: hidden; } - .icon-link > .bi { flex-shrink: 0; width: 1em; @@ -8051,7 +7822,6 @@ fieldset:disabled .btn { fill: currentcolor; transition: 0.2s ease-in-out transform; } - @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; @@ -8067,13 +7837,11 @@ fieldset:disabled .btn { position: relative; width: 100%; } - .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } - .ratio > * { position: absolute; top: 0; @@ -8132,70 +7900,60 @@ fieldset:disabled .btn { top: 0; z-index: 1020; } - .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } - @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } - .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } - @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } - .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } - @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } - .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } - @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } - .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } - .hstack { display: flex; flex-direction: row; @@ -8221,7 +7979,6 @@ fieldset:disabled .btn { white-space: nowrap !important; border: 0 !important; } - .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; @@ -8252,33 +8009,959 @@ fieldset:disabled .btn { opacity: 1; } +/* Custom colors +******************************************************************************* */ :root { - color-scheme: light; + --bs-facebook: #3b5998; + --bs-facebook-rgb: 59, 89, 152; + --bs-twitter: #1da1f2; + --bs-twitter-rgb: 29, 161, 242; + --bs-google-plus: #dd4b39; + --bs-google-plus-rgb: 221, 75, 57; + --bs-instagram: #e1306c; + --bs-instagram-rgb: 225, 48, 108; + --bs-linkedin: #0077b5; + --bs-linkedin-rgb: 0, 119, 181; + --bs-github: #384551; + --bs-github-rgb: 56, 69, 81; + --bs-dribbble: #ea4c89; + --bs-dribbble-rgb: 234, 76, 137; + --bs-pinterest: #cb2027; + --bs-pinterest-rgb: 203, 32, 39; + --bs-slack: #4a154b; + --bs-slack-rgb: 74, 21, 75; + --bs-reddit: #ff4500; + --bs-reddit-rgb: 255, 69, 0; + --bs-youtube: #f00; + --bs-youtube-rgb: 255, 0, 0; + --bs-vimeo: #1ab7ea; + --bs-vimeo-rgb: 26, 183, 234; +} +:root .bg-gradient-primary { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-primary) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-primary) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-secondary { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-secondary) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-secondary) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-success { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-success) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-success) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-info { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-info) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-info) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-warning { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-warning) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-warning) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-danger { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-danger) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-danger) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-light { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-light) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-light) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-dark { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-dark) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-dark) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-gray { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-gray) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-gray) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; } +.row-bordered { + overflow: hidden; +} +.row-bordered > .col, +.row-bordered > [class^="col-"], +.row-bordered > [class*=" col-"], +.row-bordered > [class^="col "], +.row-bordered > [class*=" col "], +.row-bordered > [class$=" col"], +.row-bordered > [class="col"] { + position: relative; + padding-block-start: 1px; +} +.row-bordered > .col::before, +.row-bordered > [class^="col-"]::before, +.row-bordered > [class*=" col-"]::before, +.row-bordered > [class^="col "]::before, +.row-bordered > [class*=" col "]::before, +.row-bordered > [class$=" col"]::before, +.row-bordered > [class="col"]::before { + position: absolute; + display: block; + block-size: 0; + border-block-start: 1px solid var(--bs-border-color); + content: ""; + inset-block-end: -1px; + inset-inline: 0; +} +.row-bordered > .col::after, +.row-bordered > [class^="col-"]::after, +.row-bordered > [class*=" col-"]::after, +.row-bordered > [class^="col "]::after, +.row-bordered > [class*=" col "]::after, +.row-bordered > [class$=" col"]::after, +.row-bordered > [class="col"]::after { + position: absolute; + display: block; + border-inline-start: 1px solid var(--bs-border-color); + content: ""; + inline-size: 0; + inset-block: 0; + inset-inline-start: -1px; +} +.row-bordered.row-border-light > .col::before, +.row-bordered.row-border-light > .col::after, +.row-bordered.row-border-light > [class^="col-"]::before, +.row-bordered.row-border-light > [class^="col-"]::after, +.row-bordered.row-border-light > [class*=" col-"]::before, +.row-bordered.row-border-light > [class*=" col-"]::after, +.row-bordered.row-border-light > [class^="col "]::before, +.row-bordered.row-border-light > [class^="col "]::after, +.row-bordered.row-border-light > [class*=" col "]::before, +.row-bordered.row-border-light > [class*=" col "]::after, +.row-bordered.row-border-light > [class$=" col"]::before, +.row-bordered.row-border-light > [class$=" col"]::after, +.row-bordered.row-border-light > [class="col"]::before, +.row-bordered.row-border-light > [class="col"]::after { + border-color: #e9eaec; +} + +.text-body-secondary[href]:hover, +.text-body-secondary[href]:focus { + color: var(--bs-body-color) !important; +} + +a.bg-dark:hover, +a.bg-dark:focus { + background-color: #384551 !important; +} + +a.bg-light:hover, +a.bg-light:focus { + background-color: #e4e6e8 !important; +} + +a.bg-lighter:hover, +a.bg-lighter:focus { + background-color: #e9eaec !important; +} + +a.bg-lightest:hover, +a.bg-lightest:focus { + background-color: #f2f3f3 !important; +} + +.text-light[href]:hover, +.text-light[href]:focus { + color: var(--bs-body-color) !important; +} + +.text-lighter[href]:hover, +.text-lighter[href]:focus { + color: var(--bs-body-color) !important; +} + +.text-lightest[href]:hover, +.text-lightest[href]:focus { + color: var(--bs-body-color) !important; +} + +.text-paper { + color: var(--bs-paper-bg) !important; +} +.text-paper[href]:hover, +.text-paper[href]:focus { + color: var(--bs-primary) !important; +} + +.text-body[href]:hover, +.text-heading[href]:hover { + color: var(--bs-primary) !important; +} + +.invert-text-white { + color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.invert-text-white[href]:hover:hover, +.invert-text-white[href]:hover:focus { + color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.invert-text-dark { + color: light-dark(#22303e, var(--bs-white)) !important; +} + +.invert-text-dark[href]:hover:hover, +.invert-text-dark[href]:hover:focus { + color: light-dark(#22303e, var(--bs-white)) !important; +} + +.invert-bg-white { + background-color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +a.invert-bg-white:hover, +a.invert-bg-white:focus { + background-color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.invert-bg-dark { + background-color: light-dark(var(--bs-gray-900), var(--bs-white)) !important; +} + +a.invert-bg-dark:hover, +a.invert-bg-dark:focus { + background-color: light-dark(var(--bs-gray-900), var(--bs-white)) !important; +} + +.invert-border-dark { + border-color: light-dark(var(--bs-dark), var(--bs-white)) !important; +} + +.invert-border-white { + border-color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.container-p-x { + padding-inline: 1rem !important; +} +@media (min-width: 992px) { + .container-p-x { + padding-inline: 1.625rem !important; + } +} + +.container-m-nx { + margin-inline: -1rem !important; +} +@media (min-width: 992px) { + .container-m-nx { + margin-inline: -1.625rem !important; + } +} + +.container-p-y:not([class^="pt-"]):not([class*=" pt-"]) { + padding-block-start: 1.5rem !important; +} +.container-p-y:not([class^="pb-"]):not([class*=" pb-"]) { + padding-block-end: 1.5rem !important; +} + +.container-m-ny:not([class^="mt-"]):not([class*=" mt-"]) { + margin-block-start: -1.5rem !important; +} +.container-m-ny:not([class^="mb-"]):not([class*=" mb-"]) { + margin-block-end: -1.5rem !important; +} + +.icon-base { + block-size: var(--bs-icon-size); + font-size: var(--bs-icon-size); + inline-size: var(--bs-icon-size); + line-height: 1; + vertical-align: middle; +} + +.icon-6px, +.icon-6px::before { + block-size: 6px !important; + font-size: 6px !important; + inline-size: 6px !important; +} + +.icon-8px, +.icon-8px::before { + block-size: 8px !important; + font-size: 8px !important; + inline-size: 8px !important; +} + +.icon-10px, +.icon-10px::before { + block-size: 10px !important; + font-size: 10px !important; + inline-size: 10px !important; +} + +.icon-12px, +.icon-12px::before { + block-size: 12px !important; + font-size: 12px !important; + inline-size: 12px !important; +} + +.icon-14px, +.icon-14px::before { + block-size: 14px !important; + font-size: 14px !important; + inline-size: 14px !important; +} + +.icon-16px, +.icon-16px::before { + block-size: 16px !important; + font-size: 16px !important; + inline-size: 16px !important; +} + +.icon-18px, +.icon-18px::before { + block-size: 18px !important; + font-size: 18px !important; + inline-size: 18px !important; +} + +.icon-20px, +.icon-20px::before { + block-size: 20px !important; + font-size: 20px !important; + inline-size: 20px !important; +} + +.icon-22px, +.icon-22px::before { + block-size: 22px !important; + font-size: 22px !important; + inline-size: 22px !important; +} + +.icon-24px, +.icon-24px::before { + block-size: 24px !important; + font-size: 24px !important; + inline-size: 24px !important; +} + +.icon-26px, +.icon-26px::before { + block-size: 26px !important; + font-size: 26px !important; + inline-size: 26px !important; +} + +.icon-28px, +.icon-28px::before { + block-size: 28px !important; + font-size: 28px !important; + inline-size: 28px !important; +} + +.icon-30px, +.icon-30px::before { + block-size: 30px !important; + font-size: 30px !important; + inline-size: 30px !important; +} + +.icon-32px, +.icon-32px::before { + block-size: 32px !important; + font-size: 32px !important; + inline-size: 32px !important; +} + +.icon-36px, +.icon-36px::before { + block-size: 36px !important; + font-size: 36px !important; + inline-size: 36px !important; +} + +.icon-40px, +.icon-40px::before { + block-size: 40px !important; + font-size: 40px !important; + inline-size: 40px !important; +} + +.icon-42px, +.icon-42px::before { + block-size: 42px !important; + font-size: 42px !important; + inline-size: 42px !important; +} + +.icon-46px, +.icon-46px::before { + block-size: 46px !important; + font-size: 46px !important; + inline-size: 46px !important; +} + +.icon-48px, +.icon-48px::before { + block-size: 48px !important; + font-size: 48px !important; + inline-size: 48px !important; +} + +.icon-xs, +.icon-xs::before { + block-size: var(--bs-icon-size-xs) !important; + font-size: var(--bs-icon-size-xs) !important; + inline-size: var(--bs-icon-size-xs) !important; +} + +.icon-sm, +.icon-sm::before { + block-size: var(--bs-icon-size-sm) !important; + font-size: var(--bs-icon-size-sm) !important; + inline-size: var(--bs-icon-size-sm) !important; +} + +.icon-md, +.icon-md::before { + block-size: var(--bs-icon-size-md) !important; + font-size: var(--bs-icon-size-md) !important; + inline-size: var(--bs-icon-size-md) !important; +} + +.icon-lg, +.icon-lg::before { + block-size: var(--bs-icon-size-lg) !important; + font-size: var(--bs-icon-size-lg) !important; + inline-size: var(--bs-icon-size-lg) !important; +} + +.icon-xl, +.icon-xl::before { + block-size: var(--bs-icon-size-xl) !important; + font-size: var(--bs-icon-size-xl) !important; + inline-size: var(--bs-icon-size-xl) !important; +} + +.cell-fit { + inline-size: 0.1%; + white-space: nowrap; +} + +:dir(rtl) .scaleX-n1-rtl { + transform: scaleX(-1) !important; +} +:dir(rtl) .translate-middle { + transform: translate(50%, -50%) !important; +} +:dir(rtl) .translate-middle-x { + transform: translateX(50%) !important; +} +:dir(rtl) .rotate { + --bs-rotate-90: rotate(-90deg); + --bs-rotate-270: rotate(-270deg); + --bs-rotate-n90: rotate(90deg); + --bs-rotate-n270: rotate(270deg); +} + +/* The color-scheme CSS property https://web.dev/color-scheme/ */ +:root { + --prefix: bs-; + --bs-pure-black: #000; + --bs-icon-size: 1.25rem; + --bs-icon-size-xs: 1rem; + --bs-icon-size-sm: 1.125rem; + --bs-icon-size-md: 1.375rem; + --bs-icon-size-lg: 1.5rem; + --bs-icon-size-xl: 2rem; + --bs-primary-contrast: var(--bs-white); + --bs-secondary-contrast: var(--bs-white); + --bs-success-contrast: var(--bs-white); + --bs-info-contrast: var(--bs-white); + --bs-warning-contrast: var(--bs-white); + --bs-danger-contrast: var(--bs-white); + --bs-light-contrast: var(--bs-pure-black); + --bs-dark-contrast: var(--bs-white); + --bs-gray-contrast: var(--bs-white); + --bs-facebook-contrast: var(--bs-white); + --bs-twitter-contrast: var(--bs-white); + --bs-google-plus-contrast: var(--bs-white); + --bs-instagram-contrast: var(--bs-white); + --bs-linkedin-contrast: var(--bs-white); + --bs-github-contrast: var(--bs-white); + --bs-dribbble-contrast: var(--bs-white); + --bs-pinterest-contrast: var(--bs-white); + --bs-slack-contrast: var(--bs-white); + --bs-reddit-contrast: var(--bs-white); + --bs-youtube-contrast: var(--bs-white); + --bs-vimeo-contrast: var(--bs-white); +} + +:root, +[data-bs-theme="light"] { + --bs-bg-label-tint-amount: 84%; + --bs-border-subtle-amount: 70%; + --bs-base-color: #22303e; + --bs-base-color-rgb: 34, 48, 62; + --bs-paper-bg: #fff; + --bs-paper-bg-rgb: 255, 255, 255; + --bs-min-contrast-ratio: 1.7; + --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-box-shadow-xs: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06); + --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-box-shadow-xl: 0 0.3125rem 1.375rem 0 rgba(34, 48, 62, 0.18); + --bs-floating-component-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-custom-link-color: var(--bs-primary); + --bs-navbar-bg: var(--bs-paper-bg); + --bs-navbar-box-shadow: 0 0 10px #e4e6e8; + --bs-navbar-border-width: 1px; + --bs-navbar-border-color: var(--bs-paper-bg); + --bs-menu-header-color: var(--bs-heading-color); + --bs-nav-box-shadow: var(--bs-box-shadow); + --bs-nav-border-color: var(--bs-paper-bg); +} + +[data-bs-theme="dark"] { + --bs-primary-contrast: var(--bs-white); + --bs-secondary-contrast: var(--bs-white); + --bs-success-contrast: var(--bs-white); + --bs-info-contrast: var(--bs-white); + --bs-warning-contrast: var(--bs-white); + --bs-danger-contrast: var(--bs-white); + --bs-light-contrast: var(--bs-white); + --bs-dark-contrast: var(--bs-white); + --bs-gray-contrast: var(--bs-white); +} + +[data-bs-theme="dark"] { + color-scheme: dark; + --bs-gray-25: #38394c; + --bs-gray-60: #434463; + --bs-gray-80: #474866; + --bs-gray-100: #4a4b69; + --bs-gray-200: #4e4f6c; + --bs-gray-300: #6d6e87; + --bs-gray-400: #7e7f96; + --bs-gray-500: #8f90a5; + --bs-gray-600: #a1a1b5; + --bs-gray-700: #b2b2c4; + --bs-gray-800: #c3c4d3; + --bs-gray-900: #d5d5e2; + --bs-primary: #696cff; + --bs-secondary: #8592a3; + --bs-success: #71dd37; + --bs-info: #03c3ec; + --bs-warning: #ffab00; + --bs-danger: #ff3e1d; + --bs-light: #494a5d; + --bs-dark: #6b6c9d; + --bs-gray: #8f90a5; + --bs-primary-rgb: 105, 108, 255; + --bs-secondary-rgb: 133, 146, 163; + --bs-success-rgb: 113, 221, 55; + --bs-info-rgb: 3, 195, 236; + --bs-warning-rgb: 255, 171, 0; + --bs-danger-rgb: 255, 62, 29; + --bs-light-rgb: 73, 74, 93; + --bs-dark-rgb: 107, 108, 157; + --bs-gray-rgb: 143, 144, 165; + --bs-bg-label-tint-amount: 84%; + --bs-border-subtle-amount: 76%; + --bs-base-color: #e6e6f1; + --bs-base-color-rgb: 230, 230, 241; + --bs-paper-bg: #2b2c40; + --bs-paper-bg-rgb: 43, 44, 64; + --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); + --bs-box-shadow-xs: 0 0.0625rem 0.3175rem 0 rgba(20, 20, 29, 0.18); + --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); + --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24); + --bs-box-shadow-xl: 0 0.3125rem 1.375rem 0 rgba(20, 20, 29, 0.26); + --bs-floating-component-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); + --bs-navbar-box-shadow: 0 0 10px #4e4f6c; +} + +.apexcharts-theme-dark { + --bs-primary: #696cff; + --bs-secondary: #8592a3; + --bs-success: #71dd37; + --bs-info: #03c3ec; + --bs-warning: #ffab00; + --bs-danger: #ff3e1d; + --bs-light: #494a5d; + --bs-dark: #6b6c9d; + --bs-gray: #8f90a5; + --bs-border-color: #4e4f6c; + --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); + --bs-body-color: #b2b2c4; + --bs-heading-color: #d5d5e2; + --bs-paper-bg: #2b2c40; + --bs-base-color: #e6e6f1; + --bs-secondary-color: #7e7f96; +} + +/* The color-scheme CSS property https://web.dev/color-scheme/ */ +:root[data-skin="bordered"], +[data-bs-theme="light"][data-skin="bordered"] { + --bs-body-bg: var(--bs-paper-bg); + --bs-navbar-bg: var(--bs-paper-bg); + --bs-navbar-box-shadow: none; + --bs-navbar-border-color: #e4e6e8; + --bs-menu-box-shadow: 0 0 0 1px #e4e6e8; + --bs-menu-horizontal-menu-box-shadow: var(--bs-menu-box-shadow); + --tagify-dropdown-box-shadow: none; + --tagify-dropdown-border-width: 1px; +} +:root[data-skin="bordered"] .layout-navbar.navbar-detached, +[data-bs-theme="light"][data-skin="bordered"] .layout-navbar.navbar-detached { + box-shadow: 0 0 0 1px var(--bs-border-color); +} +:root[data-skin="bordered"] .footer, +[data-bs-theme="light"][data-skin="bordered"] .footer { + --bs-footer-border-width: 1px; + --bs-footer-box-shadow: none; +} +:root[data-skin="bordered"] .accordion, +[data-bs-theme="light"][data-skin="bordered"] .accordion { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; +} +:root[data-skin="bordered"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"], + [class*="accordion-outline-"] + ), +[data-bs-theme="light"][data-skin="bordered"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"], + [class*="accordion-outline-"] + ) { + --bs-accordion-border-color: #e4e6e8; +} +:root[data-skin="bordered"] .btn, +[data-bs-theme="light"][data-skin="bordered"] .btn { + --bs-btn-box-shadow: none; + --bs-btn-focus-box-shadow: none; + --bs-btn-active-shadow: none; +} +:root[data-skin="bordered"] .dropdown-menu, +[data-bs-theme="light"][data-skin="bordered"] .dropdown-menu { + --bs-dropdown-box-shadow: none; + --bs-dropdown-border-width: 1px; +} +:root[data-skin="bordered"] .modal .modal-content, +[data-bs-theme="light"][data-skin="bordered"] .modal .modal-content { + --bs-modal-box-shadow: none; + --bs-modal-border-width: 1px; +} +:root[data-skin="bordered"] .offcanvas, +[data-bs-theme="light"][data-skin="bordered"] .offcanvas { + --bs-offcanvas-box-shadow: none; + --bs-offcanvas-border-width: 1px; +} +:root[data-skin="bordered"] :dir(rtl) .offcanvas-start, +[data-bs-theme="light"][data-skin="bordered"] :dir(rtl) .offcanvas-start { + border-inline-end: 1px solid var(--bs-offcanvas-border-color); + border-inline-start: 0; +} +:root[data-skin="bordered"] :dir(rtl) .offcanvas-end, +[data-bs-theme="light"][data-skin="bordered"] :dir(rtl) .offcanvas-end { + border-inline-end: 0; + border-inline-start: 1px solid var(--bs-offcanvas-border-color); +} +:root[data-skin="bordered"] .toast, +:root[data-skin="bordered"] .bs-toast.toast, +[data-bs-theme="light"][data-skin="bordered"] .toast, +[data-bs-theme="light"][data-skin="bordered"] .bs-toast.toast { + --bs-toast-box-shadow: none; +} +:root[data-skin="bordered"] .notyf__toast.notyf__success, +:root[data-skin="bordered"] .notyf__toast.notyf__error, +:root[data-skin="bordered"] .notyf__toast.notyf__info, +:root[data-skin="bordered"] .notyf__toast.notyf__warning, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__success, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__error, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__info, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__warning { + box-shadow: none; +} +:root[data-skin="bordered"] .nav, +[data-bs-theme="light"][data-skin="bordered"] .nav { + --bs-nav-box-shadow: none; + --bs-nav-pills-box-shadow: none; + --bs-nav-border-color: #e4e6e8; +} +:root[data-skin="bordered"] .pagination, +[data-bs-theme="light"][data-skin="bordered"] .pagination { + --bs-pagination-box-shadow-color: transparent; +} +:root[data-skin="bordered"] .card, +[data-bs-theme="light"][data-skin="bordered"] .card { + --bs-card-box-shadow: 0px 0px 0px var(--bs-border-width) + var(--bs-card-border-color); + --bs-card-hover-box-shadow: 0px 0px 0px var(--bs-border-width) + var(--bs-card-border-color); +} +:root[data-skin="bordered"] .card-group, +[data-bs-theme="light"][data-skin="bordered"] .card-group { + --bs-card-box-shadow: none; +} +:root[data-skin="bordered"] .card-group .card, +[data-bs-theme="light"][data-skin="bordered"] .card-group .card { + --bs-card-border-width: 1px; +} +:root[data-skin="bordered"] .popover:not(.custom-popover), +[data-bs-theme="light"][data-skin="bordered"] .popover:not(.custom-popover) { + --bs-popover-box-shadow: none; + --bs-popover-border-color: var(--bs-border-color); + --bs-popover-arrow-border: var(--bs-border-color); +} +:root[data-skin="bordered"] .avatar, +[data-bs-theme="light"][data-skin="bordered"] .avatar { + --bs-box-shadow: none; +} +:root[data-skin="bordered"] .shepherd-element, +[data-bs-theme="light"][data-skin="bordered"] .shepherd-element { + box-shadow: none; +} +:root[data-skin="bordered"] .swal2-container .swal2-popup, +[data-bs-theme="light"][data-skin="bordered"] .swal2-container .swal2-popup { + box-shadow: none; +} +:root[data-skin="bordered"] .apexcharts-canvas .apexcharts-tooltip, +[data-bs-theme="light"][data-skin="bordered"] + .apexcharts-canvas + .apexcharts-tooltip { + box-shadow: none; +} +:root[data-skin="bordered"] .noUi-target .noUi-tooltip, +[data-bs-theme="light"][data-skin="bordered"] .noUi-target .noUi-tooltip { + box-shadow: none; +} +:root[data-skin="bordered"] .ql-toolbar .ql-picker-options, +:root[data-skin="bordered"] .ql-snow .ql-tooltip, +:root[data-skin="bordered"] .flatpickr-calendar, +:root[data-skin="bordered"] .daterangepicker, +:root[data-skin="bordered"] .ui-timepicker-wrapper, +:root[data-skin="bordered"] .pcr-app, +:root[data-skin="bordered"] .bs-stepper:not(.wizard-modern), +:root[data-skin="bordered"] .bs-stepper.wizard-modern .bs-stepper-content, +[data-bs-theme="light"][data-skin="bordered"] .ql-toolbar .ql-picker-options, +[data-bs-theme="light"][data-skin="bordered"] .ql-snow .ql-tooltip, +[data-bs-theme="light"][data-skin="bordered"] .flatpickr-calendar, +[data-bs-theme="light"][data-skin="bordered"] .daterangepicker, +[data-bs-theme="light"][data-skin="bordered"] .ui-timepicker-wrapper, +[data-bs-theme="light"][data-skin="bordered"] .pcr-app, +[data-bs-theme="light"][data-skin="bordered"] .bs-stepper:not(.wizard-modern), +[data-bs-theme="light"][data-skin="bordered"] + .bs-stepper.wizard-modern + .bs-stepper-content { + border-width: var(--bs-border-width); + border-style: var(--bs-border-style); + border-color: var(--bs-border-color); + box-shadow: none; +} +:root[data-skin="bordered"] .dz-preview, +[data-bs-theme="light"][data-skin="bordered"] .dz-preview { + border-width: var(--bs-border-width); + box-shadow: none; +} +:root[data-skin="bordered"] + .app-kanban + .kanban-wrapper + .kanban-board + .kanban-item, +[data-bs-theme="light"][data-skin="bordered"] + .app-kanban + .kanban-wrapper + .kanban-board + .kanban-item { + border: var(--bs-border-width) solid var(--bs-border-color); + box-shadow: none; +} +:root[data-skin="bordered"] .select2-container, +[data-bs-theme="light"][data-skin="bordered"] .select2-container { + --bs-select-dropdown-border-width: 1px; + --bs-select-dropdown-box-shadow: none; +} +:root[data-skin="bordered"] .authentication-wrapper .authentication-bg, +[data-bs-theme="light"][data-skin="bordered"] + .authentication-wrapper + .authentication-bg { + border-inline-start: 1px solid var(--bs-border-color); +} +:root[data-skin="bordered"] .twitter-typeahead .tt-menu, +[data-bs-theme="light"][data-skin="bordered"] .twitter-typeahead .tt-menu { + border-width: 1px; + box-shadow: none; +} + +[data-bs-theme="dark"] { + color-scheme: dark; +} +[data-bs-theme="dark"][data-skin="bordered"] { + --bs-navbar-border-color: #4e4f6c; + --bs-menu-box-shadow: 0 0 0 1px #4e4f6c; + --bs-nav-border-color: #4e4f6c; +} +[data-bs-theme="dark"][data-skin="bordered"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"], + [class*="accordion-outline-"] + ) { + --bs-accordion-border-color: #4e4f6c; +} + +/* Reboot */ b, strong { font-weight: 700; } -[dir="rtl"] caption { - text-align: right; +caption { + text-align: start; } -[dir="rtl"] dd { - margin-right: 0; +dd { + margin-inline-start: 0; } -a:not([href]) { - color: inherit; - text-decoration: none; +a { + color: var(--bs-custom-link-color); } - +a:hover { + color: color-mix( + in sRGB, + var(--bs-custom-link-color) 80%, + var(--bs-base-color) + ); +} +a:not([href]), a:not([href]):hover { color: inherit; text-decoration: none; } +/* Autofill input bg and text color issue on different OS and browsers */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, @@ -8290,7 +8973,6 @@ select:-webkit-autofill:hover, select:-webkit-autofill:focus, input:-internal-autofill-selected { background-clip: text !important; - -webkit-background-clip: text !important; } h1, @@ -8323,771 +9005,2422 @@ h6, line-height: 1.375rem; } -[dir="rtl"] .list-inline, -[dir="rtl"] .list-unstyled { - padding-right: 0; +img[data-app-light-img][data-app-dark-img] { + visibility: visible; } -[dir="rtl"] .list-inline-item:not(:last-child) { - margin-right: 0; - margin-left: 0.5rem; +/* Type */ +.list-inline, +.list-unstyled { + padding-inline-start: 0; } -.row-bordered { - overflow: hidden; +.list-inline-item:not(:last-child) { + margin-inline: 0 0.5rem; } -.row-bordered > .col, -.row-bordered > [class^="col-"], -.row-bordered > [class*=" col-"], -.row-bordered > [class^="col "], -.row-bordered > [class*=" col "], -.row-bordered > [class$=" col"], -.row-bordered > [class="col"] { +[data-bs-theme="dark"] { + color-scheme: dark; +} +[data-bs-theme="dark"] .blockquote-footer { + color: #a1a1b5; +} + +/* Tables +******************************************************************************** */ +/* ios fix for drodown-menu being clipped off when used in tables */ +.ios .table tr > td .dropdown { position: relative; - padding-top: 1px; -} - -.row-bordered > .col::before, -.row-bordered > [class^="col-"]::before, -.row-bordered > [class*=" col-"]::before, -.row-bordered > [class^="col "]::before, -.row-bordered > [class*=" col "]::before, -.row-bordered > [class$=" col"]::before, -.row-bordered > [class="col"]::before { - content: ""; - position: absolute; - right: 0; - bottom: -1px; - left: 0; - display: block; - height: 0; - border-top: 1px solid #e4e6e8; -} - -.row-bordered > .col::after, -.row-bordered > [class^="col-"]::after, -.row-bordered > [class*=" col-"]::after, -.row-bordered > [class^="col "]::after, -.row-bordered > [class*=" col "]::after, -.row-bordered > [class$=" col"]::after, -.row-bordered > [class="col"]::after { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: -1px; - display: block; - width: 0; - border-left: 1px solid #e4e6e8; -} - -.row-bordered.row-border-light > .col::before, -.row-bordered.row-border-light > .col::after, -.row-bordered.row-border-light > [class^="col-"]::before, -.row-bordered.row-border-light > [class^="col-"]::after, -.row-bordered.row-border-light > [class*=" col-"]::before, -.row-bordered.row-border-light > [class*=" col-"]::after, -.row-bordered.row-border-light > [class^="col "]::before, -.row-bordered.row-border-light > [class^="col "]::after, -.row-bordered.row-border-light > [class*=" col "]::before, -.row-bordered.row-border-light > [class*=" col "]::after, -.row-bordered.row-border-light > [class$=" col"]::before, -.row-bordered.row-border-light > [class$=" col"]::after, -.row-bordered.row-border-light > [class="col"]::before, -.row-bordered.row-border-light > [class="col"]::after { - border-color: rgba(34, 48, 62, 0.1); -} - -[dir="rtl"] .row-bordered > .col::after, -[dir="rtl"] .row-bordered > [class^="col-"]::after, -[dir="rtl"] .row-bordered > [class*=" col-"]::after, -[dir="rtl"] .row-bordered > [class^="col "]::after, -[dir="rtl"] .row-bordered > [class*=" col "]::after, -[dir="rtl"] .row-bordered > [class$=" col"]::after, -[dir="rtl"] .row-bordered > [class="col"]::after { - left: auto; - right: -1px; -} - -.bg-label-secondary { - background-color: #ebeef0 !important; - color: #8592a3 !important; -} - -.border-label-secondary { - border: 3px solid #ced3da; -} - -.border-light-secondary { - border: 3px solid rgba(133, 146, 163, 0.08); -} - -.bg-label-success { - background-color: #e8fadf !important; - color: #71dd37 !important; -} - -.border-label-success { - border: 3px solid #c6f1af; -} - -.border-light-success { - border: 3px solid rgba(113, 221, 55, 0.08); -} - -.bg-label-info { - background-color: #d7f5fc !important; - color: #03c3ec !important; -} - -.border-label-info { - border: 3px solid #9ae7f7; -} - -.border-light-info { - border: 3px solid rgba(3, 195, 236, 0.08); -} - -.bg-label-warning { - background-color: #fff2d6 !important; - color: #ffab00 !important; -} - -.border-label-warning { - border: 3px solid #fd9; -} - -.border-light-warning { - border: 3px solid rgba(255, 171, 0, 0.08); -} - -.bg-label-danger { - background-color: #ffe0db !important; - color: #ff3e1d !important; -} - -.border-label-danger { - border: 3px solid #ffb2a5; -} - -.border-light-danger { - border: 3px solid rgba(255, 62, 29, 0.08); -} - -.bg-label-light { - background-color: #f9fafa !important; - color: #dbdee0 !important; -} - -.border-label-light { - border: 3px solid #f1f2f3; -} - -.border-light-light { - border: 3px solid rgba(219, 222, 224, 0.08); -} - -.bg-label-dark { - background-color: #dddde0 !important; - color: #2b2c40 !important; -} - -.border-label-dark { - border: 3px solid #aaabb3; -} - -.border-light-dark { - border: 3px solid rgba(43, 44, 64, 0.08); -} - -.bg-label-gray { - background-color: rgba(242, 243, 243, 0.92) !important; - color: rgba(34, 48, 62, 0.5) !important; -} - -.border-label-gray { - border: 3px solid rgba(215, 217, 220, 0.8); -} - -.border-light-gray { - border: 3px solid rgba(34, 48, 62, 0.08); -} - -.bg-label-hover-secondary { - background-color: #ebeef0 !important; - color: #8592a3 !important; -} - -.bg-label-hover-secondary:hover { - background-color: #8592a3 !important; - color: #fff !important; -} - -.bg-label-hover-success { - background-color: #e8fadf !important; - color: #71dd37 !important; -} - -.bg-label-hover-success:hover { - background-color: #71dd37 !important; - color: #fff !important; -} - -.bg-label-hover-info { - background-color: #d7f5fc !important; - color: #03c3ec !important; -} - -.bg-label-hover-info:hover { - background-color: #03c3ec !important; - color: #fff !important; -} - -.bg-label-hover-warning { - background-color: #fff2d6 !important; - color: #ffab00 !important; -} - -.bg-label-hover-warning:hover { - background-color: #ffab00 !important; - color: #fff !important; -} - -.bg-label-hover-danger { - background-color: #ffe0db !important; - color: #ff3e1d !important; -} - -.bg-label-hover-danger:hover { - background-color: #ff3e1d !important; - color: #fff !important; -} - -.bg-label-hover-light { - background-color: #f9fafa !important; - color: #dbdee0 !important; -} - -.bg-label-hover-light:hover { - background-color: #dbdee0 !important; - color: #fff !important; -} - -.bg-label-hover-dark { - background-color: #dddde0 !important; - color: #2b2c40 !important; -} - -.bg-label-hover-dark:hover { - background-color: #2b2c40 !important; - color: #fff !important; -} - -.bg-label-hover-gray { - background-color: rgba(242, 243, 243, 0.92) !important; - color: rgba(34, 48, 62, 0.5) !important; -} - -.bg-label-hover-gray:hover { - background-color: rgba(34, 48, 62, 0.5) !important; - color: #fff !important; -} - -.bg-gradient-secondary { - background-image: linear-gradient(45deg, #8592a3, #c2c9d1) !important; -} - -.bg-gradient-success { - background-image: linear-gradient(45deg, #71dd37, #b8ee9b) !important; -} - -.bg-gradient-info { - background-image: linear-gradient(45deg, #03c3ec, #81e1f6) !important; -} - -.bg-gradient-warning { - background-image: linear-gradient(45deg, #ffab00, #ffd580) !important; -} - -.bg-gradient-danger { - background-image: linear-gradient(45deg, #ff3e1d, #ff9f8e) !important; -} - -.bg-gradient-light { - background-image: linear-gradient(45deg, #dbdee0, #edeff0) !important; -} - -.bg-gradient-dark { - background-image: linear-gradient(45deg, #2b2c40, #9596a0) !important; -} - -.bg-gradient-gray { - background-image: linear-gradient( - 45deg, - rgba(34, 48, 62, 0.5), - #91989f - ) !important; -} - -a.bg-dark:hover, -a.bg-dark:focus { - background-color: rgba(34, 48, 62, 0.9) !important; -} - -a.bg-light:hover, -a.bg-light:focus { - background-color: rgba(34, 48, 62, 0.12) !important; -} - -a.bg-lighter:hover, -a.bg-lighter:focus { - background-color: rgba(34, 48, 62, 0.1) !important; -} - -a.bg-lightest:hover, -a.bg-lightest:focus { - background-color: rgba(34, 48, 62, 0.06) !important; -} - -.text-muted[href]:hover, -.text-muted[href]:focus { - color: #7a838b !important; -} - -.text-light { - color: #a7acb2 !important; -} - -.text-light[href]:hover, -.text-light[href]:focus { - color: #7a838b !important; -} - -.text-lighter { - color: #bdc1c5 !important; -} - -.text-lighter[href]:hover, -.text-lighter[href]:focus { - color: #7a838b !important; -} - -.text-lightest { - color: #e4e6e8 !important; -} - -.text-lightest[href]:hover, -.text-lightest[href]:focus { - color: #7a838b !important; -} - -.text-paper { - color: #fff !important; -} - -.text-paper[href]:hover, -.text-paper[href]:focus { - color: #696cff !important; -} - -.invert-text-white { - color: #fff !important; -} - -.invert-text-white[href]:hover:hover, -.invert-text-white[href]:hover:focus { - color: #fff !important; -} - -.invert-text-dark { - color: #22303e !important; -} - -.invert-text-dark[href]:hover:hover, -.invert-text-dark[href]:hover:focus { - color: #22303e !important; -} - -.invert-bg-white { - background-color: #fff !important; -} - -a.invert-bg-white:hover, -a.invert-bg-white:focus { - background-color: #fff !important; -} - -.invert-bg-dark { - background-color: rgba(34, 48, 62, 0.9) !important; -} - -a.invert-bg-dark:hover, -a.invert-bg-dark:focus { - background-color: rgba(34, 48, 62, 0.9) !important; -} - -.invert-border-dark { - border-color: #2b2c40 !important; -} - -.invert-border-white { - border-color: #fff !important; -} - -.container-p-x { - padding-right: 1rem !important; - padding-left: 1rem !important; -} - -@media (min-width: 992px) { - .container-p-x { - padding-right: 1.625rem !important; - padding-left: 1.625rem !important; - } -} - -.container-m-nx { - margin-right: -1rem !important; - margin-left: -1rem !important; -} - -@media (min-width: 992px) { - .container-m-nx { - margin-right: -1.625rem !important; - margin-left: -1.625rem !important; - } -} - -.container-p-y:not([class^="pt-"]):not([class*=" pt-"]) { - padding-top: 1.5rem !important; -} - -.container-p-y:not([class^="pb-"]):not([class*=" pb-"]) { - padding-bottom: 1.5rem !important; -} - -.container-m-ny:not([class^="mt-"]):not([class*=" mt-"]) { - margin-top: -1.5rem !important; -} - -.container-m-ny:not([class^="mb-"]):not([class*=" mb-"]) { - margin-bottom: -1.5rem !important; -} - -.cell-fit { - width: 0.1%; - white-space: nowrap; -} - -.table-secondary { - --bs-table-bg: #e7e9ed; - --bs-table-striped-bg: #dbdee3; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #d7dadf; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #dbdee3; - --bs-table-hover-color: #22303e; - color: #22303e; - border-color: #cfd3d8; -} - -.table-secondary .btn-icon, -.table-secondary .btn { - color: #22303e; -} - -.table-success { - --bs-table-bg: #e3f8d7; - --bs-table-striped-bg: #d7ecce; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #d4e8cb; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #d7ecce; - --bs-table-hover-color: #22303e; - color: #22303e; - border-color: #cce0c5; -} - -.table-success .btn-icon, -.table-success .btn { - color: #22303e; -} - -.table-info { - --bs-table-bg: #cdf3fb; - --bs-table-striped-bg: #c3e7f0; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #bfe3ec; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #c3e7f0; - --bs-table-hover-color: #22303e; - color: #22303e; - border-color: #b8dce4; -} - -.table-info .btn-icon, -.table-info .btn { - color: #22303e; -} - -.table-warning { - --bs-table-bg: #ffeecc; - --bs-table-striped-bg: #f2e3c3; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #eddfc1; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #f2e3c3; - --bs-table-hover-color: #22303e; - color: #22303e; - border-color: #e4d7bb; -} - -.table-warning .btn-icon, -.table-warning .btn { - color: #22303e; -} - -.table-danger { - --bs-table-bg: #ffd8d2; - --bs-table-striped-bg: #f2cec9; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #edcbc6; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #f2cec9; - --bs-table-hover-color: #22303e; - color: #22303e; - border-color: #e4c4c0; -} - -.table-danger .btn-icon, -.table-danger .btn { - color: #22303e; -} - -.table-light { - --bs-table-bg: #dbdee0; - --bs-table-striped-bg: #d0d4d6; - --bs-table-striped-color: #22303e; - --bs-table-active-bg: #ccd0d3; - --bs-table-active-color: #22303e; - --bs-table-hover-bg: #d0d4d6; - --bs-table-hover-color: #22303e; - color: #22303e; - border-color: #c5c9cd; -} - -.table-light .btn-icon, -.table-light .btn { - color: #22303e; -} - -.table-dark { - --bs-table-bg: #2b2c40; - --bs-table-striped-bg: #38394b; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #3c3d4f; - --bs-table-active-color: #fff; - --bs-table-hover-bg: #38394b; - --bs-table-hover-color: #fff; - color: #fff; - border-color: #444557; -} - -.table-dark .btn-icon, -.table-dark .btn { - color: #fff; } +/* Firefox fix for table head border bottom */ .table > :not(caption) > * > * { background-clip: padding-box; } - -.table:not(.table-borderless):not(.table-dark) - > :not(caption) - > *:not(.table-dark) - > * { - border-top-width: 1px; -} - -.table .dropdown-item { - display: flex; - gap: 0.25rem; -} - .table tr > td .dropdown { position: static; } - -.table caption { - padding: 0.782rem 1.25rem; +.table .btn-icon, +.table .btn:not([class*="btn-"]) { + color: var(--bs-table-color); +} +.table th { + color: var(--bs-heading-color); + font-size: 0.8125rem; + letter-spacing: 0.2px; + text-transform: uppercase; +} +.table:not(.table-borderless):not(.table-without-card, .dataTable) thead th { + border-block-start-width: var(--bs-border-width); +} +.table.table-flush-spacing thead tr > td:first-child, +.table.table-flush-spacing tbody tr > td:first-child { + padding-inline-start: 0; +} +.table.table-flush-spacing thead tr > td:last-child, +.table.table-flush-spacing tbody tr > td:last-child { + padding-inline-end: 0; +} +.card .table { + margin-block-end: 0; +} +.table.table-dark, +.table .table-dark { + border-color: #4e4f6c; +} +.table.table-dark th, +.table .table-dark th { + --bs-heading-color: #fff; +} +.table.table-light, +.table .table-light { + border-color: var(--bs-border-color); +} +.table.table-light th, +.table .table-light th { + --bs-heading-color: var(--bs-heading-color); +} +.table caption { + padding-block: 0.782rem; + padding-inline: 1.25rem; } - .table thead tr th { padding-block: 1.161rem; } - .table.table-borderless:not(.table-sm) > :not(thead) > * > * { padding-block: 0.8133rem; } - .table.table-borderless:not(.table-sm) > thead > * > * { padding-block: 1.1923rem; } -.card .table { - margin-bottom: 0; +/* class for to remove table border bottom */ +.table-border-bottom-0 tr:last-child td { + border-block-end-width: 0; } -@supports (-moz-appearance: none) { - .table .dropdown-menu.show { - display: inline-table; +/* class for to remove table border top */ +.table-border-top-0 tr:first-child td, +.table-border-top-0 tr:first-child th { + border-block-start-width: 0 !important; +} + +[data-bs-theme="dark"] .table { + --bs-table-hover-bg: rgba(var(--bs-body-bg-rgb), 0.75); + --bs-table-active-bg: rgba(var(--bs-body-bg-rgb), 0.75); +} + +.table-primary { + --bs-table-bg: rgba(var(--bs-primary-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-secondary { + --bs-table-bg: rgba(var(--bs-secondary-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-success { + --bs-table-bg: rgba(var(--bs-success-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-info { + --bs-table-bg: rgba(var(--bs-info-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-warning { + --bs-table-bg: rgba(var(--bs-warning-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-danger { + --bs-table-bg: rgba(var(--bs-danger-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-light { + --bs-table-bg: rgba(var(--bs-light-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); + --bs-table-bg: var(--bs-light); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-table-color) 3.5%, + var(--bs-table-bg) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-table-color) 4%, + var(--bs-table-bg) + ); +} + +.table-dark { + --bs-table-bg: rgba(var(--bs-dark-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); + --bs-table-bg: var(--bs-dark); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-table-color) 3.5%, + var(--bs-table-bg) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-table-color) 4%, + var(--bs-table-bg) + ); +} + +.table-gray { + --bs-table-bg: rgba(var(--bs-gray-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +[data-bs-theme="dark"] .table-primary { + --bs-table-color: var(--bs-primary-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-secondary { + --bs-table-color: var(--bs-secondary-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-success { + --bs-table-color: var(--bs-success-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-info { + --bs-table-color: var(--bs-info-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-warning { + --bs-table-color: var(--bs-warning-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-danger { + --bs-table-color: var(--bs-danger-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-light { + --bs-table-color: var(--bs-light-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-dark { + --bs-table-color: var(--bs-dark-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-gray { + --bs-table-color: var(--bs-gray-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} + +/* Labels +******************************************************************************* */ +.col-form-label { + white-space: nowrap; +} + +/* Default (vertical ) form label size */ +.form-label-lg { + font-size: 1.0625rem; +} + +.form-label-sm { + font-size: 0.8125rem; +} + +.form-control { + --bs-input-border-color: color-mix( + in sRGB, + var(--bs-base-color) 22%, + var(--bs-paper-bg) + ); + --bs-input-disabled-border-color: rgba(var(--bs-base-color-rgb), 0.24); + border-color: var(--bs-input-border-color); + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline: calc(0.9375rem - var(--bs-border-width)); + /* border color on hover state when element not in focus or disabled */ + /* + ! FIX: wizard-ex input type number placeholder align issue */ +} +.form-control::placeholder, +.form-control:focus::placeholder { + transition: all ease 0.2s; +} +@media (prefers-reduced-motion: reduce) { + .form-control::placeholder, + .form-control:focus::placeholder { + transition: none; + } +} +.needs-validation:not(.was-validated) + .form-control:hover:not(:focus):not(:disabled):not(.tagify--focus) { + border-color: var(--bs-gray-600); +} +.form-control:disabled { + border-color: var(--bs-input-disabled-border-color); +} +.input-group .form-control[type="number"] { + line-height: 1.375rem; + min-block-size: 2.375rem; +} +.input-group-lg .form-control[type="number"] { + line-height: 1.5rem; + min-block-size: 3rem; +} +.input-group-sm .form-control[type="number"] { + min-block-size: 1.875rem; +} +.form-control:not([readonly]):focus::placeholder { + transform: translateX(5px); +} +:dir(rtl) .form-control:not([readonly]):focus::placeholder { + transform: translateX(-5px); +} +.form-control:focus, +.was-validated .form-control:invalid, +.was-validated .form-control:valid, +.form-control.is-invalid, +.form-control.is-valid { + border-width: 2px; + padding-block: calc(0.543rem - 2px); + padding-inline: calc(0.9375rem - 2px); +} +.form-control:focus::file-selector-button, +.was-validated .form-control:invalid::file-selector-button, +.was-validated .form-control:valid::file-selector-button, +.form-control.is-invalid::file-selector-button, +.form-control.is-valid::file-selector-button { + box-shadow: var(--bs-border-width) 0 0 var(--bs-primary); +} +.form-control.form-control-lg { + padding-block: calc(0.7075rem - var(--bs-border-width)); + padding-inline: calc(1.3125rem - var(--bs-border-width)); +} +.form-control.form-control-lg:focus, +.was-validated .form-control.form-control-lg:invalid, +.was-validated .form-control.form-control-lg:valid, +.form-control.form-control-lg.is-invalid, +.form-control.form-control-lg.is-valid { + padding-block: calc(0.7075rem - 2px); + padding-inline: calc(1.3125rem - 2px); +} +.form-control.form-control-lg::file-selector-button { + margin-block: -0.77rem; + padding-block: 0.77rem; +} +.form-control.form-control-sm { + padding-block: calc(0.3165rem - var(--bs-border-width)); + padding-inline: calc(0.8125rem - var(--bs-border-width)); +} +.form-control.form-control-sm:focus, +.was-validated .form-control.form-control-sm:invalid, +.was-validated .form-control.form-control-sm:valid, +.form-control.form-control-sm.is-invalid, +.form-control.form-control-sm.is-valid { + padding-block: calc(0.3165rem - 2px); + padding-inline: calc(0.8125rem - 2px); +} +.form-control.form-control-sm::file-selector-button { + margin-block: -0.379rem; + padding-block: 0.379rem; +} +.form-control.autosize { + field-sizing: content; + min-block-size: 4.9375rem; + overflow-x: hidden; + resize: none; +} + +/* RTL */ +:dir(rtl) input[type="tel"] { + text-align: end; +} + +[data-bs-theme="dark"] .form-control { + --bs-input-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); + --bs-input-disabled-border-color: rgba(230, 230, 241, 0.23); +} + +/* Select +******************************************************************************* */ +.form-select { + --bs-form-select-border-color: color-mix( + in sRGB, + var(--bs-base-color) 22%, + var(--bs-paper-bg) + ); + border-color: var(--bs-form-select-border-color); + background-clip: padding-box; + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline-end: calc(2.625rem - var(--bs-border-width)); + padding-inline-start: calc(0.9375rem - var(--bs-border-width)); +} +.form-select optgroup, +.form-select option { + background-color: var(--bs-paper-bg); +} +.form-select[multiple], +.form-select[size]:not([size="1"]) { + padding-inline-end: 0.9375rem; +} +.form-select:hover:not(:focus):not(:disabled) { + border-color: var(--bs-gray-600); +} +.form-select:disabled { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e'); +} +.form-select:focus, +.form-select:focus-within, +.was-validated .form-select:invalid, +.was-validated .form-select:valid, +.form-select.is-invalid, +.form-select.is-valid { + border-width: 2px; + background-position: right calc(0.9375rem - 1px) center; + padding-block: calc(0.543rem - 2px); + padding-inline-end: calc(2.625rem - 2px); + padding-inline-start: calc(0.9375rem - 2px); +} +.form-select.form-select-lg { + background-size: 24px 24px; + min-block-size: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); + padding-block: calc(0.7075rem - var(--bs-border-width)); + padding-inline-start: calc(1.3125rem - var(--bs-border-width)); +} +.form-select.form-select-lg:focus, +.was-validated .form-select.form-select-lg:invalid, +.was-validated .form-select.form-select-lg:valid, +.form-select.form-select-lg.is-invalid, +.form-select.form-select-lg.is-valid { + padding-block: calc(0.7075rem - 2px); + padding-inline-start: calc(1.3125rem - 2px); +} +.form-select.form-select-sm { + background-size: 20px 20px; + min-block-size: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); + padding-block: calc(0.3165rem - var(--bs-border-width)); + padding-inline-start: calc(0.8125rem - var(--bs-border-width)); +} +.form-select.form-select-sm:focus, +.was-validated .form-select.form-select-sm:invalid, +.was-validated .form-select.form-select-sm:valid, +.form-select.form-select-sm.is-invalid, +.form-select.form-select-sm.is-valid { + padding-block: calc(0.3165rem - 2px); + padding-inline-start: calc(0.8125rem - 2px); +} +.form-select[multiple]:focus { + padding-inline-end: 0.875rem !important; +} + +/* RTL */ +:dir(rtl) .form-select { + background-position: left 0.9375rem center; +} +:dir(rtl) .form-select:focus, +.was-validated :dir(rtl) .form-select:invalid, +.was-validated :dir(rtl) .form-select:valid, +:dir(rtl) .form-select.is-invalid, +:dir(rtl) .form-select.is-valid { + background-position: left calc(0.9375rem - 1px) center; +} + +/* Dark Theme */ +[data-bs-theme="dark"] .form-select { + --bs-form-select-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); +} +[data-bs-theme="dark"] .form-select:disabled { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/%3e%3c/svg%3e'); +} + +/* Checkboxes and Radios +******************************************************************************* */ +.form-check { + position: relative; + padding-inline: 1.8em 0; +} +.form-check .form-check-input { + float: inline-start; + margin-inline-start: -1.8em; +} +.form-check.form-check-reverse { + padding-inline: 0 1.8em; +} +.form-check.form-check-reverse .form-check-input { + float: inline-end; + margin-inline-end: -1.8em; +} + +.form-check-input { + --bs-form-check-input-checked-bg: var(--bs-primary); + --bs-form-check-input-checked-border-color: var(--bs-primary); + --bs-form-check-shadow-color: var(--bs-primary-rgb); + --bs-form-check-box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-form-check-shadow-color), 0.4); + cursor: pointer; +} +.form-check-input:disabled { + --bs-form-check-bg: var(--bs-gray-300); + border-color: var(--bs-gray-300); +} +.form-check-input:checked { + border-color: var(--bs-form-check-input-checked-border-color); + background-color: var(--bs-form-check-input-checked-bg); + box-shadow: var(--bs-form-check-box-shadow); +} +.form-check-input[type="checkbox"]:indeterminate { + border-color: var(--bs-form-check-input-checked-border-color); + background-color: var(--bs-form-check-input-checked-bg); + box-shadow: var(--bs-form-check-box-shadow); +} +.form-check-input:active { + filter: none; +} + +/* Only for checkbox and radio (not for bs default switch) +? .dt-checkboxes-cell class is used for DataTables checkboxes */ +.form-check:not(.form-switch) .form-check-input[type="radio"], +.dt-checkboxes-cell .form-check-input[type="radio"] { + background-size: 1.3125rem; +} +.form-check:not(.form-switch) .form-check-input[type="radio"]:not(:checked), +.dt-checkboxes-cell .form-check-input[type="radio"]:not(:checked) { + background-size: 0.75rem; +} + +.form-check-inline { + margin-inline: 0 1rem; +} + +.form-switch { + padding-inline-start: 2.667em; +} +.form-switch .form-check-input { + border: 0; + margin-inline-start: -2.667em; +} +:dir(rtl) .form-switch .form-check-input { + background-position: right center; +} +:dir(rtl) .form-switch .form-check-input:checked { + background-position: 4% center; +} +.form-switch .form-check-input:not(:checked) { + background-color: var(--bs-gray-100); + box-shadow: 0 0 0.25rem 0 rgba(34, 48, 62, 0.16) inset; +} +.form-switch.form-check-reverse { + padding-inline-end: 2.667em; +} +.form-switch.form-check-reverse .form-check-input { + margin-inline-end: -2.667em; +} + +.form-check-primary .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-primary); + --bs-form-check-input-checked-border-color: var(--bs-primary); + --bs-form-check-shadow-color: var(--bs-primary-rgb); +} + +.form-check-secondary .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-secondary); + --bs-form-check-input-checked-border-color: var(--bs-secondary); + --bs-form-check-shadow-color: var(--bs-secondary-rgb); +} + +.form-check-success .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-success); + --bs-form-check-input-checked-border-color: var(--bs-success); + --bs-form-check-shadow-color: var(--bs-success-rgb); +} + +.form-check-info .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-info); + --bs-form-check-input-checked-border-color: var(--bs-info); + --bs-form-check-shadow-color: var(--bs-info-rgb); +} + +.form-check-warning .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-warning); + --bs-form-check-input-checked-border-color: var(--bs-warning); + --bs-form-check-shadow-color: var(--bs-warning-rgb); +} + +.form-check-danger .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-danger); + --bs-form-check-input-checked-border-color: var(--bs-danger); + --bs-form-check-shadow-color: var(--bs-danger-rgb); +} + +.form-check-light .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-light); + --bs-form-check-input-checked-border-color: var(--bs-light); + --bs-form-check-shadow-color: var(--bs-light-rgb); +} + +.form-check-dark .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-dark); + --bs-form-check-input-checked-border-color: var(--bs-dark); + --bs-form-check-shadow-color: var(--bs-dark-rgb); +} + +.form-check-gray .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-gray); + --bs-form-check-input-checked-border-color: var(--bs-gray); + --bs-form-check-shadow-color: var(--bs-gray-rgb); +} + +.form-check-facebook .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-facebook); + --bs-form-check-input-checked-border-color: var(--bs-facebook); + --bs-form-check-shadow-color: var(--bs-facebook-rgb); +} + +.form-check-twitter .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-twitter); + --bs-form-check-input-checked-border-color: var(--bs-twitter); + --bs-form-check-shadow-color: var(--bs-twitter-rgb); +} + +.form-check-google-plus .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-google-plus); + --bs-form-check-input-checked-border-color: var(--bs-google-plus); + --bs-form-check-shadow-color: var(--bs-google-plus-rgb); +} + +.form-check-instagram .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-instagram); + --bs-form-check-input-checked-border-color: var(--bs-instagram); + --bs-form-check-shadow-color: var(--bs-instagram-rgb); +} + +.form-check-linkedin .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-linkedin); + --bs-form-check-input-checked-border-color: var(--bs-linkedin); + --bs-form-check-shadow-color: var(--bs-linkedin-rgb); +} + +.form-check-github .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-github); + --bs-form-check-input-checked-border-color: var(--bs-github); + --bs-form-check-shadow-color: var(--bs-github-rgb); +} + +.form-check-dribbble .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-dribbble); + --bs-form-check-input-checked-border-color: var(--bs-dribbble); + --bs-form-check-shadow-color: var(--bs-dribbble-rgb); +} + +.form-check-pinterest .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-pinterest); + --bs-form-check-input-checked-border-color: var(--bs-pinterest); + --bs-form-check-shadow-color: var(--bs-pinterest-rgb); +} + +.form-check-slack .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-slack); + --bs-form-check-input-checked-border-color: var(--bs-slack); + --bs-form-check-shadow-color: var(--bs-slack-rgb); +} + +.form-check-reddit .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-reddit); + --bs-form-check-input-checked-border-color: var(--bs-reddit); + --bs-form-check-shadow-color: var(--bs-reddit-rgb); +} + +.form-check-youtube .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-youtube); + --bs-form-check-input-checked-border-color: var(--bs-youtube); + --bs-form-check-shadow-color: var(--bs-youtube-rgb); +} + +.form-check-vimeo .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-vimeo); + --bs-form-check-input-checked-border-color: var(--bs-vimeo); + --bs-form-check-shadow-color: var(--bs-vimeo-rgb); +} + +/* Range select +******************************************************************************* */ +.form-range::-webkit-slider-thumb { + box-shadow: 0 0.112rem 0.375rem 0 rgba(var(--bs-base-color-rgb), 0.08); + transform-origin: center; + transition: transform 0.2s, box-shadow 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + transition: none; + } +} +.form-range::-webkit-slider-thumb:hover { + box-shadow: 0 0 0 0.5rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-webkit-slider-thumb:active, +.form-range::-webkit-slider-thumb:focus { + box-shadow: 0 0 0 0.8125rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-webkit-slider-runnable-track { + background-color: var(--bs-primary); +} +.form-range::-moz-range-thumb { + box-shadow: 0 0.112rem 0.375rem 0 rgba(var(--bs-base-color-rgb), 0.08); + transform-origin: center; + transition: transform 0.2s, box-shadow 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + transition: none; + } +} +.form-range::-moz-range-thumb:hover { + box-shadow: 0 0 0 0.5rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-moz-range-thumb:active, +.form-range::-moz-range-thumb:focus { + box-shadow: 0 0 0 0.8125rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-moz-range-track { + background-color: var(--bs-primary); +} +.form-range:disabled::-webkit-slider-runnable-track { + background-color: var(--bs-gray-100); +} +.form-range:disabled::-moz-range-track { + background-color: var(--bs-gray-100); +} +.form-range:disabled::-webkit-slider-thumb { + border-color: var(--bs-gray-300); + box-shadow: none; +} +.form-range:disabled::-moz-range-thumb { + border-color: var(--bs-gray-300); + box-shadow: none; +} + +/* Input groups +******************************************************************************* */ +/* Using :focus-within to apply focus/validation border and shadow to default and merged input-group */ +.input-group { + --bs-input-group-addon-border-color: color-mix( + in sRGB, + var(--bs-base-color) 22%, + var(--bs-paper-bg) + ); + --bs-input-group-disabled-border-color: rgba(var(--bs-base-color-rgb), 0.24); + border-radius: var(--bs-border-radius); + /* + ? Info :focus-within to apply focus/validation border and shadow to default and merged input & input-group */ +} +.input-group:has(.form-check-input):not(:has(.dropdown-toggle)) { + z-index: 1; +} +.input-group:has(.form-check-input):not(:has(.dropdown-toggle))::before { + z-index: -1; +} +.input-group .input-group-text { + border-color: var(--bs-input-group-addon-border-color); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .input-group .input-group-text { + transition: none; + } +} +.input-group .flatpickr-wrapper { + flex: 1 1 auto; + inline-size: 1%; + min-inline-size: 0; +} +.input-group + > .flatpickr-wrapper:not(:first-child):not(.dropdown-menu):not( + .valid-tooltip + ):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) + .flatpickr-input { + border-end-start-radius: 0; + border-start-start-radius: 0; +} +.input-group .form-control:focus, +.input-group .form-control:focus-within, +.input-group .form-select:focus, +.input-group .form-select:focus-within, +.input-group .input-group-text:focus, +.input-group .input-group-text:focus-within { + border-width: var(--bs-border-width); +} +.input-group .form-control, +.input-group .form-control:focus, +.input-group .form-control:focus-within, +.was-validated .input-group .form-control:invalid, +.was-validated .input-group .form-control:valid, +.input-group .form-control.is-invalid, +.input-group .form-control.is-valid, +.input-group .input-group-text, +.input-group .input-group-text:focus, +.input-group .input-group-text:focus-within, +.was-validated .input-group .input-group-text:invalid, +.was-validated .input-group .input-group-text:valid, +.input-group .input-group-text.is-invalid, +.input-group .input-group-text.is-valid, +.was-validated .input-group:has(:invalid) .form-control, +.was-validated .input-group:has(:invalid) .form-control:focus, +.was-validated .input-group:has(:invalid) .form-control:focus-within, +.was-validated .was-validated .input-group:has(:invalid) .form-control:invalid, +.was-validated .was-validated .input-group:has(:invalid) .form-control:valid, +.was-validated .input-group:has(:invalid) .form-control.is-invalid, +.was-validated .input-group:has(:invalid) .form-control.is-valid, +.was-validated .input-group:has(:invalid) .input-group-text, +.was-validated .input-group:has(:invalid) .input-group-text:focus, +.was-validated .input-group:has(:invalid) .input-group-text:focus-within, +.was-validated + .was-validated + .input-group:has(:invalid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group:has(:invalid) + .input-group-text:valid, +.was-validated .input-group:has(:invalid) .input-group-text.is-invalid, +.was-validated .input-group:has(:invalid) .input-group-text.is-valid, +.was-validated .input-group:has(:valid) .form-control, +.was-validated .input-group:has(:valid) .form-control:focus, +.was-validated .input-group:has(:valid) .form-control:focus-within, +.was-validated .was-validated .input-group:has(:valid) .form-control:invalid, +.was-validated .was-validated .input-group:has(:valid) .form-control:valid, +.was-validated .input-group:has(:valid) .form-control.is-invalid, +.was-validated .input-group:has(:valid) .form-control.is-valid, +.was-validated .input-group:has(:valid) .input-group-text, +.was-validated .input-group:has(:valid) .input-group-text:focus, +.was-validated .input-group:has(:valid) .input-group-text:focus-within, +.was-validated + .was-validated + .input-group:has(:valid) + .input-group-text:invalid, +.was-validated .was-validated .input-group:has(:valid) .input-group-text:valid, +.was-validated .input-group:has(:valid) .input-group-text.is-invalid, +.was-validated .input-group:has(:valid) .input-group-text.is-valid { + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline: calc(0.9375rem - var(--bs-border-width)); +} +.input-group .form-select, +.input-group .form-select:focus, +.input-group .form-select:focus-within, +.was-validated .input-group .form-select:invalid, +.was-validated .input-group .form-select:valid, +.input-group .form-select.is-invalid, +.input-group .form-select.is-valid, +.was-validated .input-group:has(:invalid) .form-select, +.was-validated .input-group:has(:invalid) .form-select:focus, +.was-validated .input-group:has(:invalid) .form-select:focus-within, +.was-validated .was-validated .input-group:has(:invalid) .form-select:invalid, +.was-validated .was-validated .input-group:has(:invalid) .form-select:valid, +.was-validated .input-group:has(:invalid) .form-select.is-invalid, +.was-validated .input-group:has(:invalid) .form-select.is-valid, +.was-validated .input-group:has(:valid) .form-select, +.was-validated .input-group:has(:valid) .form-select:focus, +.was-validated .input-group:has(:valid) .form-select:focus-within, +.was-validated .was-validated .input-group:has(:valid) .form-select:invalid, +.was-validated .was-validated .input-group:has(:valid) .form-select:valid, +.was-validated .input-group:has(:valid) .form-select.is-invalid, +.was-validated .input-group:has(:valid) .form-select.is-valid { + background-position: right 0.9375rem center; + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline-end: calc(2.625rem - var(--bs-border-width)); + padding-inline-start: calc(0.9375rem - var(--bs-border-width)); +} +:dir(rtl) .input-group .form-select, +:dir(rtl) .input-group .form-select:focus, +:dir(rtl) .input-group .form-select:focus-within, +:dir(rtl) .was-validated .input-group .form-select:invalid, +:dir(rtl) .was-validated .input-group .form-select:valid, +:dir(rtl) .input-group .form-select.is-invalid, +:dir(rtl) .input-group .form-select.is-valid, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select:focus, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:invalid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:invalid) + .form-select:valid, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select.is-invalid, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select.is-valid, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select:focus, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:valid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:valid) + .form-select:valid, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select.is-invalid, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select.is-valid { + background-position: left 0.9375rem center; +} +.input-group.input-group-sm .form-control, +.input-group.input-group-sm .form-control:focus, +.input-group.input-group-sm .form-control:focus-within, +.was-validated .input-group.input-group-sm .form-control:invalid, +.was-validated .input-group.input-group-sm .form-control:valid, +.input-group.input-group-sm .form-control.is-invalid, +.input-group.input-group-sm .form-control.is-valid, +.input-group.input-group-sm .input-group-text, +.input-group.input-group-sm .input-group-text:focus, +.input-group.input-group-sm .input-group-text:focus-within, +.was-validated .input-group.input-group-sm .input-group-text:invalid, +.was-validated .input-group.input-group-sm .input-group-text:valid, +.input-group.input-group-sm .input-group-text.is-invalid, +.input-group.input-group-sm .input-group-text.is-valid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-control, +.was-validated .input-group.input-group-sm:has(:invalid) .form-control:focus, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-control:valid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-control.is-invalid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-control.is-valid, +.was-validated .input-group.input-group-sm:has(:invalid) .input-group-text, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:focus, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:valid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text.is-valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-control, +.was-validated .input-group.input-group-sm:has(:valid) .form-control:focus, +.was-validated + .input-group.input-group-sm:has(:valid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-control:valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-control.is-invalid, +.was-validated .input-group.input-group-sm:has(:valid) .form-control.is-valid, +.was-validated .input-group.input-group-sm:has(:valid) .input-group-text, +.was-validated .input-group.input-group-sm:has(:valid) .input-group-text:focus, +.was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text:valid, +.was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text.is-valid { + padding-block: 0.3165rem; + padding-inline: 0.8125rem; +} +.input-group.input-group-sm .form-select, +.input-group.input-group-sm .form-select:focus, +.input-group.input-group-sm .form-select:focus-within, +.was-validated .input-group.input-group-sm .form-select:invalid, +.was-validated .input-group.input-group-sm .form-select:valid, +.input-group.input-group-sm .form-select.is-invalid, +.input-group.input-group-sm .form-select.is-valid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-select, +.was-validated .input-group.input-group-sm:has(:invalid) .form-select:focus, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:valid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-select.is-invalid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-select.is-valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-select, +.was-validated .input-group.input-group-sm:has(:valid) .form-select:focus, +.was-validated + .input-group.input-group-sm:has(:valid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-select.is-invalid, +.was-validated .input-group.input-group-sm:has(:valid) .form-select.is-valid { + background-position: right 0.8125rem center; + padding-block: 0.3165rem; + padding-inline: 0.8125rem; + padding-inline-start: calc(0.8125rem - var(--bs-border-width)); +} +:dir(rtl) .input-group.input-group-sm .form-select, +:dir(rtl) .input-group.input-group-sm .form-select:focus, +:dir(rtl) .input-group.input-group-sm .form-select:focus-within, +:dir(rtl) .was-validated .input-group.input-group-sm .form-select:invalid, +:dir(rtl) .was-validated .input-group.input-group-sm .form-select:valid, +:dir(rtl) .input-group.input-group-sm .form-select.is-invalid, +:dir(rtl) .input-group.input-group-sm .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-sm:has(:invalid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-sm:has(:valid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select.is-valid { + background-position: left 0.8125rem center; +} +.input-group.input-group-lg .form-control, +.input-group.input-group-lg .form-control:focus, +.input-group.input-group-lg .form-control:focus-within, +.was-validated .input-group.input-group-lg .form-control:invalid, +.was-validated .input-group.input-group-lg .form-control:valid, +.input-group.input-group-lg .form-control.is-invalid, +.input-group.input-group-lg .form-control.is-valid, +.input-group.input-group-lg .input-group-text, +.input-group.input-group-lg .input-group-text:focus, +.input-group.input-group-lg .input-group-text:focus-within, +.was-validated .input-group.input-group-lg .input-group-text:invalid, +.was-validated .input-group.input-group-lg .input-group-text:valid, +.input-group.input-group-lg .input-group-text.is-invalid, +.input-group.input-group-lg .input-group-text.is-valid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-control, +.was-validated .input-group.input-group-lg:has(:invalid) .form-control:focus, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-control:valid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-control.is-invalid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-control.is-valid, +.was-validated .input-group.input-group-lg:has(:invalid) .input-group-text, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:focus, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:valid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text.is-valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-control, +.was-validated .input-group.input-group-lg:has(:valid) .form-control:focus, +.was-validated + .input-group.input-group-lg:has(:valid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-control:valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-control.is-invalid, +.was-validated .input-group.input-group-lg:has(:valid) .form-control.is-valid, +.was-validated .input-group.input-group-lg:has(:valid) .input-group-text, +.was-validated .input-group.input-group-lg:has(:valid) .input-group-text:focus, +.was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text:valid, +.was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text.is-valid { + padding-block: 0.7075rem; + padding-inline: 1.3125rem; +} +.input-group.input-group-lg .form-select, +.input-group.input-group-lg .form-select:focus, +.input-group.input-group-lg .form-select:focus-within, +.was-validated .input-group.input-group-lg .form-select:invalid, +.was-validated .input-group.input-group-lg .form-select:valid, +.input-group.input-group-lg .form-select.is-invalid, +.input-group.input-group-lg .form-select.is-valid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-select, +.was-validated .input-group.input-group-lg:has(:invalid) .form-select:focus, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:valid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-select.is-invalid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-select.is-valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-select, +.was-validated .input-group.input-group-lg:has(:valid) .form-select:focus, +.was-validated + .input-group.input-group-lg:has(:valid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-select.is-invalid, +.was-validated .input-group.input-group-lg:has(:valid) .form-select.is-valid { + background-position: right 1.3125rem center; + padding-block: 0.7075rem; + padding-inline: 1.3125rem; + padding-inline-start: calc(1.3125rem - var(--bs-border-width)); +} +:dir(rtl) .input-group.input-group-lg .form-select, +:dir(rtl) .input-group.input-group-lg .form-select:focus, +:dir(rtl) .input-group.input-group-lg .form-select:focus-within, +:dir(rtl) .was-validated .input-group.input-group-lg .form-select:invalid, +:dir(rtl) .was-validated .input-group.input-group-lg .form-select:valid, +:dir(rtl) .input-group.input-group-lg .form-select.is-invalid, +:dir(rtl) .input-group.input-group-lg .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-lg:has(:invalid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-lg:has(:valid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select.is-valid { + background-position: left 1.3125rem center; +} +.input-group::before { + position: absolute; + display: block; + block-size: 100%; + content: ""; + inline-size: 100%; + inset-block-start: 0; + inset-inline-start: 0; + border-radius: var(--bs-border-radius); +} +.input-group.input-group-lg, +.input-group.input-group-lg::before { + border-radius: var(--bs-border-radius-lg); +} +.input-group.input-group-sm, +.input-group.input-group-sm::before { + border-radius: var(--bs-border-radius-sm); +} +.input-group + > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( + .valid-feedback + ):not(.invalid-tooltip):not(.invalid-feedback) { + margin-inline: calc(var(--bs-border-width) * -1) 0; +} +.input-group:hover .input-group-text, +.input-group:hover .form-control, +.input-group:hover .form-select { + border-color: var(--bs-gray-600); +} +.input-group:focus-within, +.input-group:focus { + box-shadow: 0 0 0 var(--bs-border-width) var(--bs-primary); +} +.input-group:focus-within::before, +.input-group:focus::before { + box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4); +} +.input-group:focus-within:not(.input-group-merge) .form-control, +.input-group:focus-within:not(.input-group-merge) .form-select, +.input-group:focus-within:not(.input-group-merge) .input-group-text, +.input-group:focus-within:not(.input-group-merge) .btn, +.input-group:focus-within:not(.input-group-merge) + .form-control::file-selector-button, +.input-group:focus:not(.input-group-merge) .form-control, +.input-group:focus:not(.input-group-merge) .form-select, +.input-group:focus:not(.input-group-merge) .input-group-text, +.input-group:focus:not(.input-group-merge) .btn, +.input-group:focus:not(.input-group-merge) .form-control::file-selector-button { + box-shadow: var(--bs-border-width) 0 0 var(--bs-primary); +} +.input-group:focus-within .input-group-text, +.input-group:focus-within .form-control, +.input-group:focus-within .form-select, +.input-group:focus .input-group-text, +.input-group:focus .form-control, +.input-group:focus .form-select { + border-color: var(--bs-primary); +} +.input-group:focus-within .input-group-text:hover, +.input-group:focus-within .form-control:hover, +.input-group:focus-within .form-select:hover, +.input-group:focus .input-group-text:hover, +.input-group:focus .form-control:hover, +.input-group:focus .form-select:hover { + border-color: var(--bs-primary); +} +.input-group.input-group-merge + > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( + .valid-feedback + ):not(.invalid-tooltip):not(.invalid-feedback) { + margin-inline: 0; +} +.input-group.input-group-merge:not(.disabled) + > :not(:first-child):not(.dropdown-menu):not(.btn):not( + .dropdown-menu + .form-control + ):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not( + .invalid-tooltip + ):not(.invalid-feedback) { + margin-inline-start: -2px; +} +.input-group.input-group-merge .input-group-text, +.input-group.input-group-merge .input-group-text:focus, +.input-group.input-group-merge .input-group-text:focus-within, +.input-group.input-group-merge .form-control, +.input-group.input-group-merge .form-control:focus, +.input-group.input-group-merge .form-control:focus-within, +.input-group.input-group-merge .form-select, +.input-group.input-group-merge .form-select:focus, +.input-group.input-group-merge .form-select:focus-within { + box-shadow: none; +} +.input-group.input-group-merge .input-group-text:first-child, +.input-group.input-group-merge .form-control:first-child, +.input-group.input-group-merge .form-select:first-child { + border-inline-end: 0; +} +.input-group.input-group-merge .input-group-text:last-child, +.input-group.input-group-merge .form-control:last-child, +.input-group.input-group-merge .form-select:last-child { + border-inline-start: 0; +} +.input-group.input-group-merge .input-group-text:not(:first-child), +.input-group.input-group-merge .form-control:not(:first-child), +.input-group.input-group-merge .form-select:not(:first-child) { + border-inline-start: 0; + padding-inline-start: 0; +} +.input-group.input-group-merge .input-group-text:not(:last-child), +.input-group.input-group-merge .form-control:not(:last-child), +.input-group.input-group-merge .form-select:not(:last-child) { + border-inline-end: 0; +} +.input-group.input-group-merge .flatpickr-wrapper .flatpickr-input { + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); +} +.input-group.input-group-merge + .flatpickr-wrapper + .flatpickr-input:hover:not(:focus):not(:disabled) { + border-color: var(--bs-gray-600); +} +.input-group.input-group-merge .flatpickr-wrapper:first-child .flatpickr-input { + border-inline-end: 0; +} +.input-group.input-group-merge .flatpickr-wrapper:last-child .flatpickr-input { + border-inline-start: 0; +} +.input-group.input-group-merge + .flatpickr-wrapper:not(:first-child):not(:last-child) + .flatpickr-input { + border-inline-end: 0; + border-inline-start: 0; +} +.input-group.input-group-merge:focus-within .flatpickr-wrapper .flatpickr-input, +.input-group.input-group-merge:focus .flatpickr-wrapper .flatpickr-input { + border-color: var(--bs-primary); +} +.input-group.input-group-merge.disabled, +.input-group.input-group-merge[disabled] { + margin-inline: 0 !important; +} +.input-group.rounded-pill .input-group-text, +.input-group.rounded-pill .form-control, +.input-group.rounded-pill .form-select, +.input-group.rounded-pill::before { + border-radius: 50rem; +} +.input-group.disabled .input-group-text, +.input-group.disabled .form-control, +.input-group.disabled .form-select, +.input-group[disabled] .input-group-text, +.input-group[disabled] .form-control, +.input-group[disabled] .form-select { + border-color: var(--bs-input-group-disabled-border-color); + background-color: rgba(var(--bs-base-color-rgb), 0.06); + color: var(--bs-secondary-color); + pointer-events: none; +} +.input-group.disabled .form-select, +.input-group[disabled] .form-select { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e'); +} +.input-group.has-validation > .input-group-text:first-child, +.input-group.has-validation > .form-control:first-child { + border-end-end-radius: 0; + border-start-end-radius: 0; +} +.input-group.has-validation > .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} + +/* input-group-text icon size */ +.input-group-text { + background-clip: padding-box; + /* Adding transition (On focus border color change) */ + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .input-group-text { + transition: none; } } -.table th { - text-transform: uppercase; - font-size: 0.8125rem; - letter-spacing: 0.2px; - color: #384551; +.input-group-lg > .input-group-text .icon-base { + block-size: 1.375rem; + font-size: 1.375rem; + inline-size: 1.375rem; } -.table-dark th { - color: var(--bs-table-color); - border-top: 1px solid #e4e6e8; +.input-group-sm > .input-group-text .icon-base { + block-size: 1.125rem; + font-size: 1.125rem; + inline-size: 1.125rem; } -.table.table-dark .btn.btn-icon { - color: #e4e6e8; +/* Dark Theme */ +[data-bs-theme="dark"] .input-group { + --bs-input-group-addon-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); + --bs-input-group-disabled-border-color: rgba(230, 230, 241, 0.23); +} +[data-bs-theme="dark"] .input-group.disabled .form-select, +[data-bs-theme="dark"] .input-group[disabled] .form-select { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/%3e%3c/svg%3e'); } -.table-border-bottom-0 tr:last-child td, -.table-border-bottom-0 tr:last-child th { - border-bottom-width: 0; +/* Floating Labels +******************************************************************************* */ +.form-floating > label { + inset-inline-start: 0; +} +.form-floating > .form-control:focus::placeholder, +.form-floating > .form-control:not(:placeholder-shown)::placeholder { + color: var(--bs-secondary-color); +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:focus:not(:placeholder-shown) ~ label, +.form-floating > .form-select:focus ~ label, +.form-floating > .form-select:focus:not(:placeholder-shown) ~ label { + color: var(--bs-primary); } -.table-border-top-0 tr:first-child td, -.table-border-top-0 tr:first-child th { - border-top-width: 0 !important; +:dir(rtl) .form-floating > label { + transform-origin: 100% 0; +} +:dir(rtl) .form-floating > .form-control:focus ~ label, +:dir(rtl) .form-floating > .form-control:not(:placeholder-shown) ~ label, +:dir(rtl) .form-floating > .form-select ~ label, +:dir(rtl) .form-floating > .form-control:-webkit-autofill ~ label { + transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); } -.table.table-dark .btn i { - color: #fff; +/* Validation states +******************************************************************************* */ +form { + --bs-form-validation-shadow: none; + --bs-form-validation-border-color: var(--bs-form-invalid-border-color); } - -.table.table-flush-spacing thead tr > td:first-child, -.table.table-flush-spacing tbody tr > td:first-child { - padding-left: 0; +form .error:not(li):not(input) { + color: #ff3e1d; + font-size: 85%; + margin-block-start: 0.25rem; } - -.table.table-flush-spacing thead tr > td:last-child, -.table.table-flush-spacing tbody tr > td:last-child { - padding-right: 0; +form .form-label.invalid, +form .form-label.is-invalid { + border-width: 2px; + border-color: #ff3e1d; + box-shadow: 0 0 0 2px rgba(255, 62, 29, 0.4); } - -.nav-align-top .table:not(.table-dark), -.nav-align-top .table:not(.table-dark) thead:not(.table-dark) th, -.nav-align-top .table:not(.table-dark) tfoot:not(.table-dark) th, -.nav-align-top .table:not(.table-dark) td, -.nav-align-right .table:not(.table-dark), -.nav-align-right .table:not(.table-dark) thead:not(.table-dark) th, -.nav-align-right .table:not(.table-dark) tfoot:not(.table-dark) th, -.nav-align-right .table:not(.table-dark) td, -.nav-align-bottom .table:not(.table-dark), -.nav-align-bottom .table:not(.table-dark) thead:not(.table-dark) th, -.nav-align-bottom .table:not(.table-dark) tfoot:not(.table-dark) th, -.nav-align-bottom .table:not(.table-dark) td, -.nav-align-left .table:not(.table-dark), -.nav-align-left .table:not(.table-dark) thead:not(.table-dark) th, -.nav-align-left .table:not(.table-dark) tfoot:not(.table-dark) th, -.nav-align-left .table:not(.table-dark) td { - border-color: #e4e6e8; +form.was-validated :invalid, +form .is-invalid, +form.was-validated select:invalid, +form.was-validated select:invalid + .dropdown-toggle, +form.was-validated select:invalid ~ .select2-container, +form select.is-invalid, +form select.is-invalid + .dropdown-toggle, +form select.is-invalid ~ .select2-container, +form.was-validated .input-group:has(:invalid), +form .input-group:has(.is-invalid), +form .input-group .is-invalid, +form.was-validated .tagify:has(+ :invalid), +form .tagify:has(+ .is-invalid) { + --bs-form-validation-border-color: var(--bs-form-invalid-border-color); +} +form.was-validated :valid, +form .is-valid, +form.was-validated select:valid, +form.was-validated select:valid + .dropdown-toggle, +form.was-validated select:valid ~ .select2-container, +form select.is-valid, +form select.is-valid + .dropdown-toggle, +form select.is-valid ~ .select2-container, +form .input-group:has(.is-valid), +form.was-validated .input-group:has(:valid), +form .input-group .is-valid, +form.was-validated .tagify:has(+ :valid), +form .tagify:has(+ .is-valid) { + --bs-form-validation-border-color: var(--bs-form-valid-border-color); +} +form.was-validated .form-control:not(.input-group .form-control):invalid, +form.was-validated .form-control:not(.input-group .form-control):valid, +form .form-control:not(.input-group .form-control).is-invalid, +form .form-control:not(.input-group .form-control).is-valid, +form.was-validated .form-select:not(.input-group .form-select):invalid, +form.was-validated .form-select:not(.input-group .form-select):valid, +form .form-select:not(.input-group .form-select).is-invalid, +form .form-select:not(.input-group .form-select).is-valid { + border-width: 2px; +} +form.was-validated .form-control:not(.input-group .form-control):invalid, +form.was-validated .form-control:not(.input-group .form-control):invalid:hover, +form.was-validated .form-control:not(.input-group .form-control):invalid:focus, +form.was-validated .form-control:not(.input-group .form-control):valid, +form.was-validated .form-control:not(.input-group .form-control):valid:hover, +form.was-validated .form-control:not(.input-group .form-control):valid:focus, +form .form-control:not(.input-group .form-control).is-invalid, +form .form-control:not(.input-group .form-control).is-invalid:hover, +form .form-control:not(.input-group .form-control).is-invalid:focus, +form .form-control:not(.input-group .form-control).is-valid, +form .form-control:not(.input-group .form-control).is-valid:hover, +form .form-control:not(.input-group .form-control).is-valid:focus, +form.was-validated .form-select:not(.input-group .form-select):invalid, +form.was-validated .form-select:not(.input-group .form-select):invalid:hover, +form.was-validated .form-select:not(.input-group .form-select):invalid:focus, +form.was-validated .form-select:not(.input-group .form-select):valid, +form.was-validated .form-select:not(.input-group .form-select):valid:hover, +form.was-validated .form-select:not(.input-group .form-select):valid:focus, +form .form-select:not(.input-group .form-select).is-invalid, +form .form-select:not(.input-group .form-select).is-invalid:hover, +form .form-select:not(.input-group .form-select).is-invalid:focus, +form .form-select:not(.input-group .form-select).is-valid, +form .form-select:not(.input-group .form-select).is-valid:hover, +form .form-select:not(.input-group .form-select).is-valid:focus { + border-color: var(--bs-form-validation-border-color); + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated + .form-control:not(.input-group .form-control):invalid::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):invalid:hover::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):invalid:focus::file-selector-button, +form.was-validated + .form-control:not(.input-group .form-control):valid::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):valid:hover::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):valid:focus::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-invalid::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-invalid:hover::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-invalid:focus::file-selector-button, +form + .form-control:not(.input-group .form-control).is-valid::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-valid:hover::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-valid:focus::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):invalid::file-selector-button, +form.was-validated + .form-select:not( + .input-group .form-select + ):invalid:hover::file-selector-button, +form.was-validated + .form-select:not( + .input-group .form-select + ):invalid:focus::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):valid::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):valid:hover::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):valid:focus::file-selector-button, +form + .form-select:not(.input-group .form-select).is-invalid::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-invalid:hover::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-invalid:focus::file-selector-button, +form .form-select:not(.input-group .form-select).is-valid::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-valid:hover::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-valid:focus::file-selector-button { + box-shadow: var(--bs-border-width) 0 0 var(--bs-form-validation-border-color); +} +form.was-validated .form-check-input:invalid, +form.was-validated .form-check-input:invalid:checked, +form.was-validated .form-check-input:invalid:focus, +form.was-validated .form-check-input:valid, +form.was-validated .form-check-input:valid:checked, +form.was-validated .form-check-input:valid:focus, +form .form-check-input.is-invalid, +form .form-check-input.is-invalid:checked, +form .form-check-input.is-invalid:focus, +form .form-check-input.is-valid, +form .form-check-input.is-valid:checked, +form .form-check-input.is-valid:focus { + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated .form-switch .form-check-input:invalid:invalid, +form.was-validated .form-switch .form-check-input:invalid:invalid:checked, +form.was-validated .form-switch .form-check-input:invalid:invalid:focus, +form.was-validated .form-switch .form-check-input:invalid.is-invalid, +form.was-validated .form-switch .form-check-input:invalid.is-invalid:checked, +form.was-validated .form-switch .form-check-input:invalid.is-invalid:focus, +form.was-validated .form-switch .form-check-input:invalid:valid, +form.was-validated .form-switch .form-check-input:invalid:valid:checked, +form.was-validated .form-switch .form-check-input:invalid:valid:focus, +form.was-validated .form-switch .form-check-input:invalid.is-valid, +form.was-validated .form-switch .form-check-input:invalid.is-valid:checked, +form.was-validated .form-switch .form-check-input:invalid.is-valid:focus, +form.was-validated .form-switch .form-check-input:valid:invalid, +form.was-validated .form-switch .form-check-input:valid:invalid:checked, +form.was-validated .form-switch .form-check-input:valid:invalid:focus, +form.was-validated .form-switch .form-check-input:valid.is-invalid, +form.was-validated .form-switch .form-check-input:valid.is-invalid:checked, +form.was-validated .form-switch .form-check-input:valid.is-invalid:focus, +form.was-validated .form-switch .form-check-input:valid:valid, +form.was-validated .form-switch .form-check-input:valid:valid:checked, +form.was-validated .form-switch .form-check-input:valid:valid:focus, +form.was-validated .form-switch .form-check-input:valid.is-valid, +form.was-validated .form-switch .form-check-input:valid.is-valid:checked, +form.was-validated .form-switch .form-check-input:valid.is-valid:focus, +form .form-switch .form-check-input.is-invalid:invalid, +form .form-switch .form-check-input.is-invalid:invalid:checked, +form .form-switch .form-check-input.is-invalid:invalid:focus, +form .form-switch .form-check-input.is-invalid.is-invalid, +form .form-switch .form-check-input.is-invalid.is-invalid:checked, +form .form-switch .form-check-input.is-invalid.is-invalid:focus, +form .form-switch .form-check-input.is-invalid:valid, +form .form-switch .form-check-input.is-invalid:valid:checked, +form .form-switch .form-check-input.is-invalid:valid:focus, +form .form-switch .form-check-input.is-invalid.is-valid, +form .form-switch .form-check-input.is-invalid.is-valid:checked, +form .form-switch .form-check-input.is-invalid.is-valid:focus, +form .form-switch .form-check-input.is-valid:invalid, +form .form-switch .form-check-input.is-valid:invalid:checked, +form .form-switch .form-check-input.is-valid:invalid:focus, +form .form-switch .form-check-input.is-valid.is-invalid, +form .form-switch .form-check-input.is-valid.is-invalid:checked, +form .form-switch .form-check-input.is-valid.is-invalid:focus, +form .form-switch .form-check-input.is-valid:valid, +form .form-switch .form-check-input.is-valid:valid:checked, +form .form-switch .form-check-input.is-valid:valid:focus, +form .form-switch .form-check-input.is-valid.is-valid, +form .form-switch .form-check-input.is-valid.is-valid:checked, +form .form-switch .form-check-input.is-valid.is-valid:focus { + background-color: var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid), +form .input-group:has(.is-invalid), +form.was-validated .input-group:has(:valid), +form .input-group:has(.is-valid) { + box-shadow: 0 0 0 var(--bs-border-width) + var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid) .input-group-text, +form.was-validated .input-group:has(:invalid) .input-group-text:focus, +form.was-validated .input-group:has(:invalid) .input-group-text:focus-within, +form.was-validated .input-group:has(:invalid) .input-group-text.is-invalid, +form.was-validated .input-group:has(:invalid) .input-group-text.is-valid, +form.was-validated .input-group:has(:invalid) .form-control ~ .input-group-text, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text:focus, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text:focus-within, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text.is-invalid, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text.is-valid, +form.was-validated .input-group:has(:invalid) .form-control, +form.was-validated .input-group:has(:invalid) .form-control:focus, +form.was-validated .input-group:has(:invalid) .form-control:focus-within, +form.was-validated .input-group:has(:invalid) .form-control.is-invalid, +form.was-validated .input-group:has(:invalid) .form-control.is-valid, +form.was-validated .input-group:has(:invalid) .form-select, +form.was-validated .input-group:has(:invalid) .form-select:focus, +form.was-validated .input-group:has(:invalid) .form-select:focus-within, +form.was-validated .input-group:has(:invalid) .form-select.is-invalid, +form.was-validated .input-group:has(:invalid) .form-select.is-valid, +form .input-group:has(.is-invalid) .input-group-text, +form .input-group:has(.is-invalid) .input-group-text:focus, +form .input-group:has(.is-invalid) .input-group-text:focus-within, +form .input-group:has(.is-invalid) .input-group-text.is-invalid, +form .input-group:has(.is-invalid) .input-group-text.is-valid, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text:focus, +form + .input-group:has(.is-invalid) + .form-control + ~ .input-group-text:focus-within, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text.is-invalid, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text.is-valid, +form .input-group:has(.is-invalid) .form-control, +form .input-group:has(.is-invalid) .form-control:focus, +form .input-group:has(.is-invalid) .form-control:focus-within, +form .input-group:has(.is-invalid) .form-control.is-invalid, +form .input-group:has(.is-invalid) .form-control.is-valid, +form .input-group:has(.is-invalid) .form-select, +form .input-group:has(.is-invalid) .form-select:focus, +form .input-group:has(.is-invalid) .form-select:focus-within, +form .input-group:has(.is-invalid) .form-select.is-invalid, +form .input-group:has(.is-invalid) .form-select.is-valid, +form.was-validated .input-group:has(:valid) .input-group-text, +form.was-validated .input-group:has(:valid) .input-group-text:focus, +form.was-validated .input-group:has(:valid) .input-group-text:focus-within, +form.was-validated .input-group:has(:valid) .input-group-text.is-invalid, +form.was-validated .input-group:has(:valid) .input-group-text.is-valid, +form.was-validated .input-group:has(:valid) .form-control ~ .input-group-text, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text:focus, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text:focus-within, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text.is-invalid, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text.is-valid, +form.was-validated .input-group:has(:valid) .form-control, +form.was-validated .input-group:has(:valid) .form-control:focus, +form.was-validated .input-group:has(:valid) .form-control:focus-within, +form.was-validated .input-group:has(:valid) .form-control.is-invalid, +form.was-validated .input-group:has(:valid) .form-control.is-valid, +form.was-validated .input-group:has(:valid) .form-select, +form.was-validated .input-group:has(:valid) .form-select:focus, +form.was-validated .input-group:has(:valid) .form-select:focus-within, +form.was-validated .input-group:has(:valid) .form-select.is-invalid, +form.was-validated .input-group:has(:valid) .form-select.is-valid, +form .input-group:has(.is-valid) .input-group-text, +form .input-group:has(.is-valid) .input-group-text:focus, +form .input-group:has(.is-valid) .input-group-text:focus-within, +form .input-group:has(.is-valid) .input-group-text.is-invalid, +form .input-group:has(.is-valid) .input-group-text.is-valid, +form .input-group:has(.is-valid) .form-control ~ .input-group-text, +form .input-group:has(.is-valid) .form-control ~ .input-group-text:focus, +form .input-group:has(.is-valid) .form-control ~ .input-group-text:focus-within, +form .input-group:has(.is-valid) .form-control ~ .input-group-text.is-invalid, +form .input-group:has(.is-valid) .form-control ~ .input-group-text.is-valid, +form .input-group:has(.is-valid) .form-control, +form .input-group:has(.is-valid) .form-control:focus, +form .input-group:has(.is-valid) .form-control:focus-within, +form .input-group:has(.is-valid) .form-control.is-invalid, +form .input-group:has(.is-valid) .form-control.is-valid, +form .input-group:has(.is-valid) .form-select, +form .input-group:has(.is-valid) .form-select:focus, +form .input-group:has(.is-valid) .form-select:focus-within, +form .input-group:has(.is-valid) .form-select.is-invalid, +form .input-group:has(.is-valid) .form-select.is-valid { + border-width: var(--bs-border-width); + border-color: var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid)::before, +form .input-group:has(.is-invalid)::before, +form.was-validated .input-group:has(:valid)::before, +form .input-group:has(.is-valid)::before { + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input:focus, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input.is-invalid, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input.is-valid, +form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input, +form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input:focus, +form + .input-group:has(.is-invalid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form + .input-group:has(.is-invalid) + .flatpickr-wrapper + .flatpickr-input.is-invalid, +form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input.is-valid, +form.was-validated .input-group:has(:valid) .flatpickr-wrapper .flatpickr-input, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input:focus, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input.is-invalid, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input.is-valid, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input:focus, +form + .input-group:has(.is-valid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input.is-invalid, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input.is-valid { + border-width: var(--bs-border-width); + border-color: var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid) ~ .invalid-feedback, +form.was-validated .input-group:has(:invalid) ~ .invalid-tooltip, +form .input-group:has(.is-invalid) ~ .invalid-feedback, +form .input-group:has(.is-invalid) ~ .invalid-tooltip { + display: block; +} +form.was-validated .input-group:has(:valid) ~ .valid-feedback, +form.was-validated .input-group:has(:valid) ~ .valid-tooltip, +form .input-group:has(.is-valid) ~ .valid-feedback, +form .input-group:has(.is-valid) ~ .valid-tooltip { + display: block; +} +form.was-validated .tagify:has(+ input:invalid), +form.was-validated .tagify:has(+ input:valid), +form .tagify:has(+ input.is-invalid), +form .tagify:has(+ input.valid) { + padding: 0; + border-width: 2px; + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated .tagify:has(+ input:invalid), +form.was-validated .tagify:has(+ input:invalid):hover, +form.was-validated .tagify:has(+ input:invalid):focus, +form.was-validated .tagify:has(+ input:valid), +form.was-validated .tagify:has(+ input:valid):hover, +form.was-validated .tagify:has(+ input:valid):focus, +form .tagify:has(+ input.is-invalid), +form .tagify:has(+ input.is-invalid):hover, +form .tagify:has(+ input.is-invalid):focus, +form .tagify:has(+ input.valid), +form .tagify:has(+ input.valid):hover, +form .tagify:has(+ input.valid):focus { + border-color: var(--bs-form-validation-border-color) !important; +} +form .bootstrap-select .selectpicker.is-invalid + .dropdown-toggle, +form.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle, +form .bootstrap-select .selectpicker.is-valid + .dropdown-toggle, +form.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle { + border-width: 2px; + border-color: var(--bs-form-validation-border-color); + box-shadow: var(--bs-form-validation-shadow); + padding-block: calc(0.543rem - 2px); + padding-inline: calc(0.9375rem - var(--bs-border-width)); +} +form .bootstrap-select .selectpicker.is-invalid + .dropdown-toggle::after, +form.was-validated + .bootstrap-select + .selectpicker:invalid + + .dropdown-toggle::after, +form .bootstrap-select .selectpicker.is-valid + .dropdown-toggle::after, +form.was-validated + .bootstrap-select + .selectpicker:valid + + .dropdown-toggle::after { + inset-inline-end: calc( + var(--bs-bootstrap-select-arrow-position) - var(--bs-border-width) + ); +} +form + .form-select.is-invalid + ~ .select2-container.select2-container--default + .select2-selection, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default + .select2-selection, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection, +form + .form-select.is-valid + ~ .select2-container.select2-container--default + .select2-selection, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default + .select2-selection, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection { + border-width: 2px; + border-color: var(--bs-form-validation-border-color); + box-shadow: var(--bs-form-validation-shadow); +} +form + .form-select.is-invalid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered { + line-height: calc(var(--bs-select-height) - 4px); + padding-inline-end: calc(2.625rem - var(--bs-select-border-width)); + padding-inline-start: calc(0.9375rem - var(--bs-select-border-width)); +} +form + .form-select.is-invalid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered { + padding-block: calc( + var(--bs-select-multiple-padding-y) - var(--bs-select-border-width) + ); + padding-inline-start: calc( + var(--bs-select-multiple-padding-x) - var(--bs-select-border-width) + ); } .btn { - cursor: pointer; - display: inline-flex !important; + --bs-btn-box-shadow-rgb: transparent; + --bs-btn-focus-shadow-rgb: transparent; + --bs-btn-active-shadow-rgb: transparent; + --bs-btn-box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-btn-box-shadow-rgb), 0.4); + --bs-btn-focus-box-shadow: none; + --bs-btn-active-border-color: transparent; + --bs-btn-active-shadow: none; + display: inline-flex; align-items: center; justify-content: center; + /* Table Action Dropdown fix */ + /* override bootstrap styles of the checkbox/radio buttons */ + /* Buttons Variant */ + /* Label */ + /* Outline */ + /* Text */ } - -.btn[class*="btn-outline-"]:disabled, -.btn[class*="btn-outline-"].disabled { - background: rgba(0, 0, 0, 0) !important; +.btn:not(:focus, :active) { + box-shadow: var(--bs-btn-box-shadow); } - -.btn[class*="btn-text-"] { - border-color: rgba(0, 0, 0, 0) !important; +.btn-group .btn, +.input-group .btn { + border-inline-end: var(--bs-border-width) solid + var(--bs-btn-group-border-color); + border-inline-start: var(--bs-border-width) solid + var(--bs-btn-group-border-color); } - -.btn-check:focus + .btn, -.btn:focus, -.btn.focus, -.btn:active, -.btn.active { +.btn-group-vertical .btn { + border-block-end: var(--bs-border-width) solid + var(--bs-btn-group-border-color); + border-block-start: var(--bs-border-width) solid + var(--bs-btn-group-border-color); +} +.btn-check:checked + .btn, +:not(.btn-check) + .btn:active, +.btn:first-child:active, +.btn.active, +.btn.show { + box-shadow: var(--bs-btn-active-shadow); +} +.btn:disabled, +.btn.disabled, +fieldset:disabled .btn { box-shadow: none; } - -.btn-check:focus + .btn:hover, -.btn:focus:hover, -.btn.focus:hover, -.btn:active:hover, -.btn.active:hover { - transform: translateY(0); +.btn:not([class*="btn-"]):active, +.btn:not([class*="btn-"]).active, +.btn:not([class*="btn-"]).show, +.btn:not([class*="btn-"]) { + --bs-btn-border-width: 0; +} +.btn-check + .btn:hover { + border-color: var(--bs-btn-hover-border-color); + background-color: var(--bs-btn-hover-bg); + color: var(--bs-btn-hover-color); +} +.btn[class*="btn-label-"]:not(:hover), +.btn[class*="btn-label-"]:focus, +.btn[class*="btn-label-"]:active { + --bs-btn-box-shadow: none; +} +.btn[class*="btn-label-"]:hover { + box-shadow: var(--bs-btn-box-shadow); +} +.btn[class*="btn-outline-"] { + --bs-btn-bg: transparent; + --bs-btn-focus-box-shadow: none; + --bs-btn-active-shadow: none; + --bs-btn-disabled-bg: transparent; +} +.btn[class*="btn-outline-"] .badge { + --bs-badge-bg-color: var(--bs-btn-color); + --bs-badge-color: var(--bs-btn-hover-color); +} +.btn[class*="btn-outline-"]:not(:hover) { + --bs-btn-box-shadow: none; +} +.btn[class*="btn-outline-"]:hover .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"]:focus:hover .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"]:focus:not(:hover) + .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"]:active .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"].active .badge:not([class*="badge-outline"]), +.show + > .btn[class*="btn-outline-"].dropdown-toggle + .badge:not([class*="badge-outline"]) { + --bs-badge-bg-color: var(--bs-btn-hover-color); + --bs-badge-color: var(--bs-btn-hover-bg); +} +.btn.btn-white { + --bs-btn-bg: var(--bs-white); + --bs-btn-color: var(--bs-body-color); + --bs-btn-border-color: var(--bs-white); + --bs-btn-hover-color: var(--bs-black); + --bs-btn-hover-bg: var(--bs-btn-bg); + --bs-btn-hover-border-color: var(--bs-btn-border-color); + --bs-btn-active-color: var(--bs-btn-hover-color); + --bs-btn-active-bg: var(--bs-btn-hover-bg); + --bs-btn-active-border-color: var(--bs-btn-hover-border-color); + --bs-btn-box-shadow-rgb: var(--bs-white-rgb); + --bs-btn-active-shadow-rgb: var(--bs-btn-box-shadow-rgb); } - .btn[class*="btn-text-"] { + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-box-shadow: none; + --bs-btn-focus-box-shadow: none; + --bs-btn-active-shadow: none; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: transparent; +} +.btn[class*="btn-text-"]:not(.btn-icon) { padding-inline: 0.75rem; } - -.btn[class*="btn-text-"][class*="btn-sm"] { +.btn[class*="btn-text-"]:not(.btn-icon)[class*="btn-sm"] { padding-inline: 0.5rem; } - -.btn[class*="btn-text-"][class*="btn-lg"] { +.btn[class*="btn-text-"]:not(.btn-icon)[class*="btn-lg"] { padding-inline: 1rem; } - -.btn[class*="btn-text-"]:disabled, -.btn[class*="btn-text-"].disabled { - background: rgba(0, 0, 0, 0) !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn .bx { - line-height: 1.15; -} - -.btn.btn-text { - background: none; - box-shadow: none; - border: none; -} - -.btn.disabled, -.btn:disabled { - cursor: default; -} - .btn:hover { transform: translateY(-1px); } - -.btn-group:has(.btn.active) .btn, -.btn-group:has(.btn:active) .btn, -.btn-group:has(.btn.focus) .btn, -.btn-group:has(.btn:focus) .btn, -.btn-group-vertical:has(.btn.active) .btn, -.btn-group-vertical:has(.btn:active) .btn, -.btn-group-vertical:has(.btn.focus) .btn, -.btn-group-vertical:has(.btn:focus) .btn { - box-shadow: none !important; +.btn:focus { + transform: translateY(0); } +/* Badge within button */ .btn .badge { transition: all 0.2s ease-in-out; + inset-block-start: 0; } - @media (prefers-reduced-motion: reduce) { .btn .badge { transition: none; @@ -9095,9 +11428,10 @@ a.invert-bg-dark:focus { } label.btn { - margin-bottom: 0; + margin-block-end: 0; } +/* Button Sizes */ .btn-xl, .btn-group-xl > .btn { --bs-btn-padding-y: 0.852rem; @@ -9106,11 +11440,6 @@ label.btn { --bs-btn-border-radius: 0.625rem; } -.btn-sm, -.btn-group-sm > .btn { - line-height: 1.375; -} - .btn-xs, .btn-group-xs > .btn { --bs-btn-padding-y: 0.196rem; @@ -9119,1601 +11448,2328 @@ label.btn { --bs-btn-border-radius: 0.125rem; } -.btn-secondary { - color: #fff; - background-color: #8592a3; - border-color: #8592a3; - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); -} - -.btn-secondary:hover { - color: #fff !important; - background-color: #788393 !important; - border-color: #788393 !important; -} - -.btn-check:focus + .btn-secondary, -.btn-secondary:focus, -.btn-secondary.focus { - color: #fff; - background-color: #788393; - border-color: #788393; -} - -.btn-check:checked + .btn-secondary, -.btn-check:active + .btn-secondary, -.btn-secondary:active, -.btn-secondary.active, -.btn-secondary.show.dropdown-toggle, -.show > .btn-secondary.dropdown-toggle { - color: #fff !important; - background-color: #788393 !important; - border-color: #788393 !important; -} - -.btn-secondary.disabled, -.btn-secondary:disabled { - color: #fff !important; - background-color: #8592a3 !important; - border-color: #8592a3 !important; -} - -.btn-group .btn-secondary, -.input-group .btn-secondary { - border-right: var(--bs-border-width) solid #788393; - border-left: var(--bs-border-width) solid #788393; -} - -.btn-group-vertical .btn-secondary { - border-top-color: #788393; - border-bottom-color: #788393; -} - -.btn-label-secondary { - color: #8592a3 !important; - border-color: rgba(0, 0, 0, 0); - background: #ebeef0; -} - -.btn-label-secondary:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #788393 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4) !important; -} - -.btn-label-secondary:focus, -.btn-label-secondary.focus { - color: #fff !important; - background: #788393; -} - -.btn-label-secondary:active, -.btn-label-secondary.active, -.btn-label-secondary.show.dropdown-toggle, -.show > .btn-label-secondary.dropdown-toggle { - color: #fff !important; - background-color: #788393 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-secondary.disabled, -.btn-label-secondary:disabled { - color: #8592a3 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #ebeef0 !important; -} - -.btn-group .btn-label-secondary, -.input-group .btn-label-secondary { - border-right: var(--bs-border-width) solid #d8dce2 !important; - border-left: var(--bs-border-width) solid #d8dce2 !important; -} - -.btn-group-vertical .btn-label-secondary { - border-top: var(--bs-border-width) solid #d8dce2 !important; - border-bottom: var(--bs-border-width) solid #d8dce2 !important; -} - -.btn-outline-secondary { - color: #8592a3; - border-color: #8592a3; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-secondary:hover { - color: #fff !important; - background-color: #788393 !important; - border-color: #788393 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4) !important; -} - -.btn-check:focus + .btn-outline-secondary, -.btn-outline-secondary:focus { - color: #fff; - background-color: #788393; - border-color: #788393; -} - -.btn-check:checked + .btn-outline-secondary, -.btn-check:active + .btn-outline-secondary, -.btn-outline-secondary:active, -.btn-outline-secondary.active, -.btn-outline-secondary.dropdown-toggle.show { - color: #fff !important; - background-color: #788393 !important; - border-color: #788393 !important; -} - -.btn-outline-secondary.disabled, -.btn-outline-secondary:disabled { - color: #8592a3 !important; - border-color: #8592a3 !important; -} - -.btn-outline-secondary .badge { - background: #8592a3; - border-color: #8592a3; - color: #fff; -} - -.btn-outline-secondary:hover .badge, -.btn-outline-secondary:focus:hover .badge, -.btn-outline-secondary:active .badge, -.btn-outline-secondary.active .badge, -.show > .btn-outline-secondary.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-secondary { - color: #646e78; -} - -.btn-text-secondary:hover { - background: #f3f3f4; - color: #646e78; -} - -.btn-text-secondary:focus, -.btn-text-secondary.focus { - color: #646e78; - background: #f3f3f4; -} - -.btn-text-secondary:active, -.btn-text-secondary.active, -.btn-text-secondary-check:checked + .btn-text-secondary, -:not(.btn-text-secondary-check) + .btn-text-secondary:active, -.btn-text-secondary:first-child:active, -.btn-text-secondary.show.dropdown-toggle, -.show > .btn-text-secondary.dropdown-toggle { - color: #646e78; - background: #f3f3f4 !important; -} - -.btn-text-secondary:disabled, -.btn-text-secondary.disabled { - color: #646e78; -} - -.btn-group .btn-text-secondary, -.input-group .btn-text-secondary { - border-right: var(--bs-border-width) solid #646e78 !important; - border-left: var(--bs-border-width) solid #646e78 !important; -} - -.btn-group-vertical .btn-text-secondary { - border-top: var(--bs-border-width) solid #646e78 !important; - border-bottom: var(--bs-border-width) solid #646e78 !important; -} - -.btn-success { - color: #fff; - background-color: #71dd37; - border-color: #71dd37; - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4); -} - -.btn-success:hover { - color: #fff !important; - background-color: #66c732 !important; - border-color: #66c732 !important; -} - -.btn-check:focus + .btn-success, -.btn-success:focus, -.btn-success.focus { - color: #fff; - background-color: #66c732; - border-color: #66c732; -} - -.btn-check:checked + .btn-success, -.btn-check:active + .btn-success, -.btn-success:active, -.btn-success.active, -.btn-success.show.dropdown-toggle, -.show > .btn-success.dropdown-toggle { - color: #fff !important; - background-color: #66c732 !important; - border-color: #66c732 !important; -} - -.btn-success.disabled, -.btn-success:disabled { - color: #fff !important; - background-color: #71dd37 !important; - border-color: #71dd37 !important; -} - -.btn-group .btn-success, -.input-group .btn-success { - border-right: var(--bs-border-width) solid #66c732; - border-left: var(--bs-border-width) solid #66c732; -} - -.btn-group-vertical .btn-success { - border-top-color: #66c732; - border-bottom-color: #66c732; -} - -.btn-label-success { - color: #71dd37 !important; - border-color: rgba(0, 0, 0, 0); - background: #e8fadf; -} - -.btn-label-success:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #66c732 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4) !important; -} - -.btn-label-success:focus, -.btn-label-success.focus { - color: #fff !important; - background: #66c732; -} - -.btn-label-success:active, -.btn-label-success.active, -.btn-label-success.show.dropdown-toggle, -.show > .btn-label-success.dropdown-toggle { - color: #fff !important; - background-color: #66c732 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-success.disabled, -.btn-label-success:disabled { - color: #71dd37 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #e8fadf !important; -} - -.btn-group .btn-label-success, -.input-group .btn-label-success { - border-right: var(--bs-border-width) solid #d2f4bf !important; - border-left: var(--bs-border-width) solid #d2f4bf !important; -} - -.btn-group-vertical .btn-label-success { - border-top: var(--bs-border-width) solid #d2f4bf !important; - border-bottom: var(--bs-border-width) solid #d2f4bf !important; -} - -.btn-outline-success { - color: #71dd37; - border-color: #71dd37; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-success:hover { - color: #fff !important; - background-color: #66c732 !important; - border-color: #66c732 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4) !important; -} - -.btn-check:focus + .btn-outline-success, -.btn-outline-success:focus { - color: #fff; - background-color: #66c732; - border-color: #66c732; -} - -.btn-check:checked + .btn-outline-success, -.btn-check:active + .btn-outline-success, -.btn-outline-success:active, -.btn-outline-success.active, -.btn-outline-success.dropdown-toggle.show { - color: #fff !important; - background-color: #66c732 !important; - border-color: #66c732 !important; -} - -.btn-outline-success.disabled, -.btn-outline-success:disabled { - color: #71dd37 !important; - border-color: #71dd37 !important; -} - -.btn-outline-success .badge { - background: #71dd37; - border-color: #71dd37; - color: #fff; -} - -.btn-outline-success:hover .badge, -.btn-outline-success:focus:hover .badge, -.btn-outline-success:active .badge, -.btn-outline-success.active .badge, -.show > .btn-outline-success.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-success { - color: #71dd37; -} - -.btn-text-success:hover { - background: #f4fcef; - color: #71dd37; -} - -.btn-text-success:focus, -.btn-text-success.focus { - color: #71dd37; - background: #f4fcef; -} - -.btn-text-success:active, -.btn-text-success.active, -.btn-text-success-check:checked + .btn-text-success, -:not(.btn-text-success-check) + .btn-text-success:active, -.btn-text-success:first-child:active, -.btn-text-success.show.dropdown-toggle, -.show > .btn-text-success.dropdown-toggle { - color: #71dd37; - background: #f4fcef !important; -} - -.btn-text-success:disabled, -.btn-text-success.disabled { - color: #71dd37; -} - -.btn-group .btn-text-success, -.input-group .btn-text-success { - border-right: var(--bs-border-width) solid #71dd37 !important; - border-left: var(--bs-border-width) solid #71dd37 !important; -} - -.btn-group-vertical .btn-text-success { - border-top: var(--bs-border-width) solid #71dd37 !important; - border-bottom: var(--bs-border-width) solid #71dd37 !important; -} - -.btn-info { - color: #fff; - background-color: #03c3ec; - border-color: #03c3ec; - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4); -} - -.btn-info:hover { - color: #fff !important; - background-color: #03b0d4 !important; - border-color: #03b0d4 !important; -} - -.btn-check:focus + .btn-info, -.btn-info:focus, -.btn-info.focus { - color: #fff; - background-color: #03b0d4; - border-color: #03b0d4; -} - -.btn-check:checked + .btn-info, -.btn-check:active + .btn-info, -.btn-info:active, -.btn-info.active, -.btn-info.show.dropdown-toggle, -.show > .btn-info.dropdown-toggle { - color: #fff !important; - background-color: #03b0d4 !important; - border-color: #03b0d4 !important; -} - -.btn-info.disabled, -.btn-info:disabled { - color: #fff !important; - background-color: #03c3ec !important; - border-color: #03c3ec !important; -} - -.btn-group .btn-info, -.input-group .btn-info { - border-right: var(--bs-border-width) solid #03b0d4; - border-left: var(--bs-border-width) solid #03b0d4; -} - -.btn-group-vertical .btn-info { - border-top-color: #03b0d4; - border-bottom-color: #03b0d4; -} - -.btn-label-info { - color: #03c3ec !important; - border-color: rgba(0, 0, 0, 0); - background: #d7f5fc; -} - -.btn-label-info:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #03b0d4 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4) !important; -} - -.btn-label-info:focus, -.btn-label-info.focus { - color: #fff !important; - background: #03b0d4; -} - -.btn-label-info:active, -.btn-label-info.active, -.btn-label-info.show.dropdown-toggle, -.show > .btn-label-info.dropdown-toggle { - color: #fff !important; - background-color: #03b0d4 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-info.disabled, -.btn-label-info:disabled { - color: #03c3ec !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #d7f5fc !important; -} - -.btn-group .btn-label-info, -.input-group .btn-label-info { - border-right: var(--bs-border-width) solid #aeecf9 !important; - border-left: var(--bs-border-width) solid #aeecf9 !important; -} - -.btn-group-vertical .btn-label-info { - border-top: var(--bs-border-width) solid #aeecf9 !important; - border-bottom: var(--bs-border-width) solid #aeecf9 !important; -} - -.btn-outline-info { - color: #03c3ec; - border-color: #03c3ec; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-info:hover { - color: #fff !important; - background-color: #03b0d4 !important; - border-color: #03b0d4 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4) !important; -} - -.btn-check:focus + .btn-outline-info, -.btn-outline-info:focus { - color: #fff; - background-color: #03b0d4; - border-color: #03b0d4; -} - -.btn-check:checked + .btn-outline-info, -.btn-check:active + .btn-outline-info, -.btn-outline-info:active, -.btn-outline-info.active, -.btn-outline-info.dropdown-toggle.show { - color: #fff !important; - background-color: #03b0d4 !important; - border-color: #03b0d4 !important; -} - -.btn-outline-info.disabled, -.btn-outline-info:disabled { - color: #03c3ec !important; - border-color: #03c3ec !important; -} - -.btn-outline-info .badge { - background: #03c3ec; - border-color: #03c3ec; - color: #fff; -} - -.btn-outline-info:hover .badge, -.btn-outline-info:focus:hover .badge, -.btn-outline-info:active .badge, -.btn-outline-info.active .badge, -.show > .btn-outline-info.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-info { - color: #03c3ec; -} - -.btn-text-info:hover { - background: #ebfafd; - color: #03c3ec; -} - -.btn-text-info:focus, -.btn-text-info.focus { - color: #03c3ec; - background: #ebfafd; -} - -.btn-text-info:active, -.btn-text-info.active, -.btn-text-info-check:checked + .btn-text-info, -:not(.btn-text-info-check) + .btn-text-info:active, -.btn-text-info:first-child:active, -.btn-text-info.show.dropdown-toggle, -.show > .btn-text-info.dropdown-toggle { - color: #03c3ec; - background: #ebfafd !important; -} - -.btn-text-info:disabled, -.btn-text-info.disabled { - color: #03c3ec; -} - -.btn-group .btn-text-info, -.input-group .btn-text-info { - border-right: var(--bs-border-width) solid #03c3ec !important; - border-left: var(--bs-border-width) solid #03c3ec !important; -} - -.btn-group-vertical .btn-text-info { - border-top: var(--bs-border-width) solid #03c3ec !important; - border-bottom: var(--bs-border-width) solid #03c3ec !important; -} - -.btn-warning { - color: #fff; - background-color: #ffab00; - border-color: #ffab00; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4); -} - -.btn-warning:hover { - color: #fff !important; - background-color: #e69a00 !important; - border-color: #e69a00 !important; -} - -.btn-check:focus + .btn-warning, -.btn-warning:focus, -.btn-warning.focus { - color: #fff; - background-color: #e69a00; - border-color: #e69a00; -} - -.btn-check:checked + .btn-warning, -.btn-check:active + .btn-warning, -.btn-warning:active, -.btn-warning.active, -.btn-warning.show.dropdown-toggle, -.show > .btn-warning.dropdown-toggle { - color: #fff !important; - background-color: #e69a00 !important; - border-color: #e69a00 !important; -} - -.btn-warning.disabled, -.btn-warning:disabled { - color: #fff !important; - background-color: #ffab00 !important; - border-color: #ffab00 !important; -} - -.btn-group .btn-warning, -.input-group .btn-warning { - border-right: var(--bs-border-width) solid #e69a00; - border-left: var(--bs-border-width) solid #e69a00; -} - -.btn-group-vertical .btn-warning { - border-top-color: #e69a00; - border-bottom-color: #e69a00; -} - -.btn-label-warning { - color: #ffab00 !important; - border-color: rgba(0, 0, 0, 0); - background: #fff2d6; -} - -.btn-label-warning:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #e69a00 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4) !important; -} - -.btn-label-warning:focus, -.btn-label-warning.focus { - color: #fff !important; - background: #e69a00; -} - -.btn-label-warning:active, -.btn-label-warning.active, -.btn-label-warning.show.dropdown-toggle, -.show > .btn-label-warning.dropdown-toggle { - color: #fff !important; - background-color: #e69a00 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-warning.disabled, -.btn-label-warning:disabled { - color: #ffab00 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #fff2d6 !important; -} - -.btn-group .btn-label-warning, -.input-group .btn-label-warning { - border-right: var(--bs-border-width) solid #ffe4ad !important; - border-left: var(--bs-border-width) solid #ffe4ad !important; -} - -.btn-group-vertical .btn-label-warning { - border-top: var(--bs-border-width) solid #ffe4ad !important; - border-bottom: var(--bs-border-width) solid #ffe4ad !important; -} - -.btn-outline-warning { - color: #ffab00; - border-color: #ffab00; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-warning:hover { - color: #fff !important; - background-color: #e69a00 !important; - border-color: #e69a00 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4) !important; -} - -.btn-check:focus + .btn-outline-warning, -.btn-outline-warning:focus { - color: #fff; - background-color: #e69a00; - border-color: #e69a00; -} - -.btn-check:checked + .btn-outline-warning, -.btn-check:active + .btn-outline-warning, -.btn-outline-warning:active, -.btn-outline-warning.active, -.btn-outline-warning.dropdown-toggle.show { - color: #fff !important; - background-color: #e69a00 !important; - border-color: #e69a00 !important; -} - -.btn-outline-warning.disabled, -.btn-outline-warning:disabled { - color: #ffab00 !important; - border-color: #ffab00 !important; -} - -.btn-outline-warning .badge { - background: #ffab00; - border-color: #ffab00; - color: #fff; -} - -.btn-outline-warning:hover .badge, -.btn-outline-warning:focus:hover .badge, -.btn-outline-warning:active .badge, -.btn-outline-warning.active .badge, -.show > .btn-outline-warning.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-warning { - color: #ffab00; -} - -.btn-text-warning:hover { - background: #fff8eb; - color: #ffab00; -} - -.btn-text-warning:focus, -.btn-text-warning.focus { - color: #ffab00; - background: #fff8eb; -} - -.btn-text-warning:active, -.btn-text-warning.active, -.btn-text-warning-check:checked + .btn-text-warning, -:not(.btn-text-warning-check) + .btn-text-warning:active, -.btn-text-warning:first-child:active, -.btn-text-warning.show.dropdown-toggle, -.show > .btn-text-warning.dropdown-toggle { - color: #ffab00; - background: #fff8eb !important; -} - -.btn-text-warning:disabled, -.btn-text-warning.disabled { - color: #ffab00; -} - -.btn-group .btn-text-warning, -.input-group .btn-text-warning { - border-right: var(--bs-border-width) solid #ffab00 !important; - border-left: var(--bs-border-width) solid #ffab00 !important; -} - -.btn-group-vertical .btn-text-warning { - border-top: var(--bs-border-width) solid #ffab00 !important; - border-bottom: var(--bs-border-width) solid #ffab00 !important; -} - -.btn-danger { - color: #fff; - background-color: #ff3e1d; - border-color: #ff3e1d; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4); -} - -.btn-danger:hover { - color: #fff !important; - background-color: #e6381a !important; - border-color: #e6381a !important; -} - -.btn-check:focus + .btn-danger, -.btn-danger:focus, -.btn-danger.focus { - color: #fff; - background-color: #e6381a; - border-color: #e6381a; -} - -.btn-check:checked + .btn-danger, -.btn-check:active + .btn-danger, -.btn-danger:active, -.btn-danger.active, -.btn-danger.show.dropdown-toggle, -.show > .btn-danger.dropdown-toggle { - color: #fff !important; - background-color: #e6381a !important; - border-color: #e6381a !important; -} - -.btn-danger.disabled, -.btn-danger:disabled { - color: #fff !important; - background-color: #ff3e1d !important; - border-color: #ff3e1d !important; -} - -.btn-group .btn-danger, -.input-group .btn-danger { - border-right: var(--bs-border-width) solid #e6381a; - border-left: var(--bs-border-width) solid #e6381a; -} - -.btn-group-vertical .btn-danger { - border-top-color: #e6381a; - border-bottom-color: #e6381a; -} - -.btn-label-danger { - color: #ff3e1d !important; - border-color: rgba(0, 0, 0, 0); - background: #ffe0db; -} - -.btn-label-danger:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #e6381a !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4) !important; -} - -.btn-label-danger:focus, -.btn-label-danger.focus { - color: #fff !important; - background: #e6381a; -} - -.btn-label-danger:active, -.btn-label-danger.active, -.btn-label-danger.show.dropdown-toggle, -.show > .btn-label-danger.dropdown-toggle { - color: #fff !important; - background-color: #e6381a !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-danger.disabled, -.btn-label-danger:disabled { - color: #ff3e1d !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #ffe0db !important; -} - -.btn-group .btn-label-danger, -.input-group .btn-label-danger { - border-right: var(--bs-border-width) solid #ffc1b7 !important; - border-left: var(--bs-border-width) solid #ffc1b7 !important; -} - -.btn-group-vertical .btn-label-danger { - border-top: var(--bs-border-width) solid #ffc1b7 !important; - border-bottom: var(--bs-border-width) solid #ffc1b7 !important; -} - -.btn-outline-danger { - color: #ff3e1d; - border-color: #ff3e1d; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-danger:hover { - color: #fff !important; - background-color: #e6381a !important; - border-color: #e6381a !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4) !important; -} - -.btn-check:focus + .btn-outline-danger, -.btn-outline-danger:focus { - color: #fff; - background-color: #e6381a; - border-color: #e6381a; -} - -.btn-check:checked + .btn-outline-danger, -.btn-check:active + .btn-outline-danger, -.btn-outline-danger:active, -.btn-outline-danger.active, -.btn-outline-danger.dropdown-toggle.show { - color: #fff !important; - background-color: #e6381a !important; - border-color: #e6381a !important; -} - -.btn-outline-danger.disabled, -.btn-outline-danger:disabled { - color: #ff3e1d !important; - border-color: #ff3e1d !important; -} - -.btn-outline-danger .badge { - background: #ff3e1d; - border-color: #ff3e1d; - color: #fff; -} - -.btn-outline-danger:hover .badge, -.btn-outline-danger:focus:hover .badge, -.btn-outline-danger:active .badge, -.btn-outline-danger.active .badge, -.show > .btn-outline-danger.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-danger { - color: #ff3e1d; -} - -.btn-text-danger:hover { - background: #fff0ed; - color: #ff3e1d; -} - -.btn-text-danger:focus, -.btn-text-danger.focus { - color: #ff3e1d; - background: #fff0ed; -} - -.btn-text-danger:active, -.btn-text-danger.active, -.btn-text-danger-check:checked + .btn-text-danger, -:not(.btn-text-danger-check) + .btn-text-danger:active, -.btn-text-danger:first-child:active, -.btn-text-danger.show.dropdown-toggle, -.show > .btn-text-danger.dropdown-toggle { - color: #ff3e1d; - background: #fff0ed !important; -} - -.btn-text-danger:disabled, -.btn-text-danger.disabled { - color: #ff3e1d; -} - -.btn-group .btn-text-danger, -.input-group .btn-text-danger { - border-right: var(--bs-border-width) solid #ff3e1d !important; - border-left: var(--bs-border-width) solid #ff3e1d !important; -} - -.btn-group-vertical .btn-text-danger { - border-top: var(--bs-border-width) solid #ff3e1d !important; - border-bottom: var(--bs-border-width) solid #ff3e1d !important; -} - -.btn-light { - color: #22303e; - background-color: #dbdee0; - border-color: #dbdee0; - box-shadow: 0 0.125rem 0.25rem 0 rgba(219, 222, 224, 0.4); -} - -.btn-light:hover { - color: #22303e !important; - background-color: #e4e6e8 !important; - border-color: #dfe1e3 !important; -} - -.btn-check:focus + .btn-light, -.btn-light:focus, -.btn-light.focus { - color: #22303e; - background-color: #e4e6e8; - border-color: #dfe1e3; -} - -.btn-check:checked + .btn-light, -.btn-check:active + .btn-light, -.btn-light:active, -.btn-light.active, -.btn-light.show.dropdown-toggle, -.show > .btn-light.dropdown-toggle { - color: #22303e !important; - background-color: #dfe1e3 !important; - border-color: #dfe1e3 !important; -} - -.btn-light.disabled, -.btn-light:disabled { - color: #22303e !important; - background-color: #dbdee0 !important; - border-color: #dbdee0 !important; -} - -.btn-group .btn-light, -.input-group .btn-light { - border-right: var(--bs-border-width) solid #dfe1e3; - border-left: var(--bs-border-width) solid #dfe1e3; -} - -.btn-group-vertical .btn-light { - border-top-color: #dfe1e3; - border-bottom-color: #dfe1e3; -} - -.btn-label-light { - color: #dbdee0 !important; - border-color: rgba(0, 0, 0, 0); - background: #f9fafa; -} - -.btn-label-light:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #e4e6e8 !important; - color: #22303e !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(219, 222, 224, 0.4) !important; -} - -.btn-label-light:focus, -.btn-label-light.focus { - color: #22303e !important; - background: #e4e6e8; -} - -.btn-label-light:active, -.btn-label-light.active, -.btn-label-light.show.dropdown-toggle, -.show > .btn-label-light.dropdown-toggle { - color: #22303e !important; - background-color: #dfe1e3 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-light.disabled, -.btn-label-light:disabled { - color: #dbdee0 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #f9fafa !important; -} - -.btn-group .btn-label-light, -.input-group .btn-label-light { - border-right: var(--bs-border-width) solid #f3f4f5 !important; - border-left: var(--bs-border-width) solid #f3f4f5 !important; -} - -.btn-group-vertical .btn-label-light { - border-top: var(--bs-border-width) solid #f3f4f5 !important; - border-bottom: var(--bs-border-width) solid #f3f4f5 !important; -} - -.btn-outline-light { - color: #dbdee0; - border-color: #dbdee0; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-light:hover { - color: #22303e !important; - background-color: #e4e6e8 !important; - border-color: #e4e6e8 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(219, 222, 224, 0.4) !important; -} - -.btn-check:focus + .btn-outline-light, -.btn-outline-light:focus { - color: #22303e; - background-color: #e4e6e8; - border-color: #e4e6e8; -} - -.btn-check:checked + .btn-outline-light, -.btn-check:active + .btn-outline-light, -.btn-outline-light:active, -.btn-outline-light.active, -.btn-outline-light.dropdown-toggle.show { - color: #22303e !important; - background-color: #dfe1e3 !important; - border-color: #dfe1e3 !important; -} - -.btn-outline-light.disabled, -.btn-outline-light:disabled { - color: #dbdee0 !important; - border-color: #dbdee0 !important; -} - -.btn-outline-light .badge { - background: #dbdee0; - border-color: #dbdee0; - color: #22303e; -} - -.btn-outline-light:hover .badge, -.btn-outline-light:focus:hover .badge, -.btn-outline-light:active .badge, -.btn-outline-light.active .badge, -.show > .btn-outline-light.dropdown-toggle .badge { - background: #22303e; - border-color: #22303e; -} - -.btn-text-light { - color: #dbdee0; -} - -.btn-text-light:hover { - background: #fcfcfd; - color: #dbdee0; -} - -.btn-text-light:focus, -.btn-text-light.focus { - color: #dbdee0; - background: #fcfcfd; -} - -.btn-text-light:active, -.btn-text-light.active, -.btn-text-light-check:checked + .btn-text-light, -:not(.btn-text-light-check) + .btn-text-light:active, -.btn-text-light:first-child:active, -.btn-text-light.show.dropdown-toggle, -.show > .btn-text-light.dropdown-toggle { - color: #dbdee0; - background: #fcfcfd !important; -} - -.btn-text-light:disabled, -.btn-text-light.disabled { - color: #dbdee0; -} - -.btn-group .btn-text-light, -.input-group .btn-text-light { - border-right: var(--bs-border-width) solid #dbdee0 !important; - border-left: var(--bs-border-width) solid #dbdee0 !important; -} - -.btn-group-vertical .btn-text-light { - border-top: var(--bs-border-width) solid #dbdee0 !important; - border-bottom: var(--bs-border-width) solid #dbdee0 !important; -} - -.btn-dark { - color: #fff; - background-color: #2b2c40; - border-color: #2b2c40; - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4); -} - -.btn-dark:hover { - color: #fff !important; - background-color: #27283a !important; - border-color: #27283a !important; -} - -.btn-check:focus + .btn-dark, -.btn-dark:focus, -.btn-dark.focus { - color: #fff; - background-color: #27283a; - border-color: #27283a; -} - -.btn-check:checked + .btn-dark, -.btn-check:active + .btn-dark, -.btn-dark:active, -.btn-dark.active, -.btn-dark.show.dropdown-toggle, -.show > .btn-dark.dropdown-toggle { - color: #fff !important; - background-color: #27283a !important; - border-color: #27283a !important; -} - -.btn-dark.disabled, -.btn-dark:disabled { - color: #fff !important; - background-color: #2b2c40 !important; - border-color: #2b2c40 !important; -} - -.btn-group .btn-dark, -.input-group .btn-dark { - border-right: var(--bs-border-width) solid #27283a; - border-left: var(--bs-border-width) solid #27283a; -} - -.btn-group-vertical .btn-dark { - border-top-color: #27283a; - border-bottom-color: #27283a; -} - -.btn-label-dark { - color: #2b2c40 !important; - border-color: rgba(0, 0, 0, 0); - background: #dddde0; -} - -.btn-label-dark:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #27283a !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4) !important; -} - -.btn-label-dark:focus, -.btn-label-dark.focus { - color: #fff !important; - background: #27283a; -} - -.btn-label-dark:active, -.btn-label-dark.active, -.btn-label-dark.show.dropdown-toggle, -.show > .btn-label-dark.dropdown-toggle { - color: #fff !important; - background-color: #27283a !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-dark.disabled, -.btn-label-dark:disabled { - color: #2b2c40 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #dddde0 !important; -} - -.btn-group .btn-label-dark, -.input-group .btn-label-dark { - border-right: var(--bs-border-width) solid #bbbbc2 !important; - border-left: var(--bs-border-width) solid #bbbbc2 !important; -} - -.btn-group-vertical .btn-label-dark { - border-top: var(--bs-border-width) solid #bbbbc2 !important; - border-bottom: var(--bs-border-width) solid #bbbbc2 !important; -} - -.btn-outline-dark { - color: #2b2c40; - border-color: #2b2c40; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-dark:hover { - color: #fff !important; - background-color: #27283a !important; - border-color: #27283a !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4) !important; -} - -.btn-check:focus + .btn-outline-dark, -.btn-outline-dark:focus { - color: #fff; - background-color: #27283a; - border-color: #27283a; -} - -.btn-check:checked + .btn-outline-dark, -.btn-check:active + .btn-outline-dark, -.btn-outline-dark:active, -.btn-outline-dark.active, -.btn-outline-dark.dropdown-toggle.show { - color: #fff !important; - background-color: #27283a !important; - border-color: #27283a !important; -} - -.btn-outline-dark.disabled, -.btn-outline-dark:disabled { - color: #2b2c40 !important; - border-color: #2b2c40 !important; -} - -.btn-outline-dark .badge { - background: #2b2c40; - border-color: #2b2c40; - color: #fff; -} - -.btn-outline-dark:hover .badge, -.btn-outline-dark:focus:hover .badge, -.btn-outline-dark:active .badge, -.btn-outline-dark.active .badge, -.show > .btn-outline-dark.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-dark { - color: #2b2c40; -} - -.btn-text-dark:hover { - background: #eeeef0; - color: #2b2c40; -} - -.btn-text-dark:focus, -.btn-text-dark.focus { - color: #2b2c40; - background: #eeeef0; -} - -.btn-text-dark:active, -.btn-text-dark.active, -.btn-text-dark-check:checked + .btn-text-dark, -:not(.btn-text-dark-check) + .btn-text-dark:active, -.btn-text-dark:first-child:active, -.btn-text-dark.show.dropdown-toggle, -.show > .btn-text-dark.dropdown-toggle { - color: #2b2c40; - background: #eeeef0 !important; -} - -.btn-text-dark:disabled, -.btn-text-dark.disabled { - color: #2b2c40; -} - -.btn-group .btn-text-dark, -.input-group .btn-text-dark { - border-right: var(--bs-border-width) solid #2b2c40 !important; - border-left: var(--bs-border-width) solid #2b2c40 !important; -} - -.btn-group-vertical .btn-text-dark { - border-top: var(--bs-border-width) solid #2b2c40 !important; - border-bottom: var(--bs-border-width) solid #2b2c40 !important; -} - -.btn-gray { - color: #fff; - background-color: rgba(34, 48, 62, 0.5); - border-color: rgba(34, 48, 62, 0.5); - box-shadow: 0 0.125rem 0.25rem 0 rgba(34, 48, 62, 0.4); -} - -.btn-gray:hover { - color: #fff !important; - background-color: rgba(26, 36, 47, 0.55) !important; - border-color: rgba(26, 36, 47, 0.55) !important; -} - -.btn-check:focus + .btn-gray, -.btn-gray:focus, -.btn-gray.focus { - color: #fff; - background-color: rgba(26, 36, 47, 0.55); - border-color: rgba(26, 36, 47, 0.55); -} - -.btn-check:checked + .btn-gray, -.btn-check:active + .btn-gray, -.btn-gray:active, -.btn-gray.active, -.btn-gray.show.dropdown-toggle, -.show > .btn-gray.dropdown-toggle { - color: #fff !important; - background-color: rgba(26, 36, 47, 0.55) !important; - border-color: rgba(26, 36, 47, 0.55) !important; -} - -.btn-gray.disabled, -.btn-gray:disabled { - color: #fff !important; - background-color: rgba(34, 48, 62, 0.5) !important; - border-color: rgba(34, 48, 62, 0.5) !important; -} - -.btn-group .btn-gray, -.input-group .btn-gray { - border-right: var(--bs-border-width) solid rgba(26, 36, 47, 0.55); - border-left: var(--bs-border-width) solid rgba(26, 36, 47, 0.55); -} - -.btn-group-vertical .btn-gray { - border-top-color: rgba(26, 36, 47, 0.55); - border-bottom-color: rgba(26, 36, 47, 0.55); -} - -.btn-label-gray { - color: rgba(34, 48, 62, 0.5) !important; - border-color: rgba(0, 0, 0, 0); - background: rgba(242, 243, 243, 0.92); -} - -.btn-label-gray:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: rgba(26, 36, 47, 0.55) !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(34, 48, 62, 0.4) !important; -} - -.btn-label-gray:focus, -.btn-label-gray.focus { - color: #fff !important; - background: rgba(26, 36, 47, 0.55); -} - -.btn-label-gray:active, -.btn-label-gray.active, -.btn-label-gray.show.dropdown-toggle, -.show > .btn-label-gray.dropdown-toggle { - color: #fff !important; - background-color: rgba(26, 36, 47, 0.55) !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-gray.disabled, -.btn-label-gray:disabled { - color: rgba(34, 48, 62, 0.5) !important; - border-color: rgba(0, 0, 0, 0) !important; - background: rgba(242, 243, 243, 0.92) !important; -} - -.btn-group .btn-label-gray, -.input-group .btn-label-gray { - border-right: var(--bs-border-width) solid rgba(225, 227, 229, 0.84) !important; - border-left: var(--bs-border-width) solid rgba(225, 227, 229, 0.84) !important; -} - -.btn-group-vertical .btn-label-gray { - border-top: var(--bs-border-width) solid rgba(225, 227, 229, 0.84) !important; - border-bottom: var(--bs-border-width) solid rgba(225, 227, 229, 0.84) !important; -} - -.btn-outline-gray { - color: rgba(34, 48, 62, 0.5); - border-color: rgba(34, 48, 62, 0.5); - background: rgba(0, 0, 0, 0); -} - -.btn-outline-gray:hover { - color: #fff !important; - background-color: rgba(26, 36, 47, 0.55) !important; - border-color: rgba(26, 36, 47, 0.55) !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(34, 48, 62, 0.4) !important; -} - -.btn-check:focus + .btn-outline-gray, -.btn-outline-gray:focus { - color: #fff; - background-color: rgba(26, 36, 47, 0.55); - border-color: rgba(26, 36, 47, 0.55); -} - -.btn-check:checked + .btn-outline-gray, -.btn-check:active + .btn-outline-gray, -.btn-outline-gray:active, -.btn-outline-gray.active, -.btn-outline-gray.dropdown-toggle.show { - color: #fff !important; - background-color: rgba(26, 36, 47, 0.55) !important; - border-color: rgba(26, 36, 47, 0.55) !important; -} - -.btn-outline-gray.disabled, -.btn-outline-gray:disabled { - color: rgba(34, 48, 62, 0.5) !important; - border-color: rgba(34, 48, 62, 0.5) !important; -} - -.btn-outline-gray .badge { - background: rgba(34, 48, 62, 0.5); - border-color: rgba(34, 48, 62, 0.5); - color: #fff; -} - -.btn-outline-gray:hover .badge, -.btn-outline-gray:focus:hover .badge, -.btn-outline-gray:active .badge, -.btn-outline-gray.active .badge, -.show > .btn-outline-gray.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-gray { - color: rgba(34, 48, 62, 0.5); -} - -.btn-text-gray:hover { - background: rgba(249, 249, 250, 0.96); - color: rgba(34, 48, 62, 0.5); -} - -.btn-text-gray:focus, -.btn-text-gray.focus { - color: rgba(34, 48, 62, 0.5); - background: rgba(249, 249, 250, 0.96); -} - -.btn-text-gray:active, -.btn-text-gray.active, -.btn-text-gray-check:checked + .btn-text-gray, -:not(.btn-text-gray-check) + .btn-text-gray:active, -.btn-text-gray:first-child:active, -.btn-text-gray.show.dropdown-toggle, -.show > .btn-text-gray.dropdown-toggle { - color: rgba(34, 48, 62, 0.5); - background: rgba(249, 249, 250, 0.96) !important; -} - -.btn-text-gray:disabled, -.btn-text-gray.disabled { - color: rgba(34, 48, 62, 0.5); -} - -.btn-group .btn-text-gray, -.input-group .btn-text-gray { - border-right: var(--bs-border-width) solid rgba(34, 48, 62, 0.5) !important; - border-left: var(--bs-border-width) solid rgba(34, 48, 62, 0.5) !important; -} - -.btn-group-vertical .btn-text-gray { - border-top: var(--bs-border-width) solid rgba(34, 48, 62, 0.5) !important; - border-bottom: var(--bs-border-width) solid rgba(34, 48, 62, 0.5) !important; -} - +/* Icon button */ .btn-icon { - --bs-btn-active-border-color: transparent; - padding: 0; - width: calc(2.2505001rem + calc(var(--bs-border-width) * 2)); - height: calc(2.2505001rem + calc(var(--bs-border-width) * 2)); display: inline-flex; flex-shrink: 0; - justify-content: center; align-items: center; + justify-content: center; + padding: 0; + block-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2)); + font-size: 1.2890625rem; + inline-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon .icon-base { + block-size: 1.2890625rem; + font-size: 1.2890625rem; + inline-size: 1.2890625rem; } - .btn-icon.btn-xl, .btn-group-xl > .btn-icon.btn { - width: calc(3.250875rem + calc(var(--bs-border-width) * 2)); - height: calc(3.250875rem + calc(var(--bs-border-width) * 2)); + block-size: calc(3.250875rem + calc(var(--bs-border-width) * 2)); + inline-size: calc(3.250875rem + calc(var(--bs-border-width) * 2)); } - -.btn-icon.btn-xl > span, -.btn-group-xl > .btn-icon.btn > span { - font-size: 1.125rem; +.btn-icon.btn-xl .icon-base, +.btn-group-xl > .btn-icon.btn .icon-base { + block-size: 1.546875rem; + font-size: 1.546875rem; + inline-size: 1.546875rem; } - .btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn { - width: calc(2.8755215rem + calc(var(--bs-border-width) * 2)); - height: calc(2.8755215rem + calc(var(--bs-border-width) * 2)); - font-size: 1.0625rem; + block-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2)); + font-size: 1.4609375rem; + inline-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon.btn-lg .icon-base, +.btn-group-lg > .btn-icon.btn .icon-base { + block-size: 1.4609375rem; + font-size: 1.4609375rem; + inline-size: 1.4609375rem; } - .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn { - width: calc(1.7505535rem + calc(var(--bs-border-width) * 2)); - height: calc(1.7505535rem + calc(var(--bs-border-width) * 2)); + block-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2)); font-size: 0.8125rem; + inline-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon.btn-sm .icon-base, +.btn-group-sm > .btn-icon.btn .icon-base { + block-size: 0.8125rem; + font-size: 0.8125rem; + inline-size: 0.8125rem; } - .btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn { - width: calc(1.250983rem + calc(var(--bs-border-width) * 2)); - height: calc(1.250983rem + calc(var(--bs-border-width) * 2)); + block-size: calc(1.250983rem + calc(var(--bs-border-width) * 2)); font-size: 0.625rem; + inline-size: calc(1.250983rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon.btn-xs .icon-base, +.btn-group-xs > .btn-icon.btn .icon-base { + block-size: 0.625rem; + font-size: 0.625rem; + inline-size: 0.625rem; } -.btn.borderless:not(.active):not(:active):not(:hover):not(:focus), -:not(.show) > .btn.borderless.dropdown-toggle:not(:hover):not(:focus) { - border-color: rgba(0, 0, 0, 0); - box-shadow: none; -} - +/* Link buttons */ .btn.btn-link { font-size: inherit; } .btn-pinned { position: absolute; - top: 0.75rem; -} - -html:not([dir="rtl"]) .btn-pinned { - right: 0.75rem; -} - -[dir="rtl"] .btn-pinned { - left: 0.75rem; + inset-block-start: 0.75rem; + inset-inline-end: 0.75rem; } +/* Button focus */ button:focus, button:focus-visible { - outline: none; + outline: 0; } -.btn:not([class*="btn-"]):active, -.btn:not([class*="btn-"]).active, -.btn:not([class*="btn-"]).show, -.btn:not([class*="btn-"]) { - border: none; +/* Generate contextual modifier classes for colorizing the button */ +/* The $custom-theme-colors variable is used to ensure that the colors for the social buttons + come from a separate array. To achieve this, both the $custom-colors and $theme-colors + arrays are merged in the _color.scss file. */ +/* Default */ +.btn-primary { + --bs-btn-bg: var(--bs-primary); + --bs-btn-color: var(--bs-primary-contrast); + --bs-btn-border-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-primary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); + --bs-btn-disabled-color: var(--bs-primary-contrast); + --bs-btn-disabled-bg: var(--bs-primary); + --bs-btn-disabled-border-color: var(--bs-primary); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-primary)); } -.btn-group:disabled, -.btn-group.disabled, -.btn-group-vertical:disabled, -.btn-group-vertical.disabled { - opacity: 0.45; +/* Label */ +.btn-label-primary { + --bs-btn-color: var(--bs-primary); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-primary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-primary)); + --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-primary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-primary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-primary) + ); +} + +/* Outline */ +.btn-outline-primary { + --bs-btn-color: var(--bs-primary); + --bs-btn-border-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); + --bs-btn-active-color: var(--bs-primary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-primary); + --bs-btn-disabled-border-color: var(--bs-primary); + --bs-btn-group-border-color: var(--bs-primary); +} + +/* Text */ +.btn-text-primary { + --bs-btn-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary); + --bs-btn-active-color: var(--bs-primary); + --bs-btn-group-border-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary); + --bs-btn-active-color: var(--bs-primary); + --bs-btn-group-border-color: var(--bs-primary); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-primary) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-primary) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-primary); +} + +/* Default */ +.btn-secondary { + --bs-btn-bg: var(--bs-secondary); + --bs-btn-color: var(--bs-secondary-contrast); + --bs-btn-border-color: var(--bs-secondary); + --bs-btn-hover-color: var(--bs-secondary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-secondary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); + --bs-btn-disabled-color: var(--bs-secondary-contrast); + --bs-btn-disabled-bg: var(--bs-secondary); + --bs-btn-disabled-border-color: var(--bs-secondary); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-secondary) + ); +} + +/* Label */ +.btn-label-secondary { + --bs-btn-color: var(--bs-secondary); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-secondary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-secondary)); + --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-secondary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-secondary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-secondary) + ); +} + +/* Outline */ +.btn-outline-secondary { + --bs-btn-color: var(--bs-secondary); + --bs-btn-border-color: var(--bs-secondary); + --bs-btn-hover-color: var(--bs-secondary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); + --bs-btn-active-color: var(--bs-secondary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-secondary); + --bs-btn-disabled-border-color: var(--bs-secondary); + --bs-btn-group-border-color: var(--bs-secondary); +} + +/* Text */ +.btn-text-secondary { + --bs-btn-color: var(--bs-body-color); + --bs-btn-hover-color: var(--bs-body-color); + --bs-btn-active-color: var(--bs-body-color); + --bs-btn-hover-color: var(--bs-secondary); + --bs-btn-active-color: var(--bs-secondary); + --bs-btn-group-border-color: var(--bs-secondary); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-secondary) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-secondary) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-secondary); +} + +/* Default */ +.btn-success { + --bs-btn-bg: var(--bs-success); + --bs-btn-color: var(--bs-success-contrast); + --bs-btn-border-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-success-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-success-rgb); + --bs-btn-disabled-color: var(--bs-success-contrast); + --bs-btn-disabled-bg: var(--bs-success); + --bs-btn-disabled-border-color: var(--bs-success); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-success)); +} + +/* Label */ +.btn-label-success { + --bs-btn-color: var(--bs-success); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-success-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-success)); + --bs-btn-box-shadow-rgb: var(--bs-success-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-success-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-success)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-success) + ); +} + +/* Outline */ +.btn-outline-success { + --bs-btn-color: var(--bs-success); + --bs-btn-border-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-success-rgb); + --bs-btn-active-color: var(--bs-success-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-success); + --bs-btn-disabled-border-color: var(--bs-success); + --bs-btn-group-border-color: var(--bs-success); +} + +/* Text */ +.btn-text-success { + --bs-btn-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success); + --bs-btn-active-color: var(--bs-success); + --bs-btn-group-border-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success); + --bs-btn-active-color: var(--bs-success); + --bs-btn-group-border-color: var(--bs-success); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-success) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-success) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-success); +} + +/* Default */ +.btn-info { + --bs-btn-bg: var(--bs-info); + --bs-btn-color: var(--bs-info-contrast); + --bs-btn-border-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-info-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-info-rgb); + --bs-btn-disabled-color: var(--bs-info-contrast); + --bs-btn-disabled-bg: var(--bs-info); + --bs-btn-disabled-border-color: var(--bs-info); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-info)); +} + +/* Label */ +.btn-label-info { + --bs-btn-color: var(--bs-info); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-info-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-info)); + --bs-btn-box-shadow-rgb: var(--bs-info-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-info-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-info)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-info) + ); +} + +/* Outline */ +.btn-outline-info { + --bs-btn-color: var(--bs-info); + --bs-btn-border-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-info-rgb); + --bs-btn-active-color: var(--bs-info-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-info); + --bs-btn-disabled-border-color: var(--bs-info); + --bs-btn-group-border-color: var(--bs-info); +} + +/* Text */ +.btn-text-info { + --bs-btn-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info); + --bs-btn-active-color: var(--bs-info); + --bs-btn-group-border-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info); + --bs-btn-active-color: var(--bs-info); + --bs-btn-group-border-color: var(--bs-info); + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-info) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-info); +} + +/* Default */ +.btn-warning { + --bs-btn-bg: var(--bs-warning); + --bs-btn-color: var(--bs-warning-contrast); + --bs-btn-border-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-warning-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); + --bs-btn-disabled-color: var(--bs-warning-contrast); + --bs-btn-disabled-bg: var(--bs-warning); + --bs-btn-disabled-border-color: var(--bs-warning); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-warning)); +} + +/* Label */ +.btn-label-warning { + --bs-btn-color: var(--bs-warning); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-warning-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-warning)); + --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-warning-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-warning)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-warning) + ); +} + +/* Outline */ +.btn-outline-warning { + --bs-btn-color: var(--bs-warning); + --bs-btn-border-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); + --bs-btn-active-color: var(--bs-warning-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-warning); + --bs-btn-disabled-border-color: var(--bs-warning); + --bs-btn-group-border-color: var(--bs-warning); +} + +/* Text */ +.btn-text-warning { + --bs-btn-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning); + --bs-btn-active-color: var(--bs-warning); + --bs-btn-group-border-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning); + --bs-btn-active-color: var(--bs-warning); + --bs-btn-group-border-color: var(--bs-warning); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-warning) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-warning) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-warning); +} + +/* Default */ +.btn-danger { + --bs-btn-bg: var(--bs-danger); + --bs-btn-color: var(--bs-danger-contrast); + --bs-btn-border-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-danger-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); + --bs-btn-disabled-color: var(--bs-danger-contrast); + --bs-btn-disabled-bg: var(--bs-danger); + --bs-btn-disabled-border-color: var(--bs-danger); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-danger)); +} + +/* Label */ +.btn-label-danger { + --bs-btn-color: var(--bs-danger); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-danger-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-danger)); + --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-danger-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-danger)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-danger) + ); +} + +/* Outline */ +.btn-outline-danger { + --bs-btn-color: var(--bs-danger); + --bs-btn-border-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); + --bs-btn-active-color: var(--bs-danger-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-danger); + --bs-btn-disabled-border-color: var(--bs-danger); + --bs-btn-group-border-color: var(--bs-danger); +} + +/* Text */ +.btn-text-danger { + --bs-btn-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger); + --bs-btn-active-color: var(--bs-danger); + --bs-btn-group-border-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger); + --bs-btn-active-color: var(--bs-danger); + --bs-btn-group-border-color: var(--bs-danger); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-danger) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-danger) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-danger); +} + +/* Default */ +.btn-light { + --bs-btn-bg: var(--bs-light); + --bs-btn-color: var(--bs-light-contrast); + --bs-btn-border-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-light-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-light-rgb); + --bs-btn-disabled-color: var(--bs-light-contrast); + --bs-btn-disabled-bg: var(--bs-light); + --bs-btn-disabled-border-color: var(--bs-light); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-light)); +} + +/* Label */ +.btn-label-light { + --bs-btn-color: var(--bs-light-contrast); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-light-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-light)); + --bs-btn-box-shadow-rgb: var(--bs-light-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-light-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-light)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-light) + ); +} + +/* Outline */ +.btn-outline-light { + --bs-btn-color: var(--bs-light); + --bs-btn-border-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-light-rgb); + --bs-btn-active-color: var(--bs-light-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-light); + --bs-btn-disabled-border-color: var(--bs-light); + --bs-btn-group-border-color: var(--bs-light); +} + +/* Text */ +.btn-text-light { + --bs-btn-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light); + --bs-btn-active-color: var(--bs-light); + --bs-btn-group-border-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light); + --bs-btn-active-color: var(--bs-light); + --bs-btn-group-border-color: var(--bs-light); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-light) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-light) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-light); +} + +/* Default */ +.btn-dark { + --bs-btn-bg: var(--bs-dark); + --bs-btn-color: var(--bs-dark-contrast); + --bs-btn-border-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dark-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); + --bs-btn-disabled-color: var(--bs-dark-contrast); + --bs-btn-disabled-bg: var(--bs-dark); + --bs-btn-disabled-border-color: var(--bs-dark); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dark)); +} + +/* Label */ +.btn-label-dark { + --bs-btn-color: var(--bs-dark); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-dark-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-dark)); + --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dark-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-dark)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-dark) + ); +} + +/* Outline */ +.btn-outline-dark { + --bs-btn-color: var(--bs-dark); + --bs-btn-border-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); + --bs-btn-active-color: var(--bs-dark-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dark); + --bs-btn-disabled-border-color: var(--bs-dark); + --bs-btn-group-border-color: var(--bs-dark); +} + +/* Text */ +.btn-text-dark { + --bs-btn-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark); + --bs-btn-active-color: var(--bs-dark); + --bs-btn-group-border-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark); + --bs-btn-active-color: var(--bs-dark); + --bs-btn-group-border-color: var(--bs-dark); + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-dark) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dark); +} + +/* Default */ +.btn-gray { + --bs-btn-bg: var(--bs-gray); + --bs-btn-color: var(--bs-gray-contrast); + --bs-btn-border-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-gray-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); + --bs-btn-disabled-color: var(--bs-gray-contrast); + --bs-btn-disabled-bg: var(--bs-gray); + --bs-btn-disabled-border-color: var(--bs-gray); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-gray)); +} + +/* Label */ +.btn-label-gray { + --bs-btn-color: var(--bs-gray); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-gray-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-gray)); + --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-gray-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-gray)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-gray) + ); +} + +/* Outline */ +.btn-outline-gray { + --bs-btn-color: var(--bs-gray); + --bs-btn-border-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); + --bs-btn-active-color: var(--bs-gray-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-gray); + --bs-btn-disabled-border-color: var(--bs-gray); + --bs-btn-group-border-color: var(--bs-gray); +} + +/* Text */ +.btn-text-gray { + --bs-btn-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray); + --bs-btn-active-color: var(--bs-gray); + --bs-btn-group-border-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray); + --bs-btn-active-color: var(--bs-gray); + --bs-btn-group-border-color: var(--bs-gray); + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-gray) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-gray); +} + +/* Default */ +.btn-facebook { + --bs-btn-bg: var(--bs-facebook); + --bs-btn-color: var(--bs-facebook-contrast); + --bs-btn-border-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-facebook-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); + --bs-btn-disabled-color: var(--bs-facebook-contrast); + --bs-btn-disabled-bg: var(--bs-facebook); + --bs-btn-disabled-border-color: var(--bs-facebook); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-facebook)); +} + +/* Label */ +.btn-label-facebook { + --bs-btn-color: var(--bs-facebook); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-facebook) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-facebook-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-facebook)); + --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-facebook-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-facebook)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-facebook) + ); +} + +/* Outline */ +.btn-outline-facebook { + --bs-btn-color: var(--bs-facebook); + --bs-btn-border-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); + --bs-btn-active-color: var(--bs-facebook-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-facebook); + --bs-btn-disabled-border-color: var(--bs-facebook); + --bs-btn-group-border-color: var(--bs-facebook); +} + +/* Text */ +.btn-text-facebook { + --bs-btn-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook); + --bs-btn-active-color: var(--bs-facebook); + --bs-btn-group-border-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook); + --bs-btn-active-color: var(--bs-facebook); + --bs-btn-group-border-color: var(--bs-facebook); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-facebook) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-facebook) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-facebook); +} + +/* Default */ +.btn-twitter { + --bs-btn-bg: var(--bs-twitter); + --bs-btn-color: var(--bs-twitter-contrast); + --bs-btn-border-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-twitter-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); + --bs-btn-disabled-color: var(--bs-twitter-contrast); + --bs-btn-disabled-bg: var(--bs-twitter); + --bs-btn-disabled-border-color: var(--bs-twitter); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-twitter)); +} + +/* Label */ +.btn-label-twitter { + --bs-btn-color: var(--bs-twitter); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-twitter) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-twitter-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-twitter)); + --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-twitter-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-twitter)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-twitter) + ); +} + +/* Outline */ +.btn-outline-twitter { + --bs-btn-color: var(--bs-twitter); + --bs-btn-border-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); + --bs-btn-active-color: var(--bs-twitter-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-twitter); + --bs-btn-disabled-border-color: var(--bs-twitter); + --bs-btn-group-border-color: var(--bs-twitter); +} + +/* Text */ +.btn-text-twitter { + --bs-btn-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter); + --bs-btn-active-color: var(--bs-twitter); + --bs-btn-group-border-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter); + --bs-btn-active-color: var(--bs-twitter); + --bs-btn-group-border-color: var(--bs-twitter); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-twitter) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-twitter) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-twitter); +} + +/* Default */ +.btn-google-plus { + --bs-btn-bg: var(--bs-google-plus); + --bs-btn-color: var(--bs-google-plus-contrast); + --bs-btn-border-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-google-plus-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); + --bs-btn-disabled-color: var(--bs-google-plus-contrast); + --bs-btn-disabled-bg: var(--bs-google-plus); + --bs-btn-disabled-border-color: var(--bs-google-plus); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-google-plus) + ); +} + +/* Label */ +.btn-label-google-plus { + --bs-btn-color: var(--bs-google-plus); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-google-plus) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-google-plus-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-google-plus)); + --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-google-plus-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-google-plus)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-google-plus) + ); +} + +/* Outline */ +.btn-outline-google-plus { + --bs-btn-color: var(--bs-google-plus); + --bs-btn-border-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); + --bs-btn-active-color: var(--bs-google-plus-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-google-plus); + --bs-btn-disabled-border-color: var(--bs-google-plus); + --bs-btn-group-border-color: var(--bs-google-plus); +} + +/* Text */ +.btn-text-google-plus { + --bs-btn-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus); + --bs-btn-active-color: var(--bs-google-plus); + --bs-btn-group-border-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus); + --bs-btn-active-color: var(--bs-google-plus); + --bs-btn-group-border-color: var(--bs-google-plus); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-google-plus) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-google-plus) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-google-plus); +} + +/* Default */ +.btn-instagram { + --bs-btn-bg: var(--bs-instagram); + --bs-btn-color: var(--bs-instagram-contrast); + --bs-btn-border-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-instagram-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); + --bs-btn-disabled-color: var(--bs-instagram-contrast); + --bs-btn-disabled-bg: var(--bs-instagram); + --bs-btn-disabled-border-color: var(--bs-instagram); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-instagram) + ); +} + +/* Label */ +.btn-label-instagram { + --bs-btn-color: var(--bs-instagram); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-instagram) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-instagram-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-instagram)); + --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-instagram-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-instagram)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-instagram) + ); +} + +/* Outline */ +.btn-outline-instagram { + --bs-btn-color: var(--bs-instagram); + --bs-btn-border-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); + --bs-btn-active-color: var(--bs-instagram-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-instagram); + --bs-btn-disabled-border-color: var(--bs-instagram); + --bs-btn-group-border-color: var(--bs-instagram); +} + +/* Text */ +.btn-text-instagram { + --bs-btn-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram); + --bs-btn-active-color: var(--bs-instagram); + --bs-btn-group-border-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram); + --bs-btn-active-color: var(--bs-instagram); + --bs-btn-group-border-color: var(--bs-instagram); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-instagram) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-instagram) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-instagram); +} + +/* Default */ +.btn-linkedin { + --bs-btn-bg: var(--bs-linkedin); + --bs-btn-color: var(--bs-linkedin-contrast); + --bs-btn-border-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-linkedin-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); + --bs-btn-disabled-color: var(--bs-linkedin-contrast); + --bs-btn-disabled-bg: var(--bs-linkedin); + --bs-btn-disabled-border-color: var(--bs-linkedin); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); +} + +/* Label */ +.btn-label-linkedin { + --bs-btn-color: var(--bs-linkedin); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-linkedin) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-linkedin-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-linkedin)); + --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-linkedin-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-linkedin)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-linkedin) + ); +} + +/* Outline */ +.btn-outline-linkedin { + --bs-btn-color: var(--bs-linkedin); + --bs-btn-border-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); + --bs-btn-active-color: var(--bs-linkedin-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-linkedin); + --bs-btn-disabled-border-color: var(--bs-linkedin); + --bs-btn-group-border-color: var(--bs-linkedin); +} + +/* Text */ +.btn-text-linkedin { + --bs-btn-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin); + --bs-btn-active-color: var(--bs-linkedin); + --bs-btn-group-border-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin); + --bs-btn-active-color: var(--bs-linkedin); + --bs-btn-group-border-color: var(--bs-linkedin); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-linkedin) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-linkedin) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-linkedin); +} + +/* Default */ +.btn-github { + --bs-btn-bg: var(--bs-github); + --bs-btn-color: var(--bs-github-contrast); + --bs-btn-border-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-github-rgb); + --bs-btn-disabled-color: var(--bs-github-contrast); + --bs-btn-disabled-bg: var(--bs-github); + --bs-btn-disabled-border-color: var(--bs-github); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-github)); +} + +/* Label */ +.btn-label-github { + --bs-btn-color: var(--bs-github); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-github) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-github)); + --bs-btn-box-shadow-rgb: var(--bs-github-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-github)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-github) + ); +} + +/* Outline */ +.btn-outline-github { + --bs-btn-color: var(--bs-github); + --bs-btn-border-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-github-rgb); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-github); + --bs-btn-disabled-border-color: var(--bs-github); + --bs-btn-group-border-color: var(--bs-github); +} + +/* Text */ +.btn-text-github { + --bs-btn-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github); + --bs-btn-active-color: var(--bs-github); + --bs-btn-group-border-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github); + --bs-btn-active-color: var(--bs-github); + --bs-btn-group-border-color: var(--bs-github); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-github) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-github) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-github); +} + +/* Default */ +.btn-dribbble { + --bs-btn-bg: var(--bs-dribbble); + --bs-btn-color: var(--bs-dribbble-contrast); + --bs-btn-border-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dribbble-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); + --bs-btn-disabled-color: var(--bs-dribbble-contrast); + --bs-btn-disabled-bg: var(--bs-dribbble); + --bs-btn-disabled-border-color: var(--bs-dribbble); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); +} + +/* Label */ +.btn-label-dribbble { + --bs-btn-color: var(--bs-dribbble); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dribbble) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-dribbble-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-dribbble)); + --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dribbble-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-dribbble)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-dribbble) + ); +} + +/* Outline */ +.btn-outline-dribbble { + --bs-btn-color: var(--bs-dribbble); + --bs-btn-border-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); + --bs-btn-active-color: var(--bs-dribbble-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dribbble); + --bs-btn-disabled-border-color: var(--bs-dribbble); + --bs-btn-group-border-color: var(--bs-dribbble); +} + +/* Text */ +.btn-text-dribbble { + --bs-btn-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble); + --bs-btn-active-color: var(--bs-dribbble); + --bs-btn-group-border-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble); + --bs-btn-active-color: var(--bs-dribbble); + --bs-btn-group-border-color: var(--bs-dribbble); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-dribbble) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-dribbble) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dribbble); +} + +/* Default */ +.btn-pinterest { + --bs-btn-bg: var(--bs-pinterest); + --bs-btn-color: var(--bs-pinterest-contrast); + --bs-btn-border-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-pinterest-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); + --bs-btn-disabled-color: var(--bs-pinterest-contrast); + --bs-btn-disabled-bg: var(--bs-pinterest); + --bs-btn-disabled-border-color: var(--bs-pinterest); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-pinterest) + ); +} + +/* Label */ +.btn-label-pinterest { + --bs-btn-color: var(--bs-pinterest); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-pinterest) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-pinterest-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-pinterest)); + --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-pinterest-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-pinterest)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-pinterest) + ); +} + +/* Outline */ +.btn-outline-pinterest { + --bs-btn-color: var(--bs-pinterest); + --bs-btn-border-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); + --bs-btn-active-color: var(--bs-pinterest-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-pinterest); + --bs-btn-disabled-border-color: var(--bs-pinterest); + --bs-btn-group-border-color: var(--bs-pinterest); +} + +/* Text */ +.btn-text-pinterest { + --bs-btn-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest); + --bs-btn-active-color: var(--bs-pinterest); + --bs-btn-group-border-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest); + --bs-btn-active-color: var(--bs-pinterest); + --bs-btn-group-border-color: var(--bs-pinterest); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-pinterest) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-pinterest) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-pinterest); +} + +/* Default */ +.btn-slack { + --bs-btn-bg: var(--bs-slack); + --bs-btn-color: var(--bs-slack-contrast); + --bs-btn-border-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); + --bs-btn-disabled-color: var(--bs-slack-contrast); + --bs-btn-disabled-bg: var(--bs-slack); + --bs-btn-disabled-border-color: var(--bs-slack); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-slack)); +} + +/* Label */ +.btn-label-slack { + --bs-btn-color: var(--bs-slack); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-slack) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-slack)); + --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-slack)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-slack) + ); +} + +/* Outline */ +.btn-outline-slack { + --bs-btn-color: var(--bs-slack); + --bs-btn-border-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-slack); + --bs-btn-disabled-border-color: var(--bs-slack); + --bs-btn-group-border-color: var(--bs-slack); +} + +/* Text */ +.btn-text-slack { + --bs-btn-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack); + --bs-btn-active-color: var(--bs-slack); + --bs-btn-group-border-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack); + --bs-btn-active-color: var(--bs-slack); + --bs-btn-group-border-color: var(--bs-slack); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-slack) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-slack) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-slack); +} + +/* Default */ +.btn-reddit { + --bs-btn-bg: var(--bs-reddit); + --bs-btn-color: var(--bs-reddit-contrast); + --bs-btn-border-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-reddit-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); + --bs-btn-disabled-color: var(--bs-reddit-contrast); + --bs-btn-disabled-bg: var(--bs-reddit); + --bs-btn-disabled-border-color: var(--bs-reddit); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-reddit)); +} + +/* Label */ +.btn-label-reddit { + --bs-btn-color: var(--bs-reddit); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-reddit) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-reddit-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-reddit)); + --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-reddit-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-reddit)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-reddit) + ); +} + +/* Outline */ +.btn-outline-reddit { + --bs-btn-color: var(--bs-reddit); + --bs-btn-border-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); + --bs-btn-active-color: var(--bs-reddit-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-reddit); + --bs-btn-disabled-border-color: var(--bs-reddit); + --bs-btn-group-border-color: var(--bs-reddit); +} + +/* Text */ +.btn-text-reddit { + --bs-btn-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit); + --bs-btn-active-color: var(--bs-reddit); + --bs-btn-group-border-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit); + --bs-btn-active-color: var(--bs-reddit); + --bs-btn-group-border-color: var(--bs-reddit); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-reddit) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-reddit) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-reddit); +} + +/* Default */ +.btn-youtube { + --bs-btn-bg: var(--bs-youtube); + --bs-btn-color: var(--bs-youtube-contrast); + --bs-btn-border-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-youtube-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); + --bs-btn-disabled-color: var(--bs-youtube-contrast); + --bs-btn-disabled-bg: var(--bs-youtube); + --bs-btn-disabled-border-color: var(--bs-youtube); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-youtube)); +} + +/* Label */ +.btn-label-youtube { + --bs-btn-color: var(--bs-youtube); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-youtube) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-youtube-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-youtube)); + --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-youtube-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-youtube)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-youtube) + ); +} + +/* Outline */ +.btn-outline-youtube { + --bs-btn-color: var(--bs-youtube); + --bs-btn-border-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); + --bs-btn-active-color: var(--bs-youtube-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-youtube); + --bs-btn-disabled-border-color: var(--bs-youtube); + --bs-btn-group-border-color: var(--bs-youtube); +} + +/* Text */ +.btn-text-youtube { + --bs-btn-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube); + --bs-btn-active-color: var(--bs-youtube); + --bs-btn-group-border-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube); + --bs-btn-active-color: var(--bs-youtube); + --bs-btn-group-border-color: var(--bs-youtube); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-youtube) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-youtube) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-youtube); +} + +/* Default */ +.btn-vimeo { + --bs-btn-bg: var(--bs-vimeo); + --bs-btn-color: var(--bs-vimeo-contrast); + --bs-btn-border-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-vimeo-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); + --bs-btn-disabled-color: var(--bs-vimeo-contrast); + --bs-btn-disabled-bg: var(--bs-vimeo); + --bs-btn-disabled-border-color: var(--bs-vimeo); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); +} + +/* Label */ +.btn-label-vimeo { + --bs-btn-color: var(--bs-vimeo); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-vimeo) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-vimeo-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-vimeo)); + --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-vimeo-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-vimeo)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-vimeo) + ); +} + +/* Outline */ +.btn-outline-vimeo { + --bs-btn-color: var(--bs-vimeo); + --bs-btn-border-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); + --bs-btn-active-color: var(--bs-vimeo-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-vimeo); + --bs-btn-disabled-border-color: var(--bs-vimeo); + --bs-btn-group-border-color: var(--bs-vimeo); +} + +/* Text */ +.btn-text-vimeo { + --bs-btn-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo); + --bs-btn-active-color: var(--bs-vimeo); + --bs-btn-group-border-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo); + --bs-btn-active-color: var(--bs-vimeo); + --bs-btn-group-border-color: var(--bs-vimeo); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-vimeo) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-vimeo) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-vimeo); +} + +/* Dark Theme */ +[data-bs-theme="dark"] .btn-text-primary { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-primary) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-primary) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-secondary { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-secondary) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-secondary) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-success { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-success) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-success) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-info { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg)); +} +[data-bs-theme="dark"] .btn-text-warning { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-warning) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-warning) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-danger { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-danger) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-danger) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-light { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-light) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-light) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-label-dark { + --bs-btn-color: var(--bs-dark-contrast); + --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-dark)); +} +[data-bs-theme="dark"] .btn-outline-dark { + --bs-btn-color: var(--bs-dark-contrast); +} +[data-bs-theme="dark"] .btn-text-dark { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg)); +} +[data-bs-theme="dark"] .btn-text-gray { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg)); +} +[data-bs-theme="dark"] .btn-text-facebook { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-facebook) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-facebook) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-twitter { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-twitter) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-twitter) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-google-plus { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-google-plus) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-google-plus) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-instagram { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-instagram) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-instagram) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-linkedin { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-linkedin) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-linkedin) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-label-github { + --bs-btn-color: var(--bs-github-contrast); + --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-github)); +} +[data-bs-theme="dark"] .btn-text-github { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-github) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-github) 8%, + var(--bs-paper-bg) + ); + --bs-btn-color: var(--bs-github-contrast); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-bg: color-mix(in sRGB, var(--bs-github) 25%, var(--bs-paper-bg)); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-github) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-github) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-group-border-color: var(--bs-github-contrast); +} +[data-bs-theme="dark"] .btn-text-dribbble { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-dribbble) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-dribbble) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-pinterest { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-pinterest) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-pinterest) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-label-slack { + --bs-btn-color: var(--bs-slack-contrast); + --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-slack)); +} +[data-bs-theme="dark"] .btn-text-slack { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-slack) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-slack) 8%, + var(--bs-paper-bg) + ); + --bs-btn-color: var(--bs-slack-contrast); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-bg: color-mix(in sRGB, var(--bs-slack) 25%, var(--bs-paper-bg)); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-slack) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-slack) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-group-border-color: var(--bs-slack-contrast); +} +[data-bs-theme="dark"] .btn-text-reddit { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-reddit) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-reddit) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-youtube { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-youtube) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-youtube) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-vimeo { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-vimeo) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-vimeo) 8%, + var(--bs-paper-bg) + ); +} + +.dropdown-menu { + box-shadow: var(--bs-dropdown-box-shadow); + margin-block-start: 1px !important; + text-align: start; + /* Mega dropdown inside the dropdown menu */ +} +.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active, +.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item).active, +.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) { + background-color: var(--bs-dropdown-link-active-bg); + color: var(--bs-dropdown-link-active-color); +} +.mega-dropdown > .dropdown-menu { + inset-inline: 0; +} + +.btn-xs.dropdown-toggle::after, +.btn-group-xs > .dropdown-toggle.btn::after { + border: 2px solid; + block-size: 0.45em; + border-block-start: 0; + border-inline-start: 0; + inline-size: 0.45em; + margin-block-start: -0.24075em; + margin-inline: 0.8em 0; + transform: rotate(45deg); +} +:dir(rtl) .btn-xs.dropdown-toggle::after, +:dir(rtl) .btn-group-xs > .dropdown-toggle.btn::after { + transform: rotate(-45deg); +} + +/* Split dropdowns */ +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after { + margin-inline: 0; +} +.dropstart .dropdown-toggle-split::before { + margin-inline: 0; +} + +/* Dropdown item line height */ +li:not(:first-child) .dropdown-item, +.dropdown-menu .dropdown-item:not(:first-child) { + margin-block-start: 2px; +} +.dropdown-item.text-danger:active { + color: var(--bs-primary) !important; +} + +/* Hidden dropdown toggle arrow */ +.dropdown-toggle.hide-arrow::before, +.dropdown-toggle.hide-arrow::after, +.dropdown-toggle-hide-arrow > .dropdown-toggle::before, +.dropdown-toggle-hide-arrow > .dropdown-toggle::after { + display: none; +} + +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + inset-inline: 0 auto; +} + +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + inset-inline: auto 0; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + inset-inline: auto 0; + } +} +.btn-group { + --bs-btn-group-border-radius: var(--bs-border-radius); +} +.btn-group.btn-group-sm { + --bs-btn-group-border-radius: var(--bs-border-radius-sm); +} +.btn-group.btn-group-xs { + --bs-btn-group-border-radius: 0.125rem; +} +.btn-group.btn-group-lg { + --bs-btn-group-border-radius: var(--bs-border-radius-lg); +} +.btn-group.btn-group-xl { + --bs-btn-group-border-radius: 0.625rem; +} +.btn-group > :not(.btn-check:first-child) + .btn, +.btn-group > .btn-group:not(:first-child) { + margin: 0; + margin-inline-start: calc(var(--bs-border-width) * -1); +} +.btn-group:not(.btn-group-vertical) + > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn, +.btn-group:not(.btn-group-vertical) > .btn:nth-child(n + 3), +.btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn { + border-radius: var(--bs-btn-group-border-radius); +} +.btn-group:not(.btn-group-vertical) + > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn { + border-end-end-radius: 0 !important; + border-start-end-radius: 0 !important; +} +.btn-group:not(.btn-group-vertical) > .btn:nth-child(n + 3), +.btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn { + border-end-start-radius: 0 !important; + border-start-start-radius: 0 !important; +} +.btn-group.btn-group-vertical > :not(.btn-check:first-child) + .btn, +.btn-group.btn-group-vertical > .btn-group:not(:first-child) { + margin: 0; + margin-block-start: calc(var(--bs-border-width) * -1); +} +.btn-group.btn-group-vertical .btn:not([class*="btn-outline-"]) { + border-inline-color: var(--bs-btn-bg); +} +.btn-group.btn-group-vertical .btn:not([class*="btn-outline-"]):hover { + border-inline-color: var(--bs-btn-hover-bg); +} +.btn-group.btn-group-vertical > .btn:first-child, +.btn-group.btn-group-vertical > .btn.dropdown-toggle-split:first-child, +.btn-group.btn-group-vertical > .btn-group:first-child > .btn { + border-top-left-radius: var(--bs-btn-group-border-radius); + border-top-right-radius: var(--bs-btn-group-border-radius); +} +.btn-group.btn-group-vertical > .btn:last-child, +.btn-group.btn-group-vertical > .btn.dropdown-toggle-split:last-child, +.btn-group.btn-group-vertical > .btn-group:last-child > .btn { + border-bottom-right-radius: var(--bs-btn-group-border-radius); + border-bottom-left-radius: var(--bs-btn-group-border-radius); } .dropdown-toggle-split, @@ -10722,482 +13778,105 @@ button:focus-visible { .input-group-lg .btn + .dropdown-toggle-split, .btn-xl + .dropdown-toggle-split, .btn-group-xl > .btn + .dropdown-toggle-split { - padding: 0.92em; + padding-inline: 0.92em; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .input-group-sm .btn + .dropdown-toggle-split { - padding-right: 0.6em; - padding-left: 0.6em; + padding-inline: 0.6em; } .btn-xs + .dropdown-toggle-split, .btn-group-xs > .btn + .dropdown-toggle-split { - padding-right: 0.5em; - padding-left: 0.5em; + padding-inline: 0.5em; } -html:not([dir="rtl"]) - .btn-group +/* Button groups border */ +.btn-group:not(.btn-group-vertical) > .btn-group:first-child > .btn:not([class*="btn-outline-"]):first-child, -html:not([dir="rtl"]) - .input-group +.input-group > .btn:not([class*="btn-outline-"]):first-child, +:not(.btn-group, .input-group) + > .btn-group:not(.btn-group-vertical) > .btn:not([class*="btn-outline-"]):first-child, -html:not([dir="rtl"]) - :not(.btn-group):not(.input-group) - > .btn-group - > .btn:not([class*="btn-outline-"]):first-child, -html:not([dir="rtl"]) - .input-group +.input-group > .btn-group:first-child > .btn:not([class*="btn-outline-"]):first-child { - border-left-color: rgba(0, 0, 0, 0) !important; + border-inline-start-color: transparent; } -[dir="rtl"] - .btn-group - > .btn-group:first-child - > .btn:not([class*="btn-outline-"]):first-child, -[dir="rtl"] .input-group > .btn:not([class*="btn-outline-"]):first-child, -[dir="rtl"] - :not(.btn-group):not(.input-group) - > .btn-group - > .btn:not([class*="btn-outline-"]):first-child, -[dir="rtl"] - .input-group - > .btn-group:first-child - > .btn:not([class*="btn-outline-"]):first-child { - border-right-color: rgba(0, 0, 0, 0) !important; -} - -html:not([dir="rtl"]) - .btn-group +.btn-group:not(.btn-group-vertical) > .btn-group:last-child > .btn:not([class*="btn-outline-"]):last-of-type, -html:not([dir="rtl"]) - .input-group +.input-group > .btn:not([class*="btn-outline-"]):last-of-type, +:not(.btn-group, .input-group) + > .btn-group:not(.btn-group-vertical) > .btn:not([class*="btn-outline-"]):last-of-type, -html:not([dir="rtl"]) - :not(.btn-group):not(.input-group) - > .btn-group - > .btn:not([class*="btn-outline-"]):last-of-type, -html:not([dir="rtl"]) - .input-group +.input-group > .btn-group:last-child > .btn:not([class*="btn-outline-"]):last-of-type { - border-right-color: rgba(0, 0, 0, 0) !important; -} - -[dir="rtl"] - .btn-group - > .btn-group:last-child - > .btn:not([class*="btn-outline-"]):last-of-type, -[dir="rtl"] .input-group > .btn:not([class*="btn-outline-"]):last-of-type, -[dir="rtl"] - :not(.btn-group):not(.input-group) - > .btn-group - > .btn:not([class*="btn-outline-"]):last-of-type, -[dir="rtl"] - .input-group - > .btn-group:last-child - > .btn:not([class*="btn-outline-"]):last-of-type { - border-left-color: rgba(0, 0, 0, 0) !important; + border-inline-end-color: transparent; } .btn-group-vertical > .btn-group-vertical:first-child > .btn:not([class*="btn-outline-"]):first-child, -:not(.btn-group-vertical):not(.input-group) +:not(.btn-group-vertical, .input-group) > .btn-group-vertical > .btn:not([class*="btn-outline-"]):first-child { - border-top-color: rgba(0, 0, 0, 0) !important; + border-block-start-color: transparent; } .btn-group-vertical > .btn-group-vertical:last-child > .btn:not([class*="btn-outline-"]):last-of-type, -:not(.btn-group-vertical):not(.input-group) +:not(.btn-group-vertical, .input-group) > .btn-group-vertical > .btn:not([class*="btn-outline-"]):last-of-type { - border-bottom-color: rgba(0, 0, 0, 0) !important; -} - -[dir="rtl"] .btn-group .btn[class] { - border-radius: 0.375rem; -} - -[dir="rtl"] .btn-group .btn-xs[class], -[dir="rtl"] .btn-group-xs .btn[class] { - border-radius: 0.125rem; -} - -[dir="rtl"] .btn-group .btn-sm[class], -[dir="rtl"] .btn-group-sm .btn[class] { - border-radius: 0.25rem; -} - -[dir="rtl"] .btn-group .btn-lg[class], -[dir="rtl"] .btn-group-lg .btn[class] { - border-radius: 0.5rem; -} - -[dir="rtl"] .btn-group .btn-xl[class], -[dir="rtl"] .btn-group-xl .btn[class] { - border-radius: 0.625rem; -} - -[dir="rtl"] .btn-group > .btn:not(:first-child), -[dir="rtl"] .btn-group > .btn-group:not(:first-child) { - margin-left: 0; - margin-right: calc(var(--bs-border-width) * -1); -} - -[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), -[dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -[dir="rtl"] .btn-group > .btn:nth-child(n + 3), -[dir="rtl"] .btn-group > :not(.btn-check) + .btn, -[dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -[dir="rtl"] .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), -[dir="rtl"] .btn-group-vertical > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -[dir="rtl"] .btn-group-vertical > .btn ~ .btn, -[dir="rtl"] .btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.badge-center { - padding: 3px; - line-height: 1.375; - height: 1.5rem; - width: 1.5rem; - font-size: 0.812rem; -} - -.badge-center i { - font-size: 0.875rem; -} - -.badge.badge-dot { - display: inline-block; - margin: 0; - padding: 0; - width: 0.5rem; - height: 0.5rem; - border-radius: 50%; - vertical-align: middle; -} - -.badge.badge-notifications { - position: absolute; - top: auto; - display: inline-block; - margin: 0; - transform: translate(-50%, -30%); -} - -[dir="rtl"] .badge.badge-notifications { - transform: translate(50%, -30%); -} - -.badge.badge-notifications:not(.badge-dot) { - padding: 0.05rem 0.2rem; - font-size: 0.582rem; - line-height: 0.75rem; -} - -[data-trigger="hover"] { - outline: 0; -} - -.dropdown-menu { - margin-top: 1px !important; - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); -} - -.mega-dropdown > .dropdown-menu { - left: 0 !important; - right: 0 !important; -} - -.dropdown-menu .badge[class^="float-"], -.dropdown-menu .badge[class*=" float-"] { - position: relative; - top: 0.071em; -} - -[dir="rtl"] .dropdown-menu { - text-align: right; -} - -li:not(:first-child) .dropdown-item, -.dropdown-menu .dropdown-item:not(:first-child) { - margin-top: 2px; -} - -.dropdown-toggle.hide-arrow::before, -.dropdown-toggle.hide-arrow::after, -.dropdown-toggle-hide-arrow > .dropdown-toggle::before, -.dropdown-toggle-hide-arrow > .dropdown-toggle::after { - display: none; -} - -.dropdown-toggle::after { - margin-top: -0.29425em; - margin-left: 0.8em; - width: 0.55em; - height: 0.55em; - border: 2px solid; - border-top: 0; - border-left: 0; - transform: rotate(45deg); -} - -[dir="rtl"] .dropdown-toggle::after { - margin-right: 0.8em !important; - margin-left: 0 !important; -} - -.dropend .dropdown-toggle::after { - margin-top: 0; - margin-right: 0.5em; - width: 0.55em; - height: 0.55em; - border: 2px solid; - border-top: 0; - border-left: 0; - transform: rotate(-45deg); -} - -[dir="rtl"] .dropend .dropdown-toggle::after { - margin-left: 0 !important; - margin-right: 0.5em !important; - transform: rotate(135deg); -} - -.dropstart .dropdown-toggle::before { - margin-top: 0; - margin-right: 0.5em; - width: 0.55em; - height: 0.55em; - border: 2px solid; - border-top: 0; - border-right: 0; - transform: rotate(45deg); -} - -[dir="rtl"] .dropstart .dropdown-toggle::before { - margin-right: 0 !important; - margin-left: 0.5em !important; - transform: rotate(225deg); -} - -.dropup .dropdown-toggle::after { - margin-top: 0.26675em; - margin-left: 0.8em; - width: 0.55em; - height: 0.55em; - border: 2px solid; - border-bottom: 0; - border-left: 0; - transform: rotate(-45deg); -} - -[dir="rtl"] .dropup .dropdown-toggle::after { - margin-right: 0.8em !important; - margin-left: 0 !important; -} - -.dropstart .dropdown-toggle::before, -.dropend .dropdown-toggle::after { - vertical-align: middle; -} - -[dir="rtl"] .dropdown-toggle:not(.dropdown-toggle-split)::after { - margin-left: 0; - margin-right: 0.5em; -} - -html:not([dir="rtl"]) .dropdown-toggle-split:after { - margin-left: 0 !important; -} - -[dir="rtl"] .dropdown-toggle-split:after { - margin-right: 0 !important; -} - -[dir="rtl"] .dropdown-menu-start { - --bs-position: start; -} - -[dir="rtl"] .dropdown-menu-start[data-bs-popper] { - left: auto; - right: 0; -} - -[dir="rtl"] .dropdown-menu-end { - --bs-position: end; -} - -[dir="rtl"] .dropdown-menu-end[data-bs-popper] { - left: 0; - right: auto; -} - -@media (min-width: 576px) { - [dir="rtl"] .dropdown-menu-sm-start { - --bs-position: start; - } - - [dir="rtl"] .dropdown-menu-sm-start[data-bs-popper] { - left: auto; - right: 0; - } - - [dir="rtl"] .dropdown-menu-sm-end { - --bs-position: end; - } - - [dir="rtl"] .dropdown-menu-sm-end[data-bs-popper] { - left: 0; - right: auto; - } -} - -@media (min-width: 768px) { - [dir="rtl"] .dropdown-menu-md-start { - --bs-position: start; - } - - [dir="rtl"] .dropdown-menu-md-start[data-bs-popper] { - left: auto; - right: 0; - } - - [dir="rtl"] .dropdown-menu-md-end { - --bs-position: end; - } - - [dir="rtl"] .dropdown-menu-md-end[data-bs-popper] { - left: 0; - right: auto; - } -} - -@media (min-width: 992px) { - [dir="rtl"] .dropdown-menu-lg-start { - --bs-position: start; - } - - [dir="rtl"] .dropdown-menu-lg-start[data-bs-popper] { - left: auto; - right: 0; - } - - [dir="rtl"] .dropdown-menu-lg-end { - --bs-position: end; - } - - [dir="rtl"] .dropdown-menu-lg-end[data-bs-popper] { - left: 0; - right: auto; - } -} - -@media (min-width: 1200px) { - [dir="rtl"] .dropdown-menu-xl-start { - --bs-position: start; - } - - [dir="rtl"] .dropdown-menu-xl-start[data-bs-popper] { - left: auto; - right: 0; - } - - [dir="rtl"] .dropdown-menu-xl-end { - --bs-position: end; - } - - [dir="rtl"] .dropdown-menu-xl-end[data-bs-popper] { - left: 0; - right: auto; - } -} - -@media (min-width: 1400px) { - [dir="rtl"] .dropdown-menu-xxl-start { - --bs-position: start; - } - - [dir="rtl"] .dropdown-menu-xxl-start[data-bs-popper] { - left: auto; - right: 0; - } - - [dir="rtl"] .dropdown-menu-xxl-end { - --bs-position: end; - } - - [dir="rtl"] .dropdown-menu-xxl-end[data-bs-popper] { - left: 0; - right: auto; - } -} - -.nav .nav-item, -.nav .nav-link, -.tab-pane, -.tab-pane .card-body { - outline: none !important; + border-block-end-color: transparent; } +/* Nav +******************************************************************************* */ .nav { + --bs-nav-pills-box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-primary-rgb), 0.4); flex-wrap: inherit; + padding-inline-start: 0; } - -.nav.nav-pills:not(.nav-align-right):not(.nav-align-left) { - flex-wrap: wrap; -} - .nav .nav-item { white-space: nowrap; } - -.nav .nav-tabs { - background-color: #fff; +.nav:not(.nav-pills) .nav-link:hover, +.nav:not(.nav-pills) .nav-link:focus { + color: var(--bs-primary); +} +.nav.nav-sm, +.nav-sm > .nav { + --bs-nav-link-padding-y: 0.3125rem; + --bs-nav-link-padding-x: 0.875rem; + --bs-nav-link-font-size: 0.8125rem; + --bs-nav-link-line-height: 1.125; +} +.nav.nav-lg, +.nav-lg > .nav { + --bs-nav-link-padding-y: 0.875rem; + --bs-nav-link-padding-x: 1.3125rem; + --bs-nav-link-font-size: 1.0625rem; + --bs-nav-link-line-height: 1.625; } +/* nav tabs shadow */ .nav-tabs-shadow { - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); -} - -.nav-tabs:not(.flex-column), -.nav-tabs.flex-column.flex-md-row, -.nav-pills:not(.flex-column), -.nav-pills.flex-column.flex-md-row { - row-gap: 8px; -} - -@media (max-width: 767.98px) { - .nav-tabs.flex-column, - .nav-pills.flex-column { - row-gap: 4px; - } + border: 1px solid var(--bs-nav-border-color); + box-shadow: var(--bs-nav-box-shadow); +} +.card .nav-tabs-shadow { + box-shadow: none; } +/* Tab and pills style */ .nav-tabs .nav-link, .nav-pills .nav-link { display: inline-flex; @@ -11205,109 +13884,176 @@ html:not([dir="rtl"]) .dropdown-toggle-split:after { justify-content: center; text-transform: capitalize; } - -.nav-tabs .nav-link.active, -.nav-pills .nav-link.active { - background-color: rgba(0, 0, 0, 0); -} - .nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link, .nav-pills:not(.nav-fill):not(.nav-justified) .nav-link { - width: 100%; + inline-size: 100%; } .tab-content:not(.doc-example-content) { + z-index: 1; padding: 1.5rem; } - .tab-content:not(.doc-example-content) .tab-pane { opacity: 0; + transform: translateX(-30px); transition: all linear 0.1s; } - -html:not([dir="rtl"]) .tab-content:not(.doc-example-content) .tab-pane { - transform: translateX(-30px); +@media (prefers-reduced-motion: reduce) { + .tab-content:not(.doc-example-content) .tab-pane { + transition: none; + } } - -[dir="rtl"] .tab-content:not(.doc-example-content) .tab-pane { +:dir(rtl) .tab-content:not(.doc-example-content) .tab-pane { transform: translateX(30px); } - .tab-content:not(.doc-example-content) .tab-pane.show { opacity: 1; transform: unset !important; transition: all ease-out 0.2s 0.1s; } +@media (prefers-reduced-motion: reduce) { + .tab-content:not(.doc-example-content) .tab-pane.show { + transition: none; + } +} +/* For scrollable navs/tabs/pills */ .nav-scrollable { display: -webkit-inline-box; display: -moz-inline-box; - width: 100%; - overflow-y: auto; + overflow: auto; flex-wrap: nowrap; + inline-size: 100%; } .nav-tabs { position: relative; + /* Tab link */ } - .nav-tabs .tab-slider { - height: 2px; position: absolute; + block-size: 2px; } - .nav-align-left .nav-tabs .tab-slider, .nav-align-right .nav-tabs .tab-slider { - width: 2px !important; + inline-size: 2px !important; } - .nav-tabs .nav-link { - background-clip: padding-box; border-radius: 0; + background-clip: padding-box; +} +.nav-tabs .nav-link.waves-effect .waves-ripple { + background: radial-gradient( + rgba(var(--bs-primary-rgb), 0.2) 0, + rgba(var(--bs-primary-rgb), 0.3) 40%, + rgba(var(--bs-primary-rgb), 0.4) 50%, + rgba(var(--bs-primary-rgb), 0.5) 60%, + rgba(var(--bs-white), 0) 70% + ); +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-link.active:hover, +.nav-tabs .nav-link.active:focus, +.nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-item.show .nav-link:hover, +.nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 0 -2px 0 var(--bs-primary) inset; +} +.nav-align-top .nav-tabs .nav-link.active, +.nav-align-top .nav-tabs .nav-link.active:hover, +.nav-align-top .nav-tabs .nav-link.active:focus, +.nav-align-top .nav-tabs .nav-item.show .nav-link, +.nav-align-top .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-top .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 0 -2px 0 var(--bs-primary) inset; +} +.nav-align-bottom .nav-tabs .nav-link.active, +.nav-align-bottom .nav-tabs .nav-link.active:hover, +.nav-align-bottom .nav-tabs .nav-link.active:focus, +.nav-align-bottom .nav-tabs .nav-item.show .nav-link, +.nav-align-bottom .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-bottom .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 0 2px 0 var(--bs-primary) inset; +} +.nav-align-left .nav-tabs .nav-link.active, +.nav-align-left .nav-tabs .nav-link.active:hover, +.nav-align-left .nav-tabs .nav-link.active:focus, +.nav-align-left .nav-tabs .nav-item.show .nav-link, +.nav-align-left .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-left .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: -2px 0 0 var(--bs-primary) inset; +} +:dir(rtl) .nav-align-left .nav-tabs .nav-link.active, +:dir(rtl) .nav-align-left .nav-tabs .nav-link.active:hover, +:dir(rtl) .nav-align-left .nav-tabs .nav-link.active:focus, +:dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link, +:dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link:hover, +:dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 2px 0 0 var(--bs-primary) inset; +} +.nav-align-right .nav-tabs .nav-link.active, +.nav-align-right .nav-tabs .nav-link.active:hover, +.nav-align-right .nav-tabs .nav-link.active:focus, +.nav-align-right .nav-tabs .nav-item.show .nav-link, +.nav-align-right .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-right .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 2px 0 0 var(--bs-primary) inset; +} +:dir(rtl) .nav-align-right .nav-tabs .nav-link.active, +:dir(rtl) .nav-align-right .nav-tabs .nav-link.active:hover, +:dir(rtl) .nav-align-right .nav-tabs .nav-link.active:focus, +:dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link, +:dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link:hover, +:dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: -2px 0 0 var(--bs-primary) inset; } .nav-pills .nav-link { - padding: 0.5435rem 1.375rem; + padding-block: 0.5435rem; + padding-inline: 1.375rem; +} +.nav-pills .nav-link:not(.active):hover.waves-effect .waves-ripple, +.nav-pills .nav-link:not(.active):focus.waves-effect .waves-ripple { + background: radial-gradient( + rgba(var(--bs-primary-rgb), 0.2) 0, + rgba(var(--bs-primary-rgb), 0.3) 40%, + rgba(var(--bs-primary-rgb), 0.4) 50%, + rgba(var(--bs-primary-rgb), 0.5) 60%, + rgba(var(--bs-white), 0) 70% + ); +} +.nav-pills .nav-link.active { + box-shadow: var(--bs-nav-pills-box-shadow); } - .nav-pills .nav-item .nav-link:not(.active):hover { - border-bottom: none; - padding-bottom: 0.5435rem; - background-color: rgba(105, 108, 255, 0.16); + background-color: rgba(var(--bs-primary-rgb), 0.16); + border-block-end: none; + padding-block-end: 0.5435rem; } - .nav-pills ~ .tab-content { - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); -} - -.nav-sm > .nav .nav-link, -.nav-sm.nav .nav-link { - padding: 0.3125rem 0.875rem; - font-size: 0.8125rem; - line-height: 1.125; -} - -.nav-lg > .nav .nav-link, -.nav-lg.nav .nav-link { - padding: 0.875rem 1.3125rem; - font-size: 1.0625rem; - line-height: 1.625; + border: 1px solid var(--bs-nav-border-color); + box-shadow: var(--bs-nav-box-shadow); } +/* Top, Right, Bottom & Left Tabbed panels */ .nav-align-top, .nav-align-right, .nav-align-bottom, .nav-align-left { display: flex; } - +.nav-align-top > .tab-content, +.nav-align-right > .tab-content, +.nav-align-bottom > .tab-content, +.nav-align-left > .tab-content { + background: var(--bs-paper-bg); +} .nav-align-top .nav-tabs, .nav-align-right .nav-tabs, .nav-align-bottom .nav-tabs, .nav-align-left .nav-tabs { - background: #fff; + background: var(--bs-paper-bg); } - .nav-align-top > .nav, .nav-align-top > div > .nav, .nav-align-right > .nav, @@ -11316,10 +14062,9 @@ html:not([dir="rtl"]) .tab-content:not(.doc-example-content) .tab-pane { .nav-align-bottom > div > .nav, .nav-align-left > .nav, .nav-align-left > div > .nav { - z-index: 1; position: relative; + z-index: 1; } - .nav-align-top:has(.nav-tabs), .nav-align-right:has(.nav-tabs), .nav-align-bottom:has(.nav-tabs), @@ -11327,5526 +14072,512 @@ html:not([dir="rtl"]) .tab-content:not(.doc-example-content) .tab-pane { border-radius: 0.375rem !important; } -.nav-align-top .row-bordered > [class^="col-"]::before, -.nav-align-top .row-bordered > [class^="col-"]::after, -.nav-align-top .row-bordered > [class*=" col-"]::before, -.nav-align-top .row-bordered > [class*=" col-"]::after, -.nav-align-top .row-bordered > [class^="col "]::before, -.nav-align-top .row-bordered > [class^="col "]::after, -.nav-align-top .row-bordered > [class*=" col "]::before, -.nav-align-top .row-bordered > [class*=" col "]::after, -.nav-align-top .row-bordered > [class$=" col"]::before, -.nav-align-top .row-bordered > [class$=" col"]::after, -.nav-align-top .row-bordered > [class="col"]::before, -.nav-align-top .row-bordered > [class="col"]::after, -.nav-align-right .row-bordered > [class^="col-"]::before, -.nav-align-right .row-bordered > [class^="col-"]::after, -.nav-align-right .row-bordered > [class*=" col-"]::before, -.nav-align-right .row-bordered > [class*=" col-"]::after, -.nav-align-right .row-bordered > [class^="col "]::before, -.nav-align-right .row-bordered > [class^="col "]::after, -.nav-align-right .row-bordered > [class*=" col "]::before, -.nav-align-right .row-bordered > [class*=" col "]::after, -.nav-align-right .row-bordered > [class$=" col"]::before, -.nav-align-right .row-bordered > [class$=" col"]::after, -.nav-align-right .row-bordered > [class="col"]::before, -.nav-align-right .row-bordered > [class="col"]::after, -.nav-align-bottom .row-bordered > [class^="col-"]::before, -.nav-align-bottom .row-bordered > [class^="col-"]::after, -.nav-align-bottom .row-bordered > [class*=" col-"]::before, -.nav-align-bottom .row-bordered > [class*=" col-"]::after, -.nav-align-bottom .row-bordered > [class^="col "]::before, -.nav-align-bottom .row-bordered > [class^="col "]::after, -.nav-align-bottom .row-bordered > [class*=" col "]::before, -.nav-align-bottom .row-bordered > [class*=" col "]::after, -.nav-align-bottom .row-bordered > [class$=" col"]::before, -.nav-align-bottom .row-bordered > [class$=" col"]::after, -.nav-align-bottom .row-bordered > [class="col"]::before, -.nav-align-bottom .row-bordered > [class="col"]::after, -.nav-align-left .row-bordered > [class^="col-"]::before, -.nav-align-left .row-bordered > [class^="col-"]::after, -.nav-align-left .row-bordered > [class*=" col-"]::before, -.nav-align-left .row-bordered > [class*=" col-"]::after, -.nav-align-left .row-bordered > [class^="col "]::before, -.nav-align-left .row-bordered > [class^="col "]::after, -.nav-align-left .row-bordered > [class*=" col "]::before, -.nav-align-left .row-bordered > [class*=" col "]::after, -.nav-align-left .row-bordered > [class$=" col"]::before, -.nav-align-left .row-bordered > [class$=" col"]::after, -.nav-align-left .row-bordered > [class="col"]::before, -.nav-align-left .row-bordered > [class="col"]::after { - border-color: #e4e6e8; -} - .nav-align-right, .nav-align-left { align-items: stretch; } - .nav-align-right > .nav, .nav-align-right > div > .nav, .nav-align-left > .nav, .nav-align-left > div > .nav { - flex-grow: 0; flex-direction: column; - border-bottom-width: 0; + flex-grow: 0; + border-block-end-width: 0; } - .nav-align-right > .nav.nav-pills .nav-item:not(:last-child), .nav-align-right > div > .nav.nav-pills .nav-item:not(:last-child), .nav-align-left > .nav.nav-pills .nav-item:not(:last-child), .nav-align-left > div > .nav.nav-pills .nav-item:not(:last-child) { - margin: 0 0 0.25rem 0 !important; + margin-block: 0 0.25rem !important; + margin-inline: 0 !important; } - .nav-align-right > .tab-content, .nav-align-left > .tab-content { flex-grow: 1; } - .nav-align-right > .tab-content .tab-pane, .nav-align-left > .tab-content .tab-pane { transform: translateY(-30px); } - .nav-align-right > .tab-content .tab-pane.show, .nav-align-left > .tab-content .tab-pane.show { - transform: translateY(0px); + transform: translateY(0); } +/* Top tabs */ .nav-align-top { flex-direction: column; } - .nav-align-top .tab-content { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } - .nav-align-top .nav-tabs { - border-bottom: 1px solid #e4e6e8; + border-block-end: 1px solid var(--bs-nav-tabs-border-color); border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } - .nav-align-top .nav-tabs .nav-link:not(.active):hover { - border-bottom: 2px solid rgba(105, 108, 255, 0.16) !important; - padding-bottom: 0.4185rem; + border-block-end: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-block-end: 0.4185rem; } - .nav-align-top .nav-tabs.nav-lg .nav-link:not(.active):hover { - padding-bottom: 0.75rem; + padding-block-end: 0.75rem; } - .nav-align-top .nav-tabs.nav-sm .nav-link:not(.active):hover { - padding-bottom: 0.1875rem; + padding-block-end: 0.2rem; } - .nav-align-top .nav-pills ~ .tab-content { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } -html:not([dir="rtl"]) .nav-align-top > .tab-content .tab-pane, -html:not([dir="rtl"]) .nav-align-bottom > .tab-content .tab-pane { +.nav-align-top > .tab-content .tab-pane, +.nav-align-bottom > .tab-content .tab-pane, +.card > .tab-content .tab-pane { transform: translateX(-30px); } - -[dir="rtl"] .nav-align-top > .tab-content .tab-pane, -[dir="rtl"] .nav-align-bottom > .tab-content .tab-pane { +:dir(rtl) .nav-align-top > .tab-content .tab-pane, +:dir(rtl) .nav-align-bottom > .tab-content .tab-pane, +:dir(rtl) .card > .tab-content .tab-pane { transform: translateX(30px); } - .nav-align-top > .tab-content .tab-pane.show, -.nav-align-bottom > .tab-content .tab-pane.show { - transform: translateX(0px) !important; -} - -html:not([dir="rtl"]) - .nav-align-top - > .nav.nav-pills - .nav-item:not(:last-child), -html:not([dir="rtl"]) - .nav-align-bottom - > .nav.nav-pills - .nav-item:not(:last-child) { - margin-right: 0.25rem; -} - -[dir="rtl"] .nav-align-top > .nav.nav-pills .nav-item:not(:last-child), -[dir="rtl"] .nav-align-bottom > .nav.nav-pills .nav-item:not(:last-child) { - margin-left: 0.25rem; +.nav-align-bottom > .tab-content .tab-pane.show, +.card > .tab-content .tab-pane.show { + transform: translateX(0) !important; +} +.nav-align-top > .nav.nav-pills .nav-item:not(:last-child), +.nav-align-bottom > .nav.nav-pills .nav-item:not(:last-child), +.card > .nav.nav-pills .nav-item:not(:last-child) { + margin-inline-end: 0.25rem; } +/* Right tabs */ .nav-align-right { flex-direction: row-reverse; } - .nav-align-right .tab-content { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + border-end-start-radius: 0.375rem; + border-start-start-radius: 0.375rem; } - .nav-align-right .nav-tabs { - border-left: 1px solid #e4e6e8; - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; position: relative; + border-end-end-radius: 0.375rem; + border-inline-start: 1px solid var(--bs-nav-tabs-border-color); + border-start-end-radius: 0.375rem; } - -html:not([dir="rtl"]) .nav-align-right .nav-tabs .tab-slider { - left: 0; +.nav-align-right .nav-tabs .tab-slider { + inset-inline-start: 0; } - -[dir="rtl"] .nav-align-right .nav-tabs .tab-slider { - right: 0; +.card .nav-align-right .nav-tabs ~ .tab-content { + border-inline-end: 0 solid var(--bs-nav-tabs-border-color); } - -html:not([dir="rtl"]) .card .nav-align-right .nav-tabs ~ .tab-content { - border-right: 0 solid #e4e6e8; +.nav-align-right .nav-tabs .nav-link:not(.active):hover { + border-inline-start: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-inline-start: 1.25rem; } - -[dir="rtl"] .card .nav-align-right .nav-tabs ~ .tab-content { - border-left: 0 solid #e4e6e8; +.nav-align-right .nav-tabs.nav-lg .nav-link:not(.active):hover { + padding-inline-start: 1.1875rem; } - -html:not([dir="rtl"]) .nav-align-right .nav-tabs .nav-link:not(.active):hover { - border-left: 2px solid rgba(105, 108, 255, 0.16) !important; - padding-left: 1.25rem; +.nav-align-right .nav-tabs.nav-sm .nav-link:not(.active):hover { + padding-inline-start: 0.75rem; } - -[dir="rtl"] .nav-align-right .nav-tabs .nav-link:not(.active):hover { - border-right: 2px solid rgba(105, 108, 255, 0.16) !important; - padding-right: 1.25rem; -} - .nav-align-right > .nav .nav-item, .nav-align-right > div > .nav .nav-item { - margin-left: 0; + margin-inline: 0; } - -[dir="rtl"] .nav-align-right > .nav .nav-item, -[dir="rtl"] .nav-align-right > div > .nav .nav-item { - margin-left: 0; - margin-right: 0; -} - .nav-align-right .nav-link { - text-align: right; justify-content: end; + text-align: end; } - .nav-align-right .nav-pills ~ .tab-content { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + border-radius: 0.375rem; } +/* Bottom tabs */ .nav-align-bottom { flex-direction: column-reverse; } - .nav-align-bottom .tab-content { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } - .nav-align-bottom > .nav .nav-item, .nav-align-bottom > div > .nav .nav-item { - margin-bottom: 0; - margin-top: 0; + margin-block: 0; } - .nav-align-bottom > .nav, .nav-align-bottom > div > .nav { - border-bottom-width: 0; - border-top: 0 solid #e4e6e8; + border-block-end-width: 0; + border-block-start: 0 solid var(--bs-nav-tabs-border-color); } - .nav-align-bottom .nav-tabs { - border-top: 1px solid #e4e6e8; + border-block-start: 1px solid var(--bs-nav-tabs-border-color); border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } - .nav-align-bottom .nav-tabs .tab-slider { - bottom: inherit !important; + inset-block-end: inherit !important; } - .nav-align-bottom .nav-tabs .nav-link:not(.active):hover { - border-top: 2px solid rgba(105, 108, 255, 0.16) !important; - padding-top: 0.4185rem; + border-block-start: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-block-start: 0.4185rem; +} +.nav-align-bottom .nav-tabs.nav-lg .nav-link:not(.active):hover { + padding-block-start: 0.75rem; +} +.nav-align-bottom .nav-tabs.nav-sm .nav-link:not(.active):hover { + padding-block-start: 0.2rem; } - .nav-align-bottom .nav-pills ~ .tab-content { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } +/* Left tabs */ .nav-align-left .tab-content { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + border-end-end-radius: 0.375rem; + border-start-end-radius: 0.375rem; } - .nav-align-left .nav-tabs { position: relative; + border-inline-end: 1px solid var(--bs-nav-tabs-border-color); } - -html:not([dir="rtl"]) .card .nav-align-left .nav-tabs ~ .tab-content { - border-left: 0 solid #e4e6e8; +.card .nav-align-left .nav-tabs ~ .tab-content { + border-inline-start: 0 solid var(--bs-nav-tabs-border-color); } - -[dir="rtl"] .card .nav-align-left .nav-tabs ~ .tab-content { - border-right: 0 solid #e4e6e8; +.nav-align-left .nav-tabs .nav-link:not(.active):hover { + border-inline-end: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-inline-end: 1.25rem; } - -html:not([dir="rtl"]) .nav-align-left .nav-tabs { - border-right: 1px solid #e4e6e8; +.nav-align-left .nav-tabs.nav-lg .nav-link:not(.active):hover { + padding-inline-end: 1.1875rem; } - -html:not([dir="rtl"]) .nav-align-left .nav-tabs .nav-link:not(.active):hover { - border-right: 2px solid rgba(105, 108, 255, 0.16) !important; - padding-right: 1.25rem; +.nav-align-left .nav-tabs.nav-sm .nav-link:not(.active):hover { + padding-inline-end: 0.75rem; } - -[dir="rtl"] .nav-align-left .nav-tabs { - border-left: 1px solid #e4e6e8; -} - -[dir="rtl"] .nav-align-left .nav-tabs .nav-link:not(.active):hover { - border-left: 2px solid rgba(105, 108, 255, 0.16) !important; - padding-left: 1.25rem; -} - .nav-align-left > .nav .nav-item, .nav-align-left > div > .nav .nav-item { - margin-right: 0; + margin-inline: 0; } - -[dir="rtl"] .nav-align-left > .nav .nav-item, -[dir="rtl"] .nav-align-left > div > .nav .nav-item { - margin-right: 0; - margin-left: 0; -} - .nav-align-left .nav-link { - text-align: left; justify-content: start; + text-align: start; } - .nav-align-left .nav-pills ~ .tab-content { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + border-end-start-radius: 0.375rem !important; + border-start-start-radius: 0.375rem !important; } - .nav-align-left:has(.nav-tabs) { overflow: hidden; } -.nav-align-top > .tab-content, -.nav-align-right > .tab-content, -.nav-align-bottom > .tab-content, -.nav-align-left > .tab-content { - flex-shrink: 1; - background-clip: padding-box; - background: #fff; -} - -.card .nav-align-top > .tab-content, -.card .nav-align-right > .tab-content, -.card .nav-align-bottom > .tab-content, -.card .nav-align-left > .tab-content { - background: rgba(0, 0, 0, 0); -} - -.card .tab-content { - box-shadow: none !important; -} - -[dir="rtl"] .nav { - padding-right: 0; -} - -[dir="rtl"] .nav-align-left .nav-link { - text-align: right; -} - -[dir="rtl"] .nav-align-right .nav-link { - text-align: left; -} - -.pagination-secondary .page-item .page-link:hover, -.pagination-secondary .page-item .page-link:focus, -.pagination-secondary.pagination li > a:not(.page-link):hover, -.pagination-secondary.pagination li > a:not(.page-link):focus { - background-color: rgba(133, 146, 163, 0.16); - color: #8592a3; -} - -.pagination-secondary .page-item.active .page-link, -.pagination-secondary.pagination li.active > a:not(.page-link) { - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); -} - -.pagination-secondary .page-item.active .page-link, -.pagination-secondary .page-item.active .page-link:hover, -.pagination-secondary .page-item.active .page-link:focus, -.pagination-secondary.pagination li.active > a:not(.page-link), -.pagination-secondary.pagination li.active > a:not(.page-link):hover, -.pagination-secondary.pagination li.active > a:not(.page-link):focus { - border-color: #8592a3; - background-color: #8592a3; - color: #fff; -} - -.pagination-outline-secondary .page-item.active .page-link, -.pagination-outline-secondary .page-item.active .page-link:hover, -.pagination-outline-secondary .page-item.active .page-link:focus, -.pagination-outline-secondary.pagination li.active > a:not(.page-link), -.pagination-outline-secondary.pagination li.active > a:not(.page-link):hover, -.pagination-outline-secondary.pagination li.active > a:not(.page-link):focus { - border-color: #8592a3 !important; - color: #8592a3 !important; - background-color: #ebeef0 !important; -} - -.pagination-success .page-item .page-link:hover, -.pagination-success .page-item .page-link:focus, -.pagination-success.pagination li > a:not(.page-link):hover, -.pagination-success.pagination li > a:not(.page-link):focus { - background-color: rgba(113, 221, 55, 0.16); - color: #71dd37; -} - -.pagination-success .page-item.active .page-link, -.pagination-success.pagination li.active > a:not(.page-link) { - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4); -} - -.pagination-success .page-item.active .page-link, -.pagination-success .page-item.active .page-link:hover, -.pagination-success .page-item.active .page-link:focus, -.pagination-success.pagination li.active > a:not(.page-link), -.pagination-success.pagination li.active > a:not(.page-link):hover, -.pagination-success.pagination li.active > a:not(.page-link):focus { - border-color: #71dd37; - background-color: #71dd37; - color: #fff; -} - -.pagination-outline-success .page-item.active .page-link, -.pagination-outline-success .page-item.active .page-link:hover, -.pagination-outline-success .page-item.active .page-link:focus, -.pagination-outline-success.pagination li.active > a:not(.page-link), -.pagination-outline-success.pagination li.active > a:not(.page-link):hover, -.pagination-outline-success.pagination li.active > a:not(.page-link):focus { - border-color: #71dd37 !important; - color: #71dd37 !important; - background-color: #e8fadf !important; -} - -.pagination-info .page-item .page-link:hover, -.pagination-info .page-item .page-link:focus, -.pagination-info.pagination li > a:not(.page-link):hover, -.pagination-info.pagination li > a:not(.page-link):focus { - background-color: rgba(3, 195, 236, 0.16); - color: #03c3ec; -} - -.pagination-info .page-item.active .page-link, -.pagination-info.pagination li.active > a:not(.page-link) { - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4); -} - -.pagination-info .page-item.active .page-link, -.pagination-info .page-item.active .page-link:hover, -.pagination-info .page-item.active .page-link:focus, -.pagination-info.pagination li.active > a:not(.page-link), -.pagination-info.pagination li.active > a:not(.page-link):hover, -.pagination-info.pagination li.active > a:not(.page-link):focus { - border-color: #03c3ec; - background-color: #03c3ec; - color: #fff; -} - -.pagination-outline-info .page-item.active .page-link, -.pagination-outline-info .page-item.active .page-link:hover, -.pagination-outline-info .page-item.active .page-link:focus, -.pagination-outline-info.pagination li.active > a:not(.page-link), -.pagination-outline-info.pagination li.active > a:not(.page-link):hover, -.pagination-outline-info.pagination li.active > a:not(.page-link):focus { - border-color: #03c3ec !important; - color: #03c3ec !important; - background-color: #d7f5fc !important; -} - -.pagination-warning .page-item .page-link:hover, -.pagination-warning .page-item .page-link:focus, -.pagination-warning.pagination li > a:not(.page-link):hover, -.pagination-warning.pagination li > a:not(.page-link):focus { - background-color: rgba(255, 171, 0, 0.16); - color: #ffab00; -} - -.pagination-warning .page-item.active .page-link, -.pagination-warning.pagination li.active > a:not(.page-link) { - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4); -} - -.pagination-warning .page-item.active .page-link, -.pagination-warning .page-item.active .page-link:hover, -.pagination-warning .page-item.active .page-link:focus, -.pagination-warning.pagination li.active > a:not(.page-link), -.pagination-warning.pagination li.active > a:not(.page-link):hover, -.pagination-warning.pagination li.active > a:not(.page-link):focus { - border-color: #ffab00; - background-color: #ffab00; - color: #fff; -} - -.pagination-outline-warning .page-item.active .page-link, -.pagination-outline-warning .page-item.active .page-link:hover, -.pagination-outline-warning .page-item.active .page-link:focus, -.pagination-outline-warning.pagination li.active > a:not(.page-link), -.pagination-outline-warning.pagination li.active > a:not(.page-link):hover, -.pagination-outline-warning.pagination li.active > a:not(.page-link):focus { - border-color: #ffab00 !important; - color: #ffab00 !important; - background-color: #fff2d6 !important; -} - -.pagination-danger .page-item .page-link:hover, -.pagination-danger .page-item .page-link:focus, -.pagination-danger.pagination li > a:not(.page-link):hover, -.pagination-danger.pagination li > a:not(.page-link):focus { - background-color: rgba(255, 62, 29, 0.16); - color: #ff3e1d; -} - -.pagination-danger .page-item.active .page-link, -.pagination-danger.pagination li.active > a:not(.page-link) { - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4); -} - -.pagination-danger .page-item.active .page-link, -.pagination-danger .page-item.active .page-link:hover, -.pagination-danger .page-item.active .page-link:focus, -.pagination-danger.pagination li.active > a:not(.page-link), -.pagination-danger.pagination li.active > a:not(.page-link):hover, -.pagination-danger.pagination li.active > a:not(.page-link):focus { - border-color: #ff3e1d; - background-color: #ff3e1d; - color: #fff; -} - -.pagination-outline-danger .page-item.active .page-link, -.pagination-outline-danger .page-item.active .page-link:hover, -.pagination-outline-danger .page-item.active .page-link:focus, -.pagination-outline-danger.pagination li.active > a:not(.page-link), -.pagination-outline-danger.pagination li.active > a:not(.page-link):hover, -.pagination-outline-danger.pagination li.active > a:not(.page-link):focus { - border-color: #ff3e1d !important; - color: #ff3e1d !important; - background-color: #ffe0db !important; -} - -.pagination-dark .page-item .page-link:hover, -.pagination-dark .page-item .page-link:focus, -.pagination-dark.pagination li > a:not(.page-link):hover, -.pagination-dark.pagination li > a:not(.page-link):focus { - background-color: rgba(43, 44, 64, 0.16); - color: #2b2c40; -} - -.pagination-dark .page-item.active .page-link, -.pagination-dark.pagination li.active > a:not(.page-link) { - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4); -} - -.pagination-dark .page-item.active .page-link, -.pagination-dark .page-item.active .page-link:hover, -.pagination-dark .page-item.active .page-link:focus, -.pagination-dark.pagination li.active > a:not(.page-link), -.pagination-dark.pagination li.active > a:not(.page-link):hover, -.pagination-dark.pagination li.active > a:not(.page-link):focus { - border-color: #2b2c40; - background-color: #2b2c40; - color: #fff; -} - -.pagination-outline-dark .page-item.active .page-link, -.pagination-outline-dark .page-item.active .page-link:hover, -.pagination-outline-dark .page-item.active .page-link:focus, -.pagination-outline-dark.pagination li.active > a:not(.page-link), -.pagination-outline-dark.pagination li.active > a:not(.page-link):hover, -.pagination-outline-dark.pagination li.active > a:not(.page-link):focus { - border-color: #2b2c40 !important; - color: #2b2c40 !important; - background-color: #dddde0 !important; -} - -.pagination-gray .page-item .page-link:hover, -.pagination-gray .page-item .page-link:focus, -.pagination-gray.pagination li > a:not(.page-link):hover, -.pagination-gray.pagination li > a:not(.page-link):focus { - background-color: rgba(34, 48, 62, 0.16); - color: rgba(34, 48, 62, 0.5); -} - -.pagination-gray .page-item.active .page-link, -.pagination-gray.pagination li.active > a:not(.page-link) { - box-shadow: 0 0.125rem 0.25rem 0 rgba(34, 48, 62, 0.4); -} - -.pagination-gray .page-item.active .page-link, -.pagination-gray .page-item.active .page-link:hover, -.pagination-gray .page-item.active .page-link:focus, -.pagination-gray.pagination li.active > a:not(.page-link), -.pagination-gray.pagination li.active > a:not(.page-link):hover, -.pagination-gray.pagination li.active > a:not(.page-link):focus { - border-color: rgba(34, 48, 62, 0.5); - background-color: rgba(34, 48, 62, 0.5); - color: #fff; -} - -.pagination-outline-gray .page-item.active .page-link, -.pagination-outline-gray .page-item.active .page-link:hover, -.pagination-outline-gray .page-item.active .page-link:focus, -.pagination-outline-gray.pagination li.active > a:not(.page-link), -.pagination-outline-gray.pagination li.active > a:not(.page-link):hover, -.pagination-outline-gray.pagination li.active > a:not(.page-link):focus { - border-color: rgba(34, 48, 62, 0.5) !important; - color: rgba(34, 48, 62, 0.5) !important; - background-color: #dcdee0 !important; -} - -.page-item.first .page-link, -.page-item.last .page-link, -.page-item.next .page-link, -.page-item.prev .page-link, -.page-item.previous .page-link { - padding: 0.4379rem 0.433rem; -} - -.page-item.disabled .page-link, -.page-item[disabled] .page-link { - opacity: 0.45; - pointer-events: none; -} - -.page-item:last-child .tf-icon { - transform: translateX(7%); -} - -.page-link, -.page-link > a { - border-radius: 0.375rem; - text-align: center; - min-width: calc(2.2505625rem + calc(1px * 2)); - min-height: calc(2.2508625rem + calc(1px * 2)); - display: inline-flex !important; - justify-content: center; - align-items: center; -} - -.page-link:focus, -.page-link > a:focus { - color: #384551; -} - -.pagination-sm .page-item + .page-item .page-link, -.pagination-sm .pagination li + li > a:not(.page-link) { - margin-left: 0.25rem; -} - -.pagination-lg .page-item + .page-item .page-link, -.pagination-lg .pagination li + li > a:not(.page-link) { - margin-left: 0.5rem; -} - -.pagination:not([class*="pagination-outline-"]) .page-link { - border-color: rgba(0, 0, 0, 0); -} - -.pagination[class*="pagination-outline-"] .page-item.active .page-link { - box-shadow: none; -} - -.pagination[class*="pagination-outline-"] .page-item:not(.active) .page-link, -.pagination[class*="pagination-outline-"] .pagination li > a:not(.page-link) { - background-color: rgba(0, 0, 0, 0); -} - -.pagination[class*="pagination-outline-"] - .page-item:not(.active) - .page-link:hover, -.pagination[class*="pagination-outline-"] - .page-item:not(.active) - .page-link:focus, -.pagination[class*="pagination-outline-"] - .pagination - li - > a:not(.page-link):hover, -.pagination[class*="pagination-outline-"] - .pagination - li - > a:not(.page-link):focus { - background-color: #f2f3f3; - border-color: #ced1d5; - color: #384551; -} - -.page-link.btn-primary { - box-shadow: none !important; -} - -.pagination.pagination-square .page-item a { - border-radius: 0; -} - -.pagination.pagination-round .page-item a { - border-radius: 50%; -} - -.pagination.pagination-rounded .page-item a { - border-radius: 0.375rem; -} - -.pagination.pagination-sm.pagination-rounded .page-item a { - border-radius: 0.25rem; -} - -.pagination.pagination-lg.pagination-rounded .page-item a { - border-radius: 0.5rem; -} - -.pagination-lg .page-link, -.pagination-lg > li > a:not(.page-link) { - min-width: calc(2.8759615rem + calc(1px * 2)); - min-height: calc(2.8757925rem + calc(1px * 2)); -} - -.pagination-sm .page-link, -.pagination-sm > li > a:not(.page-link) { - min-width: calc(1.7509515rem + calc(1px * 2)); - min-height: calc(1.7501875rem + calc(1px * 2)); -} - -.pagination-sm > .page-item.first .page-link, -.pagination-sm > .page-item.last .page-link, -.pagination-sm > .page-item.next .page-link, -.pagination-sm > .page-item.prev .page-link, -.pagination-sm > .page-item.previous .page-link { - padding: 0.211rem; -} - -[dir="rtl"] .pagination { - padding-right: 0; -} - -[dir="rtl"] .page-item + .page-item .page-link, -[dir="rtl"] .pagination li + li > a:not(.page-link) { - margin-left: 0; - margin-right: 0.375rem; -} - -.pagination-sm [dir="rtl"] .page-item + .page-item .page-link, -.pagination-sm [dir="rtl"] .pagination li + li > a:not(.page-link) { - margin-right: 0.25rem; -} - -.pagination-lg [dir="rtl"] .page-item + .page-item .page-link, -.pagination-lg [dir="rtl"] .pagination li + li > a:not(.page-link) { - margin-right: 0.5rem; -} - -[dir="rtl"] .page-item.first .page-link i, -[dir="rtl"] .page-item.last .page-link i, -[dir="rtl"] .page-item.next .page-link i, -[dir="rtl"] .page-item.prev .page-link i, -[dir="rtl"] .page-item.previous .page-link i { - transform: rotate(180deg); -} - -.alert-secondary { - background-color: #ebeef0; - border-color: #ebeef0; - color: #8592a3; -} - -.alert-secondary .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-secondary .alert-link { - color: #8592a3; -} - -.alert-secondary hr { - color: #8592a3 !important; -} - -.alert-secondary .alert-icon { - background-color: #8592a3; - box-shadow: 0 0 0 0.125rem rgba(133, 146, 163, 0.16); -} - -.alert-outline-secondary { - border-color: #8592a3; - color: #8592a3; -} - -.alert-outline-secondary .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-outline-secondary .alert-link { - color: #8592a3; -} - -.alert-outline-secondary hr { - color: #8592a3 !important; -} - -.alert-outline-secondary .alert-icon { - background-color: #8592a3 !important; - box-shadow: 0 0 0 0.125rem rgba(133, 146, 163, 0.16); -} - -.alert-solid-secondary { - background-color: #8592a3; - color: #fff; -} - -.alert-solid-secondary .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-solid-secondary .alert-link { - color: #fff; -} - -.alert-solid-secondary hr { - color: #fff !important; -} - -.alert-solid-secondary .alert-icon { - color: #8592a3 !important; - box-shadow: 0 0 0 0.125rem #9da8b5; -} - -.alert-success { - background-color: #e8fadf; - border-color: #e8fadf; - color: #71dd37; -} - -.alert-success .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-success .alert-link { - color: #71dd37; -} - -.alert-success hr { - color: #71dd37 !important; -} - -.alert-success .alert-icon { - background-color: #71dd37; - box-shadow: 0 0 0 0.125rem rgba(113, 221, 55, 0.16); -} - -.alert-outline-success { - border-color: #71dd37; - color: #71dd37; -} - -.alert-outline-success .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-outline-success .alert-link { - color: #71dd37; -} - -.alert-outline-success hr { - color: #71dd37 !important; -} - -.alert-outline-success .alert-icon { - background-color: #71dd37 !important; - box-shadow: 0 0 0 0.125rem rgba(113, 221, 55, 0.16); -} - -.alert-solid-success { - background-color: #71dd37; - color: #fff; -} - -.alert-solid-success .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-solid-success .alert-link { - color: #fff; -} - -.alert-solid-success hr { - color: #fff !important; -} - -.alert-solid-success .alert-icon { - color: #71dd37 !important; - box-shadow: 0 0 0 0.125rem #8de45f; -} - -.alert-info { - background-color: #d7f5fc; - border-color: #d7f5fc; - color: #03c3ec; -} - -.alert-info .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-info .alert-link { - color: #03c3ec; -} - -.alert-info hr { - color: #03c3ec !important; -} - -.alert-info .alert-icon { - background-color: #03c3ec; - box-shadow: 0 0 0 0.125rem rgba(3, 195, 236, 0.16); -} - -.alert-outline-info { - border-color: #03c3ec; - color: #03c3ec; -} - -.alert-outline-info .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-outline-info .alert-link { - color: #03c3ec; -} - -.alert-outline-info hr { - color: #03c3ec !important; -} - -.alert-outline-info .alert-icon { - background-color: #03c3ec !important; - box-shadow: 0 0 0 0.125rem rgba(3, 195, 236, 0.16); -} - -.alert-solid-info { - background-color: #03c3ec; - color: #fff; -} - -.alert-solid-info .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-solid-info .alert-link { - color: #fff; -} - -.alert-solid-info hr { - color: #fff !important; -} - -.alert-solid-info .alert-icon { - color: #03c3ec !important; - box-shadow: 0 0 0 0.125rem #35cff0; -} - -.alert-warning { - background-color: #fff2d6; - border-color: #fff2d6; - color: #ffab00; -} - -.alert-warning .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-warning .alert-link { - color: #ffab00; -} - -.alert-warning hr { - color: #ffab00 !important; -} - -.alert-warning .alert-icon { - background-color: #ffab00; - box-shadow: 0 0 0 0.125rem rgba(255, 171, 0, 0.16); -} - -.alert-outline-warning { - border-color: #ffab00; - color: #ffab00; -} - -.alert-outline-warning .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-outline-warning .alert-link { - color: #ffab00; -} - -.alert-outline-warning hr { - color: #ffab00 !important; -} - -.alert-outline-warning .alert-icon { - background-color: #ffab00 !important; - box-shadow: 0 0 0 0.125rem rgba(255, 171, 0, 0.16); -} - -.alert-solid-warning { - background-color: #ffab00; - color: #fff; -} - -.alert-solid-warning .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-solid-warning .alert-link { - color: #fff; -} - -.alert-solid-warning hr { - color: #fff !important; -} - -.alert-solid-warning .alert-icon { - color: #ffab00 !important; - box-shadow: 0 0 0 0.125rem #ffbc33; -} - -.alert-danger { - background-color: #ffe0db; - border-color: #ffe0db; - color: #ff3e1d; -} - -.alert-danger .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-danger .alert-link { - color: #ff3e1d; -} - -.alert-danger hr { - color: #ff3e1d !important; -} - -.alert-danger .alert-icon { - background-color: #ff3e1d; - box-shadow: 0 0 0 0.125rem rgba(255, 62, 29, 0.16); -} - -.alert-outline-danger { - border-color: #ff3e1d; - color: #ff3e1d; -} - -.alert-outline-danger .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-outline-danger .alert-link { - color: #ff3e1d; -} - -.alert-outline-danger hr { - color: #ff3e1d !important; -} - -.alert-outline-danger .alert-icon { - background-color: #ff3e1d !important; - box-shadow: 0 0 0 0.125rem rgba(255, 62, 29, 0.16); -} - -.alert-solid-danger { - background-color: #ff3e1d; - color: #fff; -} - -.alert-solid-danger .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-solid-danger .alert-link { - color: #fff; -} - -.alert-solid-danger hr { - color: #fff !important; -} - -.alert-solid-danger .alert-icon { - color: #ff3e1d !important; - box-shadow: 0 0 0 0.125rem #ff654a; -} - -.alert-dark { - background-color: #dddde0; - border-color: #dddde0; - color: #2b2c40; -} - -.alert-dark .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-dark .alert-link { - color: #2b2c40; -} - -.alert-dark hr { - color: #2b2c40 !important; -} - -.alert-dark .alert-icon { - background-color: #2b2c40; - box-shadow: 0 0 0 0.125rem rgba(43, 44, 64, 0.16); -} - -.alert-outline-dark { - border-color: #2b2c40; - color: #2b2c40; -} - -.alert-outline-dark .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-outline-dark .alert-link { - color: #2b2c40; -} - -.alert-outline-dark hr { - color: #2b2c40 !important; -} - -.alert-outline-dark .alert-icon { - background-color: #2b2c40 !important; - box-shadow: 0 0 0 0.125rem rgba(43, 44, 64, 0.16); -} - -.alert-solid-dark { - background-color: #2b2c40; - color: #fff; -} - -.alert-solid-dark .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-solid-dark .alert-link { - color: #fff; -} - -.alert-solid-dark hr { - color: #fff !important; -} - -.alert-solid-dark .alert-icon { - color: #2b2c40 !important; - box-shadow: 0 0 0 0.125rem #555666; -} - -.alert-gray { - background-color: rgba(242, 243, 243, 0.92); - border-color: rgba(242, 243, 243, 0.92); - color: rgba(34, 48, 62, 0.5); -} - -.alert-gray .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-gray .alert-link { - color: rgba(34, 48, 62, 0.5); -} - -.alert-gray hr { - color: rgba(34, 48, 62, 0.5) !important; -} - -.alert-gray .alert-icon { - background-color: rgba(34, 48, 62, 0.5); - box-shadow: 0 0 0 0.125rem rgba(34, 48, 62, 0.16); -} - -.alert-outline-gray { - border-color: rgba(34, 48, 62, 0.5); - color: rgba(34, 48, 62, 0.5); -} - -.alert-outline-gray .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-outline-gray .alert-link { - color: rgba(34, 48, 62, 0.5); -} - -.alert-outline-gray hr { - color: rgba(34, 48, 62, 0.5) !important; -} - -.alert-outline-gray .alert-icon { - background-color: rgba(34, 48, 62, 0.5) !important; - box-shadow: 0 0 0 0.125rem rgba(34, 48, 62, 0.16); -} - -.alert-solid-gray { - background-color: rgba(34, 48, 62, 0.5); - color: #fff; -} - -.alert-solid-gray .btn-close { - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.alert-solid-gray .alert-link { - color: #fff; -} - -.alert-solid-gray hr { - color: #fff !important; -} - -.alert-solid-gray .alert-icon { - color: rgba(34, 48, 62, 0.5) !important; - box-shadow: 0 0 0 0.125rem rgba(129, 137, 145, 0.6); -} - -.alert-dismissible .btn-close { - padding: 1.0875rem 1rem; - background-size: 0.625rem 0.625rem; -} - -.alert { - line-height: 1.375rem; -} - -.alert .alert-icon { - color: #fff; - height: 1.75rem; - width: 1.75rem; - padding: 0.68rem; - margin-right: 1rem; - display: flex; - align-items: center; - justify-content: center; -} - -.alert[class*="alert-solid-"] .alert-icon { - background-color: #fff; -} - -.alert[class*="alert-solid-"] .alert-icon :before { - font-size: 1.125rem; -} - -[dir="rtl"] .alert-dismissible { - padding-left: 3rem; - padding-right: 1rem; -} - -[dir="rtl"] .alert-dismissible .btn-close { - right: auto; - left: 0; -} - -[dir="rtl"] .alert .alert-icon { - margin-right: 0; - margin-left: 1rem; -} - -.tooltip-secondary .tooltip-inner, -.tooltip-secondary > .tooltip .tooltip-inner, -.ngb-tooltip-secondary + ngb-tooltip-window .tooltip-inner { - background: #8592a3; - color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); -} - -.tooltip-secondary.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.tooltip-secondary - > .tooltip.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.ngb-tooltip-secondary - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before { - border-top-color: #8592a3; -} - -.tooltip-secondary.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.tooltip-secondary - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.ngb-tooltip-secondary - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-left-color: #8592a3; -} - -[dir="rtl"] - .tooltip-secondary.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-secondary - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-secondary - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-right-color: #8592a3; -} - -.tooltip-secondary.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.tooltip-secondary - > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.ngb-tooltip-secondary - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before { - border-bottom-color: #8592a3; -} - -.tooltip-secondary.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.tooltip-secondary - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.ngb-tooltip-secondary - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-right-color: #8592a3; -} - -[dir="rtl"] - .tooltip-secondary.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-secondary - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-secondary - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-left-color: #8592a3; -} - -.tooltip-success .tooltip-inner, -.tooltip-success > .tooltip .tooltip-inner, -.ngb-tooltip-success + ngb-tooltip-window .tooltip-inner { - background: #71dd37; - color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4); -} - -.tooltip-success.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.tooltip-success - > .tooltip.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.ngb-tooltip-success - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before { - border-top-color: #71dd37; -} - -.tooltip-success.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.tooltip-success - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.ngb-tooltip-success - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-left-color: #71dd37; -} - -[dir="rtl"] - .tooltip-success.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-success - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-success - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-right-color: #71dd37; -} - -.tooltip-success.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.tooltip-success - > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.ngb-tooltip-success - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before { - border-bottom-color: #71dd37; -} - -.tooltip-success.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.tooltip-success - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.ngb-tooltip-success - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-right-color: #71dd37; -} - -[dir="rtl"] - .tooltip-success.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-success - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-success - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-left-color: #71dd37; -} - -.tooltip-info .tooltip-inner, -.tooltip-info > .tooltip .tooltip-inner, -.ngb-tooltip-info + ngb-tooltip-window .tooltip-inner { - background: #03c3ec; - color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4); -} - -.tooltip-info.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.tooltip-info - > .tooltip.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.ngb-tooltip-info - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before { - border-top-color: #03c3ec; -} - -.tooltip-info.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.tooltip-info - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.ngb-tooltip-info - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-left-color: #03c3ec; -} - -[dir="rtl"] - .tooltip-info.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-info - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-info - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-right-color: #03c3ec; -} - -.tooltip-info.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.tooltip-info - > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.ngb-tooltip-info - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before { - border-bottom-color: #03c3ec; -} - -.tooltip-info.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.tooltip-info - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.ngb-tooltip-info - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-right-color: #03c3ec; -} - -[dir="rtl"] - .tooltip-info.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-info - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-info - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-left-color: #03c3ec; -} - -.tooltip-warning .tooltip-inner, -.tooltip-warning > .tooltip .tooltip-inner, -.ngb-tooltip-warning + ngb-tooltip-window .tooltip-inner { - background: #ffab00; - color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4); -} - -.tooltip-warning.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.tooltip-warning - > .tooltip.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.ngb-tooltip-warning - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before { - border-top-color: #ffab00; -} - -.tooltip-warning.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.tooltip-warning - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.ngb-tooltip-warning - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-left-color: #ffab00; -} - -[dir="rtl"] - .tooltip-warning.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-warning - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-warning - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-right-color: #ffab00; -} - -.tooltip-warning.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.tooltip-warning - > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.ngb-tooltip-warning - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before { - border-bottom-color: #ffab00; -} - -.tooltip-warning.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.tooltip-warning - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.ngb-tooltip-warning - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-right-color: #ffab00; -} - -[dir="rtl"] - .tooltip-warning.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-warning - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-warning - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-left-color: #ffab00; -} - -.tooltip-danger .tooltip-inner, -.tooltip-danger > .tooltip .tooltip-inner, -.ngb-tooltip-danger + ngb-tooltip-window .tooltip-inner { - background: #ff3e1d; - color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4); -} - -.tooltip-danger.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.tooltip-danger - > .tooltip.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.ngb-tooltip-danger - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before { - border-top-color: #ff3e1d; -} - -.tooltip-danger.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.tooltip-danger - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.ngb-tooltip-danger - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-left-color: #ff3e1d; -} - -[dir="rtl"] - .tooltip-danger.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-danger - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-danger - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-right-color: #ff3e1d; -} - -.tooltip-danger.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.tooltip-danger - > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.ngb-tooltip-danger - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before { - border-bottom-color: #ff3e1d; -} - -.tooltip-danger.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.tooltip-danger - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.ngb-tooltip-danger - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-right-color: #ff3e1d; -} - -[dir="rtl"] - .tooltip-danger.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-danger - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-danger - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-left-color: #ff3e1d; -} - -.tooltip-dark .tooltip-inner, -.tooltip-dark > .tooltip .tooltip-inner, -.ngb-tooltip-dark + ngb-tooltip-window .tooltip-inner { - background: #2b2c40; - color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4); -} - -.tooltip-dark.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.tooltip-dark - > .tooltip.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.ngb-tooltip-dark - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before { - border-top-color: #2b2c40; -} - -.tooltip-dark.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.tooltip-dark - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.ngb-tooltip-dark - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-left-color: #2b2c40; -} - -[dir="rtl"] - .tooltip-dark.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-dark - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-dark - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-right-color: #2b2c40; -} - -.tooltip-dark.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.tooltip-dark - > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.ngb-tooltip-dark - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before { - border-bottom-color: #2b2c40; -} - -.tooltip-dark.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.tooltip-dark - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.ngb-tooltip-dark - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-right-color: #2b2c40; -} - -[dir="rtl"] - .tooltip-dark.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-dark - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-dark - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-left-color: #2b2c40; -} - -.tooltip-gray .tooltip-inner, -.tooltip-gray > .tooltip .tooltip-inner, -.ngb-tooltip-gray + ngb-tooltip-window .tooltip-inner { - background: #91989f; - color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(145, 152, 159, 0.4); -} - -.tooltip-gray.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.tooltip-gray - > .tooltip.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before, -.ngb-tooltip-gray - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="top"] - .tooltip-arrow::before { - border-top-color: #91989f; -} - -.tooltip-gray.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.tooltip-gray - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -.ngb-tooltip-gray - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-left-color: #91989f; -} - -[dir="rtl"] - .tooltip-gray.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-gray - > .tooltip.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-gray - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - border-right-color: #91989f; -} - -.tooltip-gray.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.tooltip-gray - > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before, -.ngb-tooltip-gray - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="bottom"] - .tooltip-arrow::before { - border-bottom-color: #91989f; -} - -.tooltip-gray.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.tooltip-gray - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -.ngb-tooltip-gray - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-right-color: #91989f; -} - -[dir="rtl"] - .tooltip-gray.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .tooltip-gray - > .tooltip.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before, -[dir="rtl"] - .ngb-tooltip-gray - + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - border-left-color: #91989f; -} - -.modal-open .tooltip { - z-index: 1092; -} - -.tooltip-inner { - font-weight: 500; - display: flex; - align-items: center; - gap: 3px; -} - -[dir="rtl"] .tooltip { - text-align: right; -} - -[dir="rtl"].bs-tooltip-auto[data-popper-placement="right"] .tooltip-arrow { - right: 0; - left: inherit; -} - -[dir="rtl"].bs-tooltip-auto[data-popper-placement="right"] - .tooltip-arrow::before { - left: -1px; - border-width: 0.375rem 0 0.375rem 0.375rem; -} - -[dir="rtl"].bs-tooltip-auto[data-popper-placement="left"] .tooltip-arrow { - left: 0; - right: inherit; -} - -[dir="rtl"].bs-tooltip-auto[data-popper-placement="left"] - .tooltip-arrow::before { - right: -1px; - border-width: 0.375rem 0.375rem 0.375rem 0; -} - -.popover.popover-secondary, -.popover .popover-secondary > .popover, -.popover .ngb-popover-secondary + ngb-popover-window { - border-color: rgba(0, 0, 0, 0); - background: #8592a3; - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); -} - -.popover.popover-secondary .popover-header, -.popover .popover-secondary > .popover .popover-header, -.popover .ngb-popover-secondary + ngb-popover-window .popover-header { - border-color: rgba(255, 255, 255, 0.2); - background: rgba(0, 0, 0, 0); - color: #fff; -} - -.popover.popover-secondary .popover-body, -.popover .popover-secondary > .popover .popover-body, -.popover .ngb-popover-secondary + ngb-popover-window .popover-body { - background: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.8); -} - -.popover.popover-secondary > .popover-arrow::before, -.popover .popover-secondary > .popover > .popover-arrow::before, -.popover .ngb-popover-secondary + ngb-popover-window > .popover-arrow::before { - border-color: rgba(0, 0, 0, 0); -} - -.popover.popover-secondary.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .popover-secondary - > .popover.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .ngb-popover-secondary - + ngb-popover-window.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after { - border-top-color: #8592a3 !important; -} - -.popover.popover-secondary.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .popover-secondary - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .ngb-popover-secondary - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-right-color: #8592a3 !important; -} - -[dir="rtl"] - .popover.popover-secondary.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-secondary - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-secondary - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-left-color: #8592a3 !important; -} - -.popover.popover-secondary.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .popover-secondary - > .popover.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .ngb-popover-secondary - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after { - border-bottom-color: #8592a3 !important; -} - -.popover.popover-secondary.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .popover-secondary - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .ngb-popover-secondary - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-left-color: #8592a3 !important; -} - -[dir="rtl"] - .popover.popover-secondary.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-secondary - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-secondary - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-right-color: #8592a3 !important; -} - -.popover.popover-secondary.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .popover-secondary - > .popover.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .ngb-popover-secondary - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before { - border-bottom: 1px solid rgba(0, 0, 0, 0) !important; -} - -.popover.popover-success, -.popover .popover-success > .popover, -.popover .ngb-popover-success + ngb-popover-window { - border-color: rgba(0, 0, 0, 0); - background: #71dd37; - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4); -} - -.popover.popover-success .popover-header, -.popover .popover-success > .popover .popover-header, -.popover .ngb-popover-success + ngb-popover-window .popover-header { - border-color: rgba(255, 255, 255, 0.2); - background: rgba(0, 0, 0, 0); - color: #fff; -} - -.popover.popover-success .popover-body, -.popover .popover-success > .popover .popover-body, -.popover .ngb-popover-success + ngb-popover-window .popover-body { - background: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.8); -} - -.popover.popover-success > .popover-arrow::before, -.popover .popover-success > .popover > .popover-arrow::before, -.popover .ngb-popover-success + ngb-popover-window > .popover-arrow::before { - border-color: rgba(0, 0, 0, 0); -} - -.popover.popover-success.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .popover-success - > .popover.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .ngb-popover-success - + ngb-popover-window.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after { - border-top-color: #71dd37 !important; -} - -.popover.popover-success.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .popover-success - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .ngb-popover-success - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-right-color: #71dd37 !important; -} - -[dir="rtl"] - .popover.popover-success.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-success - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-success - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-left-color: #71dd37 !important; -} - -.popover.popover-success.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .popover-success - > .popover.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .ngb-popover-success - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after { - border-bottom-color: #71dd37 !important; -} - -.popover.popover-success.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .popover-success - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .ngb-popover-success - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-left-color: #71dd37 !important; -} - -[dir="rtl"] - .popover.popover-success.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-success - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-success - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-right-color: #71dd37 !important; -} - -.popover.popover-success.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .popover-success - > .popover.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .ngb-popover-success - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before { - border-bottom: 1px solid rgba(0, 0, 0, 0) !important; -} - -.popover.popover-info, -.popover .popover-info > .popover, -.popover .ngb-popover-info + ngb-popover-window { - border-color: rgba(0, 0, 0, 0); - background: #03c3ec; - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4); -} - -.popover.popover-info .popover-header, -.popover .popover-info > .popover .popover-header, -.popover .ngb-popover-info + ngb-popover-window .popover-header { - border-color: rgba(255, 255, 255, 0.2); - background: rgba(0, 0, 0, 0); - color: #fff; -} - -.popover.popover-info .popover-body, -.popover .popover-info > .popover .popover-body, -.popover .ngb-popover-info + ngb-popover-window .popover-body { - background: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.8); -} - -.popover.popover-info > .popover-arrow::before, -.popover .popover-info > .popover > .popover-arrow::before, -.popover .ngb-popover-info + ngb-popover-window > .popover-arrow::before { - border-color: rgba(0, 0, 0, 0); -} - -.popover.popover-info.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .popover-info - > .popover.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .ngb-popover-info - + ngb-popover-window.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after { - border-top-color: #03c3ec !important; -} - -.popover.popover-info.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .popover-info - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .ngb-popover-info - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-right-color: #03c3ec !important; -} - -[dir="rtl"] - .popover.popover-info.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-info - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-info - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-left-color: #03c3ec !important; -} - -.popover.popover-info.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .popover-info - > .popover.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .ngb-popover-info - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after { - border-bottom-color: #03c3ec !important; -} - -.popover.popover-info.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .popover-info - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .ngb-popover-info - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-left-color: #03c3ec !important; -} - -[dir="rtl"] - .popover.popover-info.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-info - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-info - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-right-color: #03c3ec !important; -} - -.popover.popover-info.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .popover-info - > .popover.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .ngb-popover-info - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before { - border-bottom: 1px solid rgba(0, 0, 0, 0) !important; -} - -.popover.popover-warning, -.popover .popover-warning > .popover, -.popover .ngb-popover-warning + ngb-popover-window { - border-color: rgba(0, 0, 0, 0); - background: #ffab00; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4); -} - -.popover.popover-warning .popover-header, -.popover .popover-warning > .popover .popover-header, -.popover .ngb-popover-warning + ngb-popover-window .popover-header { - border-color: rgba(255, 255, 255, 0.2); - background: rgba(0, 0, 0, 0); - color: #fff; -} - -.popover.popover-warning .popover-body, -.popover .popover-warning > .popover .popover-body, -.popover .ngb-popover-warning + ngb-popover-window .popover-body { - background: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.8); -} - -.popover.popover-warning > .popover-arrow::before, -.popover .popover-warning > .popover > .popover-arrow::before, -.popover .ngb-popover-warning + ngb-popover-window > .popover-arrow::before { - border-color: rgba(0, 0, 0, 0); -} - -.popover.popover-warning.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .popover-warning - > .popover.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .ngb-popover-warning - + ngb-popover-window.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after { - border-top-color: #ffab00 !important; -} - -.popover.popover-warning.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .popover-warning - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .ngb-popover-warning - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-right-color: #ffab00 !important; -} - -[dir="rtl"] - .popover.popover-warning.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-warning - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-warning - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-left-color: #ffab00 !important; -} - -.popover.popover-warning.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .popover-warning - > .popover.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .ngb-popover-warning - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after { - border-bottom-color: #ffab00 !important; -} - -.popover.popover-warning.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .popover-warning - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .ngb-popover-warning - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-left-color: #ffab00 !important; -} - -[dir="rtl"] - .popover.popover-warning.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-warning - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-warning - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-right-color: #ffab00 !important; -} - -.popover.popover-warning.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .popover-warning - > .popover.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .ngb-popover-warning - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before { - border-bottom: 1px solid rgba(0, 0, 0, 0) !important; -} - -.popover.popover-danger, -.popover .popover-danger > .popover, -.popover .ngb-popover-danger + ngb-popover-window { - border-color: rgba(0, 0, 0, 0); - background: #ff3e1d; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4); -} - -.popover.popover-danger .popover-header, -.popover .popover-danger > .popover .popover-header, -.popover .ngb-popover-danger + ngb-popover-window .popover-header { - border-color: rgba(255, 255, 255, 0.2); - background: rgba(0, 0, 0, 0); - color: #fff; -} - -.popover.popover-danger .popover-body, -.popover .popover-danger > .popover .popover-body, -.popover .ngb-popover-danger + ngb-popover-window .popover-body { - background: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.8); -} - -.popover.popover-danger > .popover-arrow::before, -.popover .popover-danger > .popover > .popover-arrow::before, -.popover .ngb-popover-danger + ngb-popover-window > .popover-arrow::before { - border-color: rgba(0, 0, 0, 0); -} - -.popover.popover-danger.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .popover-danger - > .popover.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .ngb-popover-danger - + ngb-popover-window.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after { - border-top-color: #ff3e1d !important; -} - -.popover.popover-danger.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .popover-danger - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .ngb-popover-danger - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-right-color: #ff3e1d !important; -} - -[dir="rtl"] - .popover.popover-danger.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-danger - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-danger - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-left-color: #ff3e1d !important; -} - -.popover.popover-danger.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .popover-danger - > .popover.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .ngb-popover-danger - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after { - border-bottom-color: #ff3e1d !important; -} - -.popover.popover-danger.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .popover-danger - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .ngb-popover-danger - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-left-color: #ff3e1d !important; -} - -[dir="rtl"] - .popover.popover-danger.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-danger - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-danger - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-right-color: #ff3e1d !important; -} - -.popover.popover-danger.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .popover-danger - > .popover.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .ngb-popover-danger - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before { - border-bottom: 1px solid rgba(0, 0, 0, 0) !important; -} - -.popover.popover-dark, -.popover .popover-dark > .popover, -.popover .ngb-popover-dark + ngb-popover-window { - border-color: rgba(0, 0, 0, 0); - background: #2b2c40; - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4); -} - -.popover.popover-dark .popover-header, -.popover .popover-dark > .popover .popover-header, -.popover .ngb-popover-dark + ngb-popover-window .popover-header { - border-color: rgba(255, 255, 255, 0.2); - background: rgba(0, 0, 0, 0); - color: #fff; -} - -.popover.popover-dark .popover-body, -.popover .popover-dark > .popover .popover-body, -.popover .ngb-popover-dark + ngb-popover-window .popover-body { - background: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.8); -} - -.popover.popover-dark > .popover-arrow::before, -.popover .popover-dark > .popover > .popover-arrow::before, -.popover .ngb-popover-dark + ngb-popover-window > .popover-arrow::before { - border-color: rgba(0, 0, 0, 0); -} - -.popover.popover-dark.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .popover-dark - > .popover.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .ngb-popover-dark - + ngb-popover-window.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after { - border-top-color: #2b2c40 !important; -} - -.popover.popover-dark.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .popover-dark - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .ngb-popover-dark - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-right-color: #2b2c40 !important; -} - -[dir="rtl"] - .popover.popover-dark.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-dark - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-dark - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-left-color: #2b2c40 !important; -} - -.popover.popover-dark.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .popover-dark - > .popover.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .ngb-popover-dark - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after { - border-bottom-color: #2b2c40 !important; -} - -.popover.popover-dark.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .popover-dark - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .ngb-popover-dark - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-left-color: #2b2c40 !important; -} - -[dir="rtl"] - .popover.popover-dark.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-dark - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-dark - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-right-color: #2b2c40 !important; -} - -.popover.popover-dark.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .popover-dark - > .popover.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .ngb-popover-dark - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before { - border-bottom: 1px solid rgba(0, 0, 0, 0) !important; -} - -.popover.popover-gray, -.popover .popover-gray > .popover, -.popover .ngb-popover-gray + ngb-popover-window { - border-color: rgba(0, 0, 0, 0); - background: #91989f; - box-shadow: 0 0.125rem 0.25rem 0 rgba(145, 152, 159, 0.4); -} - -.popover.popover-gray .popover-header, -.popover .popover-gray > .popover .popover-header, -.popover .ngb-popover-gray + ngb-popover-window .popover-header { - border-color: rgba(255, 255, 255, 0.2); - background: rgba(0, 0, 0, 0); - color: #fff; -} - -.popover.popover-gray .popover-body, -.popover .popover-gray > .popover .popover-body, -.popover .ngb-popover-gray + ngb-popover-window .popover-body { - background: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.8); -} - -.popover.popover-gray > .popover-arrow::before, -.popover .popover-gray > .popover > .popover-arrow::before, -.popover .ngb-popover-gray + ngb-popover-window > .popover-arrow::before { - border-color: rgba(0, 0, 0, 0); -} - -.popover.popover-gray.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .popover-gray - > .popover.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after, -.popover - .ngb-popover-gray - + ngb-popover-window.bs-popover-auto[data-popper-placement="top"] - > .popover-arrow::after { - border-top-color: #91989f !important; -} - -.popover.popover-gray.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .popover-gray - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -.popover - .ngb-popover-gray - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-right-color: #91989f !important; -} - -[dir="rtl"] - .popover.popover-gray.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-gray - > .popover.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-gray - + ngb-popover-window.bs-popover-auto[data-popper-placement="right"] - > .popover-arrow::after { - border-left-color: #91989f !important; -} - -.popover.popover-gray.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .popover-gray - > .popover.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after, -.popover - .ngb-popover-gray - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - > .popover-arrow::after { - border-bottom-color: #91989f !important; -} - -.popover.popover-gray.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .popover-gray - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -.popover - .ngb-popover-gray - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-left-color: #91989f !important; -} - -[dir="rtl"] - .popover.popover-gray.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .popover-gray - > .popover.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after, -[dir="rtl"] - .popover - .ngb-popover-gray - + ngb-popover-window.bs-popover-auto[data-popper-placement="left"] - > .popover-arrow::after { - border-right-color: #91989f !important; -} - -.popover.popover-gray.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .popover-gray - > .popover.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before, -.popover - .ngb-popover-gray - + ngb-popover-window.bs-popover-auto[data-popper-placement="bottom"] - .popover-header::before { - border-bottom: 1px solid rgba(0, 0, 0, 0) !important; -} - -.modal-open .popover { - z-index: 1091; -} - -.popover { - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); -} - -.popover .popover-arrow { - z-index: 1; -} - -.popover-header { - padding: 1.125rem 1.125rem 0; - font-size: 1.125rem; -} - -[dir="rtl"] .popover { - text-align: right; -} - -.form-label, -.col-form-label { - text-transform: inherit; - letter-spacing: inherit; - color: #384551; - white-space: nowrap; -} - -.form-label-lg { - font-size: 1.0625rem; -} - -.form-label-sm { - font-size: 0.8125rem; -} - -.form-control { - padding: calc(0.543rem - var(--bs-border-width)) - calc(0.9375rem - var(--bs-border-width)); -} - -.form-control::placeholder, -.form-control:focus::placeholder { - transition: all 0.2s ease; -} - -.form-control:hover:not([disabled]):not([focus]) { - border-color: #7a838b; -} - -.input-group .form-control[type="number"] { - line-height: 1.375rem; - min-height: 2.375rem; -} - -.input-group-lg .form-control[type="number"] { - line-height: 1.5rem; - min-height: 3rem; -} - -.input-group-sm .form-control[type="number"] { - min-height: 1.875rem; -} - -.form-control:focus { - border-width: 2px; - padding: calc(0.543rem - 2px) calc(0.9375rem - 2px); -} - -.form-control.form-control-lg { - padding: calc(0.7075rem - var(--bs-border-width)) - calc(1.3125rem - var(--bs-border-width)); -} - -.form-control.form-control-lg:focus { - padding: calc(0.7075rem - 2px) calc(1.3125rem - 2px); -} - -.form-control.form-control-sm { - padding: calc(0.3165rem - var(--bs-border-width)) - calc(0.8125rem - var(--bs-border-width)); -} - -.form-control.form-control-sm:focus { - padding: calc(0.3165rem - 2px) calc(0.8125rem - 2px); -} - -.input-group:has(button) .form-control { - padding: calc(0.543rem - var(--bs-border-width)) - calc(0.9375rem - var(--bs-border-width)) !important; - border-width: var(--bs-border-width) !important; -} - -html:not([dir="rtl"]) .form-control:not([readonly]):focus::placeholder { - transform: translateX(5px); -} - -[dir="rtl"] input[type="tel"] { - text-align: right; -} - -[dir="rtl"] .form-control:not([readonly]):focus::placeholder { - transform: translateX(-5px); -} - -.form-select { - background-clip: padding-box; - padding: calc(0.543rem - var(--bs-border-width)) - calc(0.9375rem - var(--bs-border-width)); - padding-inline-end: calc(2.8125rem - var(--bs-border-width)); -} - -.form-select optgroup { - background-color: #fff; -} - -.form-select:hover:not([disabled]):not([focus]) { - border-color: #7a838b; -} - -html:not([dir="rtl"]) .form-select:disabled { - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e'); -} - -[dir="rtl"] .form-select:disabled { - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e'); -} - -.form-select:focus, -.was-validated .form-select { - border-width: 2px; - background-position: right calc(0.9375rem - 1px) center; -} - -html:not([dir="rtl"]) .form-select:focus, -html:not([dir="rtl"]) .was-validated .form-select { - padding: calc(0.543rem - 2px) calc(2.8125rem - 2px) calc(0.543rem - 2px) - calc(0.9375rem - 2px); -} - -[dir="rtl"] .form-select:focus, -[dir="rtl"] .was-validated .form-select { - padding: calc(0.543rem - 2px) calc(0.9375rem - 2px) calc(0.543rem - 2px) - calc(2.8125rem - 2px); -} - -.form-select.form-select-lg { - min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); - background-size: 24px 24px; - padding: calc(0.7075rem - var(--bs-border-width)) - calc(1.3125rem - var(--bs-border-width)); - padding-inline-end: calc(3.9375rem - var(--bs-border-width)); -} - -html: not([dir=rtl]) .form-select.form-select-lg:focus,html:not([dir=rtl]) .was-validated .form-select.form-select-lg { - padding: calc(0.7075rem - 2px) calc(3.9375rem - 2px) calc(0.7075rem - 2px) - calc(1.3125rem - 2px); -} - -[dir="rtl"] .form-select.form-select-lg:focus, -[dir="rtl"] .was-validated .form-select.form-select-lg { - padding: calc(0.7075rem - 2px) calc(1.3125rem - 2px) calc(0.7075rem - 2px) - calc(3.9375rem - 2px); -} - -.form-select.form-select-sm { - min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); - background-size: 20px 20px; - padding: calc(0.3165rem - var(--bs-border-width)) - calc(0.8125rem - var(--bs-border-width)); - padding-inline-end: calc(2.4375rem - var(--bs-border-width)); -} - -html: not([dir=rtl]) .form-select.form-select-sm:focus,html:not([dir=rtl]) .was-validated .form-select.form-select-sm { - padding: calc(0.3165rem - 2px) calc(2.4375rem - 2px) calc(0.3165rem - 2px) - calc(0.8125rem - 2px); -} - -[dir="rtl"] .form-select.form-select-sm:focus, -[dir="rtl"] .was-validated .form-select.form-select-sm { - padding: calc(0.3165rem - 2px) calc(0.8125rem - 2px) calc(0.3165rem - 2px) - calc(2.4375rem - 2px); -} - -.form-select[multiple]:focus { - padding-inline-end: 0.875rem !important; -} - -[dir="rtl"] .form-select { - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/%3e%3c/svg%3e'); - background-position: left 0.9375rem center; -} - -[dir="rtl"] .form-select:focus { - background-position: left calc(0.9375rem - 1px) center; -} - -[dir="rtl"] .form-select[multiple], -[dir="rtl"] .form-select[size]:not([size="1"]) { - padding-left: 0.9375rem; - background-image: none; -} - -[dir="rtl"] .was-validated .form-select { - background-position: left calc(0.9375rem - 1px) center; -} - -.form-check-input { - cursor: pointer; -} - -.form-check-input:disabled { - background-color: #bdc1c5; - border-color: #bdc1c5; -} - -.form-check-input:checked { - box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); -} - -.form-check { - position: relative; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"], -.dt-checkboxes-cell .form-check-input[type="radio"] { - background-size: 1.3125rem; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:not(:checked), -.dt-checkboxes-cell .form-check-input[type="radio"]:not(:checked) { - background-size: 0.75rem; -} - -[dir="rtl"] .form-check { - padding-left: 0; - padding-right: 1.8em; -} - -[dir="rtl"] .form-check .form-check-input { - float: right; - margin-left: 0; - margin-right: -1.8em; -} - -.form-switch .form-check-input { - background-color: #e9eaec; - border: none; - box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16) inset; -} - -.form-switch .form-check-input:focus { - box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16) inset; -} - -[dir="rtl"] .form-switch { - padding-left: 0; - padding-right: 2.667em; -} - -[dir="rtl"] .form-switch .form-check-input { - margin-left: 0; - margin-right: -2.667em; - background-position: right center; -} - -[dir="rtl"] .form-switch .form-check-input:checked { - background-position: 4% center; -} - -[dir="rtl"] .form-check-inline { - margin-right: 0; - margin-left: 1rem; -} - -.form-check-secondary .form-check-input:checked { - background-color: #8592a3; - border-color: #8592a3; - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); -} - -.form-check-secondary .form-check-input[type="checkbox"]:indeterminate { - background-color: #8592a3; - border-color: #8592a3; - box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); -} - -.form-check-secondary.custom-option.checked { - border: 2px solid #8592a3 !important; - margin: 0; -} - -.form-check-secondary.custom-option.checked .custom-option-body i, -.form-check-secondary.custom-option.checked .custom-option-header i { - color: #8592a3; -} - -.form-check-secondary.custom-option.custom-option-label.checked { - background-color: rgba(133, 146, 163, 0.12); - color: #8592a3; -} - -.form-check-secondary.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-secondary.custom-option.custom-option-label.checked - .custom-option-title { - color: #8592a3; -} - -.form-check-success .form-check-input:checked { - background-color: #71dd37; - border-color: #71dd37; - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4); -} - -.form-check-success .form-check-input[type="checkbox"]:indeterminate { - background-color: #71dd37; - border-color: #71dd37; - box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 221, 55, 0.4); -} - -.form-check-success.custom-option.checked { - border: 2px solid #71dd37 !important; - margin: 0; -} - -.form-check-success.custom-option.checked .custom-option-body i, -.form-check-success.custom-option.checked .custom-option-header i { - color: #71dd37; -} - -.form-check-success.custom-option.custom-option-label.checked { - background-color: rgba(113, 221, 55, 0.12); - color: #71dd37; -} - -.form-check-success.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-success.custom-option.custom-option-label.checked - .custom-option-title { - color: #71dd37; -} - -.form-check-info .form-check-input:checked { - background-color: #03c3ec; - border-color: #03c3ec; - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4); -} - -.form-check-info .form-check-input[type="checkbox"]:indeterminate { - background-color: #03c3ec; - border-color: #03c3ec; - box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4); -} - -.form-check-info.custom-option.checked { - border: 2px solid #03c3ec !important; - margin: 0; -} - -.form-check-info.custom-option.checked .custom-option-body i, -.form-check-info.custom-option.checked .custom-option-header i { - color: #03c3ec; -} - -.form-check-info.custom-option.custom-option-label.checked { - background-color: rgba(3, 195, 236, 0.12); - color: #03c3ec; -} - -.form-check-info.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-info.custom-option.custom-option-label.checked - .custom-option-title { - color: #03c3ec; -} - -.form-check-warning .form-check-input:checked { - background-color: #ffab00; - border-color: #ffab00; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4); -} - -.form-check-warning .form-check-input[type="checkbox"]:indeterminate { - background-color: #ffab00; - border-color: #ffab00; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4); -} - -.form-check-warning.custom-option.checked { - border: 2px solid #ffab00 !important; - margin: 0; -} - -.form-check-warning.custom-option.checked .custom-option-body i, -.form-check-warning.custom-option.checked .custom-option-header i { - color: #ffab00; -} - -.form-check-warning.custom-option.custom-option-label.checked { - background-color: rgba(255, 171, 0, 0.12); - color: #ffab00; -} - -.form-check-warning.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-warning.custom-option.custom-option-label.checked - .custom-option-title { - color: #ffab00; -} - -.form-check-danger .form-check-input:checked { - background-color: #ff3e1d; - border-color: #ff3e1d; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4); -} - -.form-check-danger .form-check-input[type="checkbox"]:indeterminate { - background-color: #ff3e1d; - border-color: #ff3e1d; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4); -} - -.form-check-danger.custom-option.checked { - border: 2px solid #ff3e1d !important; - margin: 0; -} - -.form-check-danger.custom-option.checked .custom-option-body i, -.form-check-danger.custom-option.checked .custom-option-header i { - color: #ff3e1d; -} - -.form-check-danger.custom-option.custom-option-label.checked { - background-color: rgba(255, 62, 29, 0.12); - color: #ff3e1d; -} - -.form-check-danger.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-danger.custom-option.custom-option-label.checked - .custom-option-title { - color: #ff3e1d; -} - -.form-check-light .form-check-input:checked { - background-color: #dbdee0; - border-color: #dbdee0; - box-shadow: 0 0.125rem 0.25rem 0 rgba(219, 222, 224, 0.4); -} - -.form-check-light .form-check-input[type="checkbox"]:indeterminate { - background-color: #dbdee0; - border-color: #dbdee0; - box-shadow: 0 0.125rem 0.25rem 0 rgba(219, 222, 224, 0.4); -} - -.form-check-light.custom-option.checked { - border: 2px solid #dbdee0 !important; - margin: 0; -} - -.form-check-light.custom-option.checked .custom-option-body i, -.form-check-light.custom-option.checked .custom-option-header i { - color: #dbdee0; -} - -.form-check-light.custom-option.custom-option-label.checked { - background-color: rgba(219, 222, 224, 0.12); - color: #dbdee0; -} - -.form-check-light.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-light.custom-option.custom-option-label.checked - .custom-option-title { - color: #dbdee0; -} - -.form-check-dark .form-check-input:checked { - background-color: #2b2c40; - border-color: #2b2c40; - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4); -} - -.form-check-dark .form-check-input[type="checkbox"]:indeterminate { - background-color: #2b2c40; - border-color: #2b2c40; - box-shadow: 0 0.125rem 0.25rem 0 rgba(43, 44, 64, 0.4); -} - -.form-check-dark.custom-option.checked { - border: 2px solid #2b2c40 !important; - margin: 0; -} - -.form-check-dark.custom-option.checked .custom-option-body i, -.form-check-dark.custom-option.checked .custom-option-header i { - color: #2b2c40; -} - -.form-check-dark.custom-option.custom-option-label.checked { - background-color: rgba(43, 44, 64, 0.12); - color: #2b2c40; -} - -.form-check-dark.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-dark.custom-option.custom-option-label.checked - .custom-option-title { - color: #2b2c40; -} - -.form-check-gray .form-check-input:checked { - background-color: rgba(34, 48, 62, 0.5); - border-color: rgba(34, 48, 62, 0.5); - box-shadow: 0 0.125rem 0.25rem 0 rgba(34, 48, 62, 0.4); -} - -.form-check-gray .form-check-input[type="checkbox"]:indeterminate { - background-color: rgba(34, 48, 62, 0.5); - border-color: rgba(34, 48, 62, 0.5); - box-shadow: 0 0.125rem 0.25rem 0 rgba(34, 48, 62, 0.4); -} - -.form-check-gray.custom-option.checked { - border: 2px solid rgba(34, 48, 62, 0.5) !important; - margin: 0; -} - -.form-check-gray.custom-option.checked .custom-option-body i, -.form-check-gray.custom-option.checked .custom-option-header i { - color: rgba(34, 48, 62, 0.5); -} - -.form-check-gray.custom-option.custom-option-label.checked { - background-color: rgba(34, 48, 62, 0.12); - color: rgba(34, 48, 62, 0.5); -} - -.form-check-gray.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-gray.custom-option.custom-option-label.checked - .custom-option-title { - color: rgba(34, 48, 62, 0.5); -} - -.form-range::-webkit-slider-thumb { - box-shadow: 0 0.112rem 0.375rem 0 rgba(34, 48, 62, 0.08); -} - -.form-range::-webkit-slider-thumb:hover { - box-shadow: 0 0 0 8px rgba(105, 108, 255, 0.16); -} - -.form-range::-webkit-slider-thumb:active, -.form-range::-webkit-slider-thumb:focus { - box-shadow: 0 0 0 13px rgba(105, 108, 255, 0.16); - border-color: #696cff; -} - -.form-range::-webkit-slider-runnable-track { - background-color: #696cff; -} - -.form-range::-moz-range-thumb { - box-shadow: 0 0.112rem 0.375rem 0 rgba(34, 48, 62, 0.08); -} - -.form-range::-moz-range-thumb:hover { - box-shadow: 0 0 0 8px rgba(105, 108, 255, 0.16); -} - -.form-range::-moz-range-thumb:active, -.form-range::-moz-range-thumb:focus { - box-shadow: 0 0 0 13px rgba(105, 108, 255, 0.16); - border-color: #696cff; -} - -.form-range::-moz-range-track { - background-color: #696cff; -} - -.form-range:disabled::-webkit-slider-runnable-track { - background-color: #a7acb2; -} - -.form-range:disabled::-moz-range-track { - background-color: #a7acb2; -} - -.input-group { - border-radius: var(--bs-border-radius); -} - -.input-group .input-group-text { - padding: calc(0.543rem - 2px) calc(0.9375rem - var(--bs-border-width)); - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .input-group .input-group-text { - transition: none; - } -} - -.input-group:focus-within .input-group-text { - border-width: 2px; - padding: calc(0.543rem - (2px + var(--bs-border-width))) calc(0.9375rem - 2px); -} - -.was-validated .input-group:focus-within .input-group-text, -.fv-plugins-bootstrap5-row-invalid .input-group:focus-within .input-group-text { - padding: calc(0.543rem - 2px) calc(0.9375rem - var(--bs-border-width)); -} - -.input-group:focus-within .form-control, -.input-group:focus-within .form-select { - border-width: 2px; - padding: calc(0.543rem - 2px) calc(0.9375rem - var(--bs-border-width)); -} - -.input-group:focus-within .form-control:first-child, -.input-group:focus-within .form-select:first-child { - padding-inline-start: calc(0.9375rem - 2px); -} - -.input-group.input-group-lg .input-group-text { - padding: calc(0.7075rem - var(--bs-border-width)) - calc(1.3125rem - var(--bs-border-width)); -} - -.input-group.input-group-lg:focus-within .input-group-text { - padding: calc(0.7075rem - var(--bs-border-width)) calc(1.3125rem - 2px); -} - -.input-group.input-group-lg:focus-within .form-control:not(:first-child), -.input-group.input-group-lg:focus-within .form-select:not(:first-child) { - padding: calc(0.7075rem - var(--bs-border-width)) 1.3125rem; -} - -.input-group.input-group-sm .form-control, -.input-group.input-group-sm .form-select { - padding-inline: calc(0.8125rem - var(--bs-border-width)); -} - -.input-group.input-group-sm .input-group-text { - padding: calc(0.3165rem - var(--bs-border-width)) - calc(0.8125rem - var(--bs-border-width)); -} - -.input-group.input-group-sm:focus-within .input-group-text { - padding: calc(0.3165rem - 2px) calc(0.8125rem - 2px); -} - -.input-group.input-group-sm:focus-within .form-control, -.input-group.input-group-sm:focus-within .form-select { - padding: calc(0.3165rem - var(--bs-border-width)) 0.8125rem; -} - -.input-group - > :not(:first-child):not(.dropdown-menu):not(.btn):not( - .dropdown-menu + .form-control - ):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not( - .invalid-tooltip - ):not(.invalid-feedback) { - margin-inline-start: -1px; -} - -.input-group.input-group-merge - > :not(:first-child):not(.dropdown-menu):not(.btn):not( - .dropdown-menu + .form-control - ):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not( - .invalid-tooltip - ):not(.invalid-feedback) { - margin-inline-start: calc((2px + var(--bs-border-width)) * -1); -} - -.input-group.input-group-merge: focus-within>.form-control:first-child,.input-group.input-group-merge:focus-within>.form-select:first-child { - padding-inline: calc(0.9375rem - 2px); -} - -.input-group.input-group-merge.input-group-sm:focus-within - > .form-control:first-child, -.input-group.input-group-merge.input-group-sm:focus-within - > .form-select:first-child { - padding-inline: calc(0.9375rem - 2px); -} - -.input-group.input-group-merge .input-group-text:first-child { - border-inline-end: 0; -} - -.input-group.input-group-merge .input-group-text:last-child { - border-inline-start: 0; -} - -.input-group.input-group-merge .form-control:not(:first-child) { - border-inline-start: 0; -} - -.input-group.input-group-merge .form-control:not(:last-child) { - border-inline-end: 0; -} - -.input-group.input-group-merge .form-control:not(textarea):not(:first-child) { - padding-inline-start: 0 !important; -} - -.input-group.input-group-merge .form-control:not(textarea):not(:last-child) { - padding-inline-end: 0 !important; -} - -.input-group.input-group-merge.disabled, -.input-group.input-group-merge[disabled] { - margin-inline: 0 !important; -} - -.input-group:focus-within - > :not(:first-child):not(.dropdown-menu):not(.btn):not( - .dropdown-menu + .form-control - ):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not( - .invalid-tooltip - ):not(.invalid-feedback) { - margin-inline-start: -2px; -} - -.input-group.rounded-pill .input-group-text, -.input-group.rounded-pill .form-control { - border-radius: 50rem; -} - -.input-group:hover .input-group-text, -.input-group:hover .form-control { - border-color: #7a838b; -} - -.input-group:focus-within { - box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4); -} - -.input-group:focus-within .form-control, -.input-group:focus-within .input-group-text { - box-shadow: none; -} - -.was-validated .input-group:has(.is-invalid), -.was-validated .input-group:has(.is-valid), -.was-validated .input-group:has(:valid), -.was-validated .input-group:has(:invalid) { - box-shadow: none; -} - -.input-group.has-validation:has(.is-invalid), -.input-group.has-validation:has(.is-valid), -.input-group.has-validation:has(:invalid), -.input-group.has-validation:has(.form-control.is-invalid), -.input-group.is-invalid:has(.is-invalid), -.input-group.is-invalid:has(.is-valid), -.input-group.is-invalid:has(:invalid), -.input-group.is-invalid:has(.form-control.is-invalid) { - box-shadow: none; -} - -.input-group.disabled .input-group-text, -.input-group.disabled .form-control, -.input-group[disabled] .input-group-text, -.input-group[disabled] .form-control { - pointer-events: none; - color: #a7acb2; - background-color: rgba(34, 48, 62, 0.06); - border-color: #cacdd1; -} - -.input-group.has-validation > .input-group-text:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.input-group.has-validation > .form-control:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.input-group.has-validation > .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} - -.input-group-text { - background-clip: padding-box; -} - -.input-group-text i { - font-size: 1.25rem; -} - -.input-group-lg > .input-group-text i { - font-size: calc(1.2625rem + 0.15vw); -} - -@media (min-width: 1200px) { - .input-group-lg > .input-group-text i { - font-size: 1.375rem; - } -} - -.input-group-sm > .input-group-text i { - font-size: 1.125rem; -} - -html:not([dir="rtl"]) .input-group-merge .input-group-text:first-child { - border-right: 0; -} - -html:not([dir="rtl"]) .input-group-merge .input-group-text:last-child { - border-left: 0; -} - -html:not([dir="rtl"]) - .input-group-merge.disabled - > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( - .valid-feedback - ):not(.invalid-tooltip):not(.invalid-feedback) { - margin-left: 0 !important; -} - -.input-group-text { - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .input-group-text { - transition: none; - } -} - -[dir="rtl"] .input-group.rounded-pill .input-group-text { - border-top-right-radius: 50rem !important; - border-bottom-right-radius: 50rem !important; -} - -[dir="rtl"] .input-group.rounded-pill .form-control { - border-top-left-radius: 50rem !important; - border-bottom-left-radius: 50rem !important; -} - -[dir="rtl"] - .input-group:not(.has-validation) - > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -[dir="rtl"] - .input-group:not(.has-validation) - > .dropdown-toggle:nth-last-child(n + 3) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: var(--bs-border-radius); - border-bottom-right-radius: var(--bs-border-radius); -} - -[dir="rtl"] - .input-group.input-group-lg:not(.has-validation) - > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -[dir="rtl"] - .input-group.input-group-lg:not(.has-validation) - > .dropdown-toggle:nth-last-child(n + 3) { - border-top-right-radius: var(--bs-border-radius-lg); - border-bottom-right-radius: var(--bs-border-radius-lg); -} - -[dir="rtl"] - .input-group.input-group-sm:not(.has-validation) - > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -[dir="rtl"] - .input-group.input-group-sm:not(.has-validation) - > .dropdown-toggle:nth-last-child(n + 3) { - border-top-right-radius: var(--bs-border-radius-sm); - border-bottom-right-radius: var(--bs-border-radius-sm); -} - -[dir="rtl"] - .input-group.has-validation - > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -[dir="rtl"] - .input-group.has-validation - > .dropdown-toggle:nth-last-child(n + 4) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: var(--bs-border-radius); - border-bottom-right-radius: var(--bs-border-radius); -} - -[dir="rtl"] - .input-group.input-group-lg - > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -[dir="rtl"] - .input-group.input-group-lg - > .dropdown-toggle:nth-last-child(n + 4) { - border-top-right-radius: var(--bs-border-radius-lg); - border-bottom-right-radius: var(--bs-border-radius-lg); -} - -[dir="rtl"] - .input-group.input-group-sm - > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -[dir="rtl"] - .input-group.input-group-sm - > .dropdown-toggle:nth-last-child(n + 4) { - border-top-right-radius: var(--bs-border-radius-sm); - border-bottom-right-radius: var(--bs-border-radius-sm); -} - -[dir="rtl"] - .input-group - > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( - .valid-feedback - ):not(.invalid-tooltip):not(.invalid-feedback) { - margin-right: calc(var(--bs-border-width) * -1); - border-top-right-radius: 0; - border-bottom-right-radius: 0; - margin-left: 0px; - border-top-left-radius: var(--bs-border-radius); - border-bottom-left-radius: var(--bs-border-radius); -} - -[dir="rtl"] - .input-group.input-group-lg - > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( - .valid-feedback - ):not(.invalid-tooltip):not(.invalid-feedback) { - border-top-left-radius: var(--bs-border-radius-lg); - border-bottom-left-radius: var(--bs-border-radius-lg); -} - -[dir="rtl"] - .input-group.input-group-sm - > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( - .valid-feedback - ):not(.invalid-tooltip):not(.invalid-feedback) { - border-top-left-radius: var(--bs-border-radius-sm); - border-bottom-left-radius: var(--bs-border-radius-sm); -} - -[dir="rtl"] - .input-group - > :not(:first-child):not(:last-child):not(.dropdown-toggle):not( - .dropdown-menu - ), -[dir="rtl"] - .input-group - > .dropdown-toggle:nth-last-child(n + 3):not(:first-child) { - border-radius: 0 !important; -} - -[dir="rtl"] .input-group.has-validation > .input-group-text:first-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: var(--bs-border-radius); - border-bottom-right-radius: var(--bs-border-radius); -} - -[dir="rtl"] .input-group.has-validation > .form-control:first-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: var(--bs-border-radius); - border-bottom-right-radius: var(--bs-border-radius); -} - -.fv-plugins-bootstrap5-row-invalid - .input-group.has-validation - .input-group-text, -.fv-plugins-bootstrap5-row-invalid - .input-group.has-validation:focus-within - .input-group-text { - border-color: #ff3e1d !important; -} - -.form-floating > .form-control:focus::placeholder, -.form-floating > .form-control:not(:placeholder-shown)::placeholder { - color: #a7acb2; -} - -[dir="rtl"] .form-floating > label { - right: 0; - transform-origin: 100% 0; -} - -[dir="rtl"] .form-floating > .form-control:focus ~ label, -[dir="rtl"] .form-floating > .form-control:not(:placeholder-shown) ~ label, -[dir="rtl"] .form-floating > .form-select ~ label { - transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); -} - -[dir="rtl"] .form-floating > .form-control:-webkit-autofill ~ label { - transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); -} - -.valid-feedback { - display: none; - width: 100%; - margin-top: 0.3rem; - font-size: 0.8125rem; - color: var(--bs-form-valid-color); -} - -.valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.379rem 0.75rem; - margin-top: 0.1rem; - font-size: 0.8125rem; - color: #fff; - background-color: var(--bs-success); - 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: var(--bs-form-valid-color) !important; - border-width: 2px; -} - -.was-validated .form-control:valid ~ .input-group-text, -.form-control.is-valid ~ .input-group-text { - border-width: 2px; -} - -.dark-style .was-validated .form-control:valid, -.dark-style .form-control.is-valid { - border-color: var(--bs-form-valid-color) !important; -} - -.was-validated .form-control:valid:focus, -.form-control.is-valid:focus { - border-color: var(--bs-form-valid-color) !important; - box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); -} - -.was-validated .form-select:valid, -.form-select.is-valid { - border-color: var(--bs-form-valid-color) !important; - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/%3e%3c/svg%3e'), - url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2371dd37' 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"); - border-width: 2px; -} - -.was-validated .form-select:valid ~ .input-group-text, -.form-select.is-valid ~ .input-group-text { - border-width: 2px; -} - -html:not([dir="rtl"]) .was-validated .form-select:valid, -html:not([dir="rtl"]) .form-select.is-valid { - background-position: right 0.9375rem center, center right 2.625rem; -} - -[dir="rtl"] .was-validated .form-select:valid, -[dir="rtl"] .form-select.is-valid { - background-position: left 0.9375rem center, center left 2.625rem; -} - -.was-validated .form-select:valid:focus, -.form-select.is-valid:focus { - border-color: var(--bs-form-valid-color); - box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); -} - -.was-validated .form-switch .form-check-input:valid, -.form-switch .form-check-input.is-valid { - background-color: var(--bs-form-valid-color); -} - -.was-validated .form-check-input:valid, -.form-check-input.is-valid { - border-color: var(--bs-form-valid-color); -} - -.was-validated .form-check-input:valid:checked, -.form-check-input.is-valid:checked { - background-color: var(--bs-form-valid-color); - border-color: var(--bs-form-valid-color); -} - -.was-validated .form-check-input:valid:active, -.form-check-input.is-valid:active { - box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); - border-color: var(--bs-form-valid-color); -} - -.was-validated .form-check-input:valid ~ .form-check-label, -.form-check-input.is-valid ~ .form-check-label { - color: var(--bs-form-valid-color); -} - -html:not([dir="rtl"]) .form-check-inline .form-check-input ~ .valid-feedback { - margin-left: 0.5em; -} - -[dir="rtl"] .form-check-inline .form-check-input ~ .valid-feedback { - margin-right: 0.5em; -} - -.was-validated .input-group .form-control:valid ~ .input-group-text, -.input-group .form-control.is-valid ~ .input-group-text { - border-color: var(--bs-form-valid-color) !important; -} - -.was-validated .input-group .form-control:valid:focus, -.input-group .form-control.is-valid:focus { - border-color: var(--bs-form-valid-color) !important; - box-shadow: none; -} - -.was-validated .input-group .form-control:valid:focus ~ .input-group-text, -.input-group .form-control.is-valid:focus ~ .input-group-text { - border-color: var(--bs-form-valid-color) !important; -} - -.input-group .was-validated .form-control:valid:focus, -.input-group .form-control.is-valid:focus { - box-shadow: none; -} - -.was-validated .input-group .form-control:valid, -.input-group .form-control.is-valid, -.was-validated .input-group .form-select:valid, -.input-group .form-select.is-valid { - z-index: 3; -} - -.was-validated - .input-group:has(.input-group-text):has(.form-control:valid) - .input-group-text, -.input-group:has(.input-group-text):has(.form-control.is-valid) - .input-group-text { - border-color: var(--bs-form-valid-color); -} - -.was-validated .input-group:has(input:valid) .valid-feedback, -.was-validated .input-group:has(input:valid) .valid-tooltip { - display: block; -} - -.invalid-feedback { - display: none; - width: 100%; - margin-top: 0.3rem; - font-size: 0.8125rem; - color: var(--bs-form-invalid-color); -} - -.invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.379rem 0.75rem; - margin-top: 0.1rem; - font-size: 0.8125rem; - color: #fff; - background-color: var(--bs-danger); - 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: var(--bs-form-invalid-color) !important; - border-width: 2px; -} - -.was-validated .form-control:invalid ~ .input-group-text, -.form-control.is-invalid ~ .input-group-text { - border-width: 2px; -} - -.dark-style .was-validated .form-control:invalid, -.dark-style .form-control.is-invalid { - border-color: var(--bs-form-invalid-color) !important; -} - -.was-validated .form-control:invalid:focus, -.form-control.is-invalid:focus { - border-color: var(--bs-form-invalid-color) !important; - box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); -} - -.was-validated .form-select:invalid, -.form-select.is-invalid { - border-color: var(--bs-form-invalid-color) !important; - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/%3e%3c/svg%3e'), - 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='%23ff3e1d'%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='%23ff3e1d' stroke='none'/%3e%3c/svg%3e"); - border-width: 2px; -} - -.was-validated .form-select:invalid ~ .input-group-text, -.form-select.is-invalid ~ .input-group-text { - border-width: 2px; -} - -html:not([dir="rtl"]) .was-validated .form-select:invalid, -html:not([dir="rtl"]) .form-select.is-invalid { - background-position: right 0.9375rem center, center right 2.625rem; -} - -[dir="rtl"] .was-validated .form-select:invalid, -[dir="rtl"] .form-select.is-invalid { - background-position: left 0.9375rem center, center left 2.625rem; -} - -.was-validated .form-select:invalid:focus, -.form-select.is-invalid:focus { - border-color: var(--bs-form-invalid-color); - box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); -} - -.was-validated .form-switch .form-check-input:invalid, -.form-switch .form-check-input.is-invalid { - background-color: var(--bs-form-invalid-color); -} - -.was-validated .form-check-input:invalid, -.form-check-input.is-invalid { - border-color: var(--bs-form-invalid-color); -} - -.was-validated .form-check-input:invalid:checked, -.form-check-input.is-invalid:checked { - background-color: var(--bs-form-invalid-color); - border-color: var(--bs-form-invalid-color); -} - -.was-validated .form-check-input:invalid:active, -.form-check-input.is-invalid:active { - box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); - border-color: var(--bs-form-invalid-color); -} - -.was-validated .form-check-input:invalid ~ .form-check-label, -.form-check-input.is-invalid ~ .form-check-label { - color: var(--bs-form-invalid-color); -} - -html:not([dir="rtl"]) .form-check-inline .form-check-input ~ .invalid-feedback { - margin-left: 0.5em; -} - -[dir="rtl"] .form-check-inline .form-check-input ~ .invalid-feedback { - margin-right: 0.5em; -} - -.was-validated .input-group .form-control:invalid ~ .input-group-text, -.input-group .form-control.is-invalid ~ .input-group-text { - border-color: var(--bs-form-invalid-color) !important; -} - -.was-validated .input-group .form-control:invalid:focus, -.input-group .form-control.is-invalid:focus { - border-color: var(--bs-form-invalid-color) !important; - box-shadow: none; -} - -.was-validated .input-group .form-control:invalid:focus ~ .input-group-text, -.input-group .form-control.is-invalid:focus ~ .input-group-text { - border-color: var(--bs-form-invalid-color) !important; -} - -.input-group .was-validated .form-control:invalid:focus, -.input-group .form-control.is-invalid:focus { - box-shadow: none; -} - -.was-validated .input-group .form-control:invalid, -.input-group .form-control.is-invalid, -.was-validated .input-group .form-select:invalid, -.input-group .form-select.is-invalid { - z-index: 3; -} - -.was-validated - .input-group:has(.input-group-text):has(.form-control:invalid) - .input-group-text, -.input-group:has(.input-group-text):has(.form-control.is-invalid) - .input-group-text { - border-color: var(--bs-form-invalid-color); -} - -.was-validated .input-group:has(input:invalid) .invalid-feedback, -.was-validated .input-group:has(input:invalid) .invalid-tooltip { - display: block; -} - -form .error:not(li):not(input) { - color: #ff3e1d; - font-size: 85%; - margin-top: 0.25rem; -} - -form .invalid, -form .is-invalid .invalid:before, -form .is-invalid::before { - border-width: 2px; - border-color: #ff3e1d !important; -} - -form .form-label.invalid, -form .form-label.is-invalid { - border-width: 2px; - border-color: #ff3e1d; - box-shadow: 0 0 0 2px rgba(255, 62, 29, 0.4) !important; -} - -form select.invalid ~ .select2 .select2-selection { - border-width: 2px; - border-color: #ff3e1d; -} - -form select.is-invalid ~ .select2 .select2-selection { - border-width: 2px; - border-color: #ff3e1d !important; -} - -form select.selectpicker.is-invalid ~ .btn { - padding: calc(0.543rem - 2px) calc(0.9375rem - var(--bs-border-width)); - border-width: 2px; - border-color: #ff3e1d !important; -} - -.was-validated - .input-group:has(.input-group-text):has(.form-control:invalid) - .input-group-text, -.was-validated - .input-group:has(.input-group-text):has(.form-control:valid) - .input-group-text, -.input-group:has(.input-group-text):has(.form-control.is-valid) - .input-group-text, -.input-group:has(.input-group-text):has(.form-control.is-invalid) - .input-group-text { - border-width: 2px; -} - -.was-validated .form-control:invalid, -.was-validated .form-control:valid, -.form-control.is-invalid, -.form-control.is-valid { - padding: calc(0.543rem - 2px) calc(0.9375rem - var(--bs-border-width)); -} - -.was-validated .form-control:invalid ~ .input-group-text, -.was-validated .form-control:valid ~ .input-group-text, -.form-control.is-invalid ~ .input-group-text, -.form-control.is-valid ~ .input-group-text { - padding: calc(0.543rem - 2px) calc(0.9375rem - var(--bs-border-width)); -} - -.input-group - > :not(:first-child):not(.dropdown-menu):not(.btn):not( - .dropdown-menu + .form-control - ):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not( - .invalid-tooltip - ):not(.invalid-feedback).form-control.is-invalid, -.input-group - > :not(:first-child):not(.dropdown-menu):not(.btn):not( - .dropdown-menu + .form-control - ):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not( - .invalid-tooltip - ):not(.invalid-feedback).form-control.is-valid { - margin-inline-start: -2px; -} - -.was-validated .input-group .form-control:invalid:first-child, -.was-validated .input-group .form-control:valid:first-child, -.input-group .form-control.is-invalid:first-child, -.input-group .form-control.is-valid:first-child, -.input-group .form-select.is-invalid:first-child, -.input-group .form-select.is-valid:first-child { - padding-inline-start: calc(0.9375rem - 2px); -} - -@media (hover: none) { - .fv-plugins-bootstrap5-row-invalid .form-control.flatpickr-mobile { - border-color: #ff3e1d; - } -} - -.fv-plugins-bootstrap5 .invalid-feedback, -.fv-plugins-bootstrap5 .invalid-tooltip { - display: block; -} - -.fv-plugins-bootstrap5-row-invalid .tagify.tagify--empty { - border-width: 2px; - border-color: #ff3e1d !important; -} - -.modal-content { - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); -} - -.modal .btn-close { - background-color: #fff; - border-radius: 0.25rem; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - opacity: 1; - padding: 0.563rem; - box-shadow: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06); - background-size: 0.75rem 0.6875rem; - transition: all 0.23s ease 0.1s; -} - -html:not([dir="rtl"]) .modal .btn-close { - transform: translate(23px, -25px); -} - -[dir="rtl"] .modal .btn-close { - transform: translate(-31px, -25px); -} - -.modal .btn-close:hover, -.modal .btn-close:focus, -.modal .btn-close:active { - opacity: 1; - outline: none; -} - -html:not([dir="rtl"]) .modal .btn-close:hover, -html:not([dir="rtl"]) .modal .btn-close:focus, -html:not([dir="rtl"]) .modal .btn-close:active { - transform: translate(20px, -20px); -} - -[dir="rtl"] .modal .btn-close:hover, -[dir="rtl"] .modal .btn-close:focus, -[dir="rtl"] .modal .btn-close:active { - transform: translate(-26px, -20px); -} - -.modal .modal-header { - position: relative; -} - -.modal .modal-header .btn-close { - position: absolute; - top: 1.6875rem; -} - -html:not([dir="rtl"]) .modal .modal-header .btn-close { - right: 0.8125rem; -} - -[dir="rtl"] .modal .modal-header .btn-close { - left: 1.3rem; -} - -.modal-footer { - padding: 0rem 1.5rem 1.5rem; -} - -.modal-footer > * { - margin-block: 0; -} - -html:not([dir="rtl"]) .modal-footer > *:last-child { - margin-right: 0; -} - -html:not([dir="rtl"]) .modal-footer > *:first-child { - margin-left: 0; -} - -[dir="rtl"] .modal-footer > *:last-child { - margin-left: 0; -} - -[dir="rtl"] .modal-footer > *:first-child { - margin-right: 0; -} - -.modal-dialog-scrollable .btn-close, -.modal-fullscreen .btn-close, -.modal-top .btn-close { - box-shadow: none; -} - -html:not([dir="rtl"]) .modal-dialog-scrollable .btn-close, -html:not([dir="rtl"]) .modal-fullscreen .btn-close, -html:not([dir="rtl"]) .modal-top .btn-close { - transform: translate(0, 0) !important; -} - -[dir="rtl"] .modal-dialog-scrollable .btn-close, -[dir="rtl"] .modal-fullscreen .btn-close, -[dir="rtl"] .modal-top .btn-close { - transform: translate(0, 0) !important; -} - -html:not([dir="rtl"]) .modal-dialog-scrollable .btn-close:hover, -html:not([dir="rtl"]) .modal-fullscreen .btn-close:hover, -html:not([dir="rtl"]) .modal-top .btn-close:hover { - transform: translate(0, 0) !important; -} - -[dir="rtl"] .modal-dialog-scrollable .btn-close:hover, -[dir="rtl"] .modal-fullscreen .btn-close:hover, -[dir="rtl"] .modal-top .btn-close:hover { - transform: translate(0, 0) !important; -} - -[dir="rtl"] .modal, -[dir="rtl"] .modal-backdrop { - right: 0; -} - -[dir="rtl"] .modal-header .btn-close { - margin-left: 0; - margin-right: auto; -} - -.modal-onboarding .close-label { - font-size: 0.8rem; - position: absolute; - top: 0.85rem; - opacity: 0.95; -} - -.modal-onboarding .close-label:hover { - opacity: 0.95; -} - -.modal-onboarding .onboarding-media { - margin-bottom: 1rem; -} - -.modal-onboarding .onboarding-media img { - margin: 0 auto; -} - -.modal-onboarding .onboarding-content { - margin: 2rem; -} - -.modal-onboarding form { - margin-top: 2rem; - text-align: left; -} - -.modal-onboarding .carousel-indicators { - bottom: -10px; -} - -.modal-onboarding .carousel-control-prev, -.modal-onboarding .carousel-control-next { - top: auto; - bottom: 0.75rem; - opacity: 1; -} - -[dir="rtl"] .modal-onboarding .carousel-control-prev, -[dir="rtl"] .modal-onboarding .carousel-control-next { - flex-direction: row-reverse; -} - -.modal-onboarding .carousel-control-prev { - left: 1rem; -} - -.modal-onboarding .onboarding-horizontal { - display: flex; - justify-content: space-between; - align-items: center; -} - -.modal-onboarding .onboarding-horizontal .onboarding-media { - margin: 2rem; - margin-top: 0; -} - -.modal-onboarding .onboarding-horizontal .carousel-control-prev { - left: 0; -} - -.modal-onboarding.animated .onboarding-media { - transform: translateY(10px) scale(0.8); - transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35); - transition-delay: 0.3s; - opacity: 0; -} - -.modal-onboarding.animated .onboarding-content { - transform: translateY(40px); - transition-delay: 0.1s; - transition: all 0.4s ease; - opacity: 0; -} - -.modal-onboarding.animated .onboarding-title { - opacity: 0; - transition-delay: 0.5s; - transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35); - transform: translateY(40px); -} - -.modal-onboarding.animated .onboarding-info { - opacity: 0; - transition-delay: 0.6s; - transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35); - transform: translateY(40px); -} - -.modal-onboarding.animated form { - opacity: 0; - transition-delay: 0.7s; - transition: all 0.5s ease; - transform: translateY(40px); -} - -.modal-onboarding.animated.show .onboarding-media { - transform: translateY(0) scale(1); - opacity: 1; -} - -.modal-onboarding.animated.show .onboarding-content { - transform: translateY(0); - opacity: 1; -} - -.modal-onboarding.animated.show .onboarding-title { - transform: translateY(0); - opacity: 1; -} - -.modal-onboarding.animated.show .onboarding-info { - opacity: 1; - transform: translateY(0px); -} - -.modal-onboarding.animated.show form { - opacity: 1; - transform: translateY(0px); -} - -.modal-top .modal-dialog { - margin-top: 0; -} - -.modal-top .modal-content { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.modal-transparent .modal-dialog { - display: flex; - margin: 0 auto; - min-height: 100vh; -} - -.modal-transparent .modal-content { - margin: auto; - width: 100%; - border: 0; - background: rgba(0, 0, 0, 0); - box-shadow: none; -} - -.modal-transparent .btn-close { - position: absolute; - top: 0; - right: 1.5rem; - opacity: 1; - padding: 0.25em 0.25em; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - background-color: rgba(0, 0, 0, 0) !important; - box-shadow: none; -} - -[dir="rtl"] .modal-transparent .btn-close { - right: auto; - left: 0rem; -} - -.modal-simple .modal-content { - padding: 0.25rem; -} - -@media (max-width: 767.98px) { - .modal-simple .modal-content { - padding: 1rem; - } - - .modal-simple .modal-content .modal-body { - padding: 1rem; - } -} - -.modal-simple .btn-close { - position: absolute; - top: 1.45rem; -} - -[dir="rtl"] .modal-simple .btn-close { - left: -1.5rem; -} - -html:not([dir="rtl"]) .modal-simple .btn-close { - right: 1.5rem; -} - -@media (max-width: 767.98px) { - .modal-simple .btn-close { - top: 0; - } - - [dir="rtl"] .modal-simple .btn-close { - left: 0; - } - - html:not([dir="rtl"]) .modal-simple .btn-close { - right: 0; - } -} - -.modal-refer-and-earn .modal-refer-and-earn-step { - width: 88px; - height: 88px; - display: flex; - justify-content: center; - align-items: center; - border-radius: 0.375rem; -} - -.modal-refer-and-earn .modal-refer-and-earn-step i { - font-size: 2.5rem; -} - -.modal-top.fade .modal-dialog, -.modal-top .modal.fade .modal-dialog { - transform: translateY(-100%); -} - -.modal-top.show .modal-dialog, -.modal-top .modal.show .modal-dialog { - transform: translateY(0); -} - -.modal-transparent.fade .modal-dialog, -.modal-transparent .modal.fade .modal-dialog { - transform: scale(0.5, 0.5); -} - -.modal-transparent.show .modal-dialog, -.modal-transparent .modal.show .modal-dialog { - transform: scale(1, 1); -} - -@media (max-width: 991.98px) { - .modal-onboarding .onboarding-horizontal { - flex-direction: column; - } -} - -@media (max-width: 767.98px) { - .modal .modal-dialog:not(.modal-fullscreen) { - padding: 0 0.75rem; - padding-left: 0.75rem !important; - } - - .modal .carousel-control-prev, - .modal .carousel-control-next { - display: none; - } -} - -@media (min-width: 576px) { - .modal-content { - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); - } - - .modal-sm .modal-dialog { - max-width: 22.5rem; - } -} - -@media (min-width: 1200px) { - .modal-xl .modal-dialog { - max-width: 1140px; - } -} - -.progress { - overflow: initial; -} - -.progress-bar.bg-secondary { - box-shadow: 0 2px 4px 0 rgba(133, 146, 163, 0.4); -} - -.progress-bar.bg-success { - box-shadow: 0 2px 4px 0 rgba(113, 221, 55, 0.4); -} - -.progress-bar.bg-info { - box-shadow: 0 2px 4px 0 rgba(3, 195, 236, 0.4); -} - -.progress-bar.bg-warning { - box-shadow: 0 2px 4px 0 rgba(255, 171, 0, 0.4); -} - -.progress-bar.bg-danger { - box-shadow: 0 2px 4px 0 rgba(255, 62, 29, 0.4); -} - -.progress-bar.bg-light { - box-shadow: 0 2px 4px 0 rgba(219, 222, 224, 0.4); -} - -.progress-bar.bg-dark { - box-shadow: 0 2px 4px 0 rgba(43, 44, 64, 0.4); -} - -.progress-bar.bg-gray { - box-shadow: 0 2px 4px 0 rgba(34, 48, 62, 0.4); -} - -html:not([dir="rtl"]) .progress .progress-bar:last-child { - border-top-right-radius: 50rem; - border-bottom-right-radius: 50rem; -} - -html:not([dir="rtl"]) .progress .progress-bar:first-child { - border-top-left-radius: 50rem; - border-bottom-left-radius: 50rem; -} - -[dir="rtl"] .progress-bar-animated { - animation-direction: reverse; -} - -[dir="rtl"] .progress .progress-bar:last-child { - border-top-left-radius: 50rem; - border-bottom-left-radius: 50rem; -} - -[dir="rtl"] .progress .progress-bar:first-child { - border-top-right-radius: 50rem; - border-bottom-right-radius: 50rem; -} - -.breadcrumb-item, -.breadcrumb-item a { - color: #646e78; -} - -.breadcrumb-item:hover, -.breadcrumb-item:focus, -.breadcrumb-item a:hover, -.breadcrumb-item a:focus { - color: #384551; -} - -.breadcrumb-item.active a, -.breadcrumb-item.active a:hover, -.breadcrumb-item.active a:focus, -.breadcrumb-item.active a:active { - color: inherit; -} - -.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before, -.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before { - font-family: boxicons; - vertical-align: middle; -} - -.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before { - content: ""; - font-size: 1.125rem; - line-height: 1.4; -} - -.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before { - content: ""; - font-size: 1.0625rem; - line-height: 1.35rem; -} - -[dir="rtl"] .breadcrumb-item + .breadcrumb-item { - padding-right: 0.5rem; - padding-left: 0; -} - -[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { - content: "\\"; - padding-right: 0; - padding-left: 0.5rem; - float: right; -} - -[dir="rtl"] .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before { - content: ""; -} - -[dir="rtl"] .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before { - content: ""; -} - -.list-group-item-secondary { - border-color: #8592a3; - background-color: #ebeef0; - color: #8592a3 !important; -} - -a.list-group-item-secondary, -button.list-group-item-secondary { - color: #8592a3; -} - -a.list-group-item-secondary:hover, -a.list-group-item-secondary:focus, -button.list-group-item-secondary:hover, -button.list-group-item-secondary:focus { - border-color: #8592a3; - background-color: #dde0e2; - color: #8592a3; -} - -a.list-group-item-secondary.active, -button.list-group-item-secondary.active { - border-color: #8592a3 !important; - background-color: #8592a3 !important; - color: #fff !important; -} - -.list-group.list-group-timeline .list-group-timeline-secondary:before { - border-color: #8592a3; - background-color: #8592a3; -} - -.list-group-item-success { - border-color: #71dd37; - background-color: #e8fadf; - color: #71dd37 !important; -} - -a.list-group-item-success, -button.list-group-item-success { - color: #71dd37; -} - -a.list-group-item-success:hover, -a.list-group-item-success:focus, -button.list-group-item-success:hover, -button.list-group-item-success:focus { - border-color: #71dd37; - background-color: #daebd2; - color: #71dd37; -} - -a.list-group-item-success.active, -button.list-group-item-success.active { - border-color: #71dd37 !important; - background-color: #71dd37 !important; - color: #fff !important; -} - -.list-group.list-group-timeline .list-group-timeline-success:before { - border-color: #71dd37; - background-color: #71dd37; -} - -.list-group-item-info { - border-color: #03c3ec; - background-color: #d7f5fc; - color: #03c3ec !important; -} - -a.list-group-item-info, -button.list-group-item-info { - color: #03c3ec; -} - -a.list-group-item-info:hover, -a.list-group-item-info:focus, -button.list-group-item-info:hover, -button.list-group-item-info:focus { - border-color: #03c3ec; - background-color: #cae6ed; - color: #03c3ec; -} - -a.list-group-item-info.active, -button.list-group-item-info.active { - border-color: #03c3ec !important; - background-color: #03c3ec !important; - color: #fff !important; -} - -.list-group.list-group-timeline .list-group-timeline-info:before { - border-color: #03c3ec; - background-color: #03c3ec; -} - -.list-group-item-warning { - border-color: #ffab00; - background-color: #fff2d6; - color: #ffab00 !important; -} - -a.list-group-item-warning, -button.list-group-item-warning { - color: #ffab00; -} - -a.list-group-item-warning:hover, -a.list-group-item-warning:focus, -button.list-group-item-warning:hover, -button.list-group-item-warning:focus { - border-color: #ffab00; - background-color: #f0e3c9; - color: #ffab00; -} - -a.list-group-item-warning.active, -button.list-group-item-warning.active { - border-color: #ffab00 !important; - background-color: #ffab00 !important; - color: #fff !important; -} - -.list-group.list-group-timeline .list-group-timeline-warning:before { - border-color: #ffab00; - background-color: #ffab00; -} - -.list-group-item-danger { - border-color: #ff3e1d; - background-color: #ffe0db; - color: #ff3e1d !important; -} - -a.list-group-item-danger, -button.list-group-item-danger { - color: #ff3e1d; -} - -a.list-group-item-danger:hover, -a.list-group-item-danger:focus, -button.list-group-item-danger:hover, -button.list-group-item-danger:focus { - border-color: #ff3e1d; - background-color: #f0d3ce; - color: #ff3e1d; -} - -a.list-group-item-danger.active, -button.list-group-item-danger.active { - border-color: #ff3e1d !important; - background-color: #ff3e1d !important; - color: #fff !important; -} - -.list-group.list-group-timeline .list-group-timeline-danger:before { - border-color: #ff3e1d; - background-color: #ff3e1d; -} - -.list-group-item-dark { - border-color: #2b2c40; - background-color: #dddde0; - color: #2b2c40 !important; -} - -a.list-group-item-dark, -button.list-group-item-dark { - color: #2b2c40; -} - -a.list-group-item-dark:hover, -a.list-group-item-dark:focus, -button.list-group-item-dark:hover, -button.list-group-item-dark:focus { - border-color: #2b2c40; - background-color: #d0d0d3; - color: #2b2c40; -} - -a.list-group-item-dark.active, -button.list-group-item-dark.active { - border-color: #2b2c40 !important; - background-color: #2b2c40 !important; - color: #fff !important; -} - -.list-group.list-group-timeline .list-group-timeline-dark:before { - border-color: #2b2c40; - background-color: #2b2c40; -} - -.list-group-item-gray { - border-color: rgba(34, 48, 62, 0.5); - background-color: rgba(242, 243, 243, 0.92); - color: rgba(34, 48, 62, 0.5) !important; -} - -a.list-group-item-gray, -button.list-group-item-gray { - color: rgba(34, 48, 62, 0.5); -} - -a.list-group-item-gray:hover, -a.list-group-item-gray:focus, -button.list-group-item-gray:hover, -button.list-group-item-gray:focus { - border-color: rgba(34, 48, 62, 0.5); - background-color: rgba(225, 226, 226, 0.9248); - color: rgba(34, 48, 62, 0.5); -} - -a.list-group-item-gray.active, -button.list-group-item-gray.active { - border-color: rgba(34, 48, 62, 0.5) !important; - background-color: rgba(34, 48, 62, 0.5) !important; - color: #fff !important; -} - -.list-group.list-group-timeline .list-group-timeline-gray:before { - border-color: rgba(34, 48, 62, 0.5); - background-color: rgba(34, 48, 62, 0.5); -} - -.list-group .list-group-item { - line-height: 1.375rem; - padding-bottom: calc(0.5rem - 1px); -} - -.list-group:not([class*="list-group-flush"]) .list-group-item:first-of-type { - padding-top: calc(0.5rem - 1px); -} - -.list-group[class*="list-group-flush"] .list-group-item:last-of-type { - padding-bottom: 0.5rem; -} - -@media (min-width: 768px) { - .list-group[class*="list-group-horizontal-md"] .list-group-item { - padding-top: calc(0.5rem - 1px); - } -} - -.list-group.list-group-timeline { - position: relative; -} - -.list-group.list-group-timeline:before { - background-color: #e4e6e8; - position: absolute; - content: ""; - width: 1px; - height: 100%; - top: 0; - bottom: 0; - left: 0.2rem; -} - -.list-group.list-group-timeline .list-group-item { - border: none; - padding-left: 1.25rem; -} - -.list-group.list-group-timeline .list-group-item:before { - position: absolute; - display: block; - content: ""; - width: 7px; - height: 7px; - left: 0; - top: 50%; - margin-top: -3.5px; - border-radius: 100%; -} - -.list-group .list-group-item.active h1, -.list-group .list-group-item.active .h1, -.list-group .list-group-item.active h2, -.list-group .list-group-item.active .h2, -.list-group .list-group-item.active h3, -.list-group .list-group-item.active .h3, -.list-group .list-group-item.active h4, -.list-group .list-group-item.active .h4, -.list-group .list-group-item.active h5, -.list-group .list-group-item.active .h5, -.list-group .list-group-item.active h6, -.list-group .list-group-item.active .h6 { - color: #696cff; -} - -[dir="rtl"] .list-group { - padding-right: 0; -} - -[dir="rtl"] .list-group.list-group-timeline:before { - left: auto; - right: 0.2rem; -} - -[dir="rtl"] .list-group.list-group-timeline .list-group-item { - padding-right: 1.25rem; -} - -[dir="rtl"] .list-group.list-group-timeline .list-group-item:before { - left: auto; - right: 1px; -} - -[dir="rtl"] .list-group.list-group-horizontal .list-group-item:first-child { - border-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -[dir="rtl"] .list-group.list-group-horizontal .list-group-item:last-child { - border-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-left-width: 1px; -} - -@media (min-width: 576px) { - [dir="rtl"] - .list-group.list-group-horizontal-sm - .list-group-item:first-child { - border-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - [dir="rtl"] .list-group.list-group-horizontal-sm .list-group-item:last-child { - border-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-left-width: 1px; - } -} - -@media (min-width: 768px) { - [dir="rtl"] - .list-group.list-group-horizontal-md - .list-group-item:first-child { - border-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - [dir="rtl"] .list-group.list-group-horizontal-md .list-group-item:last-child { - border-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-left-width: 1px; - } -} - -@media (min-width: 992px) { - [dir="rtl"] - .list-group.list-group-horizontal-lg - .list-group-item:first-child { - border-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - [dir="rtl"] .list-group.list-group-horizontal-lg .list-group-item:last-child { - border-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-left-width: 1px; - } -} - -@media (min-width: 1200px) { - [dir="rtl"] - .list-group.list-group-horizontal-xl - .list-group-item:first-child { - border-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - [dir="rtl"] .list-group.list-group-horizontal-xl .list-group-item:last-child { - border-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-left-width: 1px; - } -} - -@media (min-width: 1400px) { - [dir="rtl"] - .list-group.list-group-horizontal-xxl - .list-group-item:first-child { - border-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - [dir="rtl"] - .list-group.list-group-horizontal-xxl - .list-group-item:last-child { - border-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-left-width: 1px; - } -} - -.navbar { - z-index: 2; -} - -.navbar .dropdown:focus, -.navbar .dropdown-toggle:focus { - outline: 0; -} - -.navbar .navbar-toggler { - border: none; -} - -.navbar .navbar-toggler:focus { - box-shadow: none; -} - -.fixed-top { - z-index: 1030; -} - -.navbar.navbar-light { - color: rgba(34, 48, 62, 0.5); -} - -.navbar-light .navbar-nav .nav-link.disabled { - color: rgba(34, 48, 62, 0.3) !important; -} - -.navbar.navbar-dark { - color: rgba(255, 255, 255, 0.8); -} - -.navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.4) !important; -} - -.navbar-collapse, -.navbar-brand, -.navbar-text { - flex-shrink: 1; -} - -.navbar-dark hr { - border-color: rgba(255, 255, 255, 0.1); -} - -.navbar-light hr { - border-color: rgba(34, 48, 62, 0.1); -} - -[dir="rtl"] .navbar-nav { - padding-right: 0; -} - -[dir="rtl"] .navbar-brand { - margin-right: 0; +/* Navbar +******************************************************************************* */ +.layout-navbar { + background-color: var(--bs-paper-bg); } +/* IE fix */ +/* Mega dropdown +****************************************************************************** */ .mega-dropdown .dropdown-toggle { - outline: 0; box-shadow: none; + outline: 0; } - .mega-dropdown .dropdown-menu { - width: 100%; + inline-size: 100%; } -.card.card-border-shadow-secondary::after { - border-bottom-color: #ced3da; +.navbar.bg-body-tertiary { + --bs-navbar-color: var(--bs-body-color); + --bs-navbar-hover-color: var(--bs-heading-color); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-base-color) 40%, + var(--bs-paper-bg) + ); + --bs-navbar-active-color: var(--bs-heading-color); + --bs-navbar-brand-color: var(--bs-heading-color); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-base-color) 70%, + var(--bs-paper-bg) + ); +} +.navbar.bg-white { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-pure-black) 84%, + var(--bs-white) + ); + --bs-navbar-hover-color: var(--bs-pure-black); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-pure-black) 40%, + var(--bs-white) + ); + --bs-navbar-active-color: var(--bs-pure-black); + --bs-navbar-brand-color: var(--bs-pure-black); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-pure-black) 84%, + var(--bs-white) + ); } -.card.card-border-shadow-secondary:hover::after { - border-bottom-color: #8592a3; +/* Generate contextual modifier classes for colorizing the navbar */ +.navbar.bg-primary { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-primary-contrast) 84%, + var(--bs-primary) + ); + --bs-navbar-hover-color: var(--bs-primary-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-primary-contrast) 60%, + var(--bs-primary) + ); + --bs-navbar-active-color: var(--bs-primary-contrast); + --bs-navbar-brand-color: var(--bs-primary-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-primary) + ); } -.card.card-hover-border-secondary:hover, -.card .card-hover-border-secondary:hover { - border-color: #d1d6dc; +.navbar.bg-secondary { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-secondary-contrast) 84%, + var(--bs-secondary) + ); + --bs-navbar-hover-color: var(--bs-secondary-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-secondary-contrast) 60%, + var(--bs-secondary) + ); + --bs-navbar-active-color: var(--bs-secondary-contrast); + --bs-navbar-brand-color: var(--bs-secondary-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-secondary) + ); } -.card.card-border-shadow-success::after { - border-bottom-color: #c6f1af; +.navbar.bg-success { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-success-contrast) 84%, + var(--bs-success) + ); + --bs-navbar-hover-color: var(--bs-success-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-success-contrast) 60%, + var(--bs-success) + ); + --bs-navbar-active-color: var(--bs-success-contrast); + --bs-navbar-brand-color: var(--bs-success-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-success) + ); } -.card.card-border-shadow-success:hover::after { - border-bottom-color: #71dd37; +.navbar.bg-info { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-info-contrast) 84%, + var(--bs-info) + ); + --bs-navbar-hover-color: var(--bs-info-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-info-contrast) 60%, + var(--bs-info) + ); + --bs-navbar-active-color: var(--bs-info-contrast); + --bs-navbar-brand-color: var(--bs-info-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-info) + ); } -.card.card-hover-border-success:hover, -.card .card-hover-border-success:hover { - border-color: #c9f2b3; +.navbar.bg-warning { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-warning-contrast) 84%, + var(--bs-warning) + ); + --bs-navbar-hover-color: var(--bs-warning-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-warning-contrast) 60%, + var(--bs-warning) + ); + --bs-navbar-active-color: var(--bs-warning-contrast); + --bs-navbar-brand-color: var(--bs-warning-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-warning) + ); } -.card.card-border-shadow-info::after { - border-bottom-color: #9ae7f7; +.navbar.bg-danger { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-danger-contrast) 84%, + var(--bs-danger) + ); + --bs-navbar-hover-color: var(--bs-danger-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-danger-contrast) 60%, + var(--bs-danger) + ); + --bs-navbar-active-color: var(--bs-danger-contrast); + --bs-navbar-brand-color: var(--bs-danger-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-danger) + ); } -.card.card-border-shadow-info:hover::after { - border-bottom-color: #03c3ec; +.navbar.bg-light { + --bs-navbar-color: var(--bs-body-color); + --bs-navbar-hover-color: var(--bs-heading-color); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-base-color) 40%, + var(--bs-paper-bg) + ); + --bs-navbar-active-color: var(--bs-heading-color); + --bs-navbar-brand-color: var(--bs-heading-color); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-base-color) 70%, + var(--bs-paper-bg) + ); } -.card.card-hover-border-info:hover, -.card .card-hover-border-info:hover { - border-color: #9fe8f8; +.navbar.bg-dark { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-dark-contrast) 84%, + var(--bs-dark) + ); + --bs-navbar-hover-color: var(--bs-dark-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-dark-contrast) 60%, + var(--bs-dark) + ); + --bs-navbar-active-color: var(--bs-dark-contrast); + --bs-navbar-brand-color: var(--bs-dark-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark) + ); } -.card.card-border-shadow-warning::after { - border-bottom-color: #fd9; -} - -.card.card-border-shadow-warning:hover::after { - border-bottom-color: #ffab00; -} - -.card.card-hover-border-warning:hover, -.card .card-hover-border-warning:hover { - border-color: #ffdf9e; -} - -.card.card-border-shadow-danger::after { - border-bottom-color: #ffb2a5; -} - -.card.card-border-shadow-danger:hover::after { - border-bottom-color: #ff3e1d; -} - -.card.card-hover-border-danger:hover, -.card .card-hover-border-danger:hover { - border-color: #ffb6a9; -} - -.card.card-border-shadow-light::after { - border-bottom-color: #f1f2f3; -} - -.card.card-border-shadow-light:hover::after { - border-bottom-color: #dbdee0; -} - -.card.card-hover-border-light:hover, -.card .card-hover-border-light:hover { - border-color: #f1f2f3; -} - -.card.card-border-shadow-dark::after { - border-bottom-color: #aaabb3; -} - -.card.card-border-shadow-dark:hover::after { - border-bottom-color: #2b2c40; -} - -.card.card-hover-border-dark:hover, -.card .card-hover-border-dark:hover { - border-color: #aeafb6; -} - -.card.card-border-shadow-gray::after { - border-bottom-color: rgba(215, 217, 220, 0.8); -} - -.card.card-border-shadow-gray:hover::after { - border-bottom-color: rgba(34, 48, 62, 0.5); -} - -.card.card-hover-border-gray:hover, -.card .card-hover-border-gray:hover { - border-color: rgba(218, 220, 222, 0.81); +.navbar.bg-gray { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-gray-contrast) 84%, + var(--bs-gray) + ); + --bs-navbar-hover-color: var(--bs-gray-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-gray-contrast) 60%, + var(--bs-gray) + ); + --bs-navbar-active-color: var(--bs-gray-contrast); + --bs-navbar-brand-color: var(--bs-gray-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-gray) + ); } .card { - background-clip: padding-box; - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-card-hover-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-card-border-bottom-color: var(--bs-border-color); + --bs-card-hover-border-color: var(--bs-border-color); + --bs-card-hover-border-bottom-color: var(--bs-border-color); + --bs-card-subtitle-color: color-mix( + in sRGB, + var(--bs-base-color) 55%, + var(--bs-card-bg) + ); + box-shadow: var(--bs-card-box-shadow); + /* Card Statistics specific separator */ + /* List groups */ + /* Card Widget Separator */ + /* color border bottom and shadow in card */ + /* card hover border color */ } - -.card .card-link { - display: inline-block; -} - .card .card-header + .card-body, .card .card-header + .card-content > .card-body:first-of-type, .card .card-header + .card-footer, .card .card-body + .card-footer { - padding-top: 0; + padding-block-start: 0; } - -.card[class*="card-border-shadow-"] { - position: relative; - border-bottom: none; - transition: all 0.2s ease-in-out; - z-index: 1; +.card .card-header, +.card .card-footer { + --bs-card-border-width: 0; } - -.card[class*="card-border-shadow-"]::after { - content: ""; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border-bottom-width: 2px; - border-bottom-style: solid; - border-radius: 0.375rem; - transition: all 0.2s ease-in-out; - z-index: -1; -} - -.card[class*="card-border-shadow-"]:hover { - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); -} - -.card[class*="card-border-shadow-"]:hover::after { - border-bottom-width: 3px; -} - -.card[class*="card-hover-border-"] { - border-width: 1px; -} - .card .featured-date { - background-color: #fff; + background-color: var(--bs-card-bg); } - -.bg-card { - background-color: #fff; +.card .card-link { + display: inline-block; } - -.card-action.card-fullscreen { - display: block; - z-index: 9999; - position: fixed; - width: 100% !important; - height: 100% !important; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - border: none; - border-radius: 0; +.card .card-link + .card-link { + margin-inline: 1.5rem 0; } - -.card-action .card-alert { - position: absolute; - width: 100%; - z-index: 999; -} - -.card-action .card-alert .alert { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; -} - -.card-action .card-header.collapsed { - border-bottom: 0; -} - -.card-action .card-header { - display: flex; -} - -.card-action .card-header .card-action-title { - flex-grow: 1; - margin-right: 0.5rem; -} - -.card-action .card-header .card-action-element { - flex-shrink: 0; - background-color: inherit; - top: 1rem; - right: 1.5rem; - color: #646e78; -} - -.card-action .card-header .card-action-element a { - color: #384551; -} - -.card-action .card-header .card-action-element a .collapse-icon::after { - margin-top: -0.15rem; -} - -.card-action .blockUI .sk-fold { - margin: 0 auto; -} - -.card-action .blockUI h5, -.card-action .blockUI .h5 { - color: #646e78; - margin: 1rem 0 0 0; -} - -.card-action .collapse > .card-body, -.card-action .collapsing > .card-body { - padding-top: 0; -} - -.card-subtitle { - font-weight: 400; -} - -.card-header, -.card-footer { - border-color: #e4e6e8; -} - .card hr { - color: #e4e6e8; + color: var(--bs-card-border-color); } - -.card .row-bordered > [class*=" col "] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class*=" col "]::before, -.card .row-bordered > [class*=" col "]::after, -.card .row-bordered > [class^="col "] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class^="col "]::before, -.card .row-bordered > [class^="col "]::after, -.card .row-bordered > [class*=" col-"] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class*=" col-"]::before, -.card .row-bordered > [class*=" col-"]::after, -.card .row-bordered > [class^="col-"] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class^="col-"]::before, -.card .row-bordered > [class^="col-"]::after, -.card .row-bordered > [class="col"] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class="col"]::before, -.card .row-bordered > [class="col"]::after { - border-color: #e4e6e8; +.card .card-separator { + border-inline-end: var(--bs-border-width) solid var(--bs-card-border-color); } - -.card-header.header-elements, -.card-title.header-elements { - display: flex; - width: 100%; - align-items: center; - flex-wrap: wrap; -} - -.card-header.card-header-elements { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.card-header .card-header-elements { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.card-header-elements, -.card-title-elements { - display: flex; - flex-wrap: wrap; - align-items: center; -} - -.card-header-elements + .card-header-elements, -.card-header-elements > * + *, -.card-header-elements + .card-title-elements, -.card-title-elements > * + *, -.card-title-elements + .card-header-elements, -.card-title-elements + .card-title-elements { - margin-left: 0.25rem; -} - -[dir="rtl"] .card-header-elements + .card-header-elements, -[dir="rtl"] .card-header-elements > * + *, -[dir="rtl"] .card-header-elements + .card-title-elements, -[dir="rtl"] .card-title-elements > * + *, -[dir="rtl"] .card-title-elements + .card-header-elements, -[dir="rtl"] .card-title-elements + .card-title-elements { - margin-left: 0; - margin-right: 0.25rem; -} - -.card-title:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not( - .h4 - ):not(h5):not(.h5):not(h6):not(.h6) { - color: #646e78; -} - -.card-img-left { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - @media (max-width: 767.98px) { - .card-img-left { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .card .card-separator { + border-block-end: var(--bs-border-width) solid var(--bs-card-border-color); + border-inline-end-width: 0 !important; + padding-block-end: 1.5rem; } } - -.card-img-right { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.card > .list-group { + border-block-end-width: 1px; + border-block-start-width: 1px; } - -@media (max-width: 767.98px) { - .card-img-right { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - border-top-left-radius: 0; - border-top-right-radius: 0; - } -} - -.card-group { - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); - background-color: #fff; - border-radius: 0.375rem; -} - -.card-group .card { - box-shadow: none; -} - -@media (max-width: 575.98px) { - .card-group .card:not(:first-child) .card-img-top { - border-top-left-radius: 0; - border-top-right-radius: 0; - } -} - .card > .list-group .list-group-item { - padding-left: 1.5rem; - padding-right: 1.5rem; + padding-inline: 1.5rem; } - -html:not([dir="rtl"]) .card .card-separator { - border-right: 1px solid #e4e6e8; -} - -[dir="rtl"] .card .card-separator { - border-left: 1px solid #e4e6e8; -} - @media (max-width: 991.98px) { .card .card-widget-separator-wrapper .card-widget-separator .card-widget-2.border-end { - border-right: none !important; - border-left: none !important; + border-inline-end: none !important; + border-inline-start: none !important; } } - @media (max-width: 575.98px) { .card .card-widget-separator-wrapper @@ -16860,618 +14591,2932 @@ html:not([dir="rtl"]) .card .card-separator { .card-widget-separator-wrapper .card-widget-separator .card-widget-3.border-end { - border-right: none !important; - border-left: none !important; - border-bottom: 1px solid #e4e6e8; + border-block-end: 1px solid var(--bs-card-border-color); + border-inline-end: none !important; + border-inline-start: none !important; } } - -@media (max-width: 991.98px) { - .card .card-separator { - border-bottom: 1px solid #e4e6e8; - padding-bottom: 1.5rem; - } - - html:not([dir="rtl"]) .card .card-separator { - border-right-width: 0 !important; - } - - [dir="rtl"] .card .card-separator { - border-left-width: 0 !important; - } +.card[class*="card-border-shadow-"] { + border-block-end: none; + transition: all 0.2s ease-in-out; } - -[dir="rtl"] .card-link + .card-link { - margin-right: 1.5rem; - margin-left: 0; -} - -[dir="rtl"] .card-action .card-header .card-action-title { - margin-left: 0.5rem; - margin-right: 0; -} - -[dir="rtl"] .card-action .card-header .card-action-element, -[dir="rtl"] .card-action .card-header .card-action-element-toggle { - left: 1.5rem; - right: auto; -} - -[dir="rtl"] .card-img-left { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -@media (max-width: 767.98px) { - [dir="rtl"] .card-img-left { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - } -} - -[dir="rtl"] .card-img-right { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -@media (max-width: 767.98px) { - [dir="rtl"] .card-img-right { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; - } -} - -@media (min-width: 992px) { - [dir="rtl"] .card-group > .card { - border: 0 solid #e4e6e8; - border-radius: 0.375rem; - } - - [dir="rtl"] .card-group > .card .card-img-top, - [dir="rtl"] .card-group > .card .card-header:first-child { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; - } - - [dir="rtl"] .card-group > .card .card-img-bottom, - [dir="rtl"] .card-group > .card .card-footer:last-child { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - } - - [dir="rtl"] .card-group > .card + .card { - border-right: 0; - } - - [dir="rtl"] .card-group > .card:not(:first-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - [dir="rtl"] .card-group > .card:not(:first-child) .card-img-top, - [dir="rtl"] .card-group > .card:not(:first-child) .card-header { - border-top-right-radius: 0; - } - - [dir="rtl"] .card-group > .card:not(:first-child) .card-img-bottom, - [dir="rtl"] .card-group > .card:not(:first-child) .card-footer { - border-bottom-right-radius: 0; - } - - [dir="rtl"] .card-group > .card:not(:last-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - [dir="rtl"] .card-group > .card:not(:last-child) .card-img-top, - [dir="rtl"] .card-group > .card:not(:last-child) .card-header { - border-top-left-radius: 0; - } - - [dir="rtl"] .card-group > .card:not(:last-child) .card-img-bottom, - [dir="rtl"] .card-group > .card:not(:last-child) .card-footer { - border-bottom-left-radius: 0; - } -} - -.accordion.accordion-header-secondary .accordion-item.active .accordion-button { - color: #8592a3 !important; -} - -.accordion.accordion-header-success .accordion-item.active .accordion-button { - color: #71dd37 !important; -} - -.accordion.accordion-header-info .accordion-item.active .accordion-button { - color: #03c3ec !important; -} - -.accordion.accordion-header-warning .accordion-item.active .accordion-button { - color: #ffab00 !important; -} - -.accordion.accordion-header-danger .accordion-item.active .accordion-button { - color: #ff3e1d !important; -} - -.accordion.accordion-header-light .accordion-item.active .accordion-button { - color: #dbdee0 !important; -} - -.accordion.accordion-header-dark .accordion-item.active .accordion-button { - color: #2b2c40 !important; -} - -.accordion.accordion-header-gray .accordion-item.active .accordion-button { - color: rgba(34, 48, 62, 0.5) !important; -} - -.accordion-arrow-left .accordion-button.collapsed:focus { - box-shadow: none; -} - -.accordion-arrow-left .accordion-item { - border: 0; -} - -.accordion-arrow-left .accordion-item.active { - box-shadow: none !important; -} - -.accordion-arrow-left .accordion-button { - padding: var(--bs-accordion-btn-padding-y) 0; -} - -.accordion-arrow-left .accordion-button::after { - content: ""; - display: none; -} - -.accordion-arrow-left .accordion-button:not(.collapsed) { - color: var(--bs-accordion-active-color); - background-color: var(--bs-accordion-active-bg); - box-shadow: none; -} - -.accordion-arrow-left .accordion-button:not(.collapsed)::before { - background-image: var(--bs-accordion-btn-active-icon); - transform: var(--bs-accordion-btn-icon-transform); -} - -.accordion-arrow-left .accordion-button:not(.collapsed)::after { - background-image: none; - transform: none; -} - -.accordion-arrow-left .accordion-button::before { - flex-shrink: 0; - width: var(--bs-accordion-btn-icon-width); - height: var(--bs-accordion-btn-icon-width); - margin-left: 0; - margin-right: 1.1rem; - content: ""; - background-image: var(--bs-accordion-btn-icon); - background-repeat: no-repeat; - background-size: var(--bs-accordion-btn-icon-width); - transition: var(--bs-accordion-btn-icon-transition); -} - @media (prefers-reduced-motion: reduce) { - .accordion-arrow-left .accordion-button::before { + .card[class*="card-border-shadow-"] { transition: none; } } - -.accordion-popout .accordion-item { - transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); +.card[class*="card-border-shadow-"]::after { + position: absolute; + border-radius: 0.375rem; + block-size: 1.5rem; + border-block-end: 0.125rem solid var(--bs-card-border-bottom-color); + content: ""; + inline-size: 100%; + inset-block-end: 0; + inset-inline-start: 0; + transition: all 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .card[class*="card-border-shadow-"]::after { + transition: none; + } +} +.card[class*="card-border-shadow-"]:hover { + box-shadow: var(--bs-card-hover-box-shadow); +} +.card[class*="card-border-shadow-"]:hover::after { + border-color: var(--bs-card-hover-border-bottom-color); + border-block-end-width: 0.1875rem; +} +.card[class*="card-hover-border-"], +.card [class*="card-hover-border-"] { + border-width: 1px; + transition: all 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .card[class*="card-hover-border-"], + .card [class*="card-hover-border-"] { + transition: none; + } +} +.card[class*="card-hover-border-"]:hover, +.card [class*="card-hover-border-"]:hover { + border-color: var(--bs-card-hover-border-color); +} +.card .collapse > .card-body, +.card .collapsing > .card-body { + padding-block-start: 0; } -.accordion-popout .accordion-item:not(.active) { - margin-left: 1rem; - margin-right: 1rem; +/* card-subtitle */ +.card-subtitle { + font-weight: 400; } -.accordion-header + .accordion-collapse .accordion-body { - padding-top: 0; - padding-left: 1.5rem; +/* adding class with card background color */ +.bg-card { + background-color: var(--bs-card-bg); } -.accordion:not(.accordion-custom-button):not( - .accordion-arrow-left - ).accordion-without-arrow - .accordion-button::after { - background-image: none !important; +/* Card header elements +******************************************************** */ +.card-header.header-elements, +.card-title.header-elements { + display: flex; + flex-wrap: wrap; + align-items: center; + inline-size: 100%; } +.card-header-elements, +.card-title-elements { + display: flex; + flex-wrap: wrap; + align-items: center; +} +.card-header-elements + .card-header-elements, +.card-header-elements > * + *, +.card-header-elements + .card-title-elements, +.card-title-elements > * + *, +.card-title-elements + .card-header-elements, +.card-title-elements + .card-title-elements { + margin-inline-start: 0.25rem; +} + +.card-title:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not( + .h4 + ):not(h5):not(.h5):not(h6):not(.h6) { + color: var(--bs-body-color); +} + +/* Horizontal card radius issue fix +******************************************************** */ +.card-img-left, +.card-img-right { + block-size: 100%; + object-fit: cover; +} + +.card-img-left { + border-end-start-radius: 0.375rem; + border-start-start-radius: 0.375rem; + border-end-end-radius: 0; + border-start-end-radius: 0; +} +@media (max-width: 767.98px) { + .card-img-left { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } +} + +.card-img-right { + border-end-end-radius: 0.375rem; + border-start-end-radius: 0.375rem; + border-end-start-radius: 0; + border-start-start-radius: 0; +} +@media (max-width: 767.98px) { + .card-img-right { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } +} + +.card-group { + --bs-card-box-shadow: var(--bs-box-shadow); + --bs-card-bg: var(--bs-paper-bg); +} +@media (min-width: 576px) { + .card-group { + border-radius: 0.375rem; + background-color: var(--bs-card-bg); + box-shadow: var(--bs-card-box-shadow); + } + .card-group .card { + box-shadow: none; + } + .card-group .card + .card { + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-inline-start: 0; + margin-inline: 0; + } + .card-group .card .card-img-top, + .card-group .card .card-header, + .card-group .card .card-img-bottom, + .card-group .card .card-footer { + border-radius: 0; + } + .card-group .card:is(:last-child) .card-img-top, + .card-group .card:is(:last-child) .card-header { + border-start-end-radius: 0.375rem; + } + .card-group .card:is(:last-child) .card-img-bottom, + .card-group .card:is(:last-child) .card-footer { + border-end-end-radius: 0.375rem; + } + .card-group .card:is(:first-child) .card-img-top, + .card-group .card:is(:first-child) .card-header { + border-start-start-radius: 0.375rem; + } + .card-group .card:is(:first-child) .card-img-bottom, + .card-group .card:is(:first-child) .card-footer { + border-end-start-radius: 0.375rem; + } +} + +/* Card action */ +.card-action { + /* Expand card(fullscreen) */ + /* Alert */ + /* Card header */ + /* Block UI loader */ +} +.card-action.card-fullscreen { + position: fixed; + z-index: 9999; + display: block; + overflow: auto; + border: 0; + border-radius: 0; + block-size: 100%; + inline-size: 100%; + inset: 0; +} +.card-action .card-alert { + position: absolute; + z-index: 999; + inline-size: 100%; +} +.card-action .card-alert .alert { + border-end-end-radius: 0; + border-end-start-radius: 0; +} +.card-action .card-header { + display: flex; +} +.card-action .card-header.collapsed { + border-block-end: 0; +} +.card-action .card-header .card-action-title { + flex-grow: 1; + margin-inline-end: 0.5rem; +} +.card-action .card-header .card-action-element a:not(.dropdown-item) { + color: var(--bs-heading-color); +} +.card-action .notiflix-block h5, +.card-action .notiflix-block .h5 { + color: var(--bs-body-color); + margin-block: 1rem 0; +} +.card-action .collapse > .card-body, +.card-action .collapsing > .card-body { + padding-block-start: 0; +} + +/* Generate contextual modifier classes for colorizing the border bottom and shadow in the card */ +.card-border-shadow-primary { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-primary) + ); + --bs-card-hover-border-bottom-color: var(--bs-primary); +} + +.card-hover-border-primary { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-primary) + ); +} + +.card-border-shadow-secondary { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-secondary) + ); + --bs-card-hover-border-bottom-color: var(--bs-secondary); +} + +.card-hover-border-secondary { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-secondary) + ); +} + +.card-border-shadow-success { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-success) + ); + --bs-card-hover-border-bottom-color: var(--bs-success); +} + +.card-hover-border-success { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-success) + ); +} + +.card-border-shadow-info { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-info) + ); + --bs-card-hover-border-bottom-color: var(--bs-info); +} + +.card-hover-border-info { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-info) + ); +} + +.card-border-shadow-warning { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-warning) + ); + --bs-card-hover-border-bottom-color: var(--bs-warning); +} + +.card-hover-border-warning { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-warning) + ); +} + +.card-border-shadow-danger { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-danger) + ); + --bs-card-hover-border-bottom-color: var(--bs-danger); +} + +.card-hover-border-danger { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-danger) + ); +} + +.card-border-shadow-light { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-light) + ); + --bs-card-hover-border-bottom-color: var(--bs-light); +} + +.card-hover-border-light { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-light) + ); +} + +.card-border-shadow-dark { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-dark) + ); + --bs-card-hover-border-bottom-color: var(--bs-dark); +} + +.card-hover-border-dark { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-dark) + ); +} + +.card-border-shadow-gray { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-gray) + ); + --bs-card-hover-border-bottom-color: var(--bs-gray); +} + +.card-hover-border-gray { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-gray) + ); +} + +/* Dark Theme */ +[data-bs-theme="dark"] .card { + --bs-card-bg: #2b2c40; + --bs-card-subtitle-color: color-mix(in srgb, #e6e6f1 55%, #393a5a); +} + +.accordion { + --bs-accordion-box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + --bs-accordion-active-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-accordion-active-bg: var(--bs-accordion-bg); + --bs-accordion-btn-active-bg: var(--bs-accordion-active-bg); + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-btn-focus-shadow-width: 0; +} +.accordion .accordion-button::after { + background: var(--bs-accordion-btn-color); + mask-image: var(--bs-accordion-btn-icon); + mask-repeat: no-repeat; + mask-size: 100% 100%; +} +.accordion .accordion-button:not(.collapsed)::after { + background: var(--bs-accordion-btn-color); + mask-image: var(--bs-accordion-btn-active-icon); +} +.accordion.accordion-without-arrow .accordion-button::after { + background: none; +} .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item { - box-shadow: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06); - border: 0; + border-radius: var(--bs-accordion-border-radius); +} +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) + .accordion-item + > .accordion-header + .accordion-button { + border-radius: var(--bs-accordion-inner-border-radius); +} +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) + .accordion-item:not(:first-of-type) { + border-block-start: var(--bs-accordion-border-width) solid + var(--bs-accordion-border-color); +} +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) + .accordion-item:not(:last-of-type) { + margin-block-end: 0.5rem; +} +.accordion.accordion-popout .accordion-item { + transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +@media (prefers-reduced-motion: reduce) { + .accordion.accordion-popout .accordion-item { + transition: none; + } +} +.accordion.accordion-popout .accordion-item:not(.active) { + margin-inline: 1rem; +} +.accordion[class*="accordion-outline-"] { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-bg: transparent; + --bs-accordion-active-bg: transparent; + --bs-accordion-border-width: var(--bs-border-width); +} +.accordion[class*="border-background-"] { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-border-width: var(--bs-border-width); +} +.accordion[class*="accordion-border-solid-"] { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-border-width: var(--bs-border-width); +} +.accordion[class*="accordion-border-solid-"] + .accordion-button.collapsed::after { + background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='CURRE' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); } -.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) - .accordion-item.active { - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); +.accordion-item { + box-shadow: var(--bs-accordion-box-shadow); } - -.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) - .accordion-item.active - .accordion-button:not(.collapsed) { - box-shadow: none; -} - -.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) - .accordion-item:not(:first-child) { - margin-top: 0.5rem; -} - -.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) - .accordion-item:last-child { - margin-bottom: 0.5rem; +.accordion-item.active { + background-color: var(--bs-accordion-active-bg); + box-shadow: var(--bs-accordion-active-box-shadow); } .accordion-header { line-height: 1.375; } - -.accordion-button { - padding-right: 1.25rem; - font-weight: inherit; - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; +.accordion-header + .accordion-collapse .accordion-body { + padding-block-start: 0; + padding-inline-start: 1.4375rem; } -.accordion-button.collapsed { +/* Accordion border radius */ +.accordion-button { + font-weight: inherit; + padding-inline-end: 1.1875rem; +} +.accordion-button::after { + margin-inline-end: initial; + margin-inline-start: auto; +} +.accordion-button:not(.collapsed) { + background-color: var(--bs-accordion-btn-active-bg); + box-shadow: inset 0 calc(-1 * var(--bs-accordion-btn-focus-shadow-width)) 0 + var(--bs-accordion-border-color); + padding-block-end: 0.793rem; +} + +/* arrow left */ +.accordion-arrow-left { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-btn-padding-y: calc(0.7305rem + 0.0625rem); + --bs-accordion-btn-padding-x: 0; + --bs-accordion-body-padding-y: calc(1.1875rem + 0.0625rem); +} +.accordion-arrow-left .accordion-item:not(:first-of-type) { + border-block-start: var(--bs-border-width) solid + var(--bs-accordion-border-color); +} +.accordion-arrow-left .accordion-button::after { + display: none; +} +.accordion-arrow-left .accordion-button:not(.collapsed)::before { + background: var(--bs-accordion-btn-color); + mask-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); +} +.accordion-arrow-left .accordion-button::before { + background: var(--bs-accordion-btn-color); + block-size: var(--bs-accordion-btn-icon-width); + content: ""; + inline-size: var(--bs-accordion-btn-icon-width); + margin-inline: 0 1.1rem; + mask-image: var(--bs-accordion-btn-icon); + mask-repeat: no-repeat; + mask-size: 100% 100%; + transition: var(--bs-accordion-btn-icon-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-arrow-left .accordion-button::before { + transition: none; + } +} +.accordion-arrow-left .accordion-header + .accordion-collapse .accordion-body { + padding-inline-start: calc(1.4375rem + 0.0625rem); +} + +/* Accordion custom button */ +.accordion-custom-button { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-btn-padding-y: 0.76178rem; + --bs-accordion-border-width: var(--bs-border-width); + --bs-accordion-border-color: #e4e6e8; + --bs-accordion-btn-bg: #fafafa; + --bs-accordion-btn-active-bg: #fafafa; + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-btn-focus-shadow-width: var(--bs-border-width); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E"); +} +.accordion-custom-button .accordion-item .accordion-body { + padding-block-start: 1.1875rem; +} + +/* Generate contextual modifier classes for colorizing the alert */ +.accordion-header-primary { + --bs-accordion-active-color: var(--bs-primary); +} + +.accordion-border-background-primary { + --bs-accordion-color: var(--bs-primary); + --bs-accordion-active-color: var(--bs-primary); + --bs-accordion-border-color: var(--bs-primary); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-accordion-btn-color: var(--bs-primary); +} + +.accordion-outline-primary { + --bs-accordion-border-color: var(--bs-primary); +} + +.accordion-solid-primary { + --bs-accordion-color: var(--bs-primary-contrast); + --bs-accordion-active-color: var(--bs-primary-contrast); + --bs-accordion-btn-color: var(--bs-primary-contrast); + --bs-accordion-border-color: var(--bs-primary); + --bs-accordion-bg: var(--bs-primary); + --bs-accordion-active-bg: var(--bs-primary); +} + +.accordion-border-solid-primary { + --bs-accordion-btn-color: var(--bs-primary-contrast); + --bs-accordion-border-color: var(--bs-primary); + --bs-accordion-bg: var(--bs-primary); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-accordion-active-color: var(--bs-primary); +} + +.accordion-header-secondary { + --bs-accordion-active-color: var(--bs-secondary); +} + +.accordion-border-background-secondary { + --bs-accordion-color: var(--bs-secondary); + --bs-accordion-active-color: var(--bs-secondary); + --bs-accordion-border-color: var(--bs-secondary); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-accordion-btn-color: var(--bs-secondary); +} + +.accordion-outline-secondary { + --bs-accordion-border-color: var(--bs-secondary); +} + +.accordion-solid-secondary { + --bs-accordion-color: var(--bs-secondary-contrast); + --bs-accordion-active-color: var(--bs-secondary-contrast); + --bs-accordion-btn-color: var(--bs-secondary-contrast); + --bs-accordion-border-color: var(--bs-secondary); + --bs-accordion-bg: var(--bs-secondary); + --bs-accordion-active-bg: var(--bs-secondary); +} + +.accordion-border-solid-secondary { + --bs-accordion-btn-color: var(--bs-secondary-contrast); + --bs-accordion-border-color: var(--bs-secondary); + --bs-accordion-bg: var(--bs-secondary); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-accordion-active-color: var(--bs-secondary); +} + +.accordion-header-success { + --bs-accordion-active-color: var(--bs-success); +} + +.accordion-border-background-success { + --bs-accordion-color: var(--bs-success); + --bs-accordion-active-color: var(--bs-success); + --bs-accordion-border-color: var(--bs-success); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-accordion-btn-color: var(--bs-success); +} + +.accordion-outline-success { + --bs-accordion-border-color: var(--bs-success); +} + +.accordion-solid-success { + --bs-accordion-color: var(--bs-success-contrast); + --bs-accordion-active-color: var(--bs-success-contrast); + --bs-accordion-btn-color: var(--bs-success-contrast); + --bs-accordion-border-color: var(--bs-success); + --bs-accordion-bg: var(--bs-success); + --bs-accordion-active-bg: var(--bs-success); +} + +.accordion-border-solid-success { + --bs-accordion-btn-color: var(--bs-success-contrast); + --bs-accordion-border-color: var(--bs-success); + --bs-accordion-bg: var(--bs-success); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-accordion-active-color: var(--bs-success); +} + +.accordion-header-info { + --bs-accordion-active-color: var(--bs-info); +} + +.accordion-border-background-info { + --bs-accordion-color: var(--bs-info); + --bs-accordion-active-color: var(--bs-info); + --bs-accordion-border-color: var(--bs-info); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-accordion-btn-color: var(--bs-info); +} + +.accordion-outline-info { + --bs-accordion-border-color: var(--bs-info); +} + +.accordion-solid-info { + --bs-accordion-color: var(--bs-info-contrast); + --bs-accordion-active-color: var(--bs-info-contrast); + --bs-accordion-btn-color: var(--bs-info-contrast); + --bs-accordion-border-color: var(--bs-info); + --bs-accordion-bg: var(--bs-info); + --bs-accordion-active-bg: var(--bs-info); +} + +.accordion-border-solid-info { + --bs-accordion-btn-color: var(--bs-info-contrast); + --bs-accordion-border-color: var(--bs-info); + --bs-accordion-bg: var(--bs-info); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-accordion-active-color: var(--bs-info); +} + +.accordion-header-warning { + --bs-accordion-active-color: var(--bs-warning); +} + +.accordion-border-background-warning { + --bs-accordion-color: var(--bs-warning); + --bs-accordion-active-color: var(--bs-warning); + --bs-accordion-border-color: var(--bs-warning); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-accordion-btn-color: var(--bs-warning); +} + +.accordion-outline-warning { + --bs-accordion-border-color: var(--bs-warning); +} + +.accordion-solid-warning { + --bs-accordion-color: var(--bs-warning-contrast); + --bs-accordion-active-color: var(--bs-warning-contrast); + --bs-accordion-btn-color: var(--bs-warning-contrast); + --bs-accordion-border-color: var(--bs-warning); + --bs-accordion-bg: var(--bs-warning); + --bs-accordion-active-bg: var(--bs-warning); +} + +.accordion-border-solid-warning { + --bs-accordion-btn-color: var(--bs-warning-contrast); + --bs-accordion-border-color: var(--bs-warning); + --bs-accordion-bg: var(--bs-warning); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-accordion-active-color: var(--bs-warning); +} + +.accordion-header-danger { + --bs-accordion-active-color: var(--bs-danger); +} + +.accordion-border-background-danger { + --bs-accordion-color: var(--bs-danger); + --bs-accordion-active-color: var(--bs-danger); + --bs-accordion-border-color: var(--bs-danger); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-accordion-btn-color: var(--bs-danger); +} + +.accordion-outline-danger { + --bs-accordion-border-color: var(--bs-danger); +} + +.accordion-solid-danger { + --bs-accordion-color: var(--bs-danger-contrast); + --bs-accordion-active-color: var(--bs-danger-contrast); + --bs-accordion-btn-color: var(--bs-danger-contrast); + --bs-accordion-border-color: var(--bs-danger); + --bs-accordion-bg: var(--bs-danger); + --bs-accordion-active-bg: var(--bs-danger); +} + +.accordion-border-solid-danger { + --bs-accordion-btn-color: var(--bs-danger-contrast); + --bs-accordion-border-color: var(--bs-danger); + --bs-accordion-bg: var(--bs-danger); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-accordion-active-color: var(--bs-danger); +} + +.accordion-header-light { + --bs-accordion-active-color: var(--bs-light); +} + +.accordion-border-background-light { + --bs-accordion-color: var(--bs-light); + --bs-accordion-active-color: var(--bs-light); + --bs-accordion-border-color: var(--bs-light); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-accordion-btn-color: var(--bs-light); +} + +.accordion-outline-light { + --bs-accordion-border-color: var(--bs-light); +} + +.accordion-solid-light { + --bs-accordion-color: var(--bs-light-contrast); + --bs-accordion-active-color: var(--bs-light-contrast); + --bs-accordion-btn-color: var(--bs-light-contrast); + --bs-accordion-border-color: var(--bs-light); + --bs-accordion-bg: var(--bs-light); + --bs-accordion-active-bg: var(--bs-light); +} + +.accordion-border-solid-light { + --bs-accordion-btn-color: var(--bs-light-contrast); + --bs-accordion-border-color: var(--bs-light); + --bs-accordion-bg: var(--bs-light); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-accordion-active-color: var(--bs-light); +} + +.accordion-header-dark { + --bs-accordion-active-color: var(--bs-dark); +} + +.accordion-border-background-dark { + --bs-accordion-color: var(--bs-dark); + --bs-accordion-active-color: var(--bs-dark); + --bs-accordion-border-color: var(--bs-dark); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-accordion-btn-color: var(--bs-dark); +} + +.accordion-outline-dark { + --bs-accordion-border-color: var(--bs-dark); +} + +.accordion-solid-dark { + --bs-accordion-color: var(--bs-dark-contrast); + --bs-accordion-active-color: var(--bs-dark-contrast); + --bs-accordion-btn-color: var(--bs-dark-contrast); + --bs-accordion-border-color: var(--bs-dark); + --bs-accordion-bg: var(--bs-dark); + --bs-accordion-active-bg: var(--bs-dark); +} + +.accordion-border-solid-dark { + --bs-accordion-btn-color: var(--bs-dark-contrast); + --bs-accordion-border-color: var(--bs-dark); + --bs-accordion-bg: var(--bs-dark); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-accordion-active-color: var(--bs-dark); +} + +.accordion-header-gray { + --bs-accordion-active-color: var(--bs-gray); +} + +.accordion-border-background-gray { + --bs-accordion-color: var(--bs-gray); + --bs-accordion-active-color: var(--bs-gray); + --bs-accordion-border-color: var(--bs-gray); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-accordion-btn-color: var(--bs-gray); +} + +.accordion-outline-gray { + --bs-accordion-border-color: var(--bs-gray); +} + +.accordion-solid-gray { + --bs-accordion-color: var(--bs-gray-contrast); + --bs-accordion-active-color: var(--bs-gray-contrast); + --bs-accordion-btn-color: var(--bs-gray-contrast); + --bs-accordion-border-color: var(--bs-gray); + --bs-accordion-bg: var(--bs-gray); + --bs-accordion-active-bg: var(--bs-gray); +} + +.accordion-border-solid-gray { + --bs-accordion-btn-color: var(--bs-gray-contrast); + --bs-accordion-border-color: var(--bs-gray); + --bs-accordion-bg: var(--bs-gray); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-accordion-active-color: var(--bs-gray); +} + +/* Dark Theme */ +[data-bs-theme="dark"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"] + ) { + --bs-accordion-btn-color: #d5d5e2; +} +[data-bs-theme="dark"] + .accordion:not( + [class*="accordion-header-"], + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"] + ) { + --bs-accordion-active-color: #d5d5e2; +} +[data-bs-theme="dark"] .accordion.accordion-custom-button { + --bs-accordion-border-color: #4e4f6c; + --bs-accordion-btn-bg: #313246; + --bs-accordion-btn-active-bg: #313246; +} +[data-bs-theme="dark"] .accordion-custom-button .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5e2' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5e2' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E"); +} + +.breadcrumb { + --bs-breadcrumb-color: var(--bs-body-color); +} + +.breadcrumb-item { + line-height: 1.5rem; +} +.breadcrumb-item a { + color: var(--bs-breadcrumb-color); +} +.breadcrumb-item a:hover, +.breadcrumb-item a:focus { + color: var(--bs-breadcrumb-item-active-color); +} +.breadcrumb-item .icon-base.breadcrumb-icon { + color: var(--bs-breadcrumb-divider-color); + margin-inline-start: 0.5rem; +} + +.breadcrumb-item.active a, +.breadcrumb-item.active a:hover, +.breadcrumb-item.active a:focus, +.breadcrumb-item.active a:active { + color: inherit; +} + +.breadcrumb-custom-icon .breadcrumb-item + .breadcrumb-item::before { + content: none !important; +} + +:dir(rtl) .breadcrumb-item + .breadcrumb-item { + padding-inline: 0.5rem 0; +} +:dir(rtl) .breadcrumb-item + .breadcrumb-item::before { + content: "\\"; + float: inline-start; + padding-inline: 0 0.5rem; +} +:dir(rtl) .breadcrumb-item .icon-base.breadcrumb-icon { + transform: scaleX(-1); +} + +/* Pagination +******************************************************************************* */ +.pagination { + --bs-pagination-box-shadow-color: var(--bs-primary-rgb); + padding-inline-start: 0; +} +.pagination[class*="pagination-outline-"] .page-item.active .page-link { + box-shadow: none; +} +.pagination[class*="pagination-outline-"] .page-item:not(.active) .page-link, +.pagination[class*="pagination-outline-"] li > a:not(.page-link) { + --bs-pagination-bg: transparent; + --bs-pagination-hover-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-pagination-hover-color: var(--bs-pagination-color); + --bs-pagination-hover-border-color: color-mix( + in sRGB, + #22303e 22%, + var(--bs-paper-bg) + ); + --bs-pagination-focus-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-pagination-focus-color: var(--bs-pagination-color); +} +.pagination.pagination-lg { + --bs-pagination-font-size: 1.0625rem; +} +.pagination.pagination-sm { + --bs-pagination-font-size: 0.8125rem; +} +.pagination .page-item .page-link:focus, +.pagination li > a:not(.page-link):focus { + color: var(--bs-pagination-focus-color); +} +.pagination .page-item.active .page-link, +.pagination li.active > a:not(.page-link) { + box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-pagination-box-shadow-color), 0.4); + color: var(--bs-pagination-active-color); +} +.pagination:not([class*="pagination-outline-"]) .page-link { + border-color: transparent; +} +.pagination.pagination-square .page-item a { + border-radius: 0; +} +.pagination.pagination-round .page-item a { + border-radius: 50%; +} +.pagination.pagination-rounded .page-item a { border-radius: 0.375rem; } - -.accordion-button:not(.collapsed) { - box-shadow: none; +.pagination.pagination-sm.pagination-rounded .page-item a { + border-radius: 0.25rem; +} +.pagination.pagination-lg.pagination-rounded .page-item a { + border-radius: 0.5rem; } -.accordion > .card.accordion-item { - border-radius: 0.375rem !important; - margin-bottom: 0.5rem; +/* Pagination next, prev, first & last css padding */ +.page-item.disabled .page-link, +.page-item[disabled] .page-link { + opacity: 0.45; + pointer-events: none; } -.accordion-custom-button .accordion-item { - transition: all 0.2s ease-in-out, border-radius 0.15s ease; - transition-property: margin-top, margin-bottom, border-radius, border; - box-shadow: none; - border: var(--bs-border-width) solid #e4e6e8; +.page-item:last-child .icon-base { + transform: translateX(7%); } -.accordion-custom-button .accordion-item:not(:last-child) { - border-bottom: 0; +/* Pagination basic style */ +.page-link, +.page-link > a { + border-radius: 0.375rem; + display: inline-flex !important; + align-items: center; + justify-content: center; + min-block-size: calc(2.2508625rem + calc(1px * 2)); + min-inline-size: calc(2.2505625rem + calc(1px * 2)); } -.accordion-custom-button - .accordion-item:not(.active):not(:first-child) - .accordion-header { - border: none; +/* Sizing +******************************************************************************* */ +/* Pagination Large */ +.pagination-lg .page-link, +.pagination-lg > li > a:not(.page-link) { + min-block-size: calc(2.8757925rem + calc(1px * 2)); + min-inline-size: calc(2.8759615rem + calc(1px * 2)); } -.accordion-custom-button .accordion-item .accordion-button { - border-color: #e4e6e8; +.pagination-lg > .page-item.first .page-link, +.pagination-lg > .page-item.last .page-link, +.pagination-lg > .page-item.next .page-link, +.pagination-lg > .page-item.prev .page-link, +.pagination-lg > .page-item.previous .page-link { + padding-inline: 0.5965rem; } -.accordion-custom-button .accordion-item.active { - margin: 0; - box-shadow: none; +/* Pagination Small */ +.pagination-sm .page-link, +.pagination-sm > li > a:not(.page-link) { + min-block-size: calc(1.7501875rem + calc(1px * 2)); + min-inline-size: calc(1.7509515rem + calc(1px * 2)); } -.accordion-custom-button - .accordion-item.active - .accordion-header - .accordion-button { - border-bottom: var(--bs-border-width) solid #e4e6e8; +.pagination-sm > .page-item.first .page-link, +.pagination-sm > .page-item.last .page-link, +.pagination-sm > .page-item.next .page-link, +.pagination-sm > .page-item.prev .page-link, +.pagination-sm > .page-item.previous .page-link { + padding-block: 0.211rem; + padding-inline: 0.211rem; } -.accordion-custom-button .accordion-item.active + .accordion-item { - border-top-left-radius: 0; - border-top-right-radius: 0; +/* Add spacing between pagination items */ +.pagination-sm .page-item + .page-item .page-link, +.pagination-sm .pagination li + li > a:not(.page-link) { + margin-inline-start: 0.25rem; +} +.pagination-lg .page-item + .page-item .page-link, +.pagination-lg .pagination li + li > a:not(.page-link) { + margin-inline-start: 0.5rem; } -.accordion-custom-button .accordion-item.active:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; +/* RTL pagination +******************************************************************************* */ +/* Add spacing between pagination items */ +:dir(rtl) .pagination { + padding-inline-end: 0; } - -.accordion-custom-button .accordion-item.active:not(:last-child) { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +:dir(rtl) .page-item .page-link, +:dir(rtl) .pagination li > a:not(.page-link) { + margin-inline: 0 0.375rem; } - -.accordion-custom-button .accordion-item .accordion-body { - padding-top: 1.25rem; -} - -.accordion-custom-button .accordion-item.previous-active { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.accordion-custom-button .accordion-button { - border-radius: 0; - background-color: #fafafa; -} - -.accordion-custom-button .accordion-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E"); - transform: rotate(-180deg); -} - -.accordion-custom-button .accordion-button::after { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E"); -} - -.accordion-custom-button:focus { - z-index: 3; - border-color: #e4e6e8; - outline: 0; - box-shadow: var(--bs-accordion-btn-focus-box-shadow); -} - -[dir="rtl"] .accordion-arrow-left .accordion-button::before { - margin-left: 1.1rem; - margin-right: 0; - transform: rotate(90deg); -} - -[dir="rtl"] .accordion-arrow-left .accordion-button:not(.collapsed)::before { - transform: rotate(0deg); -} - -[dir="rtl"] .accordion-button { - text-align: right; -} - -[dir="rtl"] .accordion-button::after { - margin-left: 0; - margin-right: auto; -} - -[dir="rtl"] .accordion-custom-button .accordion-button:not(.collapsed)::after { +:dir(rtl) .page-item.first .page-link .icon-base, +:dir(rtl) .page-item.last .page-link .icon-base, +:dir(rtl) .page-item.next .page-link .icon-base, +:dir(rtl) .page-item.prev .page-link .icon-base, +:dir(rtl) .page-item.previous .page-link .icon-base { transform: rotate(180deg); } -.close:focus { - outline: 0; +/* Dark theme +******************************************************************************* */ +[data-bs-theme="dark"] .pagination { + --bs-pagination-disabled-color: var(--bs-pagination-color); +} +[data-bs-theme="dark"] + .pagination[class*="pagination-outline-"] + .page-item:not(.active) + .page-link, +[data-bs-theme="dark"] + .pagination[class*="pagination-outline-"] + li + > a:not(.page-link) { + --bs-pagination-border-color: rgba(255, 255, 255, 0.22); + --bs-pagination-hover-border-color: var(--bs-pagination-border-color); + --bs-pagination-disabled-border-color: var(--bs-pagination-border-color); } -[dir="rtl"] .close { - float: left; +.pagination.pagination-primary { + --bs-pagination-hover-bg: var(--bs-primary-bg-subtle); + --bs-pagination-hover-color: var(--bs-primary); + --bs-pagination-focus-bg: var(--bs-primary-bg-subtle); + --bs-pagination-focus-color: var(--bs-primary); + --bs-pagination-active-bg: var(--bs-primary); + --bs-pagination-box-shadow-color: var(--bs-primary-rgb); +} +.pagination.pagination-outline-primary { + --bs-pagination-active-bg: var(--bs-primary-bg-subtle); + --bs-pagination-active-color: var(--bs-primary); + --bs-pagination-active-border-color: var(--bs-primary); } -.bg-secondary.toast, -.bg-secondary.bs-toast { - color: #fff; - background-color: rgba(133, 146, 163, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(133, 146, 163, 0.4); +.pagination.pagination-secondary { + --bs-pagination-hover-bg: var(--bs-secondary-bg-subtle); + --bs-pagination-hover-color: var(--bs-secondary); + --bs-pagination-focus-bg: var(--bs-secondary-bg-subtle); + --bs-pagination-focus-color: var(--bs-secondary); + --bs-pagination-active-bg: var(--bs-secondary); + --bs-pagination-box-shadow-color: var(--bs-secondary-rgb); +} +.pagination.pagination-outline-secondary { + --bs-pagination-active-bg: var(--bs-secondary-bg-subtle); + --bs-pagination-active-color: var(--bs-secondary); + --bs-pagination-active-border-color: var(--bs-secondary); } -.bg-secondary.toast .toast-header, -.bg-secondary.bs-toast .toast-header { - color: #fff; +.pagination.pagination-success { + --bs-pagination-hover-bg: var(--bs-success-bg-subtle); + --bs-pagination-hover-color: var(--bs-success); + --bs-pagination-focus-bg: var(--bs-success-bg-subtle); + --bs-pagination-focus-color: var(--bs-success); + --bs-pagination-active-bg: var(--bs-success); + --bs-pagination-box-shadow-color: var(--bs-success-rgb); +} +.pagination.pagination-outline-success { + --bs-pagination-active-bg: var(--bs-success-bg-subtle); + --bs-pagination-active-color: var(--bs-success); + --bs-pagination-active-border-color: var(--bs-success); } -.bg-secondary.toast .toast-header .btn-close, -.bg-secondary.bs-toast .toast-header .btn-close { - background-color: #8592a3 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(133, 146, 163, 0.4) !important; +.pagination.pagination-info { + --bs-pagination-hover-bg: var(--bs-info-bg-subtle); + --bs-pagination-hover-color: var(--bs-info); + --bs-pagination-focus-bg: var(--bs-info-bg-subtle); + --bs-pagination-focus-color: var(--bs-info); + --bs-pagination-active-bg: var(--bs-info); + --bs-pagination-box-shadow-color: var(--bs-info-rgb); +} +.pagination.pagination-outline-info { + --bs-pagination-active-bg: var(--bs-info-bg-subtle); + --bs-pagination-active-color: var(--bs-info); + --bs-pagination-active-border-color: var(--bs-info); } -.bg-success.toast, -.bg-success.bs-toast { - color: #fff; - background-color: rgba(113, 221, 55, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(113, 221, 55, 0.4); +.pagination.pagination-warning { + --bs-pagination-hover-bg: var(--bs-warning-bg-subtle); + --bs-pagination-hover-color: var(--bs-warning); + --bs-pagination-focus-bg: var(--bs-warning-bg-subtle); + --bs-pagination-focus-color: var(--bs-warning); + --bs-pagination-active-bg: var(--bs-warning); + --bs-pagination-box-shadow-color: var(--bs-warning-rgb); +} +.pagination.pagination-outline-warning { + --bs-pagination-active-bg: var(--bs-warning-bg-subtle); + --bs-pagination-active-color: var(--bs-warning); + --bs-pagination-active-border-color: var(--bs-warning); } -.bg-success.toast .toast-header, -.bg-success.bs-toast .toast-header { - color: #fff; +.pagination.pagination-danger { + --bs-pagination-hover-bg: var(--bs-danger-bg-subtle); + --bs-pagination-hover-color: var(--bs-danger); + --bs-pagination-focus-bg: var(--bs-danger-bg-subtle); + --bs-pagination-focus-color: var(--bs-danger); + --bs-pagination-active-bg: var(--bs-danger); + --bs-pagination-box-shadow-color: var(--bs-danger-rgb); +} +.pagination.pagination-outline-danger { + --bs-pagination-active-bg: var(--bs-danger-bg-subtle); + --bs-pagination-active-color: var(--bs-danger); + --bs-pagination-active-border-color: var(--bs-danger); } -.bg-success.toast .toast-header .btn-close, -.bg-success.bs-toast .toast-header .btn-close { - background-color: #71dd37 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(113, 221, 55, 0.4) !important; +.pagination.pagination-light { + --bs-pagination-hover-bg: var(--bs-light-bg-subtle); + --bs-pagination-hover-color: var(--bs-light); + --bs-pagination-focus-bg: var(--bs-light-bg-subtle); + --bs-pagination-focus-color: var(--bs-light); + --bs-pagination-active-bg: var(--bs-light); + --bs-pagination-box-shadow-color: var(--bs-light-rgb); +} +.pagination.pagination-outline-light { + --bs-pagination-active-bg: var(--bs-light-bg-subtle); + --bs-pagination-active-color: var(--bs-light); + --bs-pagination-active-border-color: var(--bs-light); } -.bg-info.toast, -.bg-info.bs-toast { - color: #fff; - background-color: rgba(3, 195, 236, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(3, 195, 236, 0.4); +.pagination.pagination-dark { + --bs-pagination-hover-bg: var(--bs-dark-bg-subtle); + --bs-pagination-hover-color: var(--bs-dark); + --bs-pagination-focus-bg: var(--bs-dark-bg-subtle); + --bs-pagination-focus-color: var(--bs-dark); + --bs-pagination-active-bg: var(--bs-dark); + --bs-pagination-box-shadow-color: var(--bs-dark-rgb); +} +.pagination.pagination-outline-dark { + --bs-pagination-active-bg: var(--bs-dark-bg-subtle); + --bs-pagination-active-color: var(--bs-dark); + --bs-pagination-active-border-color: var(--bs-dark); } -.bg-info.toast .toast-header, -.bg-info.bs-toast .toast-header { - color: #fff; +.pagination.pagination-gray { + --bs-pagination-hover-bg: var(--bs-gray-bg-subtle); + --bs-pagination-hover-color: var(--bs-gray); + --bs-pagination-focus-bg: var(--bs-gray-bg-subtle); + --bs-pagination-focus-color: var(--bs-gray); + --bs-pagination-active-bg: var(--bs-gray); + --bs-pagination-box-shadow-color: var(--bs-gray-rgb); +} +.pagination.pagination-outline-gray { + --bs-pagination-active-bg: var(--bs-gray-bg-subtle); + --bs-pagination-active-color: var(--bs-gray); + --bs-pagination-active-border-color: var(--bs-gray); } -.bg-info.toast .toast-header .btn-close, -.bg-info.bs-toast .toast-header .btn-close { - background-color: #03c3ec !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(3, 195, 236, 0.4) !important; +.badge { + --bs-badge-border-width: 0; + --bs-badge-border-color: var(--bs-primary); + --bs-badge-bg-color: var(--bs-primary); + border: var(--bs-badge-border-width) var(--bs-border-style) + var(--bs-badge-border-color); + background-color: var(--bs-badge-bg-color); +} +.badge[class*="badge-outline"] { + --bs-badge-border-width: 1px; + background-color: transparent; + --bs-badge-padding-x: calc(0.77em - 0.0625rem); + --bs-badge-padding-y: calc(0.4235em - 0.0625rem); } -.bg-warning.toast, -.bg-warning.bs-toast { - color: #fff; - background-color: rgba(255, 171, 0, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(255, 171, 0, 0.4); +/* Badge Center Style */ +.badge-center { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + block-size: 1.5rem; + inline-size: 1.5rem; + --bs-badge-font-size: 0.8125rem; +} +.badge-center .icon-base { + block-size: 0.875rem; + font-size: 0.875rem; + inline-size: 0.875rem; } -.bg-warning.toast .toast-header, -.bg-warning.bs-toast .toast-header { - color: #fff; +/* Dots Style */ +.badge.badge-dot { + display: inline-block; + padding: 0; + border-radius: 50%; + margin: 0; + block-size: 0.5rem; + inline-size: 0.5rem; } -.bg-warning.toast .toast-header .btn-close, -.bg-warning.bs-toast .toast-header .btn-close { - background-color: #ffab00 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(255, 171, 0, 0.4) !important; +/* Notifications */ +.badge.badge-notifications { + position: absolute; + margin: 0; + inset-block-start: auto; + transform: translate(-50%, -30%); +} +:dir(rtl) .badge.badge-notifications { + transform: translate(50%, -30%); +} +.badge.badge-notifications:not(.badge-center) { + font-size: 0.582rem; + line-height: 0.75rem; + padding-block: 0.05rem; + padding-inline: 0.2rem; +} +.btn[class*="btn-"] .badge.badge-notifications { + transform: translate(-50%, -50%); +} +:dir(rtl) .btn[class*="btn-"] .badge.badge-notifications { + transform: translate(50%, -50%); } -.bg-danger.toast, -.bg-danger.bs-toast { - color: #fff; - background-color: rgba(255, 62, 29, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(255, 62, 29, 0.4); +.badge-outline-primary, +.btn[class*="-outline"] .badge-outline-primary { + --bs-badge-color: var(--bs-primary); + --bs-badge-border-color: var(--bs-primary); } -.bg-danger.toast .toast-header, -.bg-danger.bs-toast .toast-header { - color: #fff; +.badge-outline-secondary, +.btn[class*="-outline"] .badge-outline-secondary { + --bs-badge-color: var(--bs-secondary); + --bs-badge-border-color: var(--bs-secondary); } -.bg-danger.toast .toast-header .btn-close, -.bg-danger.bs-toast .toast-header .btn-close { - background-color: #ff3e1d !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(255, 62, 29, 0.4) !important; +.badge-outline-success, +.btn[class*="-outline"] .badge-outline-success { + --bs-badge-color: var(--bs-success); + --bs-badge-border-color: var(--bs-success); } -.bg-light.toast, -.bg-light.bs-toast { - color: #fff; - background-color: rgba(219, 222, 224, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(219, 222, 224, 0.4); +.badge-outline-info, +.btn[class*="-outline"] .badge-outline-info { + --bs-badge-color: var(--bs-info); + --bs-badge-border-color: var(--bs-info); } -.bg-light.toast .toast-header, -.bg-light.bs-toast .toast-header { - color: #fff; +.badge-outline-warning, +.btn[class*="-outline"] .badge-outline-warning { + --bs-badge-color: var(--bs-warning); + --bs-badge-border-color: var(--bs-warning); } -.bg-light.toast .toast-header .btn-close, -.bg-light.bs-toast .toast-header .btn-close { - background-color: #dbdee0 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(219, 222, 224, 0.4) !important; +.badge-outline-danger, +.btn[class*="-outline"] .badge-outline-danger { + --bs-badge-color: var(--bs-danger); + --bs-badge-border-color: var(--bs-danger); } -.bg-dark.toast, -.bg-dark.bs-toast { - color: #fff; - background-color: rgba(43, 44, 64, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(43, 44, 64, 0.4); +.badge-outline-light, +.btn[class*="-outline"] .badge-outline-light { + --bs-badge-color: var(--bs-light); + --bs-badge-border-color: var(--bs-light); } -.bg-dark.toast .toast-header, -.bg-dark.bs-toast .toast-header { - color: #fff; +.badge-outline-dark, +.btn[class*="-outline"] .badge-outline-dark { + --bs-badge-color: var(--bs-dark); + --bs-badge-border-color: var(--bs-dark); } -.bg-dark.toast .toast-header .btn-close, -.bg-dark.bs-toast .toast-header .btn-close { - background-color: #2b2c40 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(43, 44, 64, 0.4) !important; +.badge-outline-gray, +.btn[class*="-outline"] .badge-outline-gray { + --bs-badge-color: var(--bs-gray); + --bs-badge-border-color: var(--bs-gray); } -.bg-gray.toast, -.bg-gray.bs-toast { - color: #fff; - background-color: rgba(34, 48, 62, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(34, 48, 62, 0.4); +[data-bs-theme="dark"] .badge-outline-dark { + --bs-badge-color: var(--bs-dark-contrast); +} +/* Alert icon styles */ +.alert { + --bs-alert-link-hover-color: var(--bs-primary); + --bs-alert-hr: var(--bs-black); + --bs-alert-icon-color: var(--bs-white); + --bs-alert-icon-bg: var(--bs-black); + --bs-alert-icon-shadow-color: var(--bs-primary); + --bs-alert-icon-shadow-scale: 16%; + --bs-alert-close-icon: var(--bs-black); + line-height: 1.375rem; +} +.alert[class*="alert-"] hr { + background-color: var(--bs-alert-hr); + color: var(--bs-alert-hr); +} +.alert .alert-link:hover { + color: var(--bs-alert-link-hover-color); +} +.alert .alert-icon { + display: flex; + align-items: center; + justify-content: center; + background-color: var(--bs-alert-icon-bg); + block-size: 1.75rem; + box-shadow: 0 0 0 0.125rem rgba(var(--bs-alert-icon-shadow-color), 0.16); + color: var(--bs-alert-icon-color); + inline-size: 1.75rem; + margin-inline-end: 0.5rem; +} +.alert[class*="alert-solid-"] { + --bs-alert-link-color: var(--bs-white); + --bs-alert-link-hover-color: var(--bs-white); + --bs-alert-hr: var(--bs-white); + --bs-alert-icon-bg: var(--bs-white); + --bs-alert-icon-shadow-scale: 20%; + --bs-alert-close-icon: var(--bs-white); +} +.alert[class*="alert-solid-"] .alert-icon { + box-shadow: 0 0 0 0.125rem + color-mix( + in sRGB, + var(--bs-white) var(--bs-alert-icon-shadow-scale), + var(--bs-alert-icon-shadow-color) + ); } -.bg-gray.toast .toast-header, -.bg-gray.bs-toast .toast-header { - color: #fff; +/* Adjust close link position */ +.alert-dismissible { + padding-inline-end: 3rem; + padding-inline-start: 1rem; +} +.alert-dismissible .btn-close { + padding: 0; + background: var(--bs-alert-close-icon); + block-size: 0.8125rem; + filter: none; + inline-size: 0.8125rem; + inset-inline: auto 0; + margin-block: calc(0.75rem * 1.37); + margin-inline: calc(1rem * 0.9); + mask-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + mask-repeat: no-repeat; + mask-size: 100% 100%; } -.bg-gray.toast .toast-header .btn-close, -.bg-gray.bs-toast .toast-header .btn-close { - background-color: rgba(34, 48, 62, 0.5) !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(34, 48, 62, 0.4) !important; +.alert-primary { + --bs-alert-color: var(--bs-primary); + --bs-alert-close-icon: var(--bs-primary); + --bs-alert-icon-shadow-color: var(--bs-primary-rgb); + --bs-alert-border-color: var(--bs-primary-bg-subtle); + --bs-alert-link-color: var(--bs-primary); + --bs-alert-link-hover-color: var(--bs-primary); + --bs-alert-hr: var(--bs-primary); + --bs-alert-icon-bg: var(--bs-primary); } +.alert-solid-primary { + --bs-alert-icon-shadow-color: var(--bs-primary); + --bs-alert-color: var(--bs-primary-contrast); + --bs-alert-bg: var(--bs-primary); + --bs-alert-border-color: var(--bs-primary); + --bs-alert-icon-color: var(--bs-primary); +} + +.alert-outline-primary { + --bs-alert-color: var(--bs-primary); + --bs-alert-close-icon: var(--bs-primary); + --bs-alert-icon-shadow-color: var(--bs-primary-rgb); + --bs-alert-link-color: var(--bs-primary); + --bs-alert-link-hover-color: var(--bs-primary); + --bs-alert-border-color: var(--bs-primary); + --bs-alert-hr: var(--bs-primary); + --bs-alert-icon-color: var(--bs-primary); + --bs-alert-icon-bg: var(--bs-primary-bg-subtle); +} + +.alert-secondary { + --bs-alert-color: var(--bs-secondary); + --bs-alert-close-icon: var(--bs-secondary); + --bs-alert-icon-shadow-color: var(--bs-secondary-rgb); + --bs-alert-border-color: var(--bs-secondary-bg-subtle); + --bs-alert-link-color: var(--bs-secondary); + --bs-alert-link-hover-color: var(--bs-secondary); + --bs-alert-hr: var(--bs-secondary); + --bs-alert-icon-bg: var(--bs-secondary); +} + +.alert-solid-secondary { + --bs-alert-icon-shadow-color: var(--bs-secondary); + --bs-alert-color: var(--bs-secondary-contrast); + --bs-alert-bg: var(--bs-secondary); + --bs-alert-border-color: var(--bs-secondary); + --bs-alert-icon-color: var(--bs-secondary); +} + +.alert-outline-secondary { + --bs-alert-color: var(--bs-secondary); + --bs-alert-close-icon: var(--bs-secondary); + --bs-alert-icon-shadow-color: var(--bs-secondary-rgb); + --bs-alert-link-color: var(--bs-secondary); + --bs-alert-link-hover-color: var(--bs-secondary); + --bs-alert-border-color: var(--bs-secondary); + --bs-alert-hr: var(--bs-secondary); + --bs-alert-icon-color: var(--bs-secondary); + --bs-alert-icon-bg: var(--bs-secondary-bg-subtle); +} + +.alert-success { + --bs-alert-color: var(--bs-success); + --bs-alert-close-icon: var(--bs-success); + --bs-alert-icon-shadow-color: var(--bs-success-rgb); + --bs-alert-border-color: var(--bs-success-bg-subtle); + --bs-alert-link-color: var(--bs-success); + --bs-alert-link-hover-color: var(--bs-success); + --bs-alert-hr: var(--bs-success); + --bs-alert-icon-bg: var(--bs-success); +} + +.alert-solid-success { + --bs-alert-icon-shadow-color: var(--bs-success); + --bs-alert-color: var(--bs-success-contrast); + --bs-alert-bg: var(--bs-success); + --bs-alert-border-color: var(--bs-success); + --bs-alert-icon-color: var(--bs-success); +} + +.alert-outline-success { + --bs-alert-color: var(--bs-success); + --bs-alert-close-icon: var(--bs-success); + --bs-alert-icon-shadow-color: var(--bs-success-rgb); + --bs-alert-link-color: var(--bs-success); + --bs-alert-link-hover-color: var(--bs-success); + --bs-alert-border-color: var(--bs-success); + --bs-alert-hr: var(--bs-success); + --bs-alert-icon-color: var(--bs-success); + --bs-alert-icon-bg: var(--bs-success-bg-subtle); +} + +.alert-info { + --bs-alert-color: var(--bs-info); + --bs-alert-close-icon: var(--bs-info); + --bs-alert-icon-shadow-color: var(--bs-info-rgb); + --bs-alert-border-color: var(--bs-info-bg-subtle); + --bs-alert-link-color: var(--bs-info); + --bs-alert-link-hover-color: var(--bs-info); + --bs-alert-hr: var(--bs-info); + --bs-alert-icon-bg: var(--bs-info); +} + +.alert-solid-info { + --bs-alert-icon-shadow-color: var(--bs-info); + --bs-alert-color: var(--bs-info-contrast); + --bs-alert-bg: var(--bs-info); + --bs-alert-border-color: var(--bs-info); + --bs-alert-icon-color: var(--bs-info); +} + +.alert-outline-info { + --bs-alert-color: var(--bs-info); + --bs-alert-close-icon: var(--bs-info); + --bs-alert-icon-shadow-color: var(--bs-info-rgb); + --bs-alert-link-color: var(--bs-info); + --bs-alert-link-hover-color: var(--bs-info); + --bs-alert-border-color: var(--bs-info); + --bs-alert-hr: var(--bs-info); + --bs-alert-icon-color: var(--bs-info); + --bs-alert-icon-bg: var(--bs-info-bg-subtle); +} + +.alert-warning { + --bs-alert-color: var(--bs-warning); + --bs-alert-close-icon: var(--bs-warning); + --bs-alert-icon-shadow-color: var(--bs-warning-rgb); + --bs-alert-border-color: var(--bs-warning-bg-subtle); + --bs-alert-link-color: var(--bs-warning); + --bs-alert-link-hover-color: var(--bs-warning); + --bs-alert-hr: var(--bs-warning); + --bs-alert-icon-bg: var(--bs-warning); +} + +.alert-solid-warning { + --bs-alert-icon-shadow-color: var(--bs-warning); + --bs-alert-color: var(--bs-warning-contrast); + --bs-alert-bg: var(--bs-warning); + --bs-alert-border-color: var(--bs-warning); + --bs-alert-icon-color: var(--bs-warning); +} + +.alert-outline-warning { + --bs-alert-color: var(--bs-warning); + --bs-alert-close-icon: var(--bs-warning); + --bs-alert-icon-shadow-color: var(--bs-warning-rgb); + --bs-alert-link-color: var(--bs-warning); + --bs-alert-link-hover-color: var(--bs-warning); + --bs-alert-border-color: var(--bs-warning); + --bs-alert-hr: var(--bs-warning); + --bs-alert-icon-color: var(--bs-warning); + --bs-alert-icon-bg: var(--bs-warning-bg-subtle); +} + +.alert-danger { + --bs-alert-color: var(--bs-danger); + --bs-alert-close-icon: var(--bs-danger); + --bs-alert-icon-shadow-color: var(--bs-danger-rgb); + --bs-alert-border-color: var(--bs-danger-bg-subtle); + --bs-alert-link-color: var(--bs-danger); + --bs-alert-link-hover-color: var(--bs-danger); + --bs-alert-hr: var(--bs-danger); + --bs-alert-icon-bg: var(--bs-danger); +} + +.alert-solid-danger { + --bs-alert-icon-shadow-color: var(--bs-danger); + --bs-alert-color: var(--bs-danger-contrast); + --bs-alert-bg: var(--bs-danger); + --bs-alert-border-color: var(--bs-danger); + --bs-alert-icon-color: var(--bs-danger); +} + +.alert-outline-danger { + --bs-alert-color: var(--bs-danger); + --bs-alert-close-icon: var(--bs-danger); + --bs-alert-icon-shadow-color: var(--bs-danger-rgb); + --bs-alert-link-color: var(--bs-danger); + --bs-alert-link-hover-color: var(--bs-danger); + --bs-alert-border-color: var(--bs-danger); + --bs-alert-hr: var(--bs-danger); + --bs-alert-icon-color: var(--bs-danger); + --bs-alert-icon-bg: var(--bs-danger-bg-subtle); +} + +.alert-light { + --bs-alert-color: var(--bs-light-contrast); + --bs-alert-close-icon: var(--bs-light-contrast); + --bs-alert-icon-shadow-color: var(--bs-light-rgb); + --bs-alert-border-color: var(--bs-light-bg-subtle); + --bs-alert-link-color: var(--bs-light); + --bs-alert-link-hover-color: var(--bs-light); + --bs-alert-hr: var(--bs-light); + --bs-alert-icon-bg: var(--bs-light); +} + +.alert-solid-light { + --bs-alert-icon-shadow-color: var(--bs-light); + --bs-alert-color: var(--bs-light-contrast); + --bs-alert-bg: var(--bs-light); + --bs-alert-border-color: var(--bs-light); + --bs-alert-icon-color: var(--bs-light); +} + +.alert-outline-light { + --bs-alert-color: var(--bs-light-contrast); + --bs-alert-close-icon: var(--bs-light-contrast); + --bs-alert-icon-shadow-color: var(--bs-light-rgb); + --bs-alert-link-color: var(--bs-light); + --bs-alert-link-hover-color: var(--bs-light); + --bs-alert-border-color: var(--bs-light); + --bs-alert-hr: var(--bs-light); + --bs-alert-icon-color: var(--bs-light); + --bs-alert-icon-bg: var(--bs-light-bg-subtle); +} + +.alert-dark { + --bs-alert-color: var(--bs-dark); + --bs-alert-close-icon: var(--bs-dark); + --bs-alert-icon-shadow-color: var(--bs-dark-rgb); + --bs-alert-border-color: var(--bs-dark-bg-subtle); + --bs-alert-link-color: var(--bs-dark); + --bs-alert-link-hover-color: var(--bs-dark); + --bs-alert-hr: var(--bs-dark); + --bs-alert-icon-bg: var(--bs-dark); +} + +.alert-solid-dark { + --bs-alert-icon-shadow-color: var(--bs-dark); + --bs-alert-color: var(--bs-dark-contrast); + --bs-alert-bg: var(--bs-dark); + --bs-alert-border-color: var(--bs-dark); + --bs-alert-icon-color: var(--bs-dark); +} + +.alert-outline-dark { + --bs-alert-color: var(--bs-dark); + --bs-alert-close-icon: var(--bs-dark); + --bs-alert-icon-shadow-color: var(--bs-dark-rgb); + --bs-alert-link-color: var(--bs-dark); + --bs-alert-link-hover-color: var(--bs-dark); + --bs-alert-border-color: var(--bs-dark); + --bs-alert-hr: var(--bs-dark); + --bs-alert-icon-color: var(--bs-dark); + --bs-alert-icon-bg: var(--bs-dark-bg-subtle); +} + +.alert-gray { + --bs-alert-color: var(--bs-gray); + --bs-alert-close-icon: var(--bs-gray); + --bs-alert-icon-shadow-color: var(--bs-gray-rgb); + --bs-alert-border-color: var(--bs-gray-bg-subtle); + --bs-alert-link-color: var(--bs-gray); + --bs-alert-link-hover-color: var(--bs-gray); + --bs-alert-hr: var(--bs-gray); + --bs-alert-icon-bg: var(--bs-gray); +} + +.alert-solid-gray { + --bs-alert-icon-shadow-color: var(--bs-gray); + --bs-alert-color: var(--bs-gray-contrast); + --bs-alert-bg: var(--bs-gray); + --bs-alert-border-color: var(--bs-gray); + --bs-alert-icon-color: var(--bs-gray); +} + +.alert-outline-gray { + --bs-alert-color: var(--bs-gray); + --bs-alert-close-icon: var(--bs-gray); + --bs-alert-icon-shadow-color: var(--bs-gray-rgb); + --bs-alert-link-color: var(--bs-gray); + --bs-alert-link-hover-color: var(--bs-gray); + --bs-alert-border-color: var(--bs-gray); + --bs-alert-hr: var(--bs-gray); + --bs-alert-icon-color: var(--bs-gray); + --bs-alert-icon-bg: var(--bs-gray-bg-subtle); +} + +/* Dark Theme */ +[data-bs-theme="dark"] .alert-dark { + --bs-alert-color: var(--bs-dark-contrast); + --bs-alert-close-icon: var(--bs-dark-contrast); +} +[data-bs-theme="dark"] .alert-outline-dark { + --bs-alert-color: var(--bs-dark-contrast); + --bs-alert-close-icon: var(--bs-dark-contrast); +} +/* Progress +******************************************************************************* */ +.progress { + --bs-progress-bar-shadow-color: rgba(var(--bs-primary-rgb), 0.4); + overflow: initial; +} +.progress .progress-bar { + background-color: var(--bs-primary); + box-shadow: 0 2px 4px 0 var(--bs-progress-bar-shadow-color); + color: var(--bs-white); +} +.progress .progress-bar:first-child { + border-end-start-radius: 50rem; + border-start-start-radius: 50rem; +} +.progress .progress-bar:last-child { + border-end-end-radius: 50rem; + border-start-end-radius: 50rem; +} + +/* RTL +******************************************************************************* */ +:dir(rtl) .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 + ); +} +:dir(rtl) .progress-bar-animated { + animation-direction: reverse; +} + +[data-bs-theme="dark"] .progress { + --bs-progress-bg: rgba(230, 230, 241, 0.08); +} + +.progress-bar.bg-primary { + --bs-progress-bar-shadow-color: rgba(var(--bs-primary-rgb), 0.4); +} + +.progress-bar.bg-secondary { + --bs-progress-bar-shadow-color: rgba(var(--bs-secondary-rgb), 0.4); +} + +.progress-bar.bg-success { + --bs-progress-bar-shadow-color: rgba(var(--bs-success-rgb), 0.4); +} + +.progress-bar.bg-info { + --bs-progress-bar-shadow-color: rgba(var(--bs-info-rgb), 0.4); +} + +.progress-bar.bg-warning { + --bs-progress-bar-shadow-color: rgba(var(--bs-warning-rgb), 0.4); +} + +.progress-bar.bg-danger { + --bs-progress-bar-shadow-color: rgba(var(--bs-danger-rgb), 0.4); +} + +.progress-bar.bg-light { + --bs-progress-bar-shadow-color: rgba(var(--bs-light-rgb), 0.4); +} + +.progress-bar.bg-dark { + --bs-progress-bar-shadow-color: rgba(var(--bs-dark-rgb), 0.4); +} + +.progress-bar.bg-gray { + --bs-progress-bar-shadow-color: rgba(var(--bs-gray-rgb), 0.4); +} + +/* List groups +******************************************************************************* */ +/* List Group Mixin */ +.list-group { + --bs-list-group-timeline-bg: var(--bs-primary); + --bs-list-group-border-color: var(--bs-border-color); + --bs-list-group-active-border-color: var(--bs-border-color); + --bs-list-group-action-hover-color: var(--bs-body-color); + --bs-list-group-action-active-color: var(--bs-body-color); + --bs-list-group-active-bg: var(--bs-primary-bg-subtle); +} +.list-group .list-group-item { + line-height: 1.375rem; + padding-block-end: calc(0.5rem - 1px); +} +.list-group:not([class*="list-group-flush"]) .list-group-item:first-of-type { + padding-block-start: calc(0.5rem - 1px); +} +.list-group[class*="list-group-flush"] .list-group-item:last-of-type { + padding-block-end: 0.5rem; +} +@media (min-width: 768px) { + .list-group[class*="list-group-horizontal-md"] .list-group-item { + padding-block-start: calc(0.5rem - 1px); + } +} +.list-group.list-group-timeline { + position: relative; +} +.list-group.list-group-timeline::before { + position: absolute; + background-color: var(--bs-border-color); + block-size: 100%; + content: ""; + inline-size: 1px; + inset-block: 0; + inset-inline-start: 0.2rem; +} +.list-group.list-group-timeline .list-group-item { + border: 0; + padding-inline-start: 1.25rem; +} +.list-group.list-group-timeline .list-group-item::before { + position: absolute; + background-color: var(--bs-list-group-timeline-bg); + block-size: 7px; + content: ""; + inline-size: 7px; + inset-block-start: 50%; + inset-inline-start: 0; + margin-block-start: -3.5px; + border-radius: 100%; +} +.list-group .list-group-item.active h1, +.list-group .list-group-item.active .h1, +.list-group .list-group-item.active h2, +.list-group .list-group-item.active .h2, +.list-group .list-group-item.active h3, +.list-group .list-group-item.active .h3, +.list-group .list-group-item.active h4, +.list-group .list-group-item.active .h4, +.list-group .list-group-item.active h5, +.list-group .list-group-item.active .h5, +.list-group .list-group-item.active h6, +.list-group .list-group-item.active .h6 { + color: var(--bs-primary); +} +.list-group .list-group-item.active, +.list-group .list-group-item.active:hover, +.list-group .list-group-item.active:focus { + --bs-list-group-color: var(--bs-white); +} + +/* RTL +******************************************************************************* */ +:dir(rtl) .list-group { + padding-inline-start: 0; +} +:dir(rtl) .list-group.list-group-horizontal .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; +} +:dir(rtl) .list-group.list-group-horizontal .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; +} +@media (min-width: 576px) { + :dir(rtl) .list-group.list-group-horizontal-sm .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-sm .list-group-item:last-child { + border-radius: 0.25rem; + border-end-end-radius: 0; + border-start-end-radius: 0; + border-inline-end-width: 1px; + } +} +@media (min-width: 768px) { + :dir(rtl) .list-group.list-group-horizontal-md .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-md .list-group-item:last-child { + border-radius: 0.25rem; + border-end-end-radius: 0; + border-start-end-radius: 0; + border-inline-end-width: 1px; + } +} +@media (min-width: 992px) { + :dir(rtl) .list-group.list-group-horizontal-lg .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-lg .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; + } +} +@media (min-width: 1200px) { + :dir(rtl) .list-group.list-group-horizontal-xl .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-xl .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; + } +} +@media (min-width: 1400px) { + :dir(rtl) .list-group.list-group-horizontal-xxl .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-xxl .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; + } +} + +[data-bs-theme="dark"] .list-group { + --bs-list-group-color: #d5d5e2; +} + +.list-group-item-primary { + --bs-list-group-border-color: var(--bs-primary); + --bs-list-group-active-border-color: var(--bs-primary); + --bs-list-group-active-bg: var(--bs-primary-bg-subtle); + --bs-list-group-color: var(--bs-primary-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-primary-text-emphasis); + --bs-list-group-action-active-color: var(--bs-primary-text-emphasis); +} + +.list-group-timeline-primary { + --bs-list-group-timeline-bg: var(--bs-primary); +} + +.list-group-item-secondary { + --bs-list-group-border-color: var(--bs-secondary); + --bs-list-group-active-border-color: var(--bs-secondary); + --bs-list-group-active-bg: var(--bs-secondary-bg-subtle); + --bs-list-group-color: var(--bs-secondary-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-secondary-text-emphasis); + --bs-list-group-action-active-color: var(--bs-secondary-text-emphasis); +} + +.list-group-timeline-secondary { + --bs-list-group-timeline-bg: var(--bs-secondary); +} + +.list-group-item-success { + --bs-list-group-border-color: var(--bs-success); + --bs-list-group-active-border-color: var(--bs-success); + --bs-list-group-active-bg: var(--bs-success-bg-subtle); + --bs-list-group-color: var(--bs-success-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-success-text-emphasis); + --bs-list-group-action-active-color: var(--bs-success-text-emphasis); +} + +.list-group-timeline-success { + --bs-list-group-timeline-bg: var(--bs-success); +} + +.list-group-item-info { + --bs-list-group-border-color: var(--bs-info); + --bs-list-group-active-border-color: var(--bs-info); + --bs-list-group-active-bg: var(--bs-info-bg-subtle); + --bs-list-group-color: var(--bs-info-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-info-text-emphasis); + --bs-list-group-action-active-color: var(--bs-info-text-emphasis); +} + +.list-group-timeline-info { + --bs-list-group-timeline-bg: var(--bs-info); +} + +.list-group-item-warning { + --bs-list-group-border-color: var(--bs-warning); + --bs-list-group-active-border-color: var(--bs-warning); + --bs-list-group-active-bg: var(--bs-warning-bg-subtle); + --bs-list-group-color: var(--bs-warning-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-warning-text-emphasis); + --bs-list-group-action-active-color: var(--bs-warning-text-emphasis); +} + +.list-group-timeline-warning { + --bs-list-group-timeline-bg: var(--bs-warning); +} + +.list-group-item-danger { + --bs-list-group-border-color: var(--bs-danger); + --bs-list-group-active-border-color: var(--bs-danger); + --bs-list-group-active-bg: var(--bs-danger-bg-subtle); + --bs-list-group-color: var(--bs-danger-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-danger-text-emphasis); + --bs-list-group-action-active-color: var(--bs-danger-text-emphasis); +} + +.list-group-timeline-danger { + --bs-list-group-timeline-bg: var(--bs-danger); +} + +.list-group-item-light { + --bs-list-group-border-color: var(--bs-light); + --bs-list-group-active-border-color: var(--bs-light); + --bs-list-group-active-bg: var(--bs-light-bg-subtle); + --bs-list-group-color: var(--bs-light-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-light-text-emphasis); + --bs-list-group-action-active-color: var(--bs-light-text-emphasis); +} + +.list-group-timeline-light { + --bs-list-group-timeline-bg: var(--bs-light); +} + +.list-group-item-dark { + --bs-list-group-border-color: var(--bs-dark); + --bs-list-group-active-border-color: var(--bs-dark); + --bs-list-group-active-bg: var(--bs-dark-bg-subtle); + --bs-list-group-color: var(--bs-dark-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-dark-text-emphasis); + --bs-list-group-action-active-color: var(--bs-dark-text-emphasis); +} + +.list-group-timeline-dark { + --bs-list-group-timeline-bg: var(--bs-dark); +} + +.list-group-item-gray { + --bs-list-group-border-color: var(--bs-gray); + --bs-list-group-active-border-color: var(--bs-gray); + --bs-list-group-active-bg: var(--bs-gray-bg-subtle); + --bs-list-group-color: var(--bs-gray-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-gray-text-emphasis); + --bs-list-group-action-active-color: var(--bs-gray-text-emphasis); +} + +.list-group-timeline-gray { + --bs-list-group-timeline-bg: var(--bs-gray); +} + +/* Toasts +******************************************************************************* */ .bs-toast[class^="bg-"], .bs-toast[class*=" bg-"] { - border: none; + --bs-toast-header-color: var(--bs-white); + --bs-toast-color: var(--bs-white); } .toast.bs-toast { - background-color: rgba(255, 255, 255, 0.85); + --bs-toast-btn-close-bg: var(--bs-paper-bg); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); z-index: 1095; + background-color: var(--bs-toast-bg) !important; } - .toast.bs-toast .toast-header { - padding-bottom: 0.5rem; position: relative; + padding-block-end: 0.5rem; } - .toast.bs-toast .toast-header .btn-close { position: absolute; - top: -8px; - border-radius: 0.375rem; padding: 0.45rem; + background-color: var(--bs-toast-btn-close-bg); + background-image: var(--bs-toast-btn-close); background-size: 0.625em; + box-shadow: var(--bs-toast-box-shadow); + filter: none; + inset-block-start: -8px; + inset-inline-end: 2px; + border-radius: 0.375rem; transition: all 0.23s ease 0.1s; - background-color: #fff; - box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + /* For hover effect of close btn */ } - -html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { - right: 2px; +@media (prefers-reduced-motion: reduce) { + .toast.bs-toast .toast-header .btn-close { + transition: none; + } } - -[dir="rtl"] .toast.bs-toast .toast-header .btn-close { - left: 2px; -} - .toast.bs-toast .toast-header .btn-close:hover, .toast.bs-toast .toast-header .btn-close:focus, .toast.bs-toast .toast-header .btn-close:active { opacity: 1; - outline: none; + outline: 0; } - .toast.bs-toast .toast-header ~ .toast-body { - padding-top: 0; + padding-block-start: 0; } .toast-container { - --bs-toast-zindex: 9; + --bs-toast-zindex: 8; } -[dir="rtl"] .toast-header .btn-close { - margin-left: -0.625rem; - margin-right: 1.25rem; +.toast-header .btn-close { + margin-inline: 1.25rem -0.625rem; } +/* Bootstrap Toasts Example */ .toast-ex { position: fixed; - top: 4.1rem; - right: 2.5rem; -} - -[dir="rtl"] .toast-ex { - left: 2.5rem; - right: auto; + inset-block-start: 4.1rem; + inset-inline: auto 2.5rem; } +/* Placement Toast example */ .toast-placement-ex { position: fixed; } +/* Generate contextual modifier classes for colorizing the alert */ +.bs-toast.bg-primary { + --bs-toast-bg: rgba(var(--bs-primary-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-primary-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-primary); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-secondary { + --bs-toast-bg: rgba(var(--bs-secondary-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-secondary-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-secondary); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-success { + --bs-toast-bg: rgba(var(--bs-success-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-success-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-success); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-info { + --bs-toast-bg: rgba(var(--bs-info-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-info-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-info); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-warning { + --bs-toast-bg: rgba(var(--bs-warning-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-warning-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-warning); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-danger { + --bs-toast-bg: rgba(var(--bs-danger-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-danger-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-danger); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-light { + --bs-toast-bg: rgba(var(--bs-light-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-light-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-light); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-dark { + --bs-toast-bg: rgba(var(--bs-dark-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-dark-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-dark); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-gray { + --bs-toast-bg: rgba(var(--bs-gray-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-gray-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-gray); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +/* Modals +******************************************************************************* */ +/* Modal Shadow */ +.modal-content { + box-shadow: var(--bs-modal-box-shadow); +} + +.modal { + /* modal footer */ + /* + ! remove close button animation & shadow for .modal-dialog-scrollable, .modal-fullscreen, .modal-top modal */ +} +.modal .btn-close { + padding: 0.563rem; + background-color: var(--bs-paper-bg); + background-image: none; + box-shadow: var(--bs-box-shadow-xs); + filter: none; + opacity: 1; + transform: translate(23px, -25px); + border-radius: 0.25rem; + transition: all 0.23s ease 0.1s; + /* For hover effect of close btn */ +} +@media (prefers-reduced-motion: reduce) { + .modal .btn-close { + transition: none; + } +} +.modal .btn-close:hover, +.modal .btn-close:focus, +.modal .btn-close:active { + opacity: 1; + outline: 0; + transform: translate(20px, -20px); +} +:dir(rtl) .modal .btn-close:hover, +:dir(rtl) .modal .btn-close:focus, +:dir(rtl) .modal .btn-close:active { + transform: translate(26px, -20px); +} +.modal .btn-close::before { + display: block; + background-color: var(--bs-secondary-color); + block-size: 0.6875rem; + content: ""; + inline-size: 0.6875rem; + mask-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + mask-repeat: no-repeat; + mask-size: 100% 100%; +} +.modal .modal-header { + position: relative; +} +.modal .modal-header .btn-close { + position: absolute; + inset-block-start: 0.9375rem; + inset-inline-end: 0.8125rem; +} +:dir(rtl) .modal .modal-header .btn-close { + inset-inline-end: -2.05rem; +} +.modal .modal-footer { + padding: 0 1.5rem 1.5rem; +} +.modal .modal-footer > * { + margin-block: 0; +} +.modal .modal-footer > *:last-child { + margin-inline-end: 0; +} +.modal .modal-footer > *:first-child { + margin-inline-start: 0; +} +.modal .modal-dialog-scrollable .btn-close, +.modal .modal-fullscreen .btn-close, +.modal.modal-top .btn-close { + box-shadow: none; + transform: translate(0, 0); +} +.modal .modal-dialog-scrollable .btn-close:hover, +.modal .modal-fullscreen .btn-close:hover, +.modal.modal-top .btn-close:hover { + transform: translate(0, 0); +} + +.carousel-control-prev, +.carousel-control-next { + color: var(--bs-primary); +} +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: var(--bs-primary); +} + +/* Onboarding Modals +******************************************************************************* */ +.modal-onboarding .close-label { + position: absolute; + font-size: 0.8rem; + inset-block-start: 0.85rem; + opacity: 0.95; +} +.modal-onboarding .close-label:hover { + opacity: 0.95; +} +.modal-onboarding .onboarding-content { + margin: 2rem; +} +.modal-onboarding form { + margin-block-start: 2rem; + text-align: start; +} +.modal-onboarding .carousel .carousel-indicators { + inset-block-end: -10px; +} +.modal-onboarding .carousel .carousel-indicators [data-bs-target] { + background-color: var(--bs-primary); +} +.modal-onboarding .carousel-control-prev, +.modal-onboarding .carousel-control-next { + inset-block: auto 0.75rem; + opacity: 1; +} +:dir(rtl) .modal-onboarding .carousel-control-prev, +:dir(rtl) .modal-onboarding .carousel-control-next { + flex-direction: row-reverse; +} +.modal-onboarding .carousel-control-prev { + inset-inline-start: 1rem; +} +:dir(rtl) .modal-onboarding .carousel-control-prev { + inset-inline-end: 1rem; + inset-inline-start: auto; +} +.modal-onboarding .carousel-control-next { + inset-inline-end: 0; +} +:dir(rtl) .modal-onboarding .carousel-control-next { + inset-inline-end: auto; + inset-inline-start: 0; +} +.modal-onboarding .onboarding-horizontal { + display: flex; + align-items: center; + justify-content: space-between; +} +.modal-onboarding .onboarding-horizontal .onboarding-media { + margin: 2rem; + margin-block-start: 0; +} + +/* Top modals +******************************************************************************* */ +.modal-top .modal-dialog { + margin-block-start: 0; +} +.modal-top .modal-content { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +/* Transparent modals +****************************************************************************** */ +.modal-transparent .modal-dialog { + display: flex; + margin-block: 0; + margin-inline: auto; + min-block-size: 100vh; +} +.modal-transparent .modal-content { + border: 0; + margin: auto; + background: transparent; + box-shadow: none; + inline-size: 100%; +} +.modal-transparent .btn-close { + position: absolute; + background-color: transparent; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: none; + inset-block-start: 0; + inset-inline-end: 1.5rem; + opacity: 1; + padding-block: 0.25em; + padding-inline: 0.25em; +} +:dir(rtl) .modal-transparent .btn-close { + inset-inline-end: -3rem; +} +.modal-transparent .btn-close::before { + content: none; +} + +/* Modal Simple (Modal Examples) +****************************************************************************** */ +.modal-simple .modal-content { + padding: 2.5rem; +} +@media (max-width: 767.98px) { + .modal-simple .modal-content { + padding: 1rem; + } + .modal-simple .modal-content .modal-body { + padding: 1rem; + } +} +.modal-simple .btn-close { + position: absolute; + inset-block-start: -1.5rem; + inset-inline-end: -1.5rem; +} +:dir(rtl) .modal-simple .btn-close { + inset-inline-end: -4.5rem; +} +@media (max-width: 767.98px) { + .modal-simple .btn-close { + inset-block-start: 0; + inset-inline-end: 0; + } + :dir(rtl) .modal-simple .btn-close { + inset-inline-end: -3.5rem; + } +} + +/* Refer & Earn Modal Example */ +.modal-refer-and-earn .modal-refer-and-earn-step { + display: flex; + align-items: center; + justify-content: center; + border-radius: 0.375rem; + block-size: 88px; + inline-size: 88px; +} +.modal-refer-and-earn .modal-refer-and-earn-step .icon-base { + block-size: 2.5rem; + font-size: 2.5rem; + inline-size: 2.5rem; +} + +/* Modal Animations +****************************************************************************** */ +/* Slide from Top */ +.modal-top.fade .modal-dialog, +.modal-top .modal.fade .modal-dialog { + transform: translateY(-100%); +} + +.modal-top.show .modal-dialog, +.modal-top .modal.show .modal-dialog { + transform: translateY(0); +} + +/* Transparent */ +.modal-transparent.fade .modal-dialog, +.modal-transparent .modal.fade .modal-dialog { + transform: scale(0.5, 0.5); +} + +.modal-transparent.show .modal-dialog, +.modal-transparent .modal.show .modal-dialog { + transform: scale(1, 1); +} + +/* Responsive +******************************************************************************* */ +@media (max-width: 991.98px) { + .modal-onboarding .onboarding-horizontal { + flex-direction: column; + } +} +@media (max-width: 767.98px) { + .modal .modal-dialog:not(.modal-fullscreen) { + padding-block: 0; + padding-inline: 0.75rem; + } + .modal .carousel-control-prev, + .modal .carousel-control-next { + display: none; + } +} +@media (min-width: 576px) { + .modal-content { + box-shadow: var(--bs-modal-box-shadow); + } + .modal-dialog.modal-sm { + max-inline-size: 22.5rem; + } +} +@media (min-width: 1200px) { + .modal-xl .modal-dialog { + max-inline-size: 1140px; + } +} +/* Dark theme +******************************************************************************* */ +[data-bs-theme="dark"] .modal-backdrop { + --bs-backdrop-bg: #1d1d2a; + --bs-backdrop-opacity: 0.6; +} + +/* Tooltips +******************************************************************************* */ +/* Open modal tooltip z-index */ +.modal-open .tooltip { + z-index: 1092; +} + +.tooltip-inner { + display: flex; + align-items: center; + font-weight: 500; + gap: 3px; +} + +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="top"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="top"] + .tooltip-arrow::before { + border-block-start-color: var(--bs-tooltip-arrow-bg); +} +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="left"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="left"] + .tooltip-arrow::before { + border-inline-start-color: var(--bs-tooltip-arrow-bg); +} +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="bottom"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] + .tooltip-arrow::before { + border-block-end-color: var(--bs-tooltip-arrow-bg); +} +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="right"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="right"] + .tooltip-arrow::before { + border-inline-end-color: var(--bs-tooltip-arrow-bg); +} + +.tooltip.tooltip-primary, +.tooltip-primary > .tooltip { + --bs-tooltip-bg: var(--bs-primary); + --bs-tooltip-color: var(--bs-primary-contrast); +} + +.tooltip.tooltip-secondary, +.tooltip-secondary > .tooltip { + --bs-tooltip-bg: var(--bs-secondary); + --bs-tooltip-color: var(--bs-secondary-contrast); +} + +.tooltip.tooltip-success, +.tooltip-success > .tooltip { + --bs-tooltip-bg: var(--bs-success); + --bs-tooltip-color: var(--bs-success-contrast); +} + +.tooltip.tooltip-info, +.tooltip-info > .tooltip { + --bs-tooltip-bg: var(--bs-info); + --bs-tooltip-color: var(--bs-info-contrast); +} + +.tooltip.tooltip-warning, +.tooltip-warning > .tooltip { + --bs-tooltip-bg: var(--bs-warning); + --bs-tooltip-color: var(--bs-warning-contrast); +} + +.tooltip.tooltip-danger, +.tooltip-danger > .tooltip { + --bs-tooltip-bg: var(--bs-danger); + --bs-tooltip-color: var(--bs-danger-contrast); +} + +.tooltip.tooltip-light, +.tooltip-light > .tooltip { + --bs-tooltip-bg: var(--bs-light); + --bs-tooltip-color: var(--bs-light-contrast); +} + +.tooltip.tooltip-dark, +.tooltip-dark > .tooltip { + --bs-tooltip-bg: var(--bs-dark); + --bs-tooltip-color: var(--bs-dark-contrast); +} + +.tooltip.tooltip-gray, +.tooltip-gray > .tooltip { + --bs-tooltip-bg: var(--bs-gray); + --bs-tooltip-color: var(--bs-gray-contrast); +} + +/* Popovers +******************************************************************************* */ +.modal-open .popover { + z-index: 1091; +} + +.popover:not(.custom-popover) { + --bs-popover-header-bg: transparent; +} +.popover:not(.custom-popover) .popover-header { + --bs-popover-border-width: 0; + padding-block-end: 0; +} +.popover:not(.custom-popover) .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-popover-bg); +} + +.popover:has([class^="popover-"]):not(.custom-popover) { + --bs-popover-border-color: transparent; + --bs-popover-header-bg: transparent; +} +.popover:has([class^="popover-"]):not(.custom-popover) .popover-body { + background-color: transparent; +} + +.popover:has([class^="popover-header-"]) { + --bs-popover-border-color: var(--bs-gray-100); + --bs-popover-body-color: var(--bs-body-color); + --bs-popover-header-bg: var(--bs-primary); +} + +.popover { + box-shadow: var(--bs-popover-box-shadow); +} +.popover .popover-arrow { + z-index: 1; +} +.popover:not(.custom-popover).bs-popover-auto > .popover-arrow::before { + --bs-popover-bg: rgba(var(--bs-white-rgb), 0.1); +} +.popover:not(.custom-popover).bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + border-block-end-color: var(--bs-popover-arrow-border); + inset-block-start: 1px; +} +.popover:not(.custom-popover).bs-popover-auto[data-popper-placement="bottom"] + > .popover-header::before { + --bs-popover-border-width: 0; +} +[data-bs-theme="light"] .popover.popover-dark { + --bs-popover-bg: color-mix( + in sRGB, + var(--bs-base-color) 90%, + var(--bs-paper-bg) + ); +} + +/* custom popover +******************************************************************************* */ +.custom-popover { + --bs-popover-max-width: 200px; + --bs-popover-header-color: var(--bs-white); + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 0.5rem; +} +.custom-popover .popover-header { + --bs-popover-header-bg: var(--bs-primary); +} + +/* Dark +******************************************************************************* */ +[data-bs-theme="dark"] .popover:not(.custom-popover) .popover-arrow::before { + --bs-popover-arrow-border: rgba(var(--bs-white-rgb), 0.05); +} + +.popover.popover-primary { + --bs-popover-bg: var(--bs-primary); + --bs-popover-header-bg: var(--bs-primary); + --bs-popover-header-color: var(--bs-primary-contrast); + --bs-popover-body-color: var(--bs-primary-contrast); +} +.popover.popover-primary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-primary); +} +.popover.popover-header-primary .popover-header, +.popover.popover-header-primary.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-primary); + --bs-popover-header-color: var(--bs-primary-contrast); +} +.popover.popover-header-primary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-primary); +} + +.popover.popover-secondary { + --bs-popover-bg: var(--bs-secondary); + --bs-popover-header-bg: var(--bs-secondary); + --bs-popover-header-color: var(--bs-secondary-contrast); + --bs-popover-body-color: var(--bs-secondary-contrast); +} +.popover.popover-secondary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-secondary); +} +.popover.popover-header-secondary .popover-header, +.popover.popover-header-secondary.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-secondary); + --bs-popover-header-color: var(--bs-secondary-contrast); +} +.popover.popover-header-secondary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-secondary); +} + +.popover.popover-success { + --bs-popover-bg: var(--bs-success); + --bs-popover-header-bg: var(--bs-success); + --bs-popover-header-color: var(--bs-success-contrast); + --bs-popover-body-color: var(--bs-success-contrast); +} +.popover.popover-success > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-success); +} +.popover.popover-header-success .popover-header, +.popover.popover-header-success.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-success); + --bs-popover-header-color: var(--bs-success-contrast); +} +.popover.popover-header-success > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-success); +} + +.popover.popover-info { + --bs-popover-bg: var(--bs-info); + --bs-popover-header-bg: var(--bs-info); + --bs-popover-header-color: var(--bs-info-contrast); + --bs-popover-body-color: var(--bs-info-contrast); +} +.popover.popover-info > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-info); +} +.popover.popover-header-info .popover-header, +.popover.popover-header-info.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-info); + --bs-popover-header-color: var(--bs-info-contrast); +} +.popover.popover-header-info > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-info); +} + +.popover.popover-warning { + --bs-popover-bg: var(--bs-warning); + --bs-popover-header-bg: var(--bs-warning); + --bs-popover-header-color: var(--bs-warning-contrast); + --bs-popover-body-color: var(--bs-warning-contrast); +} +.popover.popover-warning > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-warning); +} +.popover.popover-header-warning .popover-header, +.popover.popover-header-warning.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-warning); + --bs-popover-header-color: var(--bs-warning-contrast); +} +.popover.popover-header-warning > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-warning); +} + +.popover.popover-danger { + --bs-popover-bg: var(--bs-danger); + --bs-popover-header-bg: var(--bs-danger); + --bs-popover-header-color: var(--bs-danger-contrast); + --bs-popover-body-color: var(--bs-danger-contrast); +} +.popover.popover-danger > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-danger); +} +.popover.popover-header-danger .popover-header, +.popover.popover-header-danger.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-danger); + --bs-popover-header-color: var(--bs-danger-contrast); +} +.popover.popover-header-danger > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-danger); +} + +.popover.popover-light { + --bs-popover-bg: var(--bs-light); + --bs-popover-header-bg: var(--bs-light); + --bs-popover-header-color: var(--bs-light-contrast); + --bs-popover-body-color: var(--bs-light-contrast); +} +.popover.popover-light > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-light); +} +.popover.popover-header-light .popover-header, +.popover.popover-header-light.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-light); + --bs-popover-header-color: var(--bs-light-contrast); +} +.popover.popover-header-light > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-light); +} + +.popover.popover-dark { + --bs-popover-bg: var(--bs-dark); + --bs-popover-header-bg: var(--bs-dark); + --bs-popover-header-color: var(--bs-dark-contrast); + --bs-popover-body-color: var(--bs-dark-contrast); +} +.popover.popover-dark > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-dark); +} +.popover.popover-header-dark .popover-header, +.popover.popover-header-dark.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-dark); + --bs-popover-header-color: var(--bs-dark-contrast); +} +.popover.popover-header-dark > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-dark); +} + +.popover.popover-gray { + --bs-popover-bg: var(--bs-gray); + --bs-popover-header-bg: var(--bs-gray); + --bs-popover-header-color: var(--bs-gray-contrast); + --bs-popover-body-color: var(--bs-gray-contrast); +} +.popover.popover-gray > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-gray); +} +.popover.popover-header-gray .popover-header, +.popover.popover-header-gray.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-gray); + --bs-popover-header-color: var(--bs-gray-contrast); +} +.popover.popover-header-gray > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-gray); +} + .carousel .carousel-item.active h1, .carousel .carousel-item.active .h1, .carousel .carousel-item.active h2, @@ -17498,6 +17543,10 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { .carousel .carousel-item.carousel-item-start .h6 { color: #fff; } +.carousel .carousel-control-prev-icon, +.carousel .carousel-control-next-icon { + filter: invert(1); +} .carousel.carousel-dark .carousel-item.active h1, .carousel.carousel-dark .carousel-item.active .h1, @@ -17525,41 +17574,54 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { .carousel.carousel-dark .carousel-item.carousel-item-start .h6 { color: #22303e; } - -.spinner-border-lg { - width: 3rem; - height: 3rem; - border-width: 0.3em; +.carousel.carousel-dark .carousel-control-prev-icon, +.carousel.carousel-dark .carousel-control-next-icon { + filter: invert(0); } +[data-bs-theme="dark"] .carousel:not(.carousel-dark) .carousel-caption, +[data-bs-theme="dark"].carousel:not(.carousel-dark) .carousel-caption { + color: #fff; +} + +/* Spinners */ +/* Large size */ +.spinner-border-lg, .spinner-grow-lg { - width: 3rem; - height: 3rem; - border-width: 0.3em; + --bs-spinner-border-width: 0.3em; + --bs-spinner-height: 3rem; + --bs-spinner-width: 3rem; } +/* Within button +******************************************************************************* */ .btn .spinner-border, .btn .spinner-grow { - position: relative; - top: -0.0625rem; - height: 1em; - width: 1em; + --bs-spinner-height: 1em; + --bs-spinner-width: 1em; + inset-block-start: -0.0625rem; } - .btn .spinner-border { - border-width: 0.15em; + --bs-spinner-border-width: 0.15em; } - -@-webkit-keyframes spinner-border-rtl { - to { - transform: rotate(-360deg); - } +.btn.btn-icon:has([class*="spinner"]) { + font-size: 0.9375rem; } - -@-moz-keyframes spinner-border-rtl { - to { - transform: rotate(-360deg); - } +.btn.btn-icon:has([class*="spinner"]).btn-xs, +.btn-group-xs > .btn.btn-icon:has([class*="spinner"]) { + font-size: 0.625rem; +} +.btn.btn-icon:has([class*="spinner"]).btn-sm, +.btn-group-sm > .btn.btn-icon:has([class*="spinner"]) { + font-size: 0.8125rem; +} +.btn.btn-icon:has([class*="spinner"]).btn-lg, +.btn-group-lg > .btn.btn-icon:has([class*="spinner"]) { + font-size: 1.0625rem; +} +.btn.btn-icon:has([class*="spinner"]).btn-xl, +.btn-group-xl > .btn.btn-icon:has([class*="spinner"]) { + font-size: 1.125rem; } @keyframes spinner-border-rtl { @@ -17567,35 +17629,245 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { transform: rotate(-360deg); } } - -[dir="rtl"] .spinner-border { +/* RTL */ +:dir(rtl) .spinner-border { animation-name: spinner-border-rtl; } +/* Offcanvas +******************************************************************************* */ .offcanvas { - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + box-shadow: var(--bs-offcanvas-box-shadow); +} +.offcanvas .offcanvas-header { + padding-block-end: 0.75rem; } -.offcanvas-header { - padding-bottom: 0.75rem; +/* RTL +******************************************************************************* */ +:dir(rtl) .offcanvas-header .btn-close { + margin-block: -0.75rem -0.75rem; + margin-inline: auto -0.75rem; } - -[dir="rtl"] .offcanvas-header .btn-close { - margin: -0.75rem auto -0.75rem -0.75rem; -} - -[dir="rtl"] .offcanvas-start { - left: auto; - right: 0; +:dir(rtl) .offcanvas-start { + inset-inline: 0 auto; transform: translateX(100%); } - -[dir="rtl"] .offcanvas-end { - right: auto; - left: 0; +:dir(rtl) .offcanvas-end { + inset-inline: auto 0; transform: translateX(-100%); } +/* Dark theme +******************************************************************************* */ +[data-bs-theme="dark"] .offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1089; + width: 100vw; + height: 100vh; + background-color: #1d1d2a; +} +[data-bs-theme="dark"] .offcanvas-backdrop.fade { + opacity: 0; +} +[data-bs-theme="dark"] .offcanvas-backdrop.show { + opacity: 0.6; +} + +.bg-label-primary { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ) !important; + color: var(--bs-primary) !important; +} + +.bg-label-secondary { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ) !important; + color: var(--bs-secondary) !important; +} + +.bg-label-success { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ) !important; + color: var(--bs-success) !important; +} + +.bg-label-info { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ) !important; + color: var(--bs-info) !important; +} + +.bg-label-warning { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ) !important; + color: var(--bs-warning) !important; +} + +.bg-label-danger { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ) !important; + color: var(--bs-danger) !important; +} + +.bg-label-light { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ) !important; + color: RGBA(#000, var(--bs-bg-label-tint-amount)) !important; +} + +.bg-label-dark { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ) !important; + color: var(--bs-dark) !important; +} + +.bg-label-gray { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ) !important; + color: var(--bs-gray) !important; +} + +.bg-label-facebook { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-facebook) + ) !important; + color: var(--bs-facebook) !important; +} + +.bg-label-twitter { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-twitter) + ) !important; + color: var(--bs-twitter) !important; +} + +.bg-label-google-plus { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-google-plus) + ) !important; + color: var(--bs-google-plus) !important; +} + +.bg-label-instagram { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-instagram) + ) !important; + color: var(--bs-instagram) !important; +} + +.bg-label-linkedin { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-linkedin) + ) !important; + color: var(--bs-linkedin) !important; +} + +.bg-label-github { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-github) + ) !important; + color: var(--bs-github) !important; +} + +.bg-label-dribbble { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dribbble) + ) !important; + color: var(--bs-dribbble) !important; +} + +.bg-label-pinterest { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-pinterest) + ) !important; + color: var(--bs-pinterest) !important; +} + +.bg-label-slack { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-slack) + ) !important; + color: var(--bs-slack) !important; +} + +.bg-label-reddit { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-reddit) + ) !important; + color: var(--bs-reddit) !important; +} + +.bg-label-youtube { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-youtube) + ) !important; + color: var(--bs-youtube) !important; +} + +.bg-label-vimeo { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-vimeo) + ) !important; + color: var(--bs-vimeo) !important; +} + +[data-bs-theme="dark"] .bg-label-dark { + color: RGBA(#fff, var(--bs-bg-label-tint-amount)) !important; +} .align-baseline { vertical-align: baseline !important; } @@ -17620,6 +17892,18 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { vertical-align: text-top !important; } +.float-start { + float: inline-start !important; +} + +.float-end { + float: inline-end !important; +} + +.float-none { + float: none !important; +} + .object-fit-contain { object-fit: contain !important; } @@ -17676,6 +17960,38 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { 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; } @@ -17717,19 +18033,19 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .shadow { - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1) !important; + box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { - box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08) !important; + box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14) !important; + box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-xl { - box-shadow: 0 0.3125rem 1.375rem 0 rgba(34, 48, 62, 0.18) !important; + box-shadow: var(--bs-box-shadow-xl) !important; } .shadow-none { @@ -17757,31 +18073,67 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .top-0 { - top: 0 !important; + inset-block-start: 0 !important; } .top-50 { - top: 50% !important; + inset-block-start: 50% !important; } .top-100 { - top: 100% !important; + inset-block-start: 100% !important; } .bottom-0 { - bottom: 0 !important; + inset-block-end: 0 !important; } .bottom-50 { - bottom: 50% !important; + inset-block-end: 50% !important; } .bottom-100 { - bottom: 100% !important; + inset-block-end: 100% !important; +} + +.start-0 { + inset-inline-start: 0 !important; +} + +.start-50 { + inset-inline-start: 50% !important; +} + +.start-100 { + inset-inline-start: 100% !important; +} + +.end-0 { + inset-inline-end: 0 !important; +} + +.end-50 { + inset-inline-end: 50% !important; +} + +.end-100 { + inset-inline-end: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; } .border { - border: 1px solid #e4e6e8 !important; + border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { @@ -17801,132 +18153,145 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .border-top { - border-top: 1px solid #e4e6e8 !important; + border-block-start: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; } .border-top-0 { - border-top: 0 !important; + border-block-start: 0 !important; +} + +.border-end { + border-inline-end: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; +} + +.border-end-0 { + border-inline-end: 0 !important; } .border-bottom { - border-bottom: 1px solid #e4e6e8 !important; + border-block-end: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; } .border-bottom-0 { - border-bottom: 0 !important; + border-block-end: 0 !important; +} + +.border-start { + border-inline-start: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; +} + +.border-start-0 { + border-inline-start: 0 !important; } .border-primary { - border-color: #696cff !important; -} - -.border-secondary { - border-color: #8592a3 !important; -} - -.border-success { - border-color: #71dd37 !important; -} - -.border-info { - border-color: #03c3ec !important; -} - -.border-warning { - border-color: #ffab00 !important; -} - -.border-danger { - border-color: #ff3e1d !important; -} - -.border-light { - border-color: rgba(34, 48, 62, 0.1) !important; -} - -.border-dark { - border-color: #2b2c40 !important; -} - -.border-gray { - border-color: rgba(34, 48, 62, 0.5) !important; -} - -.border-white { - border-color: #fff !important; -} - -.border-transparent { - border-color: rgba(0, 0, 0, 0) !important; -} - -.border-label-primary { - --bs-border-opacity: 0.4; + --bs-border-opacity: 1; border-color: rgba( var(--bs-primary-rgb), var(--bs-border-opacity) ) !important; } -.border-label-secondary { - --bs-border-opacity: 0.4; +.border-secondary { + --bs-border-opacity: 1; border-color: rgba( var(--bs-secondary-rgb), var(--bs-border-opacity) ) !important; } -.border-label-success { - --bs-border-opacity: 0.4; +.border-success { + --bs-border-opacity: 1; border-color: rgba( var(--bs-success-rgb), var(--bs-border-opacity) ) !important; } -.border-label-info { - --bs-border-opacity: 0.4; +.border-info { + --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } -.border-label-warning { - --bs-border-opacity: 0.4; +.border-warning { + --bs-border-opacity: 1; border-color: rgba( var(--bs-warning-rgb), var(--bs-border-opacity) ) !important; } -.border-label-danger { - --bs-border-opacity: 0.4; +.border-danger { + --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } -.border-label-light { - --bs-border-opacity: 0.4; +.border-light { + --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } -.border-label-dark { - --bs-border-opacity: 0.4; +.border-dark { + --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } -.border-label-gray { - --bs-border-opacity: 0.4; +.border-gray { + --bs-border-opacity: 1; border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important; } -.border-label-black { - --bs-border-opacity: 0.4; +.border-black { + --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } -.border-label-white { - --bs-border-opacity: 0.4; +.border-white { + --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } +.border-transparent { + --bs-border-opacity: 1; + border-color: transparent !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 { border-width: 1px !important; } @@ -17975,14 +18340,26 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { width: 20px !important; } +.w-px-26 { + width: 26px !important; +} + .w-px-30 { width: 30px !important; } +.w-px-34 { + width: 34px !important; +} + .w-px-40 { width: 40px !important; } +.w-px-42 { + width: 42px !important; +} + .w-px-44 { width: 44px !important; } @@ -18011,6 +18388,10 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { width: 150px !important; } +.w-px-160 { + width: 160px !important; +} + .w-px-200 { width: 200px !important; } @@ -18095,14 +18476,26 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { height: 20px !important; } +.h-px-26 { + height: 26px !important; +} + .h-px-30 { height: 30px !important; } +.h-px-34 { + height: 34px !important; +} + .h-px-40 { height: 40px !important; } +.h-px-42 { + height: 42px !important; +} + .h-px-44 { height: 44px !important; } @@ -18131,6 +18524,10 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { height: 150px !important; } +.h-px-160 { + height: 160px !important; +} + .h-px-200 { height: 200px !important; } @@ -18436,291 +18833,419 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; } .mx-50 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; } .mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; } .mx-1_5 { - margin-right: 0.375rem !important; - margin-left: 0.375rem !important; + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; } .mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; } .mx-3 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; } .mx-4 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; } .mx-5 { - margin-right: 1.25rem !important; - margin-left: 1.25rem !important; + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; } .mx-6 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; } .mx-7 { - margin-right: 1.75rem !important; - margin-left: 1.75rem !important; + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; } .mx-8 { - margin-right: 2rem !important; - margin-left: 2rem !important; + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; } .mx-9 { - margin-right: 2.25rem !important; - margin-left: 2.25rem !important; + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; } .mx-10 { - margin-right: 2.5rem !important; - margin-left: 2.5rem !important; + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; } .mx-11 { - margin-right: 2.75rem !important; - margin-left: 2.75rem !important; + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; } .mx-12 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; } .mx-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-inline-end: auto !important; + margin-inline-start: auto !important; } .my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-block-start: 0 !important; + margin-block-end: 0 !important; } .my-50 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; } .my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; } .my-1_5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; } .my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; } .my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; } .my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; } .my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; } .my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; } .my-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; } .my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; } .my-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; } .my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; } .my-11 { - margin-top: 2.75rem !important; - margin-bottom: 2.75rem !important; + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; } .my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; } .my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-block-start: auto !important; + margin-block-end: auto !important; } .mt-0 { - margin-top: 0 !important; + margin-block-start: 0 !important; } .mt-50 { - margin-top: 0.125rem !important; + margin-block-start: 0.125rem !important; } .mt-1 { - margin-top: 0.25rem !important; + margin-block-start: 0.25rem !important; } .mt-1_5 { - margin-top: 0.375rem !important; + margin-block-start: 0.375rem !important; } .mt-2 { - margin-top: 0.5rem !important; + margin-block-start: 0.5rem !important; } .mt-3 { - margin-top: 0.75rem !important; + margin-block-start: 0.75rem !important; } .mt-4 { - margin-top: 1rem !important; + margin-block-start: 1rem !important; } .mt-5 { - margin-top: 1.25rem !important; + margin-block-start: 1.25rem !important; } .mt-6 { - margin-top: 1.5rem !important; + margin-block-start: 1.5rem !important; } .mt-7 { - margin-top: 1.75rem !important; + margin-block-start: 1.75rem !important; } .mt-8 { - margin-top: 2rem !important; + margin-block-start: 2rem !important; } .mt-9 { - margin-top: 2.25rem !important; + margin-block-start: 2.25rem !important; } .mt-10 { - margin-top: 2.5rem !important; + margin-block-start: 2.5rem !important; } .mt-11 { - margin-top: 2.75rem !important; + margin-block-start: 2.75rem !important; } .mt-12 { - margin-top: 3rem !important; + margin-block-start: 3rem !important; } .mt-auto { - margin-top: auto !important; + margin-block-start: auto !important; +} + +.me-0 { + margin-inline-end: 0 !important; +} + +.me-50 { + margin-inline-end: 0.125rem !important; +} + +.me-1 { + margin-inline-end: 0.25rem !important; +} + +.me-1_5 { + margin-inline-end: 0.375rem !important; +} + +.me-2 { + margin-inline-end: 0.5rem !important; +} + +.me-3 { + margin-inline-end: 0.75rem !important; +} + +.me-4 { + margin-inline-end: 1rem !important; +} + +.me-5 { + margin-inline-end: 1.25rem !important; +} + +.me-6 { + margin-inline-end: 1.5rem !important; +} + +.me-7 { + margin-inline-end: 1.75rem !important; +} + +.me-8 { + margin-inline-end: 2rem !important; +} + +.me-9 { + margin-inline-end: 2.25rem !important; +} + +.me-10 { + margin-inline-end: 2.5rem !important; +} + +.me-11 { + margin-inline-end: 2.75rem !important; +} + +.me-12 { + margin-inline-end: 3rem !important; +} + +.me-auto { + margin-inline-end: auto !important; } .mb-0 { - margin-bottom: 0 !important; + margin-block-end: 0 !important; } .mb-50 { - margin-bottom: 0.125rem !important; + margin-block-end: 0.125rem !important; } .mb-1 { - margin-bottom: 0.25rem !important; + margin-block-end: 0.25rem !important; } .mb-1_5 { - margin-bottom: 0.375rem !important; + margin-block-end: 0.375rem !important; } .mb-2 { - margin-bottom: 0.5rem !important; + margin-block-end: 0.5rem !important; } .mb-3 { - margin-bottom: 0.75rem !important; + margin-block-end: 0.75rem !important; } .mb-4 { - margin-bottom: 1rem !important; + margin-block-end: 1rem !important; } .mb-5 { - margin-bottom: 1.25rem !important; + margin-block-end: 1.25rem !important; } .mb-6 { - margin-bottom: 1.5rem !important; + margin-block-end: 1.5rem !important; } .mb-7 { - margin-bottom: 1.75rem !important; + margin-block-end: 1.75rem !important; } .mb-8 { - margin-bottom: 2rem !important; + margin-block-end: 2rem !important; } .mb-9 { - margin-bottom: 2.25rem !important; + margin-block-end: 2.25rem !important; } .mb-10 { - margin-bottom: 2.5rem !important; + margin-block-end: 2.5rem !important; } .mb-11 { - margin-bottom: 2.75rem !important; + margin-block-end: 2.75rem !important; } .mb-12 { - margin-bottom: 3rem !important; + margin-block-end: 3rem !important; } .mb-auto { - margin-bottom: auto !important; + margin-block-end: auto !important; +} + +.ms-0 { + margin-inline-start: 0 !important; +} + +.ms-50 { + margin-inline-start: 0.125rem !important; +} + +.ms-1 { + margin-inline-start: 0.25rem !important; +} + +.ms-1_5 { + margin-inline-start: 0.375rem !important; +} + +.ms-2 { + margin-inline-start: 0.5rem !important; +} + +.ms-3 { + margin-inline-start: 0.75rem !important; +} + +.ms-4 { + margin-inline-start: 1rem !important; +} + +.ms-5 { + margin-inline-start: 1.25rem !important; +} + +.ms-6 { + margin-inline-start: 1.5rem !important; +} + +.ms-7 { + margin-inline-start: 1.75rem !important; +} + +.ms-8 { + margin-inline-start: 2rem !important; +} + +.ms-9 { + margin-inline-start: 2.25rem !important; +} + +.ms-10 { + margin-inline-start: 2.5rem !important; +} + +.ms-11 { + margin-inline-start: 2.75rem !important; +} + +.ms-12 { + margin-inline-start: 3rem !important; +} + +.ms-auto { + margin-inline-start: auto !important; } .m-n50 { @@ -18780,255 +19305,367 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .mx-n50 { - margin-right: -0.125rem !important; - margin-left: -0.125rem !important; + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; } .mx-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; } .mx-n1_5 { - margin-right: -0.375rem !important; - margin-left: -0.375rem !important; + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; } .mx-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; } .mx-n3 { - margin-right: -0.75rem !important; - margin-left: -0.75rem !important; + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; } .mx-n4 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; } .mx-n5 { - margin-right: -1.25rem !important; - margin-left: -1.25rem !important; + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; } .mx-n6 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; } .mx-n7 { - margin-right: -1.75rem !important; - margin-left: -1.75rem !important; + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; } .mx-n8 { - margin-right: -2rem !important; - margin-left: -2rem !important; + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; } .mx-n9 { - margin-right: -2.25rem !important; - margin-left: -2.25rem !important; + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; } .mx-n10 { - margin-right: -2.5rem !important; - margin-left: -2.5rem !important; + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; } .mx-n11 { - margin-right: -2.75rem !important; - margin-left: -2.75rem !important; + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; } .mx-n12 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; } .my-n50 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; } .my-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; } .my-n1_5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; } .my-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; } .my-n3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; } .my-n4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; } .my-n5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; } .my-n6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; } .my-n7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; } .my-n8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; } .my-n9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; } .my-n10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; } .my-n11 { - margin-top: -2.75rem !important; - margin-bottom: -2.75rem !important; + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; } .my-n12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; } .mt-n50 { - margin-top: -0.125rem !important; + margin-block-start: -0.125rem !important; } .mt-n1 { - margin-top: -0.25rem !important; + margin-block-start: -0.25rem !important; } .mt-n1_5 { - margin-top: -0.375rem !important; + margin-block-start: -0.375rem !important; } .mt-n2 { - margin-top: -0.5rem !important; + margin-block-start: -0.5rem !important; } .mt-n3 { - margin-top: -0.75rem !important; + margin-block-start: -0.75rem !important; } .mt-n4 { - margin-top: -1rem !important; + margin-block-start: -1rem !important; } .mt-n5 { - margin-top: -1.25rem !important; + margin-block-start: -1.25rem !important; } .mt-n6 { - margin-top: -1.5rem !important; + margin-block-start: -1.5rem !important; } .mt-n7 { - margin-top: -1.75rem !important; + margin-block-start: -1.75rem !important; } .mt-n8 { - margin-top: -2rem !important; + margin-block-start: -2rem !important; } .mt-n9 { - margin-top: -2.25rem !important; + margin-block-start: -2.25rem !important; } .mt-n10 { - margin-top: -2.5rem !important; + margin-block-start: -2.5rem !important; } .mt-n11 { - margin-top: -2.75rem !important; + margin-block-start: -2.75rem !important; } .mt-n12 { - margin-top: -3rem !important; + margin-block-start: -3rem !important; +} + +.me-n50 { + margin-inline-end: -0.125rem !important; +} + +.me-n1 { + margin-inline-end: -0.25rem !important; +} + +.me-n1_5 { + margin-inline-end: -0.375rem !important; +} + +.me-n2 { + margin-inline-end: -0.5rem !important; +} + +.me-n3 { + margin-inline-end: -0.75rem !important; +} + +.me-n4 { + margin-inline-end: -1rem !important; +} + +.me-n5 { + margin-inline-end: -1.25rem !important; +} + +.me-n6 { + margin-inline-end: -1.5rem !important; +} + +.me-n7 { + margin-inline-end: -1.75rem !important; +} + +.me-n8 { + margin-inline-end: -2rem !important; +} + +.me-n9 { + margin-inline-end: -2.25rem !important; +} + +.me-n10 { + margin-inline-end: -2.5rem !important; +} + +.me-n11 { + margin-inline-end: -2.75rem !important; +} + +.me-n12 { + margin-inline-end: -3rem !important; } .mb-n50 { - margin-bottom: -0.125rem !important; + margin-block-end: -0.125rem !important; } .mb-n1 { - margin-bottom: -0.25rem !important; + margin-block-end: -0.25rem !important; } .mb-n1_5 { - margin-bottom: -0.375rem !important; + margin-block-end: -0.375rem !important; } .mb-n2 { - margin-bottom: -0.5rem !important; + margin-block-end: -0.5rem !important; } .mb-n3 { - margin-bottom: -0.75rem !important; + margin-block-end: -0.75rem !important; } .mb-n4 { - margin-bottom: -1rem !important; + margin-block-end: -1rem !important; } .mb-n5 { - margin-bottom: -1.25rem !important; + margin-block-end: -1.25rem !important; } .mb-n6 { - margin-bottom: -1.5rem !important; + margin-block-end: -1.5rem !important; } .mb-n7 { - margin-bottom: -1.75rem !important; + margin-block-end: -1.75rem !important; } .mb-n8 { - margin-bottom: -2rem !important; + margin-block-end: -2rem !important; } .mb-n9 { - margin-bottom: -2.25rem !important; + margin-block-end: -2.25rem !important; } .mb-n10 { - margin-bottom: -2.5rem !important; + margin-block-end: -2.5rem !important; } .mb-n11 { - margin-bottom: -2.75rem !important; + margin-block-end: -2.75rem !important; } .mb-n12 { - margin-bottom: -3rem !important; + margin-block-end: -3rem !important; +} + +.ms-n50 { + margin-inline-start: -0.125rem !important; +} + +.ms-n1 { + margin-inline-start: -0.25rem !important; +} + +.ms-n1_5 { + margin-inline-start: -0.375rem !important; +} + +.ms-n2 { + margin-inline-start: -0.5rem !important; +} + +.ms-n3 { + margin-inline-start: -0.75rem !important; +} + +.ms-n4 { + margin-inline-start: -1rem !important; +} + +.ms-n5 { + margin-inline-start: -1.25rem !important; +} + +.ms-n6 { + margin-inline-start: -1.5rem !important; +} + +.ms-n7 { + margin-inline-start: -1.75rem !important; +} + +.ms-n8 { + margin-inline-start: -2rem !important; +} + +.ms-n9 { + margin-inline-start: -2.25rem !important; +} + +.ms-n10 { + margin-inline-start: -2.5rem !important; +} + +.ms-n11 { + margin-inline-start: -2.75rem !important; +} + +.ms-n12 { + margin-inline-start: -3rem !important; } .p-0 { @@ -19092,273 +19729,393 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .px-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; } .px-50 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; } .px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; } .px-1_5 { - padding-right: 0.375rem !important; - padding-left: 0.375rem !important; + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; } .px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; } .px-3 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; } .px-4 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; } .px-5 { - padding-right: 1.25rem !important; - padding-left: 1.25rem !important; + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; } .px-6 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; } .px-7 { - padding-right: 1.75rem !important; - padding-left: 1.75rem !important; + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; } .px-8 { - padding-right: 2rem !important; - padding-left: 2rem !important; + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; } .px-9 { - padding-right: 2.25rem !important; - padding-left: 2.25rem !important; + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; } .px-10 { - padding-right: 2.5rem !important; - padding-left: 2.5rem !important; + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; } .px-11 { - padding-right: 2.75rem !important; - padding-left: 2.75rem !important; + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; } .px-12 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; } .py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-block-start: 0 !important; + padding-block-end: 0 !important; } .py-50 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; } .py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; } .py-1_5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; } .py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; } .py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; } .py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; } .py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; } .py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; } .py-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; } .py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; } .py-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; } .py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; } .py-11 { - padding-top: 2.75rem !important; - padding-bottom: 2.75rem !important; + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; } .py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; } .pt-0 { - padding-top: 0 !important; + padding-block-start: 0 !important; } .pt-50 { - padding-top: 0.125rem !important; + padding-block-start: 0.125rem !important; } .pt-1 { - padding-top: 0.25rem !important; + padding-block-start: 0.25rem !important; } .pt-1_5 { - padding-top: 0.375rem !important; + padding-block-start: 0.375rem !important; } .pt-2 { - padding-top: 0.5rem !important; + padding-block-start: 0.5rem !important; } .pt-3 { - padding-top: 0.75rem !important; + padding-block-start: 0.75rem !important; } .pt-4 { - padding-top: 1rem !important; + padding-block-start: 1rem !important; } .pt-5 { - padding-top: 1.25rem !important; + padding-block-start: 1.25rem !important; } .pt-6 { - padding-top: 1.5rem !important; + padding-block-start: 1.5rem !important; } .pt-7 { - padding-top: 1.75rem !important; + padding-block-start: 1.75rem !important; } .pt-8 { - padding-top: 2rem !important; + padding-block-start: 2rem !important; } .pt-9 { - padding-top: 2.25rem !important; + padding-block-start: 2.25rem !important; } .pt-10 { - padding-top: 2.5rem !important; + padding-block-start: 2.5rem !important; } .pt-11 { - padding-top: 2.75rem !important; + padding-block-start: 2.75rem !important; } .pt-12 { - padding-top: 3rem !important; + padding-block-start: 3rem !important; +} + +.pe-0 { + padding-inline-end: 0 !important; +} + +.pe-50 { + padding-inline-end: 0.125rem !important; +} + +.pe-1 { + padding-inline-end: 0.25rem !important; +} + +.pe-1_5 { + padding-inline-end: 0.375rem !important; +} + +.pe-2 { + padding-inline-end: 0.5rem !important; +} + +.pe-3 { + padding-inline-end: 0.75rem !important; +} + +.pe-4 { + padding-inline-end: 1rem !important; +} + +.pe-5 { + padding-inline-end: 1.25rem !important; +} + +.pe-6 { + padding-inline-end: 1.5rem !important; +} + +.pe-7 { + padding-inline-end: 1.75rem !important; +} + +.pe-8 { + padding-inline-end: 2rem !important; +} + +.pe-9 { + padding-inline-end: 2.25rem !important; +} + +.pe-10 { + padding-inline-end: 2.5rem !important; +} + +.pe-11 { + padding-inline-end: 2.75rem !important; +} + +.pe-12 { + padding-inline-end: 3rem !important; } .pb-0 { - padding-bottom: 0 !important; + padding-block-end: 0 !important; } .pb-50 { - padding-bottom: 0.125rem !important; + padding-block-end: 0.125rem !important; } .pb-1 { - padding-bottom: 0.25rem !important; + padding-block-end: 0.25rem !important; } .pb-1_5 { - padding-bottom: 0.375rem !important; + padding-block-end: 0.375rem !important; } .pb-2 { - padding-bottom: 0.5rem !important; + padding-block-end: 0.5rem !important; } .pb-3 { - padding-bottom: 0.75rem !important; + padding-block-end: 0.75rem !important; } .pb-4 { - padding-bottom: 1rem !important; + padding-block-end: 1rem !important; } .pb-5 { - padding-bottom: 1.25rem !important; + padding-block-end: 1.25rem !important; } .pb-6 { - padding-bottom: 1.5rem !important; + padding-block-end: 1.5rem !important; } .pb-7 { - padding-bottom: 1.75rem !important; + padding-block-end: 1.75rem !important; } .pb-8 { - padding-bottom: 2rem !important; + padding-block-end: 2rem !important; } .pb-9 { - padding-bottom: 2.25rem !important; + padding-block-end: 2.25rem !important; } .pb-10 { - padding-bottom: 2.5rem !important; + padding-block-end: 2.5rem !important; } .pb-11 { - padding-bottom: 2.75rem !important; + padding-block-end: 2.75rem !important; } .pb-12 { - padding-bottom: 3rem !important; + padding-block-end: 3rem !important; +} + +.ps-0 { + padding-inline-start: 0 !important; +} + +.ps-50 { + padding-inline-start: 0.125rem !important; +} + +.ps-1 { + padding-inline-start: 0.25rem !important; +} + +.ps-1_5 { + padding-inline-start: 0.375rem !important; +} + +.ps-2 { + padding-inline-start: 0.5rem !important; +} + +.ps-3 { + padding-inline-start: 0.75rem !important; +} + +.ps-4 { + padding-inline-start: 1rem !important; +} + +.ps-5 { + padding-inline-start: 1.25rem !important; +} + +.ps-6 { + padding-inline-start: 1.5rem !important; +} + +.ps-7 { + padding-inline-start: 1.75rem !important; +} + +.ps-8 { + padding-inline-start: 2rem !important; +} + +.ps-9 { + padding-inline-start: 2.25rem !important; +} + +.ps-10 { + padding-inline-start: 2.5rem !important; +} + +.ps-11 { + padding-inline-start: 2.75rem !important; +} + +.ps-12 { + padding-inline-start: 3rem !important; } .gap-0 { @@ -19649,6 +20406,18 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { line-height: 1.625 !important; } +.text-start { + text-align: start !important; +} + +.text-end { + text-align: end !important; +} + +.text-center { + text-align: center !important; +} + .text-decoration-none { text-decoration: none !important; } @@ -19685,11 +20454,13 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { white-space: nowrap !important; } +/* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } +/* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; @@ -19722,7 +20493,7 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { .text-light { --bs-text-opacity: 1; - color: #a7acb2 !important; + color: var(--bs-gray-400) !important; } .text-dark { @@ -19742,32 +20513,42 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { .text-white { --bs-text-opacity: 1; - color: #fff !important; + color: var(--bs-white) !important; } .text-body { --bs-text-opacity: 1; - color: #646e78 !important; + color: var(--bs-body-color) !important; } -.text-muted { +.text-body-secondary { --bs-text-opacity: 1; - color: #a7acb2 !important; + color: var(--bs-secondary-color) !important; } -.text-black-50 { +.text-body-tertiary { --bs-text-opacity: 1; - color: rgba(34, 48, 62, 0.5) !important; + color: var(--bs-tertiary-color) !important; } -.text-white-50 { +.text-body-emphasis { --bs-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; + color: var(--bs-emphasis-color) !important; +} + +.text-lighter { + --bs-text-opacity: 1; + color: var(--bs-gray-300) !important; +} + +.text-lightest { + --bs-text-opacity: 1; + color: var(--bs-gray-200) !important; } .text-heading { --bs-text-opacity: 1; - color: #384551 !important; + color: var(--bs-heading-color) !important; } .text-reset { @@ -19791,6 +20572,38 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { --bs-text-opacity: 1; } +.text-primary-emphasis { + color: var(--bs-primary-text-emphasis) !important; +} + +.text-secondary-emphasis { + color: var(--bs-secondary-text-emphasis) !important; +} + +.text-success-emphasis { + color: var(--bs-success-text-emphasis) !important; +} + +.text-info-emphasis { + color: var(--bs-info-text-emphasis) !important; +} + +.text-warning-emphasis { + color: var(--bs-warning-text-emphasis) !important; +} + +.text-danger-emphasis { + color: var(--bs-danger-text-emphasis) !important; +} + +.text-light-emphasis { + color: var(--bs-light-text-emphasis) !important; +} + +.text-dark-emphasis { + color: var(--bs-dark-text-emphasis) !important; +} + .link-opacity-10 { --bs-link-opacity: 0.1; } @@ -20047,27 +20860,51 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { .bg-white { --bs-bg-opacity: 1; - background-color: #fff !important; + background-color: var(--bs-white) !important; } .bg-body { --bs-bg-opacity: 1; - background-color: #f5f5f9 !important; + background-color: var(--bs-body-bg) !important; } .bg-transparent { --bs-bg-opacity: 1; - background-color: rgba(0, 0, 0, 0) !important; + 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-lighter { --bs-bg-opacity: 1; - background-color: #f2f3f3 !important; + background-color: color-mix( + in sRGB, + var(--bs-base-color) 6%, + var(--bs-paper-bg) + ) !important; } .bg-lightest { --bs-bg-opacity: 1; - background-color: #f9fafa !important; + background-color: color-mix( + in sRGB, + var(--bs-base-color) 2.5%, + var(--bs-paper-bg) + ) !important; } .bg-opacity-10 { @@ -20147,7 +20984,7 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .rounded { - border-radius: 0.375rem !important; + border-radius: var(--bs-border-radius) !important; } .rounded-0 { @@ -20155,15 +20992,23 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .rounded-1 { - border-radius: 0.25rem !important; + border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { - border-radius: 0.375rem !important; + border-radius: var(--bs-border-radius) !important; } .rounded-3 { - border-radius: 0.5rem !important; + 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-xxl) !important; } .rounded-circle { @@ -20171,17 +21016,203 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } .rounded-pill { - border-radius: 50rem !important; + border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; + border-start-start-radius: var(--bs-border-radius) !important; + border-start-end-radius: var(--bs-border-radius) !important; +} + +.rounded-top-0 { + border-start-start-radius: 0 !important; + border-start-end-radius: 0 !important; +} + +.rounded-top-1 { + border-start-start-radius: var(--bs-border-radius-sm) !important; + border-start-end-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-top-2 { + border-start-start-radius: var(--bs-border-radius) !important; + border-start-end-radius: var(--bs-border-radius) !important; +} + +.rounded-top-3 { + border-start-start-radius: var(--bs-border-radius-lg) !important; + border-start-end-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-top-4 { + border-start-start-radius: var(--bs-border-radius-xl) !important; + border-start-end-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-top-5 { + border-start-start-radius: var(--bs-border-radius-xxl) !important; + border-start-end-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-top-circle { + border-start-start-radius: 50% !important; + border-start-end-radius: 50% !important; +} + +.rounded-top-pill { + border-start-start-radius: var(--bs-border-radius-pill) !important; + border-start-end-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-end { + border-start-end-radius: var(--bs-border-radius) !important; + border-end-end-radius: var(--bs-border-radius) !important; +} + +.rounded-end-0 { + border-start-end-radius: 0 !important; + border-end-end-radius: 0 !important; +} + +.rounded-end-1 { + border-start-end-radius: var(--bs-border-radius-sm) !important; + border-end-end-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-end-2 { + border-start-end-radius: var(--bs-border-radius) !important; + border-end-end-radius: var(--bs-border-radius) !important; +} + +.rounded-end-3 { + border-start-end-radius: var(--bs-border-radius-lg) !important; + border-end-end-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-end-4 { + border-start-end-radius: var(--bs-border-radius-xl) !important; + border-end-end-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-end-5 { + border-start-end-radius: var(--bs-border-radius-xxl) !important; + border-end-end-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-end-circle { + border-start-end-radius: 50% !important; + border-end-end-radius: 50% !important; +} + +.rounded-end-pill { + border-start-end-radius: var(--bs-border-radius-pill) !important; + border-end-end-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + border-end-end-radius: var(--bs-border-radius) !important; + border-end-start-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-0 { + border-end-end-radius: 0 !important; + border-end-start-radius: 0 !important; +} + +.rounded-bottom-1 { + border-end-end-radius: var(--bs-border-radius-sm) !important; + border-end-start-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-bottom-2 { + border-end-end-radius: var(--bs-border-radius) !important; + border-end-start-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-3 { + border-end-end-radius: var(--bs-border-radius-lg) !important; + border-end-start-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-bottom-4 { + border-end-end-radius: var(--bs-border-radius-xl) !important; + border-end-start-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-bottom-5 { + border-end-end-radius: var(--bs-border-radius-xxl) !important; + border-end-start-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-bottom-circle { + border-end-end-radius: 50% !important; + border-end-start-radius: 50% !important; +} + +.rounded-bottom-pill { + border-end-end-radius: var(--bs-border-radius-pill) !important; + border-end-start-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-start { + border-end-start-radius: var(--bs-border-radius) !important; + border-start-start-radius: var(--bs-border-radius) !important; +} + +.rounded-start-0 { + border-end-start-radius: 0 !important; + border-start-start-radius: 0 !important; +} + +.rounded-start-1 { + border-end-start-radius: var(--bs-border-radius-sm) !important; + border-start-start-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-start-2 { + border-end-start-radius: var(--bs-border-radius) !important; + border-start-start-radius: var(--bs-border-radius) !important; +} + +.rounded-start-3 { + border-end-start-radius: var(--bs-border-radius-lg) !important; + border-start-start-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-start-4 { + border-end-start-radius: var(--bs-border-radius-xl) !important; + border-start-start-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-start-5 { + border-end-start-radius: var(--bs-border-radius-xxl) !important; + border-start-start-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-start-circle { + border-end-start-radius: 50% !important; + border-start-start-radius: 50% !important; +} + +.rounded-start-pill { + border-end-start-radius: var(--bs-border-radius-pill) !important; + border-start-start-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-start-top { + border-start-start-radius: 0.375rem !important; +} + +.rounded-start-bottom { + border-end-start-radius: 0.375rem !important; +} + +.rounded-end-top { + border-start-end-radius: 0.375rem !important; +} + +.rounded-end-bottom { + border-end-end-radius: 0.375rem !important; } .visible { @@ -20220,6 +21251,34 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { z-index: 5 !important; } +.rotate-0 { + transform: var(--bs-rotate-0, rotate(0deg)) !important; +} + +.rotate-90 { + transform: var(--bs-rotate-90, rotate(90deg)) !important; +} + +.rotate-180 { + transform: var(--bs-rotate-180, rotate(180deg)) !important; +} + +.rotate-270 { + transform: var(--bs-rotate-270, rotate(270deg)) !important; +} + +.rotate-n90 { + transform: var(--bs-rotate-n90, rotate(-90deg)) !important; +} + +.rotate-n180 { + transform: var(--bs-rotate-n180, rotate(-180deg)) !important; +} + +.rotate-n270 { + transform: var(--bs-rotate-n270, rotate(-270deg)) !important; +} + .cursor-pointer { cursor: pointer !important; } @@ -20233,14633 +21292,6998 @@ html:not([dir="rtl"]) .toast.bs-toast .toast-header .btn-close { } @media (min-width: 576px) { + .float-sm-start { + float: inline-start !important; + } + .float-sm-end { + float: inline-end !important; + } + .float-sm-none { + float: none !important; + } .object-fit-sm-contain { object-fit: contain !important; } - .object-fit-sm-cover { object-fit: cover !important; } - .object-fit-sm-fill { object-fit: fill !important; } - .object-fit-sm-scale { object-fit: scale-down !important; } - .object-fit-sm-none { object-fit: none !important; } - .d-sm-inline { display: inline !important; } - .d-sm-inline-block { display: inline-block !important; } - .d-sm-block { display: block !important; } - .d-sm-grid { display: grid !important; } - .d-sm-table { display: table !important; } - .d-sm-table-row { display: table-row !important; } - .d-sm-table-cell { display: table-cell !important; } - .d-sm-flex { display: flex !important; } - .d-sm-inline-flex { display: inline-flex !important; } - .d-sm-none { display: none !important; } - .border-sm-solid { border-style: solid !important; } - .border-sm-dashed { border-style: dashed !important; } - .border-sm-none { border-style: none !important; } - .flex-sm-fill { flex: 1 1 auto !important; } - .flex-sm-row { flex-direction: row !important; } - .flex-sm-column { flex-direction: column !important; } - .flex-sm-row-reverse { flex-direction: row-reverse !important; } - .flex-sm-column-reverse { flex-direction: column-reverse !important; } - .flex-sm-grow-0 { flex-grow: 0 !important; } - .flex-sm-grow-1 { flex-grow: 1 !important; } - .flex-sm-shrink-0 { flex-shrink: 0 !important; } - .flex-sm-shrink-1 { flex-shrink: 1 !important; } - .flex-sm-wrap { flex-wrap: wrap !important; } - .flex-sm-nowrap { flex-wrap: nowrap !important; } - .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } - .justify-content-sm-start { justify-content: flex-start !important; } - .justify-content-sm-end { justify-content: flex-end !important; } - .justify-content-sm-center { justify-content: center !important; } - .justify-content-sm-between { justify-content: space-between !important; } - .justify-content-sm-around { justify-content: space-around !important; } - .justify-content-sm-evenly { justify-content: space-evenly !important; } - .align-items-sm-start { align-items: flex-start !important; } - .align-items-sm-end { align-items: flex-end !important; } - .align-items-sm-center { align-items: center !important; } - .align-items-sm-baseline { align-items: baseline !important; } - .align-items-sm-stretch { align-items: stretch !important; } - .align-content-sm-start { align-content: flex-start !important; } - .align-content-sm-end { align-content: flex-end !important; } - .align-content-sm-center { align-content: center !important; } - .align-content-sm-between { align-content: space-between !important; } - .align-content-sm-around { align-content: space-around !important; } - .align-content-sm-stretch { align-content: stretch !important; } - .align-self-sm-auto { align-self: auto !important; } - .align-self-sm-start { align-self: flex-start !important; } - .align-self-sm-end { align-self: flex-end !important; } - .align-self-sm-center { align-self: center !important; } - .align-self-sm-baseline { align-self: baseline !important; } - .align-self-sm-stretch { align-self: stretch !important; } - .order-sm-first { order: -1 !important; } - .order-sm-0 { order: 0 !important; } - .order-sm-1 { order: 1 !important; } - .order-sm-2 { order: 2 !important; } - .order-sm-3 { order: 3 !important; } - .order-sm-4 { order: 4 !important; } - .order-sm-5 { order: 5 !important; } - .order-sm-last { order: 6 !important; } - .m-sm-0 { margin: 0 !important; } - .m-sm-50 { margin: 0.125rem !important; } - .m-sm-1 { margin: 0.25rem !important; } - .m-sm-1_5 { margin: 0.375rem !important; } - .m-sm-2 { margin: 0.5rem !important; } - .m-sm-3 { margin: 0.75rem !important; } - .m-sm-4 { margin: 1rem !important; } - .m-sm-5 { margin: 1.25rem !important; } - .m-sm-6 { margin: 1.5rem !important; } - .m-sm-7 { margin: 1.75rem !important; } - .m-sm-8 { margin: 2rem !important; } - .m-sm-9 { margin: 2.25rem !important; } - .m-sm-10 { margin: 2.5rem !important; } - .m-sm-11 { margin: 2.75rem !important; } - .m-sm-12 { margin: 3rem !important; } - .m-sm-auto { margin: auto !important; } - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; } - .mx-sm-50 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; } - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; } - .mx-sm-1_5 { - margin-right: 0.375rem !important; - margin-left: 0.375rem !important; + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; } - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; } - .mx-sm-3 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; } - .mx-sm-4 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; } - .mx-sm-5 { - margin-right: 1.25rem !important; - margin-left: 1.25rem !important; + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; } - .mx-sm-6 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; } - .mx-sm-7 { - margin-right: 1.75rem !important; - margin-left: 1.75rem !important; + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; } - .mx-sm-8 { - margin-right: 2rem !important; - margin-left: 2rem !important; + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; } - .mx-sm-9 { - margin-right: 2.25rem !important; - margin-left: 2.25rem !important; + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; } - .mx-sm-10 { - margin-right: 2.5rem !important; - margin-left: 2.5rem !important; + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; } - .mx-sm-11 { - margin-right: 2.75rem !important; - margin-left: 2.75rem !important; + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; } - .mx-sm-12 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; } - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-inline-end: auto !important; + margin-inline-start: auto !important; } - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-block-start: 0 !important; + margin-block-end: 0 !important; } - .my-sm-50 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .my-sm-1_5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .my-sm-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .my-sm-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; } - .my-sm-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .my-sm-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .my-sm-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .my-sm-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; } - .my-sm-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .my-sm-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .my-sm-11 { - margin-top: 2.75rem !important; - margin-bottom: 2.75rem !important; + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .my-sm-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; } - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-block-start: auto !important; + margin-block-end: auto !important; } - .mt-sm-0 { - margin-top: 0 !important; + margin-block-start: 0 !important; } - .mt-sm-50 { - margin-top: 0.125rem !important; + margin-block-start: 0.125rem !important; } - .mt-sm-1 { - margin-top: 0.25rem !important; + margin-block-start: 0.25rem !important; } - .mt-sm-1_5 { - margin-top: 0.375rem !important; + margin-block-start: 0.375rem !important; } - .mt-sm-2 { - margin-top: 0.5rem !important; + margin-block-start: 0.5rem !important; } - .mt-sm-3 { - margin-top: 0.75rem !important; + margin-block-start: 0.75rem !important; } - .mt-sm-4 { - margin-top: 1rem !important; + margin-block-start: 1rem !important; } - .mt-sm-5 { - margin-top: 1.25rem !important; + margin-block-start: 1.25rem !important; } - .mt-sm-6 { - margin-top: 1.5rem !important; + margin-block-start: 1.5rem !important; } - .mt-sm-7 { - margin-top: 1.75rem !important; + margin-block-start: 1.75rem !important; } - .mt-sm-8 { - margin-top: 2rem !important; + margin-block-start: 2rem !important; } - .mt-sm-9 { - margin-top: 2.25rem !important; + margin-block-start: 2.25rem !important; } - .mt-sm-10 { - margin-top: 2.5rem !important; + margin-block-start: 2.5rem !important; } - .mt-sm-11 { - margin-top: 2.75rem !important; + margin-block-start: 2.75rem !important; } - .mt-sm-12 { - margin-top: 3rem !important; + margin-block-start: 3rem !important; } - .mt-sm-auto { - margin-top: auto !important; + margin-block-start: auto !important; + } + .me-sm-0 { + margin-inline-end: 0 !important; + } + .me-sm-50 { + margin-inline-end: 0.125rem !important; + } + .me-sm-1 { + margin-inline-end: 0.25rem !important; + } + .me-sm-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-sm-2 { + margin-inline-end: 0.5rem !important; + } + .me-sm-3 { + margin-inline-end: 0.75rem !important; + } + .me-sm-4 { + margin-inline-end: 1rem !important; + } + .me-sm-5 { + margin-inline-end: 1.25rem !important; + } + .me-sm-6 { + margin-inline-end: 1.5rem !important; + } + .me-sm-7 { + margin-inline-end: 1.75rem !important; + } + .me-sm-8 { + margin-inline-end: 2rem !important; + } + .me-sm-9 { + margin-inline-end: 2.25rem !important; + } + .me-sm-10 { + margin-inline-end: 2.5rem !important; + } + .me-sm-11 { + margin-inline-end: 2.75rem !important; + } + .me-sm-12 { + margin-inline-end: 3rem !important; + } + .me-sm-auto { + margin-inline-end: auto !important; } - .mb-sm-0 { - margin-bottom: 0 !important; + margin-block-end: 0 !important; } - .mb-sm-50 { - margin-bottom: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .mb-sm-1 { - margin-bottom: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .mb-sm-1_5 { - margin-bottom: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .mb-sm-2 { - margin-bottom: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .mb-sm-3 { - margin-bottom: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .mb-sm-4 { - margin-bottom: 1rem !important; + margin-block-end: 1rem !important; } - .mb-sm-5 { - margin-bottom: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .mb-sm-6 { - margin-bottom: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .mb-sm-7 { - margin-bottom: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .mb-sm-8 { - margin-bottom: 2rem !important; + margin-block-end: 2rem !important; } - .mb-sm-9 { - margin-bottom: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .mb-sm-10 { - margin-bottom: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .mb-sm-11 { - margin-bottom: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .mb-sm-12 { - margin-bottom: 3rem !important; + margin-block-end: 3rem !important; } - .mb-sm-auto { - margin-bottom: auto !important; + margin-block-end: auto !important; + } + .ms-sm-0 { + margin-inline-start: 0 !important; + } + .ms-sm-50 { + margin-inline-start: 0.125rem !important; + } + .ms-sm-1 { + margin-inline-start: 0.25rem !important; + } + .ms-sm-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-sm-2 { + margin-inline-start: 0.5rem !important; + } + .ms-sm-3 { + margin-inline-start: 0.75rem !important; + } + .ms-sm-4 { + margin-inline-start: 1rem !important; + } + .ms-sm-5 { + margin-inline-start: 1.25rem !important; + } + .ms-sm-6 { + margin-inline-start: 1.5rem !important; + } + .ms-sm-7 { + margin-inline-start: 1.75rem !important; + } + .ms-sm-8 { + margin-inline-start: 2rem !important; + } + .ms-sm-9 { + margin-inline-start: 2.25rem !important; + } + .ms-sm-10 { + margin-inline-start: 2.5rem !important; + } + .ms-sm-11 { + margin-inline-start: 2.75rem !important; + } + .ms-sm-12 { + margin-inline-start: 3rem !important; + } + .ms-sm-auto { + margin-inline-start: auto !important; } - .m-sm-n50 { margin: -0.125rem !important; } - .m-sm-n1 { margin: -0.25rem !important; } - .m-sm-n1_5 { margin: -0.375rem !important; } - .m-sm-n2 { margin: -0.5rem !important; } - .m-sm-n3 { margin: -0.75rem !important; } - .m-sm-n4 { margin: -1rem !important; } - .m-sm-n5 { margin: -1.25rem !important; } - .m-sm-n6 { margin: -1.5rem !important; } - .m-sm-n7 { margin: -1.75rem !important; } - .m-sm-n8 { margin: -2rem !important; } - .m-sm-n9 { margin: -2.25rem !important; } - .m-sm-n10 { margin: -2.5rem !important; } - .m-sm-n11 { margin: -2.75rem !important; } - .m-sm-n12 { margin: -3rem !important; } - .mx-sm-n50 { - margin-right: -0.125rem !important; - margin-left: -0.125rem !important; + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; } - .mx-sm-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; } - .mx-sm-n1_5 { - margin-right: -0.375rem !important; - margin-left: -0.375rem !important; + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; } - .mx-sm-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; } - .mx-sm-n3 { - margin-right: -0.75rem !important; - margin-left: -0.75rem !important; + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; } - .mx-sm-n4 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; } - .mx-sm-n5 { - margin-right: -1.25rem !important; - margin-left: -1.25rem !important; + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; } - .mx-sm-n6 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; } - .mx-sm-n7 { - margin-right: -1.75rem !important; - margin-left: -1.75rem !important; + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; } - .mx-sm-n8 { - margin-right: -2rem !important; - margin-left: -2rem !important; + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; } - .mx-sm-n9 { - margin-right: -2.25rem !important; - margin-left: -2.25rem !important; + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; } - .mx-sm-n10 { - margin-right: -2.5rem !important; - margin-left: -2.5rem !important; + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; } - .mx-sm-n11 { - margin-right: -2.75rem !important; - margin-left: -2.75rem !important; + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; } - .mx-sm-n12 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; } - .my-sm-n50 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .my-sm-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .my-sm-n1_5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .my-sm-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .my-sm-n3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .my-sm-n4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; } - .my-sm-n5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .my-sm-n6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .my-sm-n7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .my-sm-n8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; } - .my-sm-n9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .my-sm-n10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .my-sm-n11 { - margin-top: -2.75rem !important; - margin-bottom: -2.75rem !important; + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .my-sm-n12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; } - .mt-sm-n50 { - margin-top: -0.125rem !important; + margin-block-start: -0.125rem !important; } - .mt-sm-n1 { - margin-top: -0.25rem !important; + margin-block-start: -0.25rem !important; } - .mt-sm-n1_5 { - margin-top: -0.375rem !important; + margin-block-start: -0.375rem !important; } - .mt-sm-n2 { - margin-top: -0.5rem !important; + margin-block-start: -0.5rem !important; } - .mt-sm-n3 { - margin-top: -0.75rem !important; + margin-block-start: -0.75rem !important; } - .mt-sm-n4 { - margin-top: -1rem !important; + margin-block-start: -1rem !important; } - .mt-sm-n5 { - margin-top: -1.25rem !important; + margin-block-start: -1.25rem !important; } - .mt-sm-n6 { - margin-top: -1.5rem !important; + margin-block-start: -1.5rem !important; } - .mt-sm-n7 { - margin-top: -1.75rem !important; + margin-block-start: -1.75rem !important; } - .mt-sm-n8 { - margin-top: -2rem !important; + margin-block-start: -2rem !important; } - .mt-sm-n9 { - margin-top: -2.25rem !important; + margin-block-start: -2.25rem !important; } - .mt-sm-n10 { - margin-top: -2.5rem !important; + margin-block-start: -2.5rem !important; } - .mt-sm-n11 { - margin-top: -2.75rem !important; + margin-block-start: -2.75rem !important; } - .mt-sm-n12 { - margin-top: -3rem !important; + margin-block-start: -3rem !important; + } + .me-sm-n50 { + margin-inline-end: -0.125rem !important; + } + .me-sm-n1 { + margin-inline-end: -0.25rem !important; + } + .me-sm-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-sm-n2 { + margin-inline-end: -0.5rem !important; + } + .me-sm-n3 { + margin-inline-end: -0.75rem !important; + } + .me-sm-n4 { + margin-inline-end: -1rem !important; + } + .me-sm-n5 { + margin-inline-end: -1.25rem !important; + } + .me-sm-n6 { + margin-inline-end: -1.5rem !important; + } + .me-sm-n7 { + margin-inline-end: -1.75rem !important; + } + .me-sm-n8 { + margin-inline-end: -2rem !important; + } + .me-sm-n9 { + margin-inline-end: -2.25rem !important; + } + .me-sm-n10 { + margin-inline-end: -2.5rem !important; + } + .me-sm-n11 { + margin-inline-end: -2.75rem !important; + } + .me-sm-n12 { + margin-inline-end: -3rem !important; } - .mb-sm-n50 { - margin-bottom: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .mb-sm-n1 { - margin-bottom: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .mb-sm-n1_5 { - margin-bottom: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .mb-sm-n2 { - margin-bottom: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .mb-sm-n3 { - margin-bottom: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .mb-sm-n4 { - margin-bottom: -1rem !important; + margin-block-end: -1rem !important; } - .mb-sm-n5 { - margin-bottom: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .mb-sm-n6 { - margin-bottom: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .mb-sm-n7 { - margin-bottom: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .mb-sm-n8 { - margin-bottom: -2rem !important; + margin-block-end: -2rem !important; } - .mb-sm-n9 { - margin-bottom: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .mb-sm-n10 { - margin-bottom: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .mb-sm-n11 { - margin-bottom: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .mb-sm-n12 { - margin-bottom: -3rem !important; + margin-block-end: -3rem !important; + } + .ms-sm-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-sm-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-sm-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-sm-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-sm-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-sm-n4 { + margin-inline-start: -1rem !important; + } + .ms-sm-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-sm-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-sm-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-sm-n8 { + margin-inline-start: -2rem !important; + } + .ms-sm-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-sm-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-sm-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-sm-n12 { + margin-inline-start: -3rem !important; } - .p-sm-0 { padding: 0 !important; } - .p-sm-50 { padding: 0.125rem !important; } - .p-sm-1 { padding: 0.25rem !important; } - .p-sm-1_5 { padding: 0.375rem !important; } - .p-sm-2 { padding: 0.5rem !important; } - .p-sm-3 { padding: 0.75rem !important; } - .p-sm-4 { padding: 1rem !important; } - .p-sm-5 { padding: 1.25rem !important; } - .p-sm-6 { padding: 1.5rem !important; } - .p-sm-7 { padding: 1.75rem !important; } - .p-sm-8 { padding: 2rem !important; } - .p-sm-9 { padding: 2.25rem !important; } - .p-sm-10 { padding: 2.5rem !important; } - .p-sm-11 { padding: 2.75rem !important; } - .p-sm-12 { padding: 3rem !important; } - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; } - .px-sm-50 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; } - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; } - .px-sm-1_5 { - padding-right: 0.375rem !important; - padding-left: 0.375rem !important; + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; } - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; } - .px-sm-3 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; } - .px-sm-4 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; } - .px-sm-5 { - padding-right: 1.25rem !important; - padding-left: 1.25rem !important; + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; } - .px-sm-6 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; } - .px-sm-7 { - padding-right: 1.75rem !important; - padding-left: 1.75rem !important; + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; } - .px-sm-8 { - padding-right: 2rem !important; - padding-left: 2rem !important; + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; } - .px-sm-9 { - padding-right: 2.25rem !important; - padding-left: 2.25rem !important; + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; } - .px-sm-10 { - padding-right: 2.5rem !important; - padding-left: 2.5rem !important; + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; } - .px-sm-11 { - padding-right: 2.75rem !important; - padding-left: 2.75rem !important; + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; } - .px-sm-12 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; } - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-block-start: 0 !important; + padding-block-end: 0 !important; } - .py-sm-50 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .py-sm-1_5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .py-sm-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .py-sm-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; } - .py-sm-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .py-sm-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .py-sm-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .py-sm-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; } - .py-sm-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .py-sm-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .py-sm-11 { - padding-top: 2.75rem !important; - padding-bottom: 2.75rem !important; + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .py-sm-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; } - .pt-sm-0 { - padding-top: 0 !important; + padding-block-start: 0 !important; } - .pt-sm-50 { - padding-top: 0.125rem !important; + padding-block-start: 0.125rem !important; } - .pt-sm-1 { - padding-top: 0.25rem !important; + padding-block-start: 0.25rem !important; } - .pt-sm-1_5 { - padding-top: 0.375rem !important; + padding-block-start: 0.375rem !important; } - .pt-sm-2 { - padding-top: 0.5rem !important; + padding-block-start: 0.5rem !important; } - .pt-sm-3 { - padding-top: 0.75rem !important; + padding-block-start: 0.75rem !important; } - .pt-sm-4 { - padding-top: 1rem !important; + padding-block-start: 1rem !important; } - .pt-sm-5 { - padding-top: 1.25rem !important; + padding-block-start: 1.25rem !important; } - .pt-sm-6 { - padding-top: 1.5rem !important; + padding-block-start: 1.5rem !important; } - .pt-sm-7 { - padding-top: 1.75rem !important; + padding-block-start: 1.75rem !important; } - .pt-sm-8 { - padding-top: 2rem !important; + padding-block-start: 2rem !important; } - .pt-sm-9 { - padding-top: 2.25rem !important; + padding-block-start: 2.25rem !important; } - .pt-sm-10 { - padding-top: 2.5rem !important; + padding-block-start: 2.5rem !important; } - .pt-sm-11 { - padding-top: 2.75rem !important; + padding-block-start: 2.75rem !important; } - .pt-sm-12 { - padding-top: 3rem !important; + padding-block-start: 3rem !important; + } + .pe-sm-0 { + padding-inline-end: 0 !important; + } + .pe-sm-50 { + padding-inline-end: 0.125rem !important; + } + .pe-sm-1 { + padding-inline-end: 0.25rem !important; + } + .pe-sm-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-sm-2 { + padding-inline-end: 0.5rem !important; + } + .pe-sm-3 { + padding-inline-end: 0.75rem !important; + } + .pe-sm-4 { + padding-inline-end: 1rem !important; + } + .pe-sm-5 { + padding-inline-end: 1.25rem !important; + } + .pe-sm-6 { + padding-inline-end: 1.5rem !important; + } + .pe-sm-7 { + padding-inline-end: 1.75rem !important; + } + .pe-sm-8 { + padding-inline-end: 2rem !important; + } + .pe-sm-9 { + padding-inline-end: 2.25rem !important; + } + .pe-sm-10 { + padding-inline-end: 2.5rem !important; + } + .pe-sm-11 { + padding-inline-end: 2.75rem !important; + } + .pe-sm-12 { + padding-inline-end: 3rem !important; } - .pb-sm-0 { - padding-bottom: 0 !important; + padding-block-end: 0 !important; } - .pb-sm-50 { - padding-bottom: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .pb-sm-1 { - padding-bottom: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .pb-sm-1_5 { - padding-bottom: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .pb-sm-2 { - padding-bottom: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .pb-sm-3 { - padding-bottom: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .pb-sm-4 { - padding-bottom: 1rem !important; + padding-block-end: 1rem !important; } - .pb-sm-5 { - padding-bottom: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .pb-sm-6 { - padding-bottom: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .pb-sm-7 { - padding-bottom: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .pb-sm-8 { - padding-bottom: 2rem !important; + padding-block-end: 2rem !important; } - .pb-sm-9 { - padding-bottom: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .pb-sm-10 { - padding-bottom: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .pb-sm-11 { - padding-bottom: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .pb-sm-12 { - padding-bottom: 3rem !important; + padding-block-end: 3rem !important; + } + .ps-sm-0 { + padding-inline-start: 0 !important; + } + .ps-sm-50 { + padding-inline-start: 0.125rem !important; + } + .ps-sm-1 { + padding-inline-start: 0.25rem !important; + } + .ps-sm-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-sm-2 { + padding-inline-start: 0.5rem !important; + } + .ps-sm-3 { + padding-inline-start: 0.75rem !important; + } + .ps-sm-4 { + padding-inline-start: 1rem !important; + } + .ps-sm-5 { + padding-inline-start: 1.25rem !important; + } + .ps-sm-6 { + padding-inline-start: 1.5rem !important; + } + .ps-sm-7 { + padding-inline-start: 1.75rem !important; + } + .ps-sm-8 { + padding-inline-start: 2rem !important; + } + .ps-sm-9 { + padding-inline-start: 2.25rem !important; + } + .ps-sm-10 { + padding-inline-start: 2.5rem !important; + } + .ps-sm-11 { + padding-inline-start: 2.75rem !important; + } + .ps-sm-12 { + padding-inline-start: 3rem !important; } - .gap-sm-0 { gap: 0 !important; } - .gap-sm-50 { gap: 0.125rem !important; } - .gap-sm-1 { gap: 0.25rem !important; } - .gap-sm-1_5 { gap: 0.375rem !important; } - .gap-sm-2 { gap: 0.5rem !important; } - .gap-sm-3 { gap: 0.75rem !important; } - .gap-sm-4 { gap: 1rem !important; } - .gap-sm-5 { gap: 1.25rem !important; } - .gap-sm-6 { gap: 1.5rem !important; } - .gap-sm-7 { gap: 1.75rem !important; } - .gap-sm-8 { gap: 2rem !important; } - .gap-sm-9 { gap: 2.25rem !important; } - .gap-sm-10 { gap: 2.5rem !important; } - .gap-sm-11 { gap: 2.75rem !important; } - .gap-sm-12 { gap: 3rem !important; } - .row-gap-sm-0 { row-gap: 0 !important; } - .row-gap-sm-50 { row-gap: 0.125rem !important; } - .row-gap-sm-1 { row-gap: 0.25rem !important; } - .row-gap-sm-1_5 { row-gap: 0.375rem !important; } - .row-gap-sm-2 { row-gap: 0.5rem !important; } - .row-gap-sm-3 { row-gap: 0.75rem !important; } - .row-gap-sm-4 { row-gap: 1rem !important; } - .row-gap-sm-5 { row-gap: 1.25rem !important; } - .row-gap-sm-6 { row-gap: 1.5rem !important; } - .row-gap-sm-7 { row-gap: 1.75rem !important; } - .row-gap-sm-8 { row-gap: 2rem !important; } - .row-gap-sm-9 { row-gap: 2.25rem !important; } - .row-gap-sm-10 { row-gap: 2.5rem !important; } - .row-gap-sm-11 { row-gap: 2.75rem !important; } - .row-gap-sm-12 { row-gap: 3rem !important; } - .column-gap-sm-0 { column-gap: 0 !important; } - .column-gap-sm-50 { column-gap: 0.125rem !important; } - .column-gap-sm-1 { column-gap: 0.25rem !important; } - .column-gap-sm-1_5 { column-gap: 0.375rem !important; } - .column-gap-sm-2 { column-gap: 0.5rem !important; } - .column-gap-sm-3 { column-gap: 0.75rem !important; } - .column-gap-sm-4 { column-gap: 1rem !important; } - .column-gap-sm-5 { column-gap: 1.25rem !important; } - .column-gap-sm-6 { column-gap: 1.5rem !important; } - .column-gap-sm-7 { column-gap: 1.75rem !important; } - .column-gap-sm-8 { column-gap: 2rem !important; } - .column-gap-sm-9 { column-gap: 2.25rem !important; } - .column-gap-sm-10 { column-gap: 2.5rem !important; } - .column-gap-sm-11 { column-gap: 2.75rem !important; } - .column-gap-sm-12 { column-gap: 3rem !important; } + .text-sm-start { + text-align: start !important; + } + .text-sm-end { + text-align: end !important; + } + .text-sm-center { + text-align: center !important; + } } - @media (min-width: 768px) { + .float-md-start { + float: inline-start !important; + } + .float-md-end { + float: inline-end !important; + } + .float-md-none { + float: none !important; + } .object-fit-md-contain { object-fit: contain !important; } - .object-fit-md-cover { object-fit: cover !important; } - .object-fit-md-fill { object-fit: fill !important; } - .object-fit-md-scale { object-fit: scale-down !important; } - .object-fit-md-none { object-fit: none !important; } - .d-md-inline { display: inline !important; } - .d-md-inline-block { display: inline-block !important; } - .d-md-block { display: block !important; } - .d-md-grid { display: grid !important; } - .d-md-table { display: table !important; } - .d-md-table-row { display: table-row !important; } - .d-md-table-cell { display: table-cell !important; } - .d-md-flex { display: flex !important; } - .d-md-inline-flex { display: inline-flex !important; } - .d-md-none { display: none !important; } - .border-md-solid { border-style: solid !important; } - .border-md-dashed { border-style: dashed !important; } - .border-md-none { border-style: none !important; } - .flex-md-fill { flex: 1 1 auto !important; } - .flex-md-row { flex-direction: row !important; } - .flex-md-column { flex-direction: column !important; } - .flex-md-row-reverse { flex-direction: row-reverse !important; } - .flex-md-column-reverse { flex-direction: column-reverse !important; } - .flex-md-grow-0 { flex-grow: 0 !important; } - .flex-md-grow-1 { flex-grow: 1 !important; } - .flex-md-shrink-0 { flex-shrink: 0 !important; } - .flex-md-shrink-1 { flex-shrink: 1 !important; } - .flex-md-wrap { flex-wrap: wrap !important; } - .flex-md-nowrap { flex-wrap: nowrap !important; } - .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } - .justify-content-md-start { justify-content: flex-start !important; } - .justify-content-md-end { justify-content: flex-end !important; } - .justify-content-md-center { justify-content: center !important; } - .justify-content-md-between { justify-content: space-between !important; } - .justify-content-md-around { justify-content: space-around !important; } - .justify-content-md-evenly { justify-content: space-evenly !important; } - .align-items-md-start { align-items: flex-start !important; } - .align-items-md-end { align-items: flex-end !important; } - .align-items-md-center { align-items: center !important; } - .align-items-md-baseline { align-items: baseline !important; } - .align-items-md-stretch { align-items: stretch !important; } - .align-content-md-start { align-content: flex-start !important; } - .align-content-md-end { align-content: flex-end !important; } - .align-content-md-center { align-content: center !important; } - .align-content-md-between { align-content: space-between !important; } - .align-content-md-around { align-content: space-around !important; } - .align-content-md-stretch { align-content: stretch !important; } - .align-self-md-auto { align-self: auto !important; } - .align-self-md-start { align-self: flex-start !important; } - .align-self-md-end { align-self: flex-end !important; } - .align-self-md-center { align-self: center !important; } - .align-self-md-baseline { align-self: baseline !important; } - .align-self-md-stretch { align-self: stretch !important; } - .order-md-first { order: -1 !important; } - .order-md-0 { order: 0 !important; } - .order-md-1 { order: 1 !important; } - .order-md-2 { order: 2 !important; } - .order-md-3 { order: 3 !important; } - .order-md-4 { order: 4 !important; } - .order-md-5 { order: 5 !important; } - .order-md-last { order: 6 !important; } - .m-md-0 { margin: 0 !important; } - .m-md-50 { margin: 0.125rem !important; } - .m-md-1 { margin: 0.25rem !important; } - .m-md-1_5 { margin: 0.375rem !important; } - .m-md-2 { margin: 0.5rem !important; } - .m-md-3 { margin: 0.75rem !important; } - .m-md-4 { margin: 1rem !important; } - .m-md-5 { margin: 1.25rem !important; } - .m-md-6 { margin: 1.5rem !important; } - .m-md-7 { margin: 1.75rem !important; } - .m-md-8 { margin: 2rem !important; } - .m-md-9 { margin: 2.25rem !important; } - .m-md-10 { margin: 2.5rem !important; } - .m-md-11 { margin: 2.75rem !important; } - .m-md-12 { margin: 3rem !important; } - .m-md-auto { margin: auto !important; } - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; } - .mx-md-50 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; } - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; } - .mx-md-1_5 { - margin-right: 0.375rem !important; - margin-left: 0.375rem !important; + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; } - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; } - .mx-md-3 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; } - .mx-md-4 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; } - .mx-md-5 { - margin-right: 1.25rem !important; - margin-left: 1.25rem !important; + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; } - .mx-md-6 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; } - .mx-md-7 { - margin-right: 1.75rem !important; - margin-left: 1.75rem !important; + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; } - .mx-md-8 { - margin-right: 2rem !important; - margin-left: 2rem !important; + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; } - .mx-md-9 { - margin-right: 2.25rem !important; - margin-left: 2.25rem !important; + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; } - .mx-md-10 { - margin-right: 2.5rem !important; - margin-left: 2.5rem !important; + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; } - .mx-md-11 { - margin-right: 2.75rem !important; - margin-left: 2.75rem !important; + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; } - .mx-md-12 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; } - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-inline-end: auto !important; + margin-inline-start: auto !important; } - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-block-start: 0 !important; + margin-block-end: 0 !important; } - .my-md-50 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .my-md-1_5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .my-md-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .my-md-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; } - .my-md-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .my-md-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .my-md-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .my-md-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; } - .my-md-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .my-md-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .my-md-11 { - margin-top: 2.75rem !important; - margin-bottom: 2.75rem !important; + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .my-md-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; } - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-block-start: auto !important; + margin-block-end: auto !important; } - .mt-md-0 { - margin-top: 0 !important; + margin-block-start: 0 !important; } - .mt-md-50 { - margin-top: 0.125rem !important; + margin-block-start: 0.125rem !important; } - .mt-md-1 { - margin-top: 0.25rem !important; + margin-block-start: 0.25rem !important; } - .mt-md-1_5 { - margin-top: 0.375rem !important; + margin-block-start: 0.375rem !important; } - .mt-md-2 { - margin-top: 0.5rem !important; + margin-block-start: 0.5rem !important; } - .mt-md-3 { - margin-top: 0.75rem !important; + margin-block-start: 0.75rem !important; } - .mt-md-4 { - margin-top: 1rem !important; + margin-block-start: 1rem !important; } - .mt-md-5 { - margin-top: 1.25rem !important; + margin-block-start: 1.25rem !important; } - .mt-md-6 { - margin-top: 1.5rem !important; + margin-block-start: 1.5rem !important; } - .mt-md-7 { - margin-top: 1.75rem !important; + margin-block-start: 1.75rem !important; } - .mt-md-8 { - margin-top: 2rem !important; + margin-block-start: 2rem !important; } - .mt-md-9 { - margin-top: 2.25rem !important; + margin-block-start: 2.25rem !important; } - .mt-md-10 { - margin-top: 2.5rem !important; + margin-block-start: 2.5rem !important; } - .mt-md-11 { - margin-top: 2.75rem !important; + margin-block-start: 2.75rem !important; } - .mt-md-12 { - margin-top: 3rem !important; + margin-block-start: 3rem !important; } - .mt-md-auto { - margin-top: auto !important; + margin-block-start: auto !important; + } + .me-md-0 { + margin-inline-end: 0 !important; + } + .me-md-50 { + margin-inline-end: 0.125rem !important; + } + .me-md-1 { + margin-inline-end: 0.25rem !important; + } + .me-md-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-md-2 { + margin-inline-end: 0.5rem !important; + } + .me-md-3 { + margin-inline-end: 0.75rem !important; + } + .me-md-4 { + margin-inline-end: 1rem !important; + } + .me-md-5 { + margin-inline-end: 1.25rem !important; + } + .me-md-6 { + margin-inline-end: 1.5rem !important; + } + .me-md-7 { + margin-inline-end: 1.75rem !important; + } + .me-md-8 { + margin-inline-end: 2rem !important; + } + .me-md-9 { + margin-inline-end: 2.25rem !important; + } + .me-md-10 { + margin-inline-end: 2.5rem !important; + } + .me-md-11 { + margin-inline-end: 2.75rem !important; + } + .me-md-12 { + margin-inline-end: 3rem !important; + } + .me-md-auto { + margin-inline-end: auto !important; } - .mb-md-0 { - margin-bottom: 0 !important; + margin-block-end: 0 !important; } - .mb-md-50 { - margin-bottom: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .mb-md-1 { - margin-bottom: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .mb-md-1_5 { - margin-bottom: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .mb-md-2 { - margin-bottom: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .mb-md-3 { - margin-bottom: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .mb-md-4 { - margin-bottom: 1rem !important; + margin-block-end: 1rem !important; } - .mb-md-5 { - margin-bottom: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .mb-md-6 { - margin-bottom: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .mb-md-7 { - margin-bottom: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .mb-md-8 { - margin-bottom: 2rem !important; + margin-block-end: 2rem !important; } - .mb-md-9 { - margin-bottom: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .mb-md-10 { - margin-bottom: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .mb-md-11 { - margin-bottom: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .mb-md-12 { - margin-bottom: 3rem !important; + margin-block-end: 3rem !important; } - .mb-md-auto { - margin-bottom: auto !important; + margin-block-end: auto !important; + } + .ms-md-0 { + margin-inline-start: 0 !important; + } + .ms-md-50 { + margin-inline-start: 0.125rem !important; + } + .ms-md-1 { + margin-inline-start: 0.25rem !important; + } + .ms-md-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-md-2 { + margin-inline-start: 0.5rem !important; + } + .ms-md-3 { + margin-inline-start: 0.75rem !important; + } + .ms-md-4 { + margin-inline-start: 1rem !important; + } + .ms-md-5 { + margin-inline-start: 1.25rem !important; + } + .ms-md-6 { + margin-inline-start: 1.5rem !important; + } + .ms-md-7 { + margin-inline-start: 1.75rem !important; + } + .ms-md-8 { + margin-inline-start: 2rem !important; + } + .ms-md-9 { + margin-inline-start: 2.25rem !important; + } + .ms-md-10 { + margin-inline-start: 2.5rem !important; + } + .ms-md-11 { + margin-inline-start: 2.75rem !important; + } + .ms-md-12 { + margin-inline-start: 3rem !important; + } + .ms-md-auto { + margin-inline-start: auto !important; } - .m-md-n50 { margin: -0.125rem !important; } - .m-md-n1 { margin: -0.25rem !important; } - .m-md-n1_5 { margin: -0.375rem !important; } - .m-md-n2 { margin: -0.5rem !important; } - .m-md-n3 { margin: -0.75rem !important; } - .m-md-n4 { margin: -1rem !important; } - .m-md-n5 { margin: -1.25rem !important; } - .m-md-n6 { margin: -1.5rem !important; } - .m-md-n7 { margin: -1.75rem !important; } - .m-md-n8 { margin: -2rem !important; } - .m-md-n9 { margin: -2.25rem !important; } - .m-md-n10 { margin: -2.5rem !important; } - .m-md-n11 { margin: -2.75rem !important; } - .m-md-n12 { margin: -3rem !important; } - .mx-md-n50 { - margin-right: -0.125rem !important; - margin-left: -0.125rem !important; + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; } - .mx-md-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; } - .mx-md-n1_5 { - margin-right: -0.375rem !important; - margin-left: -0.375rem !important; + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; } - .mx-md-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; } - .mx-md-n3 { - margin-right: -0.75rem !important; - margin-left: -0.75rem !important; + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; } - .mx-md-n4 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; } - .mx-md-n5 { - margin-right: -1.25rem !important; - margin-left: -1.25rem !important; + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; } - .mx-md-n6 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; } - .mx-md-n7 { - margin-right: -1.75rem !important; - margin-left: -1.75rem !important; + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; } - .mx-md-n8 { - margin-right: -2rem !important; - margin-left: -2rem !important; + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; } - .mx-md-n9 { - margin-right: -2.25rem !important; - margin-left: -2.25rem !important; + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; } - .mx-md-n10 { - margin-right: -2.5rem !important; - margin-left: -2.5rem !important; + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; } - .mx-md-n11 { - margin-right: -2.75rem !important; - margin-left: -2.75rem !important; + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; } - .mx-md-n12 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; } - .my-md-n50 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .my-md-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .my-md-n1_5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .my-md-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .my-md-n3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .my-md-n4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; } - .my-md-n5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .my-md-n6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .my-md-n7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .my-md-n8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; } - .my-md-n9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .my-md-n10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .my-md-n11 { - margin-top: -2.75rem !important; - margin-bottom: -2.75rem !important; + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .my-md-n12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; } - .mt-md-n50 { - margin-top: -0.125rem !important; + margin-block-start: -0.125rem !important; } - .mt-md-n1 { - margin-top: -0.25rem !important; + margin-block-start: -0.25rem !important; } - .mt-md-n1_5 { - margin-top: -0.375rem !important; + margin-block-start: -0.375rem !important; } - .mt-md-n2 { - margin-top: -0.5rem !important; + margin-block-start: -0.5rem !important; } - .mt-md-n3 { - margin-top: -0.75rem !important; + margin-block-start: -0.75rem !important; } - .mt-md-n4 { - margin-top: -1rem !important; + margin-block-start: -1rem !important; } - .mt-md-n5 { - margin-top: -1.25rem !important; + margin-block-start: -1.25rem !important; } - .mt-md-n6 { - margin-top: -1.5rem !important; + margin-block-start: -1.5rem !important; } - .mt-md-n7 { - margin-top: -1.75rem !important; + margin-block-start: -1.75rem !important; } - .mt-md-n8 { - margin-top: -2rem !important; + margin-block-start: -2rem !important; } - .mt-md-n9 { - margin-top: -2.25rem !important; + margin-block-start: -2.25rem !important; } - .mt-md-n10 { - margin-top: -2.5rem !important; + margin-block-start: -2.5rem !important; } - .mt-md-n11 { - margin-top: -2.75rem !important; + margin-block-start: -2.75rem !important; } - .mt-md-n12 { - margin-top: -3rem !important; + margin-block-start: -3rem !important; + } + .me-md-n50 { + margin-inline-end: -0.125rem !important; + } + .me-md-n1 { + margin-inline-end: -0.25rem !important; + } + .me-md-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-md-n2 { + margin-inline-end: -0.5rem !important; + } + .me-md-n3 { + margin-inline-end: -0.75rem !important; + } + .me-md-n4 { + margin-inline-end: -1rem !important; + } + .me-md-n5 { + margin-inline-end: -1.25rem !important; + } + .me-md-n6 { + margin-inline-end: -1.5rem !important; + } + .me-md-n7 { + margin-inline-end: -1.75rem !important; + } + .me-md-n8 { + margin-inline-end: -2rem !important; + } + .me-md-n9 { + margin-inline-end: -2.25rem !important; + } + .me-md-n10 { + margin-inline-end: -2.5rem !important; + } + .me-md-n11 { + margin-inline-end: -2.75rem !important; + } + .me-md-n12 { + margin-inline-end: -3rem !important; } - .mb-md-n50 { - margin-bottom: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .mb-md-n1 { - margin-bottom: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .mb-md-n1_5 { - margin-bottom: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .mb-md-n2 { - margin-bottom: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .mb-md-n3 { - margin-bottom: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .mb-md-n4 { - margin-bottom: -1rem !important; + margin-block-end: -1rem !important; } - .mb-md-n5 { - margin-bottom: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .mb-md-n6 { - margin-bottom: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .mb-md-n7 { - margin-bottom: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .mb-md-n8 { - margin-bottom: -2rem !important; + margin-block-end: -2rem !important; } - .mb-md-n9 { - margin-bottom: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .mb-md-n10 { - margin-bottom: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .mb-md-n11 { - margin-bottom: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .mb-md-n12 { - margin-bottom: -3rem !important; + margin-block-end: -3rem !important; + } + .ms-md-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-md-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-md-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-md-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-md-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-md-n4 { + margin-inline-start: -1rem !important; + } + .ms-md-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-md-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-md-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-md-n8 { + margin-inline-start: -2rem !important; + } + .ms-md-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-md-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-md-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-md-n12 { + margin-inline-start: -3rem !important; } - .p-md-0 { padding: 0 !important; } - .p-md-50 { padding: 0.125rem !important; } - .p-md-1 { padding: 0.25rem !important; } - .p-md-1_5 { padding: 0.375rem !important; } - .p-md-2 { padding: 0.5rem !important; } - .p-md-3 { padding: 0.75rem !important; } - .p-md-4 { padding: 1rem !important; } - .p-md-5 { padding: 1.25rem !important; } - .p-md-6 { padding: 1.5rem !important; } - .p-md-7 { padding: 1.75rem !important; } - .p-md-8 { padding: 2rem !important; } - .p-md-9 { padding: 2.25rem !important; } - .p-md-10 { padding: 2.5rem !important; } - .p-md-11 { padding: 2.75rem !important; } - .p-md-12 { padding: 3rem !important; } - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; } - .px-md-50 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; } - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; } - .px-md-1_5 { - padding-right: 0.375rem !important; - padding-left: 0.375rem !important; + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; } - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; } - .px-md-3 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; } - .px-md-4 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; } - .px-md-5 { - padding-right: 1.25rem !important; - padding-left: 1.25rem !important; + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; } - .px-md-6 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; } - .px-md-7 { - padding-right: 1.75rem !important; - padding-left: 1.75rem !important; + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; } - .px-md-8 { - padding-right: 2rem !important; - padding-left: 2rem !important; + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; } - .px-md-9 { - padding-right: 2.25rem !important; - padding-left: 2.25rem !important; + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; } - .px-md-10 { - padding-right: 2.5rem !important; - padding-left: 2.5rem !important; + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; } - .px-md-11 { - padding-right: 2.75rem !important; - padding-left: 2.75rem !important; + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; } - .px-md-12 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; } - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-block-start: 0 !important; + padding-block-end: 0 !important; } - .py-md-50 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .py-md-1_5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .py-md-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .py-md-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; } - .py-md-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .py-md-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .py-md-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .py-md-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; } - .py-md-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .py-md-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .py-md-11 { - padding-top: 2.75rem !important; - padding-bottom: 2.75rem !important; + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .py-md-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; } - .pt-md-0 { - padding-top: 0 !important; + padding-block-start: 0 !important; } - .pt-md-50 { - padding-top: 0.125rem !important; + padding-block-start: 0.125rem !important; } - .pt-md-1 { - padding-top: 0.25rem !important; + padding-block-start: 0.25rem !important; } - .pt-md-1_5 { - padding-top: 0.375rem !important; + padding-block-start: 0.375rem !important; } - .pt-md-2 { - padding-top: 0.5rem !important; + padding-block-start: 0.5rem !important; } - .pt-md-3 { - padding-top: 0.75rem !important; + padding-block-start: 0.75rem !important; } - .pt-md-4 { - padding-top: 1rem !important; + padding-block-start: 1rem !important; } - .pt-md-5 { - padding-top: 1.25rem !important; + padding-block-start: 1.25rem !important; } - .pt-md-6 { - padding-top: 1.5rem !important; + padding-block-start: 1.5rem !important; } - .pt-md-7 { - padding-top: 1.75rem !important; + padding-block-start: 1.75rem !important; } - .pt-md-8 { - padding-top: 2rem !important; + padding-block-start: 2rem !important; } - .pt-md-9 { - padding-top: 2.25rem !important; + padding-block-start: 2.25rem !important; } - .pt-md-10 { - padding-top: 2.5rem !important; + padding-block-start: 2.5rem !important; } - .pt-md-11 { - padding-top: 2.75rem !important; + padding-block-start: 2.75rem !important; } - .pt-md-12 { - padding-top: 3rem !important; + padding-block-start: 3rem !important; + } + .pe-md-0 { + padding-inline-end: 0 !important; + } + .pe-md-50 { + padding-inline-end: 0.125rem !important; + } + .pe-md-1 { + padding-inline-end: 0.25rem !important; + } + .pe-md-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-md-2 { + padding-inline-end: 0.5rem !important; + } + .pe-md-3 { + padding-inline-end: 0.75rem !important; + } + .pe-md-4 { + padding-inline-end: 1rem !important; + } + .pe-md-5 { + padding-inline-end: 1.25rem !important; + } + .pe-md-6 { + padding-inline-end: 1.5rem !important; + } + .pe-md-7 { + padding-inline-end: 1.75rem !important; + } + .pe-md-8 { + padding-inline-end: 2rem !important; + } + .pe-md-9 { + padding-inline-end: 2.25rem !important; + } + .pe-md-10 { + padding-inline-end: 2.5rem !important; + } + .pe-md-11 { + padding-inline-end: 2.75rem !important; + } + .pe-md-12 { + padding-inline-end: 3rem !important; } - .pb-md-0 { - padding-bottom: 0 !important; + padding-block-end: 0 !important; } - .pb-md-50 { - padding-bottom: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .pb-md-1 { - padding-bottom: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .pb-md-1_5 { - padding-bottom: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .pb-md-2 { - padding-bottom: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .pb-md-3 { - padding-bottom: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .pb-md-4 { - padding-bottom: 1rem !important; + padding-block-end: 1rem !important; } - .pb-md-5 { - padding-bottom: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .pb-md-6 { - padding-bottom: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .pb-md-7 { - padding-bottom: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .pb-md-8 { - padding-bottom: 2rem !important; + padding-block-end: 2rem !important; } - .pb-md-9 { - padding-bottom: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .pb-md-10 { - padding-bottom: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .pb-md-11 { - padding-bottom: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .pb-md-12 { - padding-bottom: 3rem !important; + padding-block-end: 3rem !important; + } + .ps-md-0 { + padding-inline-start: 0 !important; + } + .ps-md-50 { + padding-inline-start: 0.125rem !important; + } + .ps-md-1 { + padding-inline-start: 0.25rem !important; + } + .ps-md-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-md-2 { + padding-inline-start: 0.5rem !important; + } + .ps-md-3 { + padding-inline-start: 0.75rem !important; + } + .ps-md-4 { + padding-inline-start: 1rem !important; + } + .ps-md-5 { + padding-inline-start: 1.25rem !important; + } + .ps-md-6 { + padding-inline-start: 1.5rem !important; + } + .ps-md-7 { + padding-inline-start: 1.75rem !important; + } + .ps-md-8 { + padding-inline-start: 2rem !important; + } + .ps-md-9 { + padding-inline-start: 2.25rem !important; + } + .ps-md-10 { + padding-inline-start: 2.5rem !important; + } + .ps-md-11 { + padding-inline-start: 2.75rem !important; + } + .ps-md-12 { + padding-inline-start: 3rem !important; } - .gap-md-0 { gap: 0 !important; } - .gap-md-50 { gap: 0.125rem !important; } - .gap-md-1 { gap: 0.25rem !important; } - .gap-md-1_5 { gap: 0.375rem !important; } - .gap-md-2 { gap: 0.5rem !important; } - .gap-md-3 { gap: 0.75rem !important; } - .gap-md-4 { gap: 1rem !important; } - .gap-md-5 { gap: 1.25rem !important; } - .gap-md-6 { gap: 1.5rem !important; } - .gap-md-7 { gap: 1.75rem !important; } - .gap-md-8 { gap: 2rem !important; } - .gap-md-9 { gap: 2.25rem !important; } - .gap-md-10 { gap: 2.5rem !important; } - .gap-md-11 { gap: 2.75rem !important; } - .gap-md-12 { gap: 3rem !important; } - .row-gap-md-0 { row-gap: 0 !important; } - .row-gap-md-50 { row-gap: 0.125rem !important; } - .row-gap-md-1 { row-gap: 0.25rem !important; } - .row-gap-md-1_5 { row-gap: 0.375rem !important; } - .row-gap-md-2 { row-gap: 0.5rem !important; } - .row-gap-md-3 { row-gap: 0.75rem !important; } - .row-gap-md-4 { row-gap: 1rem !important; } - .row-gap-md-5 { row-gap: 1.25rem !important; } - .row-gap-md-6 { row-gap: 1.5rem !important; } - .row-gap-md-7 { row-gap: 1.75rem !important; } - .row-gap-md-8 { row-gap: 2rem !important; } - .row-gap-md-9 { row-gap: 2.25rem !important; } - .row-gap-md-10 { row-gap: 2.5rem !important; } - .row-gap-md-11 { row-gap: 2.75rem !important; } - .row-gap-md-12 { row-gap: 3rem !important; } - .column-gap-md-0 { column-gap: 0 !important; } - .column-gap-md-50 { column-gap: 0.125rem !important; } - .column-gap-md-1 { column-gap: 0.25rem !important; } - .column-gap-md-1_5 { column-gap: 0.375rem !important; } - .column-gap-md-2 { column-gap: 0.5rem !important; } - .column-gap-md-3 { column-gap: 0.75rem !important; } - .column-gap-md-4 { column-gap: 1rem !important; } - .column-gap-md-5 { column-gap: 1.25rem !important; } - .column-gap-md-6 { column-gap: 1.5rem !important; } - .column-gap-md-7 { column-gap: 1.75rem !important; } - .column-gap-md-8 { column-gap: 2rem !important; } - .column-gap-md-9 { column-gap: 2.25rem !important; } - .column-gap-md-10 { column-gap: 2.5rem !important; } - .column-gap-md-11 { column-gap: 2.75rem !important; } - .column-gap-md-12 { column-gap: 3rem !important; } + .text-md-start { + text-align: start !important; + } + .text-md-end { + text-align: end !important; + } + .text-md-center { + text-align: center !important; + } } - @media (min-width: 992px) { + .float-lg-start { + float: inline-start !important; + } + .float-lg-end { + float: inline-end !important; + } + .float-lg-none { + float: none !important; + } .object-fit-lg-contain { object-fit: contain !important; } - .object-fit-lg-cover { object-fit: cover !important; } - .object-fit-lg-fill { object-fit: fill !important; } - .object-fit-lg-scale { object-fit: scale-down !important; } - .object-fit-lg-none { object-fit: none !important; } - .d-lg-inline { display: inline !important; } - .d-lg-inline-block { display: inline-block !important; } - .d-lg-block { display: block !important; } - .d-lg-grid { display: grid !important; } - .d-lg-table { display: table !important; } - .d-lg-table-row { display: table-row !important; } - .d-lg-table-cell { display: table-cell !important; } - .d-lg-flex { display: flex !important; } - .d-lg-inline-flex { display: inline-flex !important; } - .d-lg-none { display: none !important; } - .border-lg-solid { border-style: solid !important; } - .border-lg-dashed { border-style: dashed !important; } - .border-lg-none { border-style: none !important; } - .flex-lg-fill { flex: 1 1 auto !important; } - .flex-lg-row { flex-direction: row !important; } - .flex-lg-column { flex-direction: column !important; } - .flex-lg-row-reverse { flex-direction: row-reverse !important; } - .flex-lg-column-reverse { flex-direction: column-reverse !important; } - .flex-lg-grow-0 { flex-grow: 0 !important; } - .flex-lg-grow-1 { flex-grow: 1 !important; } - .flex-lg-shrink-0 { flex-shrink: 0 !important; } - .flex-lg-shrink-1 { flex-shrink: 1 !important; } - .flex-lg-wrap { flex-wrap: wrap !important; } - .flex-lg-nowrap { flex-wrap: nowrap !important; } - .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } - .justify-content-lg-start { justify-content: flex-start !important; } - .justify-content-lg-end { justify-content: flex-end !important; } - .justify-content-lg-center { justify-content: center !important; } - .justify-content-lg-between { justify-content: space-between !important; } - .justify-content-lg-around { justify-content: space-around !important; } - .justify-content-lg-evenly { justify-content: space-evenly !important; } - .align-items-lg-start { align-items: flex-start !important; } - .align-items-lg-end { align-items: flex-end !important; } - .align-items-lg-center { align-items: center !important; } - .align-items-lg-baseline { align-items: baseline !important; } - .align-items-lg-stretch { align-items: stretch !important; } - .align-content-lg-start { align-content: flex-start !important; } - .align-content-lg-end { align-content: flex-end !important; } - .align-content-lg-center { align-content: center !important; } - .align-content-lg-between { align-content: space-between !important; } - .align-content-lg-around { align-content: space-around !important; } - .align-content-lg-stretch { align-content: stretch !important; } - .align-self-lg-auto { align-self: auto !important; } - .align-self-lg-start { align-self: flex-start !important; } - .align-self-lg-end { align-self: flex-end !important; } - .align-self-lg-center { align-self: center !important; } - .align-self-lg-baseline { align-self: baseline !important; } - .align-self-lg-stretch { align-self: stretch !important; } - .order-lg-first { order: -1 !important; } - .order-lg-0 { order: 0 !important; } - .order-lg-1 { order: 1 !important; } - .order-lg-2 { order: 2 !important; } - .order-lg-3 { order: 3 !important; } - .order-lg-4 { order: 4 !important; } - .order-lg-5 { order: 5 !important; } - .order-lg-last { order: 6 !important; } - .m-lg-0 { margin: 0 !important; } - .m-lg-50 { margin: 0.125rem !important; } - .m-lg-1 { margin: 0.25rem !important; } - .m-lg-1_5 { margin: 0.375rem !important; } - .m-lg-2 { margin: 0.5rem !important; } - .m-lg-3 { margin: 0.75rem !important; } - .m-lg-4 { margin: 1rem !important; } - .m-lg-5 { margin: 1.25rem !important; } - .m-lg-6 { margin: 1.5rem !important; } - .m-lg-7 { margin: 1.75rem !important; } - .m-lg-8 { margin: 2rem !important; } - .m-lg-9 { margin: 2.25rem !important; } - .m-lg-10 { margin: 2.5rem !important; } - .m-lg-11 { margin: 2.75rem !important; } - .m-lg-12 { margin: 3rem !important; } - .m-lg-auto { margin: auto !important; } - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; } - .mx-lg-50 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; } - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; } - .mx-lg-1_5 { - margin-right: 0.375rem !important; - margin-left: 0.375rem !important; + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; } - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; } - .mx-lg-3 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; } - .mx-lg-4 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; } - .mx-lg-5 { - margin-right: 1.25rem !important; - margin-left: 1.25rem !important; + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; } - .mx-lg-6 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; } - .mx-lg-7 { - margin-right: 1.75rem !important; - margin-left: 1.75rem !important; + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; } - .mx-lg-8 { - margin-right: 2rem !important; - margin-left: 2rem !important; + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; } - .mx-lg-9 { - margin-right: 2.25rem !important; - margin-left: 2.25rem !important; + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; } - .mx-lg-10 { - margin-right: 2.5rem !important; - margin-left: 2.5rem !important; + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; } - .mx-lg-11 { - margin-right: 2.75rem !important; - margin-left: 2.75rem !important; + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; } - .mx-lg-12 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; } - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-inline-end: auto !important; + margin-inline-start: auto !important; } - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-block-start: 0 !important; + margin-block-end: 0 !important; } - .my-lg-50 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .my-lg-1_5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .my-lg-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .my-lg-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; } - .my-lg-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .my-lg-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .my-lg-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .my-lg-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; } - .my-lg-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .my-lg-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .my-lg-11 { - margin-top: 2.75rem !important; - margin-bottom: 2.75rem !important; + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .my-lg-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; } - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-block-start: auto !important; + margin-block-end: auto !important; } - .mt-lg-0 { - margin-top: 0 !important; + margin-block-start: 0 !important; } - .mt-lg-50 { - margin-top: 0.125rem !important; + margin-block-start: 0.125rem !important; } - .mt-lg-1 { - margin-top: 0.25rem !important; + margin-block-start: 0.25rem !important; } - .mt-lg-1_5 { - margin-top: 0.375rem !important; + margin-block-start: 0.375rem !important; } - .mt-lg-2 { - margin-top: 0.5rem !important; + margin-block-start: 0.5rem !important; } - .mt-lg-3 { - margin-top: 0.75rem !important; + margin-block-start: 0.75rem !important; } - .mt-lg-4 { - margin-top: 1rem !important; + margin-block-start: 1rem !important; } - .mt-lg-5 { - margin-top: 1.25rem !important; + margin-block-start: 1.25rem !important; } - .mt-lg-6 { - margin-top: 1.5rem !important; + margin-block-start: 1.5rem !important; } - .mt-lg-7 { - margin-top: 1.75rem !important; + margin-block-start: 1.75rem !important; } - .mt-lg-8 { - margin-top: 2rem !important; + margin-block-start: 2rem !important; } - .mt-lg-9 { - margin-top: 2.25rem !important; + margin-block-start: 2.25rem !important; } - .mt-lg-10 { - margin-top: 2.5rem !important; + margin-block-start: 2.5rem !important; } - .mt-lg-11 { - margin-top: 2.75rem !important; + margin-block-start: 2.75rem !important; } - .mt-lg-12 { - margin-top: 3rem !important; + margin-block-start: 3rem !important; } - .mt-lg-auto { - margin-top: auto !important; + margin-block-start: auto !important; + } + .me-lg-0 { + margin-inline-end: 0 !important; + } + .me-lg-50 { + margin-inline-end: 0.125rem !important; + } + .me-lg-1 { + margin-inline-end: 0.25rem !important; + } + .me-lg-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-lg-2 { + margin-inline-end: 0.5rem !important; + } + .me-lg-3 { + margin-inline-end: 0.75rem !important; + } + .me-lg-4 { + margin-inline-end: 1rem !important; + } + .me-lg-5 { + margin-inline-end: 1.25rem !important; + } + .me-lg-6 { + margin-inline-end: 1.5rem !important; + } + .me-lg-7 { + margin-inline-end: 1.75rem !important; + } + .me-lg-8 { + margin-inline-end: 2rem !important; + } + .me-lg-9 { + margin-inline-end: 2.25rem !important; + } + .me-lg-10 { + margin-inline-end: 2.5rem !important; + } + .me-lg-11 { + margin-inline-end: 2.75rem !important; + } + .me-lg-12 { + margin-inline-end: 3rem !important; + } + .me-lg-auto { + margin-inline-end: auto !important; } - .mb-lg-0 { - margin-bottom: 0 !important; + margin-block-end: 0 !important; } - .mb-lg-50 { - margin-bottom: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .mb-lg-1 { - margin-bottom: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .mb-lg-1_5 { - margin-bottom: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .mb-lg-2 { - margin-bottom: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .mb-lg-3 { - margin-bottom: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .mb-lg-4 { - margin-bottom: 1rem !important; + margin-block-end: 1rem !important; } - .mb-lg-5 { - margin-bottom: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .mb-lg-6 { - margin-bottom: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .mb-lg-7 { - margin-bottom: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .mb-lg-8 { - margin-bottom: 2rem !important; + margin-block-end: 2rem !important; } - .mb-lg-9 { - margin-bottom: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .mb-lg-10 { - margin-bottom: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .mb-lg-11 { - margin-bottom: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .mb-lg-12 { - margin-bottom: 3rem !important; + margin-block-end: 3rem !important; } - .mb-lg-auto { - margin-bottom: auto !important; + margin-block-end: auto !important; + } + .ms-lg-0 { + margin-inline-start: 0 !important; + } + .ms-lg-50 { + margin-inline-start: 0.125rem !important; + } + .ms-lg-1 { + margin-inline-start: 0.25rem !important; + } + .ms-lg-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-lg-2 { + margin-inline-start: 0.5rem !important; + } + .ms-lg-3 { + margin-inline-start: 0.75rem !important; + } + .ms-lg-4 { + margin-inline-start: 1rem !important; + } + .ms-lg-5 { + margin-inline-start: 1.25rem !important; + } + .ms-lg-6 { + margin-inline-start: 1.5rem !important; + } + .ms-lg-7 { + margin-inline-start: 1.75rem !important; + } + .ms-lg-8 { + margin-inline-start: 2rem !important; + } + .ms-lg-9 { + margin-inline-start: 2.25rem !important; + } + .ms-lg-10 { + margin-inline-start: 2.5rem !important; + } + .ms-lg-11 { + margin-inline-start: 2.75rem !important; + } + .ms-lg-12 { + margin-inline-start: 3rem !important; + } + .ms-lg-auto { + margin-inline-start: auto !important; } - .m-lg-n50 { margin: -0.125rem !important; } - .m-lg-n1 { margin: -0.25rem !important; } - .m-lg-n1_5 { margin: -0.375rem !important; } - .m-lg-n2 { margin: -0.5rem !important; } - .m-lg-n3 { margin: -0.75rem !important; } - .m-lg-n4 { margin: -1rem !important; } - .m-lg-n5 { margin: -1.25rem !important; } - .m-lg-n6 { margin: -1.5rem !important; } - .m-lg-n7 { margin: -1.75rem !important; } - .m-lg-n8 { margin: -2rem !important; } - .m-lg-n9 { margin: -2.25rem !important; } - .m-lg-n10 { margin: -2.5rem !important; } - .m-lg-n11 { margin: -2.75rem !important; } - .m-lg-n12 { margin: -3rem !important; } - .mx-lg-n50 { - margin-right: -0.125rem !important; - margin-left: -0.125rem !important; + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; } - .mx-lg-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; } - .mx-lg-n1_5 { - margin-right: -0.375rem !important; - margin-left: -0.375rem !important; + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; } - .mx-lg-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; } - .mx-lg-n3 { - margin-right: -0.75rem !important; - margin-left: -0.75rem !important; + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; } - .mx-lg-n4 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; } - .mx-lg-n5 { - margin-right: -1.25rem !important; - margin-left: -1.25rem !important; + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; } - .mx-lg-n6 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; } - .mx-lg-n7 { - margin-right: -1.75rem !important; - margin-left: -1.75rem !important; + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; } - .mx-lg-n8 { - margin-right: -2rem !important; - margin-left: -2rem !important; + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; } - .mx-lg-n9 { - margin-right: -2.25rem !important; - margin-left: -2.25rem !important; + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; } - .mx-lg-n10 { - margin-right: -2.5rem !important; - margin-left: -2.5rem !important; + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; } - .mx-lg-n11 { - margin-right: -2.75rem !important; - margin-left: -2.75rem !important; + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; } - .mx-lg-n12 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; } - .my-lg-n50 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .my-lg-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .my-lg-n1_5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .my-lg-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .my-lg-n3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .my-lg-n4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; } - .my-lg-n5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .my-lg-n6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .my-lg-n7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .my-lg-n8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; } - .my-lg-n9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .my-lg-n10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .my-lg-n11 { - margin-top: -2.75rem !important; - margin-bottom: -2.75rem !important; + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .my-lg-n12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; } - .mt-lg-n50 { - margin-top: -0.125rem !important; + margin-block-start: -0.125rem !important; } - .mt-lg-n1 { - margin-top: -0.25rem !important; + margin-block-start: -0.25rem !important; } - .mt-lg-n1_5 { - margin-top: -0.375rem !important; + margin-block-start: -0.375rem !important; } - .mt-lg-n2 { - margin-top: -0.5rem !important; + margin-block-start: -0.5rem !important; } - .mt-lg-n3 { - margin-top: -0.75rem !important; + margin-block-start: -0.75rem !important; } - .mt-lg-n4 { - margin-top: -1rem !important; + margin-block-start: -1rem !important; } - .mt-lg-n5 { - margin-top: -1.25rem !important; + margin-block-start: -1.25rem !important; } - .mt-lg-n6 { - margin-top: -1.5rem !important; + margin-block-start: -1.5rem !important; } - .mt-lg-n7 { - margin-top: -1.75rem !important; + margin-block-start: -1.75rem !important; } - .mt-lg-n8 { - margin-top: -2rem !important; + margin-block-start: -2rem !important; } - .mt-lg-n9 { - margin-top: -2.25rem !important; + margin-block-start: -2.25rem !important; } - .mt-lg-n10 { - margin-top: -2.5rem !important; + margin-block-start: -2.5rem !important; } - .mt-lg-n11 { - margin-top: -2.75rem !important; + margin-block-start: -2.75rem !important; } - .mt-lg-n12 { - margin-top: -3rem !important; + margin-block-start: -3rem !important; + } + .me-lg-n50 { + margin-inline-end: -0.125rem !important; + } + .me-lg-n1 { + margin-inline-end: -0.25rem !important; + } + .me-lg-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-lg-n2 { + margin-inline-end: -0.5rem !important; + } + .me-lg-n3 { + margin-inline-end: -0.75rem !important; + } + .me-lg-n4 { + margin-inline-end: -1rem !important; + } + .me-lg-n5 { + margin-inline-end: -1.25rem !important; + } + .me-lg-n6 { + margin-inline-end: -1.5rem !important; + } + .me-lg-n7 { + margin-inline-end: -1.75rem !important; + } + .me-lg-n8 { + margin-inline-end: -2rem !important; + } + .me-lg-n9 { + margin-inline-end: -2.25rem !important; + } + .me-lg-n10 { + margin-inline-end: -2.5rem !important; + } + .me-lg-n11 { + margin-inline-end: -2.75rem !important; + } + .me-lg-n12 { + margin-inline-end: -3rem !important; } - .mb-lg-n50 { - margin-bottom: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .mb-lg-n1 { - margin-bottom: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .mb-lg-n1_5 { - margin-bottom: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .mb-lg-n2 { - margin-bottom: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .mb-lg-n3 { - margin-bottom: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .mb-lg-n4 { - margin-bottom: -1rem !important; + margin-block-end: -1rem !important; } - .mb-lg-n5 { - margin-bottom: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .mb-lg-n6 { - margin-bottom: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .mb-lg-n7 { - margin-bottom: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .mb-lg-n8 { - margin-bottom: -2rem !important; + margin-block-end: -2rem !important; } - .mb-lg-n9 { - margin-bottom: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .mb-lg-n10 { - margin-bottom: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .mb-lg-n11 { - margin-bottom: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .mb-lg-n12 { - margin-bottom: -3rem !important; + margin-block-end: -3rem !important; + } + .ms-lg-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-lg-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-lg-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-lg-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-lg-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-lg-n4 { + margin-inline-start: -1rem !important; + } + .ms-lg-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-lg-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-lg-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-lg-n8 { + margin-inline-start: -2rem !important; + } + .ms-lg-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-lg-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-lg-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-lg-n12 { + margin-inline-start: -3rem !important; } - .p-lg-0 { padding: 0 !important; } - .p-lg-50 { padding: 0.125rem !important; } - .p-lg-1 { padding: 0.25rem !important; } - .p-lg-1_5 { padding: 0.375rem !important; } - .p-lg-2 { padding: 0.5rem !important; } - .p-lg-3 { padding: 0.75rem !important; } - .p-lg-4 { padding: 1rem !important; } - .p-lg-5 { padding: 1.25rem !important; } - .p-lg-6 { padding: 1.5rem !important; } - .p-lg-7 { padding: 1.75rem !important; } - .p-lg-8 { padding: 2rem !important; } - .p-lg-9 { padding: 2.25rem !important; } - .p-lg-10 { padding: 2.5rem !important; } - .p-lg-11 { padding: 2.75rem !important; } - .p-lg-12 { padding: 3rem !important; } - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; } - .px-lg-50 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; } - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; } - .px-lg-1_5 { - padding-right: 0.375rem !important; - padding-left: 0.375rem !important; + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; } - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; } - .px-lg-3 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; } - .px-lg-4 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; } - .px-lg-5 { - padding-right: 1.25rem !important; - padding-left: 1.25rem !important; + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; } - .px-lg-6 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; } - .px-lg-7 { - padding-right: 1.75rem !important; - padding-left: 1.75rem !important; + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; } - .px-lg-8 { - padding-right: 2rem !important; - padding-left: 2rem !important; + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; } - .px-lg-9 { - padding-right: 2.25rem !important; - padding-left: 2.25rem !important; + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; } - .px-lg-10 { - padding-right: 2.5rem !important; - padding-left: 2.5rem !important; + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; } - .px-lg-11 { - padding-right: 2.75rem !important; - padding-left: 2.75rem !important; + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; } - .px-lg-12 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; } - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-block-start: 0 !important; + padding-block-end: 0 !important; } - .py-lg-50 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .py-lg-1_5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .py-lg-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .py-lg-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; } - .py-lg-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .py-lg-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .py-lg-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .py-lg-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; } - .py-lg-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .py-lg-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .py-lg-11 { - padding-top: 2.75rem !important; - padding-bottom: 2.75rem !important; + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .py-lg-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; } - .pt-lg-0 { - padding-top: 0 !important; + padding-block-start: 0 !important; } - .pt-lg-50 { - padding-top: 0.125rem !important; + padding-block-start: 0.125rem !important; } - .pt-lg-1 { - padding-top: 0.25rem !important; + padding-block-start: 0.25rem !important; } - .pt-lg-1_5 { - padding-top: 0.375rem !important; + padding-block-start: 0.375rem !important; } - .pt-lg-2 { - padding-top: 0.5rem !important; + padding-block-start: 0.5rem !important; } - .pt-lg-3 { - padding-top: 0.75rem !important; + padding-block-start: 0.75rem !important; } - .pt-lg-4 { - padding-top: 1rem !important; + padding-block-start: 1rem !important; } - .pt-lg-5 { - padding-top: 1.25rem !important; + padding-block-start: 1.25rem !important; } - .pt-lg-6 { - padding-top: 1.5rem !important; + padding-block-start: 1.5rem !important; } - .pt-lg-7 { - padding-top: 1.75rem !important; + padding-block-start: 1.75rem !important; } - .pt-lg-8 { - padding-top: 2rem !important; + padding-block-start: 2rem !important; } - .pt-lg-9 { - padding-top: 2.25rem !important; + padding-block-start: 2.25rem !important; } - .pt-lg-10 { - padding-top: 2.5rem !important; + padding-block-start: 2.5rem !important; } - .pt-lg-11 { - padding-top: 2.75rem !important; + padding-block-start: 2.75rem !important; } - .pt-lg-12 { - padding-top: 3rem !important; + padding-block-start: 3rem !important; + } + .pe-lg-0 { + padding-inline-end: 0 !important; + } + .pe-lg-50 { + padding-inline-end: 0.125rem !important; + } + .pe-lg-1 { + padding-inline-end: 0.25rem !important; + } + .pe-lg-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-lg-2 { + padding-inline-end: 0.5rem !important; + } + .pe-lg-3 { + padding-inline-end: 0.75rem !important; + } + .pe-lg-4 { + padding-inline-end: 1rem !important; + } + .pe-lg-5 { + padding-inline-end: 1.25rem !important; + } + .pe-lg-6 { + padding-inline-end: 1.5rem !important; + } + .pe-lg-7 { + padding-inline-end: 1.75rem !important; + } + .pe-lg-8 { + padding-inline-end: 2rem !important; + } + .pe-lg-9 { + padding-inline-end: 2.25rem !important; + } + .pe-lg-10 { + padding-inline-end: 2.5rem !important; + } + .pe-lg-11 { + padding-inline-end: 2.75rem !important; + } + .pe-lg-12 { + padding-inline-end: 3rem !important; } - .pb-lg-0 { - padding-bottom: 0 !important; + padding-block-end: 0 !important; } - .pb-lg-50 { - padding-bottom: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .pb-lg-1 { - padding-bottom: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .pb-lg-1_5 { - padding-bottom: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .pb-lg-2 { - padding-bottom: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .pb-lg-3 { - padding-bottom: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .pb-lg-4 { - padding-bottom: 1rem !important; + padding-block-end: 1rem !important; } - .pb-lg-5 { - padding-bottom: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .pb-lg-6 { - padding-bottom: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .pb-lg-7 { - padding-bottom: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .pb-lg-8 { - padding-bottom: 2rem !important; + padding-block-end: 2rem !important; } - .pb-lg-9 { - padding-bottom: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .pb-lg-10 { - padding-bottom: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .pb-lg-11 { - padding-bottom: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .pb-lg-12 { - padding-bottom: 3rem !important; + padding-block-end: 3rem !important; + } + .ps-lg-0 { + padding-inline-start: 0 !important; + } + .ps-lg-50 { + padding-inline-start: 0.125rem !important; + } + .ps-lg-1 { + padding-inline-start: 0.25rem !important; + } + .ps-lg-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-lg-2 { + padding-inline-start: 0.5rem !important; + } + .ps-lg-3 { + padding-inline-start: 0.75rem !important; + } + .ps-lg-4 { + padding-inline-start: 1rem !important; + } + .ps-lg-5 { + padding-inline-start: 1.25rem !important; + } + .ps-lg-6 { + padding-inline-start: 1.5rem !important; + } + .ps-lg-7 { + padding-inline-start: 1.75rem !important; + } + .ps-lg-8 { + padding-inline-start: 2rem !important; + } + .ps-lg-9 { + padding-inline-start: 2.25rem !important; + } + .ps-lg-10 { + padding-inline-start: 2.5rem !important; + } + .ps-lg-11 { + padding-inline-start: 2.75rem !important; + } + .ps-lg-12 { + padding-inline-start: 3rem !important; } - .gap-lg-0 { gap: 0 !important; } - .gap-lg-50 { gap: 0.125rem !important; } - .gap-lg-1 { gap: 0.25rem !important; } - .gap-lg-1_5 { gap: 0.375rem !important; } - .gap-lg-2 { gap: 0.5rem !important; } - .gap-lg-3 { gap: 0.75rem !important; } - .gap-lg-4 { gap: 1rem !important; } - .gap-lg-5 { gap: 1.25rem !important; } - .gap-lg-6 { gap: 1.5rem !important; } - .gap-lg-7 { gap: 1.75rem !important; } - .gap-lg-8 { gap: 2rem !important; } - .gap-lg-9 { gap: 2.25rem !important; } - .gap-lg-10 { gap: 2.5rem !important; } - .gap-lg-11 { gap: 2.75rem !important; } - .gap-lg-12 { gap: 3rem !important; } - .row-gap-lg-0 { row-gap: 0 !important; } - .row-gap-lg-50 { row-gap: 0.125rem !important; } - .row-gap-lg-1 { row-gap: 0.25rem !important; } - .row-gap-lg-1_5 { row-gap: 0.375rem !important; } - .row-gap-lg-2 { row-gap: 0.5rem !important; } - .row-gap-lg-3 { row-gap: 0.75rem !important; } - .row-gap-lg-4 { row-gap: 1rem !important; } - .row-gap-lg-5 { row-gap: 1.25rem !important; } - .row-gap-lg-6 { row-gap: 1.5rem !important; } - .row-gap-lg-7 { row-gap: 1.75rem !important; } - .row-gap-lg-8 { row-gap: 2rem !important; } - .row-gap-lg-9 { row-gap: 2.25rem !important; } - .row-gap-lg-10 { row-gap: 2.5rem !important; } - .row-gap-lg-11 { row-gap: 2.75rem !important; } - .row-gap-lg-12 { row-gap: 3rem !important; } - .column-gap-lg-0 { column-gap: 0 !important; } - .column-gap-lg-50 { column-gap: 0.125rem !important; } - .column-gap-lg-1 { column-gap: 0.25rem !important; } - .column-gap-lg-1_5 { column-gap: 0.375rem !important; } - .column-gap-lg-2 { column-gap: 0.5rem !important; } - .column-gap-lg-3 { column-gap: 0.75rem !important; } - .column-gap-lg-4 { column-gap: 1rem !important; } - .column-gap-lg-5 { column-gap: 1.25rem !important; } - .column-gap-lg-6 { column-gap: 1.5rem !important; } - .column-gap-lg-7 { column-gap: 1.75rem !important; } - .column-gap-lg-8 { column-gap: 2rem !important; } - .column-gap-lg-9 { column-gap: 2.25rem !important; } - .column-gap-lg-10 { column-gap: 2.5rem !important; } - .column-gap-lg-11 { column-gap: 2.75rem !important; } - .column-gap-lg-12 { column-gap: 3rem !important; } + .text-lg-start { + text-align: start !important; + } + .text-lg-end { + text-align: end !important; + } + .text-lg-center { + text-align: center !important; + } } - @media (min-width: 1200px) { + .float-xl-start { + float: inline-start !important; + } + .float-xl-end { + float: inline-end !important; + } + .float-xl-none { + float: none !important; + } .object-fit-xl-contain { object-fit: contain !important; } - .object-fit-xl-cover { object-fit: cover !important; } - .object-fit-xl-fill { object-fit: fill !important; } - .object-fit-xl-scale { object-fit: scale-down !important; } - .object-fit-xl-none { object-fit: none !important; } - .d-xl-inline { display: inline !important; } - .d-xl-inline-block { display: inline-block !important; } - .d-xl-block { display: block !important; } - .d-xl-grid { display: grid !important; } - .d-xl-table { display: table !important; } - .d-xl-table-row { display: table-row !important; } - .d-xl-table-cell { display: table-cell !important; } - .d-xl-flex { display: flex !important; } - .d-xl-inline-flex { display: inline-flex !important; } - .d-xl-none { display: none !important; } - .border-xl-solid { border-style: solid !important; } - .border-xl-dashed { border-style: dashed !important; } - .border-xl-none { border-style: none !important; } - .flex-xl-fill { flex: 1 1 auto !important; } - .flex-xl-row { flex-direction: row !important; } - .flex-xl-column { flex-direction: column !important; } - .flex-xl-row-reverse { flex-direction: row-reverse !important; } - .flex-xl-column-reverse { flex-direction: column-reverse !important; } - .flex-xl-grow-0 { flex-grow: 0 !important; } - .flex-xl-grow-1 { flex-grow: 1 !important; } - .flex-xl-shrink-0 { flex-shrink: 0 !important; } - .flex-xl-shrink-1 { flex-shrink: 1 !important; } - .flex-xl-wrap { flex-wrap: wrap !important; } - .flex-xl-nowrap { flex-wrap: nowrap !important; } - .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } - .justify-content-xl-start { justify-content: flex-start !important; } - .justify-content-xl-end { justify-content: flex-end !important; } - .justify-content-xl-center { justify-content: center !important; } - .justify-content-xl-between { justify-content: space-between !important; } - .justify-content-xl-around { justify-content: space-around !important; } - .justify-content-xl-evenly { justify-content: space-evenly !important; } - .align-items-xl-start { align-items: flex-start !important; } - .align-items-xl-end { align-items: flex-end !important; } - .align-items-xl-center { align-items: center !important; } - .align-items-xl-baseline { align-items: baseline !important; } - .align-items-xl-stretch { align-items: stretch !important; } - .align-content-xl-start { align-content: flex-start !important; } - .align-content-xl-end { align-content: flex-end !important; } - .align-content-xl-center { align-content: center !important; } - .align-content-xl-between { align-content: space-between !important; } - .align-content-xl-around { align-content: space-around !important; } - .align-content-xl-stretch { align-content: stretch !important; } - .align-self-xl-auto { align-self: auto !important; } - .align-self-xl-start { align-self: flex-start !important; } - .align-self-xl-end { align-self: flex-end !important; } - .align-self-xl-center { align-self: center !important; } - .align-self-xl-baseline { align-self: baseline !important; } - .align-self-xl-stretch { align-self: stretch !important; } - .order-xl-first { order: -1 !important; } - .order-xl-0 { order: 0 !important; } - .order-xl-1 { order: 1 !important; } - .order-xl-2 { order: 2 !important; } - .order-xl-3 { order: 3 !important; } - .order-xl-4 { order: 4 !important; } - .order-xl-5 { order: 5 !important; } - .order-xl-last { order: 6 !important; } - .m-xl-0 { margin: 0 !important; } - .m-xl-50 { margin: 0.125rem !important; } - .m-xl-1 { margin: 0.25rem !important; } - .m-xl-1_5 { margin: 0.375rem !important; } - .m-xl-2 { margin: 0.5rem !important; } - .m-xl-3 { margin: 0.75rem !important; } - .m-xl-4 { margin: 1rem !important; } - .m-xl-5 { margin: 1.25rem !important; } - .m-xl-6 { margin: 1.5rem !important; } - .m-xl-7 { margin: 1.75rem !important; } - .m-xl-8 { margin: 2rem !important; } - .m-xl-9 { margin: 2.25rem !important; } - .m-xl-10 { margin: 2.5rem !important; } - .m-xl-11 { margin: 2.75rem !important; } - .m-xl-12 { margin: 3rem !important; } - .m-xl-auto { margin: auto !important; } - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; } - .mx-xl-50 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; } - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; } - .mx-xl-1_5 { - margin-right: 0.375rem !important; - margin-left: 0.375rem !important; + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; } - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; } - .mx-xl-3 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; } - .mx-xl-4 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; } - .mx-xl-5 { - margin-right: 1.25rem !important; - margin-left: 1.25rem !important; + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; } - .mx-xl-6 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; } - .mx-xl-7 { - margin-right: 1.75rem !important; - margin-left: 1.75rem !important; + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; } - .mx-xl-8 { - margin-right: 2rem !important; - margin-left: 2rem !important; + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; } - .mx-xl-9 { - margin-right: 2.25rem !important; - margin-left: 2.25rem !important; + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; } - .mx-xl-10 { - margin-right: 2.5rem !important; - margin-left: 2.5rem !important; + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; } - .mx-xl-11 { - margin-right: 2.75rem !important; - margin-left: 2.75rem !important; + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; } - .mx-xl-12 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; } - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-inline-end: auto !important; + margin-inline-start: auto !important; } - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-block-start: 0 !important; + margin-block-end: 0 !important; } - .my-xl-50 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .my-xl-1_5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .my-xl-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .my-xl-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; } - .my-xl-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .my-xl-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .my-xl-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .my-xl-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; } - .my-xl-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .my-xl-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .my-xl-11 { - margin-top: 2.75rem !important; - margin-bottom: 2.75rem !important; + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .my-xl-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; } - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-block-start: auto !important; + margin-block-end: auto !important; } - .mt-xl-0 { - margin-top: 0 !important; + margin-block-start: 0 !important; } - .mt-xl-50 { - margin-top: 0.125rem !important; + margin-block-start: 0.125rem !important; } - .mt-xl-1 { - margin-top: 0.25rem !important; + margin-block-start: 0.25rem !important; } - .mt-xl-1_5 { - margin-top: 0.375rem !important; + margin-block-start: 0.375rem !important; } - .mt-xl-2 { - margin-top: 0.5rem !important; + margin-block-start: 0.5rem !important; } - .mt-xl-3 { - margin-top: 0.75rem !important; + margin-block-start: 0.75rem !important; } - .mt-xl-4 { - margin-top: 1rem !important; + margin-block-start: 1rem !important; } - .mt-xl-5 { - margin-top: 1.25rem !important; + margin-block-start: 1.25rem !important; } - .mt-xl-6 { - margin-top: 1.5rem !important; + margin-block-start: 1.5rem !important; } - .mt-xl-7 { - margin-top: 1.75rem !important; + margin-block-start: 1.75rem !important; } - .mt-xl-8 { - margin-top: 2rem !important; + margin-block-start: 2rem !important; } - .mt-xl-9 { - margin-top: 2.25rem !important; + margin-block-start: 2.25rem !important; } - .mt-xl-10 { - margin-top: 2.5rem !important; + margin-block-start: 2.5rem !important; } - .mt-xl-11 { - margin-top: 2.75rem !important; + margin-block-start: 2.75rem !important; } - .mt-xl-12 { - margin-top: 3rem !important; + margin-block-start: 3rem !important; } - .mt-xl-auto { - margin-top: auto !important; + margin-block-start: auto !important; + } + .me-xl-0 { + margin-inline-end: 0 !important; + } + .me-xl-50 { + margin-inline-end: 0.125rem !important; + } + .me-xl-1 { + margin-inline-end: 0.25rem !important; + } + .me-xl-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-xl-2 { + margin-inline-end: 0.5rem !important; + } + .me-xl-3 { + margin-inline-end: 0.75rem !important; + } + .me-xl-4 { + margin-inline-end: 1rem !important; + } + .me-xl-5 { + margin-inline-end: 1.25rem !important; + } + .me-xl-6 { + margin-inline-end: 1.5rem !important; + } + .me-xl-7 { + margin-inline-end: 1.75rem !important; + } + .me-xl-8 { + margin-inline-end: 2rem !important; + } + .me-xl-9 { + margin-inline-end: 2.25rem !important; + } + .me-xl-10 { + margin-inline-end: 2.5rem !important; + } + .me-xl-11 { + margin-inline-end: 2.75rem !important; + } + .me-xl-12 { + margin-inline-end: 3rem !important; + } + .me-xl-auto { + margin-inline-end: auto !important; } - .mb-xl-0 { - margin-bottom: 0 !important; + margin-block-end: 0 !important; } - .mb-xl-50 { - margin-bottom: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .mb-xl-1 { - margin-bottom: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .mb-xl-1_5 { - margin-bottom: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .mb-xl-2 { - margin-bottom: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .mb-xl-3 { - margin-bottom: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .mb-xl-4 { - margin-bottom: 1rem !important; + margin-block-end: 1rem !important; } - .mb-xl-5 { - margin-bottom: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .mb-xl-6 { - margin-bottom: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .mb-xl-7 { - margin-bottom: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .mb-xl-8 { - margin-bottom: 2rem !important; + margin-block-end: 2rem !important; } - .mb-xl-9 { - margin-bottom: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .mb-xl-10 { - margin-bottom: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .mb-xl-11 { - margin-bottom: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .mb-xl-12 { - margin-bottom: 3rem !important; + margin-block-end: 3rem !important; } - .mb-xl-auto { - margin-bottom: auto !important; + margin-block-end: auto !important; + } + .ms-xl-0 { + margin-inline-start: 0 !important; + } + .ms-xl-50 { + margin-inline-start: 0.125rem !important; + } + .ms-xl-1 { + margin-inline-start: 0.25rem !important; + } + .ms-xl-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-xl-2 { + margin-inline-start: 0.5rem !important; + } + .ms-xl-3 { + margin-inline-start: 0.75rem !important; + } + .ms-xl-4 { + margin-inline-start: 1rem !important; + } + .ms-xl-5 { + margin-inline-start: 1.25rem !important; + } + .ms-xl-6 { + margin-inline-start: 1.5rem !important; + } + .ms-xl-7 { + margin-inline-start: 1.75rem !important; + } + .ms-xl-8 { + margin-inline-start: 2rem !important; + } + .ms-xl-9 { + margin-inline-start: 2.25rem !important; + } + .ms-xl-10 { + margin-inline-start: 2.5rem !important; + } + .ms-xl-11 { + margin-inline-start: 2.75rem !important; + } + .ms-xl-12 { + margin-inline-start: 3rem !important; + } + .ms-xl-auto { + margin-inline-start: auto !important; } - .m-xl-n50 { margin: -0.125rem !important; } - .m-xl-n1 { margin: -0.25rem !important; } - .m-xl-n1_5 { margin: -0.375rem !important; } - .m-xl-n2 { margin: -0.5rem !important; } - .m-xl-n3 { margin: -0.75rem !important; } - .m-xl-n4 { margin: -1rem !important; } - .m-xl-n5 { margin: -1.25rem !important; } - .m-xl-n6 { margin: -1.5rem !important; } - .m-xl-n7 { margin: -1.75rem !important; } - .m-xl-n8 { margin: -2rem !important; } - .m-xl-n9 { margin: -2.25rem !important; } - .m-xl-n10 { margin: -2.5rem !important; } - .m-xl-n11 { margin: -2.75rem !important; } - .m-xl-n12 { margin: -3rem !important; } - .mx-xl-n50 { - margin-right: -0.125rem !important; - margin-left: -0.125rem !important; + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; } - .mx-xl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; } - .mx-xl-n1_5 { - margin-right: -0.375rem !important; - margin-left: -0.375rem !important; + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; } - .mx-xl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; } - .mx-xl-n3 { - margin-right: -0.75rem !important; - margin-left: -0.75rem !important; + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; } - .mx-xl-n4 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; } - .mx-xl-n5 { - margin-right: -1.25rem !important; - margin-left: -1.25rem !important; + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; } - .mx-xl-n6 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; } - .mx-xl-n7 { - margin-right: -1.75rem !important; - margin-left: -1.75rem !important; + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; } - .mx-xl-n8 { - margin-right: -2rem !important; - margin-left: -2rem !important; + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; } - .mx-xl-n9 { - margin-right: -2.25rem !important; - margin-left: -2.25rem !important; + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; } - .mx-xl-n10 { - margin-right: -2.5rem !important; - margin-left: -2.5rem !important; + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; } - .mx-xl-n11 { - margin-right: -2.75rem !important; - margin-left: -2.75rem !important; + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; } - .mx-xl-n12 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; } - .my-xl-n50 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .my-xl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .my-xl-n1_5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .my-xl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .my-xl-n3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .my-xl-n4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; } - .my-xl-n5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .my-xl-n6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .my-xl-n7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .my-xl-n8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; } - .my-xl-n9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .my-xl-n10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .my-xl-n11 { - margin-top: -2.75rem !important; - margin-bottom: -2.75rem !important; + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .my-xl-n12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; } - .mt-xl-n50 { - margin-top: -0.125rem !important; + margin-block-start: -0.125rem !important; } - .mt-xl-n1 { - margin-top: -0.25rem !important; + margin-block-start: -0.25rem !important; } - .mt-xl-n1_5 { - margin-top: -0.375rem !important; + margin-block-start: -0.375rem !important; } - .mt-xl-n2 { - margin-top: -0.5rem !important; + margin-block-start: -0.5rem !important; } - .mt-xl-n3 { - margin-top: -0.75rem !important; + margin-block-start: -0.75rem !important; } - .mt-xl-n4 { - margin-top: -1rem !important; + margin-block-start: -1rem !important; } - .mt-xl-n5 { - margin-top: -1.25rem !important; + margin-block-start: -1.25rem !important; } - .mt-xl-n6 { - margin-top: -1.5rem !important; + margin-block-start: -1.5rem !important; } - .mt-xl-n7 { - margin-top: -1.75rem !important; + margin-block-start: -1.75rem !important; } - .mt-xl-n8 { - margin-top: -2rem !important; + margin-block-start: -2rem !important; } - .mt-xl-n9 { - margin-top: -2.25rem !important; + margin-block-start: -2.25rem !important; } - .mt-xl-n10 { - margin-top: -2.5rem !important; + margin-block-start: -2.5rem !important; } - .mt-xl-n11 { - margin-top: -2.75rem !important; + margin-block-start: -2.75rem !important; } - .mt-xl-n12 { - margin-top: -3rem !important; + margin-block-start: -3rem !important; + } + .me-xl-n50 { + margin-inline-end: -0.125rem !important; + } + .me-xl-n1 { + margin-inline-end: -0.25rem !important; + } + .me-xl-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-xl-n2 { + margin-inline-end: -0.5rem !important; + } + .me-xl-n3 { + margin-inline-end: -0.75rem !important; + } + .me-xl-n4 { + margin-inline-end: -1rem !important; + } + .me-xl-n5 { + margin-inline-end: -1.25rem !important; + } + .me-xl-n6 { + margin-inline-end: -1.5rem !important; + } + .me-xl-n7 { + margin-inline-end: -1.75rem !important; + } + .me-xl-n8 { + margin-inline-end: -2rem !important; + } + .me-xl-n9 { + margin-inline-end: -2.25rem !important; + } + .me-xl-n10 { + margin-inline-end: -2.5rem !important; + } + .me-xl-n11 { + margin-inline-end: -2.75rem !important; + } + .me-xl-n12 { + margin-inline-end: -3rem !important; } - .mb-xl-n50 { - margin-bottom: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .mb-xl-n1 { - margin-bottom: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .mb-xl-n1_5 { - margin-bottom: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .mb-xl-n2 { - margin-bottom: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .mb-xl-n3 { - margin-bottom: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .mb-xl-n4 { - margin-bottom: -1rem !important; + margin-block-end: -1rem !important; } - .mb-xl-n5 { - margin-bottom: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .mb-xl-n6 { - margin-bottom: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .mb-xl-n7 { - margin-bottom: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .mb-xl-n8 { - margin-bottom: -2rem !important; + margin-block-end: -2rem !important; } - .mb-xl-n9 { - margin-bottom: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .mb-xl-n10 { - margin-bottom: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .mb-xl-n11 { - margin-bottom: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .mb-xl-n12 { - margin-bottom: -3rem !important; + margin-block-end: -3rem !important; + } + .ms-xl-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-xl-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-xl-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-xl-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-xl-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-xl-n4 { + margin-inline-start: -1rem !important; + } + .ms-xl-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-xl-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-xl-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-xl-n8 { + margin-inline-start: -2rem !important; + } + .ms-xl-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-xl-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-xl-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-xl-n12 { + margin-inline-start: -3rem !important; } - .p-xl-0 { padding: 0 !important; } - .p-xl-50 { padding: 0.125rem !important; } - .p-xl-1 { padding: 0.25rem !important; } - .p-xl-1_5 { padding: 0.375rem !important; } - .p-xl-2 { padding: 0.5rem !important; } - .p-xl-3 { padding: 0.75rem !important; } - .p-xl-4 { padding: 1rem !important; } - .p-xl-5 { padding: 1.25rem !important; } - .p-xl-6 { padding: 1.5rem !important; } - .p-xl-7 { padding: 1.75rem !important; } - .p-xl-8 { padding: 2rem !important; } - .p-xl-9 { padding: 2.25rem !important; } - .p-xl-10 { padding: 2.5rem !important; } - .p-xl-11 { padding: 2.75rem !important; } - .p-xl-12 { padding: 3rem !important; } - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; } - .px-xl-50 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; } - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; } - .px-xl-1_5 { - padding-right: 0.375rem !important; - padding-left: 0.375rem !important; + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; } - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; } - .px-xl-3 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; } - .px-xl-4 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; } - .px-xl-5 { - padding-right: 1.25rem !important; - padding-left: 1.25rem !important; + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; } - .px-xl-6 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; } - .px-xl-7 { - padding-right: 1.75rem !important; - padding-left: 1.75rem !important; + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; } - .px-xl-8 { - padding-right: 2rem !important; - padding-left: 2rem !important; + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; } - .px-xl-9 { - padding-right: 2.25rem !important; - padding-left: 2.25rem !important; + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; } - .px-xl-10 { - padding-right: 2.5rem !important; - padding-left: 2.5rem !important; + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; } - .px-xl-11 { - padding-right: 2.75rem !important; - padding-left: 2.75rem !important; + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; } - .px-xl-12 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; } - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-block-start: 0 !important; + padding-block-end: 0 !important; } - .py-xl-50 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .py-xl-1_5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .py-xl-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .py-xl-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; } - .py-xl-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .py-xl-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .py-xl-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .py-xl-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; } - .py-xl-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .py-xl-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .py-xl-11 { - padding-top: 2.75rem !important; - padding-bottom: 2.75rem !important; + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .py-xl-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; } - .pt-xl-0 { - padding-top: 0 !important; + padding-block-start: 0 !important; } - .pt-xl-50 { - padding-top: 0.125rem !important; + padding-block-start: 0.125rem !important; } - .pt-xl-1 { - padding-top: 0.25rem !important; + padding-block-start: 0.25rem !important; } - .pt-xl-1_5 { - padding-top: 0.375rem !important; + padding-block-start: 0.375rem !important; } - .pt-xl-2 { - padding-top: 0.5rem !important; + padding-block-start: 0.5rem !important; } - .pt-xl-3 { - padding-top: 0.75rem !important; + padding-block-start: 0.75rem !important; } - .pt-xl-4 { - padding-top: 1rem !important; + padding-block-start: 1rem !important; } - .pt-xl-5 { - padding-top: 1.25rem !important; + padding-block-start: 1.25rem !important; } - .pt-xl-6 { - padding-top: 1.5rem !important; + padding-block-start: 1.5rem !important; } - .pt-xl-7 { - padding-top: 1.75rem !important; + padding-block-start: 1.75rem !important; } - .pt-xl-8 { - padding-top: 2rem !important; + padding-block-start: 2rem !important; } - .pt-xl-9 { - padding-top: 2.25rem !important; + padding-block-start: 2.25rem !important; } - .pt-xl-10 { - padding-top: 2.5rem !important; + padding-block-start: 2.5rem !important; } - .pt-xl-11 { - padding-top: 2.75rem !important; + padding-block-start: 2.75rem !important; } - .pt-xl-12 { - padding-top: 3rem !important; + padding-block-start: 3rem !important; + } + .pe-xl-0 { + padding-inline-end: 0 !important; + } + .pe-xl-50 { + padding-inline-end: 0.125rem !important; + } + .pe-xl-1 { + padding-inline-end: 0.25rem !important; + } + .pe-xl-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-xl-2 { + padding-inline-end: 0.5rem !important; + } + .pe-xl-3 { + padding-inline-end: 0.75rem !important; + } + .pe-xl-4 { + padding-inline-end: 1rem !important; + } + .pe-xl-5 { + padding-inline-end: 1.25rem !important; + } + .pe-xl-6 { + padding-inline-end: 1.5rem !important; + } + .pe-xl-7 { + padding-inline-end: 1.75rem !important; + } + .pe-xl-8 { + padding-inline-end: 2rem !important; + } + .pe-xl-9 { + padding-inline-end: 2.25rem !important; + } + .pe-xl-10 { + padding-inline-end: 2.5rem !important; + } + .pe-xl-11 { + padding-inline-end: 2.75rem !important; + } + .pe-xl-12 { + padding-inline-end: 3rem !important; } - .pb-xl-0 { - padding-bottom: 0 !important; + padding-block-end: 0 !important; } - .pb-xl-50 { - padding-bottom: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .pb-xl-1 { - padding-bottom: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .pb-xl-1_5 { - padding-bottom: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .pb-xl-2 { - padding-bottom: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .pb-xl-3 { - padding-bottom: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .pb-xl-4 { - padding-bottom: 1rem !important; + padding-block-end: 1rem !important; } - .pb-xl-5 { - padding-bottom: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .pb-xl-6 { - padding-bottom: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .pb-xl-7 { - padding-bottom: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .pb-xl-8 { - padding-bottom: 2rem !important; + padding-block-end: 2rem !important; } - .pb-xl-9 { - padding-bottom: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .pb-xl-10 { - padding-bottom: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .pb-xl-11 { - padding-bottom: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .pb-xl-12 { - padding-bottom: 3rem !important; + padding-block-end: 3rem !important; + } + .ps-xl-0 { + padding-inline-start: 0 !important; + } + .ps-xl-50 { + padding-inline-start: 0.125rem !important; + } + .ps-xl-1 { + padding-inline-start: 0.25rem !important; + } + .ps-xl-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-xl-2 { + padding-inline-start: 0.5rem !important; + } + .ps-xl-3 { + padding-inline-start: 0.75rem !important; + } + .ps-xl-4 { + padding-inline-start: 1rem !important; + } + .ps-xl-5 { + padding-inline-start: 1.25rem !important; + } + .ps-xl-6 { + padding-inline-start: 1.5rem !important; + } + .ps-xl-7 { + padding-inline-start: 1.75rem !important; + } + .ps-xl-8 { + padding-inline-start: 2rem !important; + } + .ps-xl-9 { + padding-inline-start: 2.25rem !important; + } + .ps-xl-10 { + padding-inline-start: 2.5rem !important; + } + .ps-xl-11 { + padding-inline-start: 2.75rem !important; + } + .ps-xl-12 { + padding-inline-start: 3rem !important; } - .gap-xl-0 { gap: 0 !important; } - .gap-xl-50 { gap: 0.125rem !important; } - .gap-xl-1 { gap: 0.25rem !important; } - .gap-xl-1_5 { gap: 0.375rem !important; } - .gap-xl-2 { gap: 0.5rem !important; } - .gap-xl-3 { gap: 0.75rem !important; } - .gap-xl-4 { gap: 1rem !important; } - .gap-xl-5 { gap: 1.25rem !important; } - .gap-xl-6 { gap: 1.5rem !important; } - .gap-xl-7 { gap: 1.75rem !important; } - .gap-xl-8 { gap: 2rem !important; } - .gap-xl-9 { gap: 2.25rem !important; } - .gap-xl-10 { gap: 2.5rem !important; } - .gap-xl-11 { gap: 2.75rem !important; } - .gap-xl-12 { gap: 3rem !important; } - .row-gap-xl-0 { row-gap: 0 !important; } - .row-gap-xl-50 { row-gap: 0.125rem !important; } - .row-gap-xl-1 { row-gap: 0.25rem !important; } - .row-gap-xl-1_5 { row-gap: 0.375rem !important; } - .row-gap-xl-2 { row-gap: 0.5rem !important; } - .row-gap-xl-3 { row-gap: 0.75rem !important; } - .row-gap-xl-4 { row-gap: 1rem !important; } - .row-gap-xl-5 { row-gap: 1.25rem !important; } - .row-gap-xl-6 { row-gap: 1.5rem !important; } - .row-gap-xl-7 { row-gap: 1.75rem !important; } - .row-gap-xl-8 { row-gap: 2rem !important; } - .row-gap-xl-9 { row-gap: 2.25rem !important; } - .row-gap-xl-10 { row-gap: 2.5rem !important; } - .row-gap-xl-11 { row-gap: 2.75rem !important; } - .row-gap-xl-12 { row-gap: 3rem !important; } - .column-gap-xl-0 { column-gap: 0 !important; } - .column-gap-xl-50 { column-gap: 0.125rem !important; } - .column-gap-xl-1 { column-gap: 0.25rem !important; } - .column-gap-xl-1_5 { column-gap: 0.375rem !important; } - .column-gap-xl-2 { column-gap: 0.5rem !important; } - .column-gap-xl-3 { column-gap: 0.75rem !important; } - .column-gap-xl-4 { column-gap: 1rem !important; } - .column-gap-xl-5 { column-gap: 1.25rem !important; } - .column-gap-xl-6 { column-gap: 1.5rem !important; } - .column-gap-xl-7 { column-gap: 1.75rem !important; } - .column-gap-xl-8 { column-gap: 2rem !important; } - .column-gap-xl-9 { column-gap: 2.25rem !important; } - .column-gap-xl-10 { column-gap: 2.5rem !important; } - .column-gap-xl-11 { column-gap: 2.75rem !important; } - .column-gap-xl-12 { column-gap: 3rem !important; } + .text-xl-start { + text-align: start !important; + } + .text-xl-end { + text-align: end !important; + } + .text-xl-center { + text-align: center !important; + } } - @media (min-width: 1400px) { + .float-xxl-start { + float: inline-start !important; + } + .float-xxl-end { + float: inline-end !important; + } + .float-xxl-none { + float: none !important; + } .object-fit-xxl-contain { object-fit: contain !important; } - .object-fit-xxl-cover { object-fit: cover !important; } - .object-fit-xxl-fill { object-fit: fill !important; } - .object-fit-xxl-scale { object-fit: scale-down !important; } - .object-fit-xxl-none { object-fit: none !important; } - .d-xxl-inline { display: inline !important; } - .d-xxl-inline-block { display: inline-block !important; } - .d-xxl-block { display: block !important; } - .d-xxl-grid { display: grid !important; } - .d-xxl-table { display: table !important; } - .d-xxl-table-row { display: table-row !important; } - .d-xxl-table-cell { display: table-cell !important; } - .d-xxl-flex { display: flex !important; } - .d-xxl-inline-flex { display: inline-flex !important; } - .d-xxl-none { display: none !important; } - .border-xxl-solid { border-style: solid !important; } - .border-xxl-dashed { border-style: dashed !important; } - .border-xxl-none { border-style: none !important; } - .flex-xxl-fill { flex: 1 1 auto !important; } - .flex-xxl-row { flex-direction: row !important; } - .flex-xxl-column { flex-direction: column !important; } - .flex-xxl-row-reverse { flex-direction: row-reverse !important; } - .flex-xxl-column-reverse { flex-direction: column-reverse !important; } - .flex-xxl-grow-0 { flex-grow: 0 !important; } - .flex-xxl-grow-1 { flex-grow: 1 !important; } - .flex-xxl-shrink-0 { flex-shrink: 0 !important; } - .flex-xxl-shrink-1 { flex-shrink: 1 !important; } - .flex-xxl-wrap { flex-wrap: wrap !important; } - .flex-xxl-nowrap { flex-wrap: nowrap !important; } - .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } - .justify-content-xxl-start { justify-content: flex-start !important; } - .justify-content-xxl-end { justify-content: flex-end !important; } - .justify-content-xxl-center { justify-content: center !important; } - .justify-content-xxl-between { justify-content: space-between !important; } - .justify-content-xxl-around { justify-content: space-around !important; } - .justify-content-xxl-evenly { justify-content: space-evenly !important; } - .align-items-xxl-start { align-items: flex-start !important; } - .align-items-xxl-end { align-items: flex-end !important; } - .align-items-xxl-center { align-items: center !important; } - .align-items-xxl-baseline { align-items: baseline !important; } - .align-items-xxl-stretch { align-items: stretch !important; } - .align-content-xxl-start { align-content: flex-start !important; } - .align-content-xxl-end { align-content: flex-end !important; } - .align-content-xxl-center { align-content: center !important; } - .align-content-xxl-between { align-content: space-between !important; } - .align-content-xxl-around { align-content: space-around !important; } - .align-content-xxl-stretch { align-content: stretch !important; } - .align-self-xxl-auto { align-self: auto !important; } - .align-self-xxl-start { align-self: flex-start !important; } - .align-self-xxl-end { align-self: flex-end !important; } - .align-self-xxl-center { align-self: center !important; } - .align-self-xxl-baseline { align-self: baseline !important; } - .align-self-xxl-stretch { align-self: stretch !important; } - .order-xxl-first { order: -1 !important; } - .order-xxl-0 { order: 0 !important; } - .order-xxl-1 { order: 1 !important; } - .order-xxl-2 { order: 2 !important; } - .order-xxl-3 { order: 3 !important; } - .order-xxl-4 { order: 4 !important; } - .order-xxl-5 { order: 5 !important; } - .order-xxl-last { order: 6 !important; } - .m-xxl-0 { margin: 0 !important; } - .m-xxl-50 { margin: 0.125rem !important; } - .m-xxl-1 { margin: 0.25rem !important; } - .m-xxl-1_5 { margin: 0.375rem !important; } - .m-xxl-2 { margin: 0.5rem !important; } - .m-xxl-3 { margin: 0.75rem !important; } - .m-xxl-4 { margin: 1rem !important; } - .m-xxl-5 { margin: 1.25rem !important; } - .m-xxl-6 { margin: 1.5rem !important; } - .m-xxl-7 { margin: 1.75rem !important; } - .m-xxl-8 { margin: 2rem !important; } - .m-xxl-9 { margin: 2.25rem !important; } - .m-xxl-10 { margin: 2.5rem !important; } - .m-xxl-11 { margin: 2.75rem !important; } - .m-xxl-12 { margin: 3rem !important; } - .m-xxl-auto { margin: auto !important; } - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; } - .mx-xxl-50 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; } - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; } - .mx-xxl-1_5 { - margin-right: 0.375rem !important; - margin-left: 0.375rem !important; + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; } - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; } - .mx-xxl-3 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; } - .mx-xxl-4 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; } - .mx-xxl-5 { - margin-right: 1.25rem !important; - margin-left: 1.25rem !important; + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; } - .mx-xxl-6 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; } - .mx-xxl-7 { - margin-right: 1.75rem !important; - margin-left: 1.75rem !important; + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; } - .mx-xxl-8 { - margin-right: 2rem !important; - margin-left: 2rem !important; + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; } - .mx-xxl-9 { - margin-right: 2.25rem !important; - margin-left: 2.25rem !important; + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; } - .mx-xxl-10 { - margin-right: 2.5rem !important; - margin-left: 2.5rem !important; + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; } - .mx-xxl-11 { - margin-right: 2.75rem !important; - margin-left: 2.75rem !important; + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; } - .mx-xxl-12 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; } - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-inline-end: auto !important; + margin-inline-start: auto !important; } - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-block-start: 0 !important; + margin-block-end: 0 !important; } - .my-xxl-50 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .my-xxl-1_5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .my-xxl-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .my-xxl-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; } - .my-xxl-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .my-xxl-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .my-xxl-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .my-xxl-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; } - .my-xxl-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .my-xxl-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .my-xxl-11 { - margin-top: 2.75rem !important; - margin-bottom: 2.75rem !important; + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .my-xxl-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; } - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-block-start: auto !important; + margin-block-end: auto !important; } - .mt-xxl-0 { - margin-top: 0 !important; + margin-block-start: 0 !important; } - .mt-xxl-50 { - margin-top: 0.125rem !important; + margin-block-start: 0.125rem !important; } - .mt-xxl-1 { - margin-top: 0.25rem !important; + margin-block-start: 0.25rem !important; } - .mt-xxl-1_5 { - margin-top: 0.375rem !important; + margin-block-start: 0.375rem !important; } - .mt-xxl-2 { - margin-top: 0.5rem !important; + margin-block-start: 0.5rem !important; } - .mt-xxl-3 { - margin-top: 0.75rem !important; + margin-block-start: 0.75rem !important; } - .mt-xxl-4 { - margin-top: 1rem !important; + margin-block-start: 1rem !important; } - .mt-xxl-5 { - margin-top: 1.25rem !important; + margin-block-start: 1.25rem !important; } - .mt-xxl-6 { - margin-top: 1.5rem !important; + margin-block-start: 1.5rem !important; } - .mt-xxl-7 { - margin-top: 1.75rem !important; + margin-block-start: 1.75rem !important; } - .mt-xxl-8 { - margin-top: 2rem !important; + margin-block-start: 2rem !important; } - .mt-xxl-9 { - margin-top: 2.25rem !important; + margin-block-start: 2.25rem !important; } - .mt-xxl-10 { - margin-top: 2.5rem !important; + margin-block-start: 2.5rem !important; } - .mt-xxl-11 { - margin-top: 2.75rem !important; + margin-block-start: 2.75rem !important; } - .mt-xxl-12 { - margin-top: 3rem !important; + margin-block-start: 3rem !important; } - .mt-xxl-auto { - margin-top: auto !important; + margin-block-start: auto !important; + } + .me-xxl-0 { + margin-inline-end: 0 !important; + } + .me-xxl-50 { + margin-inline-end: 0.125rem !important; + } + .me-xxl-1 { + margin-inline-end: 0.25rem !important; + } + .me-xxl-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-xxl-2 { + margin-inline-end: 0.5rem !important; + } + .me-xxl-3 { + margin-inline-end: 0.75rem !important; + } + .me-xxl-4 { + margin-inline-end: 1rem !important; + } + .me-xxl-5 { + margin-inline-end: 1.25rem !important; + } + .me-xxl-6 { + margin-inline-end: 1.5rem !important; + } + .me-xxl-7 { + margin-inline-end: 1.75rem !important; + } + .me-xxl-8 { + margin-inline-end: 2rem !important; + } + .me-xxl-9 { + margin-inline-end: 2.25rem !important; + } + .me-xxl-10 { + margin-inline-end: 2.5rem !important; + } + .me-xxl-11 { + margin-inline-end: 2.75rem !important; + } + .me-xxl-12 { + margin-inline-end: 3rem !important; + } + .me-xxl-auto { + margin-inline-end: auto !important; } - .mb-xxl-0 { - margin-bottom: 0 !important; + margin-block-end: 0 !important; } - .mb-xxl-50 { - margin-bottom: 0.125rem !important; + margin-block-end: 0.125rem !important; } - .mb-xxl-1 { - margin-bottom: 0.25rem !important; + margin-block-end: 0.25rem !important; } - .mb-xxl-1_5 { - margin-bottom: 0.375rem !important; + margin-block-end: 0.375rem !important; } - .mb-xxl-2 { - margin-bottom: 0.5rem !important; + margin-block-end: 0.5rem !important; } - .mb-xxl-3 { - margin-bottom: 0.75rem !important; + margin-block-end: 0.75rem !important; } - .mb-xxl-4 { - margin-bottom: 1rem !important; + margin-block-end: 1rem !important; } - .mb-xxl-5 { - margin-bottom: 1.25rem !important; + margin-block-end: 1.25rem !important; } - .mb-xxl-6 { - margin-bottom: 1.5rem !important; + margin-block-end: 1.5rem !important; } - .mb-xxl-7 { - margin-bottom: 1.75rem !important; + margin-block-end: 1.75rem !important; } - .mb-xxl-8 { - margin-bottom: 2rem !important; + margin-block-end: 2rem !important; } - .mb-xxl-9 { - margin-bottom: 2.25rem !important; + margin-block-end: 2.25rem !important; } - .mb-xxl-10 { - margin-bottom: 2.5rem !important; + margin-block-end: 2.5rem !important; } - .mb-xxl-11 { - margin-bottom: 2.75rem !important; + margin-block-end: 2.75rem !important; } - .mb-xxl-12 { - margin-bottom: 3rem !important; + margin-block-end: 3rem !important; } - .mb-xxl-auto { - margin-bottom: auto !important; + margin-block-end: auto !important; + } + .ms-xxl-0 { + margin-inline-start: 0 !important; + } + .ms-xxl-50 { + margin-inline-start: 0.125rem !important; + } + .ms-xxl-1 { + margin-inline-start: 0.25rem !important; + } + .ms-xxl-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-xxl-2 { + margin-inline-start: 0.5rem !important; + } + .ms-xxl-3 { + margin-inline-start: 0.75rem !important; + } + .ms-xxl-4 { + margin-inline-start: 1rem !important; + } + .ms-xxl-5 { + margin-inline-start: 1.25rem !important; + } + .ms-xxl-6 { + margin-inline-start: 1.5rem !important; + } + .ms-xxl-7 { + margin-inline-start: 1.75rem !important; + } + .ms-xxl-8 { + margin-inline-start: 2rem !important; + } + .ms-xxl-9 { + margin-inline-start: 2.25rem !important; + } + .ms-xxl-10 { + margin-inline-start: 2.5rem !important; + } + .ms-xxl-11 { + margin-inline-start: 2.75rem !important; + } + .ms-xxl-12 { + margin-inline-start: 3rem !important; + } + .ms-xxl-auto { + margin-inline-start: auto !important; } - .m-xxl-n50 { margin: -0.125rem !important; } - .m-xxl-n1 { margin: -0.25rem !important; } - .m-xxl-n1_5 { margin: -0.375rem !important; } - .m-xxl-n2 { margin: -0.5rem !important; } - .m-xxl-n3 { margin: -0.75rem !important; } - .m-xxl-n4 { margin: -1rem !important; } - .m-xxl-n5 { margin: -1.25rem !important; } - .m-xxl-n6 { margin: -1.5rem !important; } - .m-xxl-n7 { margin: -1.75rem !important; } - .m-xxl-n8 { margin: -2rem !important; } - .m-xxl-n9 { margin: -2.25rem !important; } - .m-xxl-n10 { margin: -2.5rem !important; } - .m-xxl-n11 { margin: -2.75rem !important; } - .m-xxl-n12 { margin: -3rem !important; } - .mx-xxl-n50 { - margin-right: -0.125rem !important; - margin-left: -0.125rem !important; + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; } - .mx-xxl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; } - .mx-xxl-n1_5 { - margin-right: -0.375rem !important; - margin-left: -0.375rem !important; + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; } - .mx-xxl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; } - .mx-xxl-n3 { - margin-right: -0.75rem !important; - margin-left: -0.75rem !important; + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; } - .mx-xxl-n4 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; } - .mx-xxl-n5 { - margin-right: -1.25rem !important; - margin-left: -1.25rem !important; + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; } - .mx-xxl-n6 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; } - .mx-xxl-n7 { - margin-right: -1.75rem !important; - margin-left: -1.75rem !important; + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; } - .mx-xxl-n8 { - margin-right: -2rem !important; - margin-left: -2rem !important; + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; } - .mx-xxl-n9 { - margin-right: -2.25rem !important; - margin-left: -2.25rem !important; + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; } - .mx-xxl-n10 { - margin-right: -2.5rem !important; - margin-left: -2.5rem !important; + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; } - .mx-xxl-n11 { - margin-right: -2.75rem !important; - margin-left: -2.75rem !important; + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; } - .mx-xxl-n12 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; } - .my-xxl-n50 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .my-xxl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .my-xxl-n1_5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .my-xxl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .my-xxl-n3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .my-xxl-n4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; } - .my-xxl-n5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .my-xxl-n6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .my-xxl-n7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .my-xxl-n8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; } - .my-xxl-n9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .my-xxl-n10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .my-xxl-n11 { - margin-top: -2.75rem !important; - margin-bottom: -2.75rem !important; + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .my-xxl-n12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; } - .mt-xxl-n50 { - margin-top: -0.125rem !important; + margin-block-start: -0.125rem !important; } - .mt-xxl-n1 { - margin-top: -0.25rem !important; + margin-block-start: -0.25rem !important; } - .mt-xxl-n1_5 { - margin-top: -0.375rem !important; + margin-block-start: -0.375rem !important; } - .mt-xxl-n2 { - margin-top: -0.5rem !important; + margin-block-start: -0.5rem !important; } - .mt-xxl-n3 { - margin-top: -0.75rem !important; + margin-block-start: -0.75rem !important; } - .mt-xxl-n4 { - margin-top: -1rem !important; + margin-block-start: -1rem !important; } - .mt-xxl-n5 { - margin-top: -1.25rem !important; + margin-block-start: -1.25rem !important; } - .mt-xxl-n6 { - margin-top: -1.5rem !important; + margin-block-start: -1.5rem !important; } - .mt-xxl-n7 { - margin-top: -1.75rem !important; + margin-block-start: -1.75rem !important; } - .mt-xxl-n8 { - margin-top: -2rem !important; + margin-block-start: -2rem !important; } - .mt-xxl-n9 { - margin-top: -2.25rem !important; + margin-block-start: -2.25rem !important; } - .mt-xxl-n10 { - margin-top: -2.5rem !important; + margin-block-start: -2.5rem !important; } - .mt-xxl-n11 { - margin-top: -2.75rem !important; + margin-block-start: -2.75rem !important; } - .mt-xxl-n12 { - margin-top: -3rem !important; + margin-block-start: -3rem !important; + } + .me-xxl-n50 { + margin-inline-end: -0.125rem !important; + } + .me-xxl-n1 { + margin-inline-end: -0.25rem !important; + } + .me-xxl-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-xxl-n2 { + margin-inline-end: -0.5rem !important; + } + .me-xxl-n3 { + margin-inline-end: -0.75rem !important; + } + .me-xxl-n4 { + margin-inline-end: -1rem !important; + } + .me-xxl-n5 { + margin-inline-end: -1.25rem !important; + } + .me-xxl-n6 { + margin-inline-end: -1.5rem !important; + } + .me-xxl-n7 { + margin-inline-end: -1.75rem !important; + } + .me-xxl-n8 { + margin-inline-end: -2rem !important; + } + .me-xxl-n9 { + margin-inline-end: -2.25rem !important; + } + .me-xxl-n10 { + margin-inline-end: -2.5rem !important; + } + .me-xxl-n11 { + margin-inline-end: -2.75rem !important; + } + .me-xxl-n12 { + margin-inline-end: -3rem !important; } - .mb-xxl-n50 { - margin-bottom: -0.125rem !important; + margin-block-end: -0.125rem !important; } - .mb-xxl-n1 { - margin-bottom: -0.25rem !important; + margin-block-end: -0.25rem !important; } - .mb-xxl-n1_5 { - margin-bottom: -0.375rem !important; + margin-block-end: -0.375rem !important; } - .mb-xxl-n2 { - margin-bottom: -0.5rem !important; + margin-block-end: -0.5rem !important; } - .mb-xxl-n3 { - margin-bottom: -0.75rem !important; + margin-block-end: -0.75rem !important; } - .mb-xxl-n4 { - margin-bottom: -1rem !important; + margin-block-end: -1rem !important; } - .mb-xxl-n5 { - margin-bottom: -1.25rem !important; + margin-block-end: -1.25rem !important; } - .mb-xxl-n6 { - margin-bottom: -1.5rem !important; + margin-block-end: -1.5rem !important; } - .mb-xxl-n7 { - margin-bottom: -1.75rem !important; + margin-block-end: -1.75rem !important; } - .mb-xxl-n8 { - margin-bottom: -2rem !important; + margin-block-end: -2rem !important; } - .mb-xxl-n9 { - margin-bottom: -2.25rem !important; + margin-block-end: -2.25rem !important; } - .mb-xxl-n10 { - margin-bottom: -2.5rem !important; + margin-block-end: -2.5rem !important; } - .mb-xxl-n11 { - margin-bottom: -2.75rem !important; + margin-block-end: -2.75rem !important; } - .mb-xxl-n12 { - margin-bottom: -3rem !important; + margin-block-end: -3rem !important; + } + .ms-xxl-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-xxl-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-xxl-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-xxl-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-xxl-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-xxl-n4 { + margin-inline-start: -1rem !important; + } + .ms-xxl-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-xxl-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-xxl-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-xxl-n8 { + margin-inline-start: -2rem !important; + } + .ms-xxl-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-xxl-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-xxl-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-xxl-n12 { + margin-inline-start: -3rem !important; } - .p-xxl-0 { padding: 0 !important; } - .p-xxl-50 { padding: 0.125rem !important; } - .p-xxl-1 { padding: 0.25rem !important; } - .p-xxl-1_5 { padding: 0.375rem !important; } - .p-xxl-2 { padding: 0.5rem !important; } - .p-xxl-3 { padding: 0.75rem !important; } - .p-xxl-4 { padding: 1rem !important; } - .p-xxl-5 { padding: 1.25rem !important; } - .p-xxl-6 { padding: 1.5rem !important; } - .p-xxl-7 { padding: 1.75rem !important; } - .p-xxl-8 { padding: 2rem !important; } - .p-xxl-9 { padding: 2.25rem !important; } - .p-xxl-10 { padding: 2.5rem !important; } - .p-xxl-11 { padding: 2.75rem !important; } - .p-xxl-12 { padding: 3rem !important; } - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; } - .px-xxl-50 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; } - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; } - .px-xxl-1_5 { - padding-right: 0.375rem !important; - padding-left: 0.375rem !important; + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; } - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; } - .px-xxl-3 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; } - .px-xxl-4 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; } - .px-xxl-5 { - padding-right: 1.25rem !important; - padding-left: 1.25rem !important; + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; } - .px-xxl-6 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; } - .px-xxl-7 { - padding-right: 1.75rem !important; - padding-left: 1.75rem !important; + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; } - .px-xxl-8 { - padding-right: 2rem !important; - padding-left: 2rem !important; + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; } - .px-xxl-9 { - padding-right: 2.25rem !important; - padding-left: 2.25rem !important; + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; } - .px-xxl-10 { - padding-right: 2.5rem !important; - padding-left: 2.5rem !important; + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; } - .px-xxl-11 { - padding-right: 2.75rem !important; - padding-left: 2.75rem !important; + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; } - .px-xxl-12 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; } - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-block-start: 0 !important; + padding-block-end: 0 !important; } - .py-xxl-50 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .py-xxl-1_5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .py-xxl-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .py-xxl-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; } - .py-xxl-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .py-xxl-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .py-xxl-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .py-xxl-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; } - .py-xxl-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .py-xxl-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .py-xxl-11 { - padding-top: 2.75rem !important; - padding-bottom: 2.75rem !important; + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .py-xxl-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; } - .pt-xxl-0 { - padding-top: 0 !important; + padding-block-start: 0 !important; } - .pt-xxl-50 { - padding-top: 0.125rem !important; + padding-block-start: 0.125rem !important; } - .pt-xxl-1 { - padding-top: 0.25rem !important; + padding-block-start: 0.25rem !important; } - .pt-xxl-1_5 { - padding-top: 0.375rem !important; + padding-block-start: 0.375rem !important; } - .pt-xxl-2 { - padding-top: 0.5rem !important; + padding-block-start: 0.5rem !important; } - .pt-xxl-3 { - padding-top: 0.75rem !important; + padding-block-start: 0.75rem !important; } - .pt-xxl-4 { - padding-top: 1rem !important; + padding-block-start: 1rem !important; } - .pt-xxl-5 { - padding-top: 1.25rem !important; + padding-block-start: 1.25rem !important; } - .pt-xxl-6 { - padding-top: 1.5rem !important; + padding-block-start: 1.5rem !important; } - .pt-xxl-7 { - padding-top: 1.75rem !important; + padding-block-start: 1.75rem !important; } - .pt-xxl-8 { - padding-top: 2rem !important; + padding-block-start: 2rem !important; } - .pt-xxl-9 { - padding-top: 2.25rem !important; + padding-block-start: 2.25rem !important; } - .pt-xxl-10 { - padding-top: 2.5rem !important; + padding-block-start: 2.5rem !important; } - .pt-xxl-11 { - padding-top: 2.75rem !important; + padding-block-start: 2.75rem !important; } - .pt-xxl-12 { - padding-top: 3rem !important; + padding-block-start: 3rem !important; + } + .pe-xxl-0 { + padding-inline-end: 0 !important; + } + .pe-xxl-50 { + padding-inline-end: 0.125rem !important; + } + .pe-xxl-1 { + padding-inline-end: 0.25rem !important; + } + .pe-xxl-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-xxl-2 { + padding-inline-end: 0.5rem !important; + } + .pe-xxl-3 { + padding-inline-end: 0.75rem !important; + } + .pe-xxl-4 { + padding-inline-end: 1rem !important; + } + .pe-xxl-5 { + padding-inline-end: 1.25rem !important; + } + .pe-xxl-6 { + padding-inline-end: 1.5rem !important; + } + .pe-xxl-7 { + padding-inline-end: 1.75rem !important; + } + .pe-xxl-8 { + padding-inline-end: 2rem !important; + } + .pe-xxl-9 { + padding-inline-end: 2.25rem !important; + } + .pe-xxl-10 { + padding-inline-end: 2.5rem !important; + } + .pe-xxl-11 { + padding-inline-end: 2.75rem !important; + } + .pe-xxl-12 { + padding-inline-end: 3rem !important; } - .pb-xxl-0 { - padding-bottom: 0 !important; + padding-block-end: 0 !important; } - .pb-xxl-50 { - padding-bottom: 0.125rem !important; + padding-block-end: 0.125rem !important; } - .pb-xxl-1 { - padding-bottom: 0.25rem !important; + padding-block-end: 0.25rem !important; } - .pb-xxl-1_5 { - padding-bottom: 0.375rem !important; + padding-block-end: 0.375rem !important; } - .pb-xxl-2 { - padding-bottom: 0.5rem !important; + padding-block-end: 0.5rem !important; } - .pb-xxl-3 { - padding-bottom: 0.75rem !important; + padding-block-end: 0.75rem !important; } - .pb-xxl-4 { - padding-bottom: 1rem !important; + padding-block-end: 1rem !important; } - .pb-xxl-5 { - padding-bottom: 1.25rem !important; + padding-block-end: 1.25rem !important; } - .pb-xxl-6 { - padding-bottom: 1.5rem !important; + padding-block-end: 1.5rem !important; } - .pb-xxl-7 { - padding-bottom: 1.75rem !important; + padding-block-end: 1.75rem !important; } - .pb-xxl-8 { - padding-bottom: 2rem !important; + padding-block-end: 2rem !important; } - .pb-xxl-9 { - padding-bottom: 2.25rem !important; + padding-block-end: 2.25rem !important; } - .pb-xxl-10 { - padding-bottom: 2.5rem !important; + padding-block-end: 2.5rem !important; } - .pb-xxl-11 { - padding-bottom: 2.75rem !important; + padding-block-end: 2.75rem !important; } - .pb-xxl-12 { - padding-bottom: 3rem !important; + padding-block-end: 3rem !important; + } + .ps-xxl-0 { + padding-inline-start: 0 !important; + } + .ps-xxl-50 { + padding-inline-start: 0.125rem !important; + } + .ps-xxl-1 { + padding-inline-start: 0.25rem !important; + } + .ps-xxl-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-xxl-2 { + padding-inline-start: 0.5rem !important; + } + .ps-xxl-3 { + padding-inline-start: 0.75rem !important; + } + .ps-xxl-4 { + padding-inline-start: 1rem !important; + } + .ps-xxl-5 { + padding-inline-start: 1.25rem !important; + } + .ps-xxl-6 { + padding-inline-start: 1.5rem !important; + } + .ps-xxl-7 { + padding-inline-start: 1.75rem !important; + } + .ps-xxl-8 { + padding-inline-start: 2rem !important; + } + .ps-xxl-9 { + padding-inline-start: 2.25rem !important; + } + .ps-xxl-10 { + padding-inline-start: 2.5rem !important; + } + .ps-xxl-11 { + padding-inline-start: 2.75rem !important; + } + .ps-xxl-12 { + padding-inline-start: 3rem !important; } - .gap-xxl-0 { gap: 0 !important; } - .gap-xxl-50 { gap: 0.125rem !important; } - .gap-xxl-1 { gap: 0.25rem !important; } - .gap-xxl-1_5 { gap: 0.375rem !important; } - .gap-xxl-2 { gap: 0.5rem !important; } - .gap-xxl-3 { gap: 0.75rem !important; } - .gap-xxl-4 { gap: 1rem !important; } - .gap-xxl-5 { gap: 1.25rem !important; } - .gap-xxl-6 { gap: 1.5rem !important; } - .gap-xxl-7 { gap: 1.75rem !important; } - .gap-xxl-8 { gap: 2rem !important; } - .gap-xxl-9 { gap: 2.25rem !important; } - .gap-xxl-10 { gap: 2.5rem !important; } - .gap-xxl-11 { gap: 2.75rem !important; } - .gap-xxl-12 { gap: 3rem !important; } - .row-gap-xxl-0 { row-gap: 0 !important; } - .row-gap-xxl-50 { row-gap: 0.125rem !important; } - .row-gap-xxl-1 { row-gap: 0.25rem !important; } - .row-gap-xxl-1_5 { row-gap: 0.375rem !important; } - .row-gap-xxl-2 { row-gap: 0.5rem !important; } - .row-gap-xxl-3 { row-gap: 0.75rem !important; } - .row-gap-xxl-4 { row-gap: 1rem !important; } - .row-gap-xxl-5 { row-gap: 1.25rem !important; } - .row-gap-xxl-6 { row-gap: 1.5rem !important; } - .row-gap-xxl-7 { row-gap: 1.75rem !important; } - .row-gap-xxl-8 { row-gap: 2rem !important; } - .row-gap-xxl-9 { row-gap: 2.25rem !important; } - .row-gap-xxl-10 { row-gap: 2.5rem !important; } - .row-gap-xxl-11 { row-gap: 2.75rem !important; } - .row-gap-xxl-12 { row-gap: 3rem !important; } - .column-gap-xxl-0 { column-gap: 0 !important; } - .column-gap-xxl-50 { column-gap: 0.125rem !important; } - .column-gap-xxl-1 { column-gap: 0.25rem !important; } - .column-gap-xxl-1_5 { column-gap: 0.375rem !important; } - .column-gap-xxl-2 { column-gap: 0.5rem !important; } - .column-gap-xxl-3 { column-gap: 0.75rem !important; } - .column-gap-xxl-4 { column-gap: 1rem !important; } - .column-gap-xxl-5 { column-gap: 1.25rem !important; } - .column-gap-xxl-6 { column-gap: 1.5rem !important; } - .column-gap-xxl-7 { column-gap: 1.75rem !important; } - .column-gap-xxl-8 { column-gap: 2rem !important; } - .column-gap-xxl-9 { column-gap: 2.25rem !important; } - .column-gap-xxl-10 { column-gap: 2.5rem !important; } - .column-gap-xxl-11 { column-gap: 2.75rem !important; } - .column-gap-xxl-12 { column-gap: 3rem !important; } + .text-xxl-start { + text-align: start !important; + } + .text-xxl-end { + text-align: end !important; + } + .text-xxl-center { + text-align: center !important; + } } - @media (min-width: 1200px) { .fs-1 { font-size: 2.875rem !important; } - .fs-2 { font-size: 2.375rem !important; } - .fs-3 { font-size: 1.75rem !important; } - .fs-4 { font-size: 1.5rem !important; } - .fs-xxlarge { font-size: 6rem !important; } } - @media print { .d-print-inline { display: inline !important; } - .d-print-inline-block { display: inline-block !important; } - .d-print-block { display: block !important; } - .d-print-grid { display: grid !important; } - .d-print-table { display: table !important; } - .d-print-table-row { display: table-row !important; } - .d-print-table-cell { display: table-cell !important; } - .d-print-flex { display: flex !important; } - .d-print-inline-flex { display: inline-flex !important; } - .d-print-none { display: none !important; } } - -html:not([dir="rtl"]) .object-fit-contain { - object-fit: contain !important; -} - -html:not([dir="rtl"]) .object-fit-cover { - object-fit: cover !important; -} - -html:not([dir="rtl"]) .object-fit-fill { - object-fit: fill !important; -} - -html:not([dir="rtl"]) .object-fit-scale { - object-fit: scale-down !important; -} - -html:not([dir="rtl"]) .object-fit-none { - object-fit: none !important; -} - -html:not([dir="rtl"]) .border-solid { - border-style: solid !important; -} - -html:not([dir="rtl"]) .border-dashed { - border-style: dashed !important; -} - -html:not([dir="rtl"]) .border-none { - border-style: none !important; -} - -html:not([dir="rtl"]) .border-label-primary { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-primary-rgb), - var(--bs-border-opacity) - ) !important; -} - -html:not([dir="rtl"]) .border-label-secondary { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-secondary-rgb), - var(--bs-border-opacity) - ) !important; -} - -html:not([dir="rtl"]) .border-label-success { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-success-rgb), - var(--bs-border-opacity) - ) !important; -} - -html:not([dir="rtl"]) .border-label-info { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; -} - -html:not([dir="rtl"]) .border-label-warning { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-warning-rgb), - var(--bs-border-opacity) - ) !important; -} - -html:not([dir="rtl"]) .border-label-danger { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; -} - -html:not([dir="rtl"]) .border-label-light { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; -} - -html:not([dir="rtl"]) .border-label-dark { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; -} - -html:not([dir="rtl"]) .border-label-gray { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important; -} - -html:not([dir="rtl"]) .border-label-black { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; -} - -html:not([dir="rtl"]) .border-label-white { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; -} - -html:not([dir="rtl"]) .border-opacity-10 { - --bs-border-opacity: 0.1; -} - -html:not([dir="rtl"]) .border-opacity-25 { - --bs-border-opacity: 0.25; -} - -html:not([dir="rtl"]) .border-opacity-50 { - --bs-border-opacity: 0.5; -} - -html:not([dir="rtl"]) .border-opacity-75 { - --bs-border-opacity: 0.75; -} - -html:not([dir="rtl"]) .border-opacity-100 { - --bs-border-opacity: 1; -} - -html:not([dir="rtl"]) .row-gap-0 { - row-gap: 0 !important; -} - -html:not([dir="rtl"]) .row-gap-50 { - row-gap: 0.125rem !important; -} - -html:not([dir="rtl"]) .row-gap-1 { - row-gap: 0.25rem !important; -} - -html:not([dir="rtl"]) .row-gap-1_5 { - row-gap: 0.375rem !important; -} - -html:not([dir="rtl"]) .row-gap-2 { - row-gap: 0.5rem !important; -} - -html:not([dir="rtl"]) .row-gap-3 { - row-gap: 0.75rem !important; -} - -html:not([dir="rtl"]) .row-gap-4 { - row-gap: 1rem !important; -} - -html:not([dir="rtl"]) .row-gap-5 { - row-gap: 1.25rem !important; -} - -html:not([dir="rtl"]) .row-gap-6 { - row-gap: 1.5rem !important; -} - -html:not([dir="rtl"]) .row-gap-7 { - row-gap: 1.75rem !important; -} - -html:not([dir="rtl"]) .row-gap-8 { - row-gap: 2rem !important; -} - -html:not([dir="rtl"]) .row-gap-9 { - row-gap: 2.25rem !important; -} - -html:not([dir="rtl"]) .row-gap-10 { - row-gap: 2.5rem !important; -} - -html:not([dir="rtl"]) .row-gap-11 { - row-gap: 2.75rem !important; -} - -html:not([dir="rtl"]) .row-gap-12 { - row-gap: 3rem !important; -} - -html:not([dir="rtl"]) .column-gap-0 { - column-gap: 0 !important; -} - -html:not([dir="rtl"]) .column-gap-50 { - column-gap: 0.125rem !important; -} - -html:not([dir="rtl"]) .column-gap-1 { - column-gap: 0.25rem !important; -} - -html:not([dir="rtl"]) .column-gap-1_5 { - column-gap: 0.375rem !important; -} - -html:not([dir="rtl"]) .column-gap-2 { - column-gap: 0.5rem !important; -} - -html:not([dir="rtl"]) .column-gap-3 { - column-gap: 0.75rem !important; -} - -html:not([dir="rtl"]) .column-gap-4 { - column-gap: 1rem !important; -} - -html:not([dir="rtl"]) .column-gap-5 { - column-gap: 1.25rem !important; -} - -html:not([dir="rtl"]) .column-gap-6 { - column-gap: 1.5rem !important; -} - -html:not([dir="rtl"]) .column-gap-7 { - column-gap: 1.75rem !important; -} - -html:not([dir="rtl"]) .column-gap-8 { - column-gap: 2rem !important; -} - -html:not([dir="rtl"]) .column-gap-9 { - column-gap: 2.25rem !important; -} - -html:not([dir="rtl"]) .column-gap-10 { - column-gap: 2.5rem !important; -} - -html:not([dir="rtl"]) .column-gap-11 { - column-gap: 2.75rem !important; -} - -html:not([dir="rtl"]) .column-gap-12 { - column-gap: 3rem !important; -} - -html:not([dir="rtl"]) .text-opacity-25 { - --bs-text-opacity: 0.25; -} - -html:not([dir="rtl"]) .text-opacity-50 { - --bs-text-opacity: 0.5; -} - -html:not([dir="rtl"]) .text-opacity-75 { - --bs-text-opacity: 0.75; -} - -html:not([dir="rtl"]) .text-opacity-100 { - --bs-text-opacity: 1; -} - -html:not([dir="rtl"]) .link-opacity-10 { - --bs-link-opacity: 0.1; -} - -html:not([dir="rtl"]) .link-opacity-10-hover:hover { - --bs-link-opacity: 0.1; -} - -html:not([dir="rtl"]) .link-opacity-25 { - --bs-link-opacity: 0.25; -} - -html:not([dir="rtl"]) .link-opacity-25-hover:hover { - --bs-link-opacity: 0.25; -} - -html:not([dir="rtl"]) .link-opacity-50 { - --bs-link-opacity: 0.5; -} - -html:not([dir="rtl"]) .link-opacity-50-hover:hover { - --bs-link-opacity: 0.5; -} - -html:not([dir="rtl"]) .link-opacity-75 { - --bs-link-opacity: 0.75; -} - -html:not([dir="rtl"]) .link-opacity-75-hover:hover { - --bs-link-opacity: 0.75; -} - -html:not([dir="rtl"]) .link-opacity-100 { - --bs-link-opacity: 1; -} - -html:not([dir="rtl"]) .link-opacity-100-hover:hover { - --bs-link-opacity: 1; -} - -html:not([dir="rtl"]) .link-offset-1 { - text-underline-offset: 0.125em !important; -} - -html:not([dir="rtl"]) .link-offset-1-hover:hover { - text-underline-offset: 0.125em !important; -} - -html:not([dir="rtl"]) .link-offset-2 { - text-underline-offset: 0.25em !important; -} - -html:not([dir="rtl"]) .link-offset-2-hover:hover { - text-underline-offset: 0.25em !important; -} - -html:not([dir="rtl"]) .link-offset-3 { - text-underline-offset: 0.375em !important; -} - -html:not([dir="rtl"]) .link-offset-3-hover:hover { - text-underline-offset: 0.375em !important; -} - -html:not([dir="rtl"]) .link-underline-primary { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-primary-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-secondary { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-secondary-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-success { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-success-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-info { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-info-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-warning { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-warning-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-danger { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-danger-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-light { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-light-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-dark { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-dark-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-gray { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-gray-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -html:not([dir="rtl"]) .link-underline { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-link-color-rgb), - var(--bs-link-underline-opacity, 1) - ) !important; -} - -html:not([dir="rtl"]) .link-underline-opacity-0 { - --bs-link-underline-opacity: 0; -} - -html:not([dir="rtl"]) .link-underline-opacity-0-hover:hover { - --bs-link-underline-opacity: 0; -} - -html:not([dir="rtl"]) .link-underline-opacity-10 { - --bs-link-underline-opacity: 0.1; -} - -html:not([dir="rtl"]) .link-underline-opacity-10-hover:hover { - --bs-link-underline-opacity: 0.1; -} - -html:not([dir="rtl"]) .link-underline-opacity-25 { - --bs-link-underline-opacity: 0.25; -} - -html:not([dir="rtl"]) .link-underline-opacity-25-hover:hover { - --bs-link-underline-opacity: 0.25; -} - -html:not([dir="rtl"]) .link-underline-opacity-50 { - --bs-link-underline-opacity: 0.5; -} - -html:not([dir="rtl"]) .link-underline-opacity-50-hover:hover { - --bs-link-underline-opacity: 0.5; -} - -html:not([dir="rtl"]) .link-underline-opacity-75 { - --bs-link-underline-opacity: 0.75; -} - -html:not([dir="rtl"]) .link-underline-opacity-75-hover:hover { - --bs-link-underline-opacity: 0.75; -} - -html:not([dir="rtl"]) .link-underline-opacity-100 { - --bs-link-underline-opacity: 1; -} - -html:not([dir="rtl"]) .link-underline-opacity-100-hover:hover { - --bs-link-underline-opacity: 1; -} - -html:not([dir="rtl"]) .bg-opacity-10 { - --bs-bg-opacity: 0.1; -} - -html:not([dir="rtl"]) .bg-opacity-25 { - --bs-bg-opacity: 0.25; -} - -html:not([dir="rtl"]) .bg-opacity-50 { - --bs-bg-opacity: 0.5; -} - -html:not([dir="rtl"]) .bg-opacity-75 { - --bs-bg-opacity: 0.75; -} - -html:not([dir="rtl"]) .bg-opacity-100 { - --bs-bg-opacity: 1; -} - -html:not([dir="rtl"]) .bg-primary-subtle { - background-color: var(--bs-primary-bg-subtle) !important; -} - -html:not([dir="rtl"]) .bg-secondary-subtle { - background-color: var(--bs-secondary-bg-subtle) !important; -} - -html:not([dir="rtl"]) .bg-success-subtle { - background-color: var(--bs-success-bg-subtle) !important; -} - -html:not([dir="rtl"]) .bg-info-subtle { - background-color: var(--bs-info-bg-subtle) !important; -} - -html:not([dir="rtl"]) .bg-warning-subtle { - background-color: var(--bs-warning-bg-subtle) !important; -} - -html:not([dir="rtl"]) .bg-danger-subtle { - background-color: var(--bs-danger-bg-subtle) !important; -} - -html:not([dir="rtl"]) .bg-light-subtle { - background-color: var(--bs-light-bg-subtle) !important; -} - -html:not([dir="rtl"]) .bg-dark-subtle { - background-color: var(--bs-dark-bg-subtle) !important; -} - -html:not([dir="rtl"]) .z-n1 { - z-index: -1 !important; -} - -html:not([dir="rtl"]) .z-0 { - z-index: 0 !important; -} - -html:not([dir="rtl"]) .z-1 { - z-index: 1 !important; -} - -html:not([dir="rtl"]) .z-2 { - z-index: 2 !important; -} - -html:not([dir="rtl"]) .z-3 { - z-index: 3 !important; -} - -html:not([dir="rtl"]) .z-4 { - z-index: 4 !important; -} - -html:not([dir="rtl"]) .z-5 { - z-index: 5 !important; -} - -html:not([dir="rtl"]) .float-start { - float: left !important; -} - -html:not([dir="rtl"]) .float-end { - float: right !important; -} - -html:not([dir="rtl"]) .float-none { - float: none !important; -} - -html:not([dir="rtl"]) .end-0 { - right: 0 !important; -} - -html:not([dir="rtl"]) .end-50 { - right: 50% !important; -} - -html:not([dir="rtl"]) .end-100 { - right: 100% !important; -} - -html:not([dir="rtl"]) .start-0 { - left: 0 !important; -} - -html:not([dir="rtl"]) .start-50 { - left: 50% !important; -} - -html:not([dir="rtl"]) .start-100 { - left: 100% !important; -} - -html:not([dir="rtl"]) .translate-middle { - transform: translate(-50%, -50%) !important; -} - -html:not([dir="rtl"]) .translate-middle-x { - transform: translateX(-50%) !important; -} - -html:not([dir="rtl"]) .translate-middle-y { - transform: translateY(-50%) !important; -} - -html:not([dir="rtl"]) .border-end { - border-right: 1px solid #e4e6e8 !important; -} - -html:not([dir="rtl"]) .border-end-0 { - border-right: 0 !important; -} - -html:not([dir="rtl"]) .border-start { - border-left: 1px solid #e4e6e8 !important; -} - -html:not([dir="rtl"]) .border-start-0 { - border-left: 0 !important; -} - -html:not([dir="rtl"]) .border-left-dashed { - border-left-style: dashed !important; -} - -html:not([dir="rtl"]) .border-right-dashed { - border-right-style: dashed !important; -} - -html:not([dir="rtl"]) .text-start { - text-align: left !important; -} - -html:not([dir="rtl"]) .text-end { - text-align: right !important; -} - -html:not([dir="rtl"]) .text-center { - text-align: center !important; -} - -html:not([dir="rtl"]) .rounded-end { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; -} - -html:not([dir="rtl"]) .rounded-start { - border-bottom-left-radius: 0.375rem !important; - border-top-left-radius: 0.375rem !important; -} - -html:not([dir="rtl"]) .rounded-start-top { - border-top-left-radius: 0.375rem !important; -} - -html:not([dir="rtl"]) .rounded-start-bottom { - border-bottom-left-radius: 0.375rem !important; -} - -html:not([dir="rtl"]) .rounded-end-top { - border-top-right-radius: 0.375rem !important; -} - -html:not([dir="rtl"]) .rounded-end-bottom { - border-bottom-right-radius: 0.375rem !important; -} - -html:not([dir="rtl"]) .me-0 { - margin-right: 0 !important; -} - -html:not([dir="rtl"]) .me-50 { - margin-right: 0.125rem !important; -} - -html:not([dir="rtl"]) .me-1 { - margin-right: 0.25rem !important; -} - -html:not([dir="rtl"]) .me-1_5 { - margin-right: 0.375rem !important; -} - -html:not([dir="rtl"]) .me-2 { - margin-right: 0.5rem !important; -} - -html:not([dir="rtl"]) .me-3 { - margin-right: 0.75rem !important; -} - -html:not([dir="rtl"]) .me-4 { - margin-right: 1rem !important; -} - -html:not([dir="rtl"]) .me-5 { - margin-right: 1.25rem !important; -} - -html:not([dir="rtl"]) .me-6 { - margin-right: 1.5rem !important; -} - -html:not([dir="rtl"]) .me-7 { - margin-right: 1.75rem !important; -} - -html:not([dir="rtl"]) .me-8 { - margin-right: 2rem !important; -} - -html:not([dir="rtl"]) .me-9 { - margin-right: 2.25rem !important; -} - -html:not([dir="rtl"]) .me-10 { - margin-right: 2.5rem !important; -} - -html:not([dir="rtl"]) .me-11 { - margin-right: 2.75rem !important; -} - -html:not([dir="rtl"]) .me-12 { - margin-right: 3rem !important; -} - -html:not([dir="rtl"]) .me-auto { - margin-right: auto !important; -} - -html:not([dir="rtl"]) .ms-0 { - margin-left: 0 !important; -} - -html:not([dir="rtl"]) .ms-50 { - margin-left: 0.125rem !important; -} - -html:not([dir="rtl"]) .ms-1 { - margin-left: 0.25rem !important; -} - -html:not([dir="rtl"]) .ms-1_5 { - margin-left: 0.375rem !important; -} - -html:not([dir="rtl"]) .ms-2 { - margin-left: 0.5rem !important; -} - -html:not([dir="rtl"]) .ms-3 { - margin-left: 0.75rem !important; -} - -html:not([dir="rtl"]) .ms-4 { - margin-left: 1rem !important; -} - -html:not([dir="rtl"]) .ms-5 { - margin-left: 1.25rem !important; -} - -html:not([dir="rtl"]) .ms-6 { - margin-left: 1.5rem !important; -} - -html:not([dir="rtl"]) .ms-7 { - margin-left: 1.75rem !important; -} - -html:not([dir="rtl"]) .ms-8 { - margin-left: 2rem !important; -} - -html:not([dir="rtl"]) .ms-9 { - margin-left: 2.25rem !important; -} - -html:not([dir="rtl"]) .ms-10 { - margin-left: 2.5rem !important; -} - -html:not([dir="rtl"]) .ms-11 { - margin-left: 2.75rem !important; -} - -html:not([dir="rtl"]) .ms-12 { - margin-left: 3rem !important; -} - -html:not([dir="rtl"]) .ms-auto { - margin-left: auto !important; -} - -html:not([dir="rtl"]) .me-n50 { - margin-right: -0.125rem !important; -} - -html:not([dir="rtl"]) .me-n1 { - margin-right: -0.25rem !important; -} - -html:not([dir="rtl"]) .me-n1_5 { - margin-right: -0.375rem !important; -} - -html:not([dir="rtl"]) .me-n2 { - margin-right: -0.5rem !important; -} - -html:not([dir="rtl"]) .me-n3 { - margin-right: -0.75rem !important; -} - -html:not([dir="rtl"]) .me-n4 { - margin-right: -1rem !important; -} - -html:not([dir="rtl"]) .me-n5 { - margin-right: -1.25rem !important; -} - -html:not([dir="rtl"]) .me-n6 { - margin-right: -1.5rem !important; -} - -html:not([dir="rtl"]) .me-n7 { - margin-right: -1.75rem !important; -} - -html:not([dir="rtl"]) .me-n8 { - margin-right: -2rem !important; -} - -html:not([dir="rtl"]) .me-n9 { - margin-right: -2.25rem !important; -} - -html:not([dir="rtl"]) .me-n10 { - margin-right: -2.5rem !important; -} - -html:not([dir="rtl"]) .me-n11 { - margin-right: -2.75rem !important; -} - -html:not([dir="rtl"]) .me-n12 { - margin-right: -3rem !important; -} - -html:not([dir="rtl"]) .ms-n50 { - margin-left: -0.125rem !important; -} - -html:not([dir="rtl"]) .ms-n1 { - margin-left: -0.25rem !important; -} - -html:not([dir="rtl"]) .ms-n1_5 { - margin-left: -0.375rem !important; -} - -html:not([dir="rtl"]) .ms-n2 { - margin-left: -0.5rem !important; -} - -html:not([dir="rtl"]) .ms-n3 { - margin-left: -0.75rem !important; -} - -html:not([dir="rtl"]) .ms-n4 { - margin-left: -1rem !important; -} - -html:not([dir="rtl"]) .ms-n5 { - margin-left: -1.25rem !important; -} - -html:not([dir="rtl"]) .ms-n6 { - margin-left: -1.5rem !important; -} - -html:not([dir="rtl"]) .ms-n7 { - margin-left: -1.75rem !important; -} - -html:not([dir="rtl"]) .ms-n8 { - margin-left: -2rem !important; -} - -html:not([dir="rtl"]) .ms-n9 { - margin-left: -2.25rem !important; -} - -html:not([dir="rtl"]) .ms-n10 { - margin-left: -2.5rem !important; -} - -html:not([dir="rtl"]) .ms-n11 { - margin-left: -2.75rem !important; -} - -html:not([dir="rtl"]) .ms-n12 { - margin-left: -3rem !important; -} - -html:not([dir="rtl"]) .pe-0 { - padding-right: 0 !important; -} - -html:not([dir="rtl"]) .pe-50 { - padding-right: 0.125rem !important; -} - -html:not([dir="rtl"]) .pe-1 { - padding-right: 0.25rem !important; -} - -html:not([dir="rtl"]) .pe-1_5 { - padding-right: 0.375rem !important; -} - -html:not([dir="rtl"]) .pe-2 { - padding-right: 0.5rem !important; -} - -html:not([dir="rtl"]) .pe-3 { - padding-right: 0.75rem !important; -} - -html:not([dir="rtl"]) .pe-4 { - padding-right: 1rem !important; -} - -html:not([dir="rtl"]) .pe-5 { - padding-right: 1.25rem !important; -} - -html:not([dir="rtl"]) .pe-6 { - padding-right: 1.5rem !important; -} - -html:not([dir="rtl"]) .pe-7 { - padding-right: 1.75rem !important; -} - -html:not([dir="rtl"]) .pe-8 { - padding-right: 2rem !important; -} - -html:not([dir="rtl"]) .pe-9 { - padding-right: 2.25rem !important; -} - -html:not([dir="rtl"]) .pe-10 { - padding-right: 2.5rem !important; -} - -html:not([dir="rtl"]) .pe-11 { - padding-right: 2.75rem !important; -} - -html:not([dir="rtl"]) .pe-12 { - padding-right: 3rem !important; -} - -html:not([dir="rtl"]) .ps-0 { - padding-left: 0 !important; -} - -html:not([dir="rtl"]) .ps-50 { - padding-left: 0.125rem !important; -} - -html:not([dir="rtl"]) .ps-1 { - padding-left: 0.25rem !important; -} - -html:not([dir="rtl"]) .ps-1_5 { - padding-left: 0.375rem !important; -} - -html:not([dir="rtl"]) .ps-2 { - padding-left: 0.5rem !important; -} - -html:not([dir="rtl"]) .ps-3 { - padding-left: 0.75rem !important; -} - -html:not([dir="rtl"]) .ps-4 { - padding-left: 1rem !important; -} - -html:not([dir="rtl"]) .ps-5 { - padding-left: 1.25rem !important; -} - -html:not([dir="rtl"]) .ps-6 { - padding-left: 1.5rem !important; -} - -html:not([dir="rtl"]) .ps-7 { - padding-left: 1.75rem !important; -} - -html:not([dir="rtl"]) .ps-8 { - padding-left: 2rem !important; -} - -html:not([dir="rtl"]) .ps-9 { - padding-left: 2.25rem !important; -} - -html:not([dir="rtl"]) .ps-10 { - padding-left: 2.5rem !important; -} - -html:not([dir="rtl"]) .ps-11 { - padding-left: 2.75rem !important; -} - -html:not([dir="rtl"]) .ps-12 { - padding-left: 3rem !important; -} - -html:not([dir="rtl"]) .rotate-0 { - transform: rotate(0deg) !important; -} - -html:not([dir="rtl"]) .rotate-90 { - transform: rotate(90deg) !important; -} - -html:not([dir="rtl"]) .rotate-180 { - transform: rotate(180deg) !important; -} - -html:not([dir="rtl"]) .rotate-270 { - transform: rotate(270deg) !important; -} - -html:not([dir="rtl"]) .rotate-n90 { - transform: rotate(-90deg) !important; -} - -html:not([dir="rtl"]) .rotate-n180 { - transform: rotate(-180deg) !important; -} - -html:not([dir="rtl"]) .rotate-n270 { - transform: rotate(-270deg) !important; -} - -html:not([dir="rtl"]) .scaleX-n1 { - transform: scaleX(-1) !important; -} - -html:not([dir="rtl"]) .scaleY-n1 { - transform: scaleY(-1) !important; -} - -@media (min-width: 576px) { - html:not([dir="rtl"]) .object-fit-sm-contain { - object-fit: contain !important; - } - - html:not([dir="rtl"]) .object-fit-sm-cover { - object-fit: cover !important; - } - - html:not([dir="rtl"]) .object-fit-sm-fill { - object-fit: fill !important; - } - - html:not([dir="rtl"]) .object-fit-sm-scale { - object-fit: scale-down !important; - } - - html:not([dir="rtl"]) .object-fit-sm-none { - object-fit: none !important; - } - - html:not([dir="rtl"]) .border-sm-solid { - border-style: solid !important; - } - - html:not([dir="rtl"]) .border-sm-dashed { - border-style: dashed !important; - } - - html:not([dir="rtl"]) .border-sm-none { - border-style: none !important; - } - - html:not([dir="rtl"]) .row-gap-sm-0 { - row-gap: 0 !important; - } - - html:not([dir="rtl"]) .row-gap-sm-50 { - row-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-1 { - row-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-1_5 { - row-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-2 { - row-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-3 { - row-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-4 { - row-gap: 1rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-5 { - row-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-6 { - row-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-7 { - row-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-8 { - row-gap: 2rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-9 { - row-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-10 { - row-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-11 { - row-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-sm-12 { - row-gap: 3rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-0 { - column-gap: 0 !important; - } - - html:not([dir="rtl"]) .column-gap-sm-50 { - column-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-1 { - column-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-1_5 { - column-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-2 { - column-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-3 { - column-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-4 { - column-gap: 1rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-5 { - column-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-6 { - column-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-7 { - column-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-8 { - column-gap: 2rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-9 { - column-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-10 { - column-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-11 { - column-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-sm-12 { - column-gap: 3rem !important; - } - - html:not([dir="rtl"]) .float-sm-start { - float: left !important; - } - - html:not([dir="rtl"]) .float-sm-end { - float: right !important; - } - - html:not([dir="rtl"]) .float-sm-none { - float: none !important; - } - - html:not([dir="rtl"]) .text-sm-start { - text-align: left !important; - } - - html:not([dir="rtl"]) .text-sm-end { - text-align: right !important; - } - - html:not([dir="rtl"]) .text-sm-center { - text-align: center !important; - } - - html:not([dir="rtl"]) .me-sm-0 { - margin-right: 0 !important; - } - - html:not([dir="rtl"]) .me-sm-50 { - margin-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .me-sm-1 { - margin-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .me-sm-1_5 { - margin-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .me-sm-2 { - margin-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .me-sm-3 { - margin-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .me-sm-4 { - margin-right: 1rem !important; - } - - html:not([dir="rtl"]) .me-sm-5 { - margin-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .me-sm-6 { - margin-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .me-sm-7 { - margin-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .me-sm-8 { - margin-right: 2rem !important; - } - - html:not([dir="rtl"]) .me-sm-9 { - margin-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .me-sm-10 { - margin-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .me-sm-11 { - margin-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .me-sm-12 { - margin-right: 3rem !important; - } - - html:not([dir="rtl"]) .me-sm-auto { - margin-right: auto !important; - } - - html:not([dir="rtl"]) .ms-sm-0 { - margin-left: 0 !important; - } - - html:not([dir="rtl"]) .ms-sm-50 { - margin-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ms-sm-1 { - margin-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ms-sm-1_5 { - margin-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ms-sm-2 { - margin-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ms-sm-3 { - margin-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ms-sm-4 { - margin-left: 1rem !important; - } - - html:not([dir="rtl"]) .ms-sm-5 { - margin-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ms-sm-6 { - margin-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ms-sm-7 { - margin-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ms-sm-8 { - margin-left: 2rem !important; - } - - html:not([dir="rtl"]) .ms-sm-9 { - margin-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ms-sm-10 { - margin-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ms-sm-11 { - margin-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ms-sm-12 { - margin-left: 3rem !important; - } - - html:not([dir="rtl"]) .ms-sm-auto { - margin-left: auto !important; - } - - html:not([dir="rtl"]) .me-sm-n50 { - margin-right: -0.125rem !important; - } - - html:not([dir="rtl"]) .me-sm-n1 { - margin-right: -0.25rem !important; - } - - html:not([dir="rtl"]) .me-sm-n1_5 { - margin-right: -0.375rem !important; - } - - html:not([dir="rtl"]) .me-sm-n2 { - margin-right: -0.5rem !important; - } - - html:not([dir="rtl"]) .me-sm-n3 { - margin-right: -0.75rem !important; - } - - html:not([dir="rtl"]) .me-sm-n4 { - margin-right: -1rem !important; - } - - html:not([dir="rtl"]) .me-sm-n5 { - margin-right: -1.25rem !important; - } - - html:not([dir="rtl"]) .me-sm-n6 { - margin-right: -1.5rem !important; - } - - html:not([dir="rtl"]) .me-sm-n7 { - margin-right: -1.75rem !important; - } - - html:not([dir="rtl"]) .me-sm-n8 { - margin-right: -2rem !important; - } - - html:not([dir="rtl"]) .me-sm-n9 { - margin-right: -2.25rem !important; - } - - html:not([dir="rtl"]) .me-sm-n10 { - margin-right: -2.5rem !important; - } - - html:not([dir="rtl"]) .me-sm-n11 { - margin-right: -2.75rem !important; - } - - html:not([dir="rtl"]) .me-sm-n12 { - margin-right: -3rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n50 { - margin-left: -0.125rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n1 { - margin-left: -0.25rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n1_5 { - margin-left: -0.375rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n2 { - margin-left: -0.5rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n3 { - margin-left: -0.75rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n4 { - margin-left: -1rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n5 { - margin-left: -1.25rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n6 { - margin-left: -1.5rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n7 { - margin-left: -1.75rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n8 { - margin-left: -2rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n9 { - margin-left: -2.25rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n10 { - margin-left: -2.5rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n11 { - margin-left: -2.75rem !important; - } - - html:not([dir="rtl"]) .ms-sm-n12 { - margin-left: -3rem !important; - } - - html:not([dir="rtl"]) .pe-sm-0 { - padding-right: 0 !important; - } - - html:not([dir="rtl"]) .pe-sm-50 { - padding-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .pe-sm-1 { - padding-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .pe-sm-1_5 { - padding-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .pe-sm-2 { - padding-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .pe-sm-3 { - padding-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .pe-sm-4 { - padding-right: 1rem !important; - } - - html:not([dir="rtl"]) .pe-sm-5 { - padding-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .pe-sm-6 { - padding-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .pe-sm-7 { - padding-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .pe-sm-8 { - padding-right: 2rem !important; - } - - html:not([dir="rtl"]) .pe-sm-9 { - padding-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .pe-sm-10 { - padding-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .pe-sm-11 { - padding-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .pe-sm-12 { - padding-right: 3rem !important; - } - - html:not([dir="rtl"]) .ps-sm-0 { - padding-left: 0 !important; - } - - html:not([dir="rtl"]) .ps-sm-50 { - padding-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ps-sm-1 { - padding-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ps-sm-1_5 { - padding-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ps-sm-2 { - padding-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ps-sm-3 { - padding-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ps-sm-4 { - padding-left: 1rem !important; - } - - html:not([dir="rtl"]) .ps-sm-5 { - padding-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ps-sm-6 { - padding-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ps-sm-7 { - padding-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ps-sm-8 { - padding-left: 2rem !important; - } - - html:not([dir="rtl"]) .ps-sm-9 { - padding-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ps-sm-10 { - padding-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ps-sm-11 { - padding-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ps-sm-12 { - padding-left: 3rem !important; - } -} - -@media (min-width: 768px) { - html:not([dir="rtl"]) .object-fit-md-contain { - object-fit: contain !important; - } - - html:not([dir="rtl"]) .object-fit-md-cover { - object-fit: cover !important; - } - - html:not([dir="rtl"]) .object-fit-md-fill { - object-fit: fill !important; - } - - html:not([dir="rtl"]) .object-fit-md-scale { - object-fit: scale-down !important; - } - - html:not([dir="rtl"]) .object-fit-md-none { - object-fit: none !important; - } - - html:not([dir="rtl"]) .border-md-solid { - border-style: solid !important; - } - - html:not([dir="rtl"]) .border-md-dashed { - border-style: dashed !important; - } - - html:not([dir="rtl"]) .border-md-none { - border-style: none !important; - } - - html:not([dir="rtl"]) .row-gap-md-0 { - row-gap: 0 !important; - } - - html:not([dir="rtl"]) .row-gap-md-50 { - row-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-1 { - row-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-1_5 { - row-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-2 { - row-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-3 { - row-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-4 { - row-gap: 1rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-5 { - row-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-6 { - row-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-7 { - row-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-8 { - row-gap: 2rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-9 { - row-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-10 { - row-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-11 { - row-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-md-12 { - row-gap: 3rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-0 { - column-gap: 0 !important; - } - - html:not([dir="rtl"]) .column-gap-md-50 { - column-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-1 { - column-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-1_5 { - column-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-2 { - column-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-3 { - column-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-4 { - column-gap: 1rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-5 { - column-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-6 { - column-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-7 { - column-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-8 { - column-gap: 2rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-9 { - column-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-10 { - column-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-11 { - column-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-md-12 { - column-gap: 3rem !important; - } - - html:not([dir="rtl"]) .float-md-start { - float: left !important; - } - - html:not([dir="rtl"]) .float-md-end { - float: right !important; - } - - html:not([dir="rtl"]) .float-md-none { - float: none !important; - } - - html:not([dir="rtl"]) .text-md-start { - text-align: left !important; - } - - html:not([dir="rtl"]) .text-md-end { - text-align: right !important; - } - - html:not([dir="rtl"]) .text-md-center { - text-align: center !important; - } - - html:not([dir="rtl"]) .me-md-0 { - margin-right: 0 !important; - } - - html:not([dir="rtl"]) .me-md-50 { - margin-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .me-md-1 { - margin-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .me-md-1_5 { - margin-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .me-md-2 { - margin-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .me-md-3 { - margin-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .me-md-4 { - margin-right: 1rem !important; - } - - html:not([dir="rtl"]) .me-md-5 { - margin-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .me-md-6 { - margin-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .me-md-7 { - margin-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .me-md-8 { - margin-right: 2rem !important; - } - - html:not([dir="rtl"]) .me-md-9 { - margin-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .me-md-10 { - margin-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .me-md-11 { - margin-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .me-md-12 { - margin-right: 3rem !important; - } - - html:not([dir="rtl"]) .me-md-auto { - margin-right: auto !important; - } - - html:not([dir="rtl"]) .ms-md-0 { - margin-left: 0 !important; - } - - html:not([dir="rtl"]) .ms-md-50 { - margin-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ms-md-1 { - margin-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ms-md-1_5 { - margin-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ms-md-2 { - margin-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ms-md-3 { - margin-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ms-md-4 { - margin-left: 1rem !important; - } - - html:not([dir="rtl"]) .ms-md-5 { - margin-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ms-md-6 { - margin-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ms-md-7 { - margin-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ms-md-8 { - margin-left: 2rem !important; - } - - html:not([dir="rtl"]) .ms-md-9 { - margin-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ms-md-10 { - margin-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ms-md-11 { - margin-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ms-md-12 { - margin-left: 3rem !important; - } - - html:not([dir="rtl"]) .ms-md-auto { - margin-left: auto !important; - } - - html:not([dir="rtl"]) .me-md-n50 { - margin-right: -0.125rem !important; - } - - html:not([dir="rtl"]) .me-md-n1 { - margin-right: -0.25rem !important; - } - - html:not([dir="rtl"]) .me-md-n1_5 { - margin-right: -0.375rem !important; - } - - html:not([dir="rtl"]) .me-md-n2 { - margin-right: -0.5rem !important; - } - - html:not([dir="rtl"]) .me-md-n3 { - margin-right: -0.75rem !important; - } - - html:not([dir="rtl"]) .me-md-n4 { - margin-right: -1rem !important; - } - - html:not([dir="rtl"]) .me-md-n5 { - margin-right: -1.25rem !important; - } - - html:not([dir="rtl"]) .me-md-n6 { - margin-right: -1.5rem !important; - } - - html:not([dir="rtl"]) .me-md-n7 { - margin-right: -1.75rem !important; - } - - html:not([dir="rtl"]) .me-md-n8 { - margin-right: -2rem !important; - } - - html:not([dir="rtl"]) .me-md-n9 { - margin-right: -2.25rem !important; - } - - html:not([dir="rtl"]) .me-md-n10 { - margin-right: -2.5rem !important; - } - - html:not([dir="rtl"]) .me-md-n11 { - margin-right: -2.75rem !important; - } - - html:not([dir="rtl"]) .me-md-n12 { - margin-right: -3rem !important; - } - - html:not([dir="rtl"]) .ms-md-n50 { - margin-left: -0.125rem !important; - } - - html:not([dir="rtl"]) .ms-md-n1 { - margin-left: -0.25rem !important; - } - - html:not([dir="rtl"]) .ms-md-n1_5 { - margin-left: -0.375rem !important; - } - - html:not([dir="rtl"]) .ms-md-n2 { - margin-left: -0.5rem !important; - } - - html:not([dir="rtl"]) .ms-md-n3 { - margin-left: -0.75rem !important; - } - - html:not([dir="rtl"]) .ms-md-n4 { - margin-left: -1rem !important; - } - - html:not([dir="rtl"]) .ms-md-n5 { - margin-left: -1.25rem !important; - } - - html:not([dir="rtl"]) .ms-md-n6 { - margin-left: -1.5rem !important; - } - - html:not([dir="rtl"]) .ms-md-n7 { - margin-left: -1.75rem !important; - } - - html:not([dir="rtl"]) .ms-md-n8 { - margin-left: -2rem !important; - } - - html:not([dir="rtl"]) .ms-md-n9 { - margin-left: -2.25rem !important; - } - - html:not([dir="rtl"]) .ms-md-n10 { - margin-left: -2.5rem !important; - } - - html:not([dir="rtl"]) .ms-md-n11 { - margin-left: -2.75rem !important; - } - - html:not([dir="rtl"]) .ms-md-n12 { - margin-left: -3rem !important; - } - - html:not([dir="rtl"]) .pe-md-0 { - padding-right: 0 !important; - } - - html:not([dir="rtl"]) .pe-md-50 { - padding-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .pe-md-1 { - padding-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .pe-md-1_5 { - padding-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .pe-md-2 { - padding-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .pe-md-3 { - padding-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .pe-md-4 { - padding-right: 1rem !important; - } - - html:not([dir="rtl"]) .pe-md-5 { - padding-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .pe-md-6 { - padding-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .pe-md-7 { - padding-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .pe-md-8 { - padding-right: 2rem !important; - } - - html:not([dir="rtl"]) .pe-md-9 { - padding-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .pe-md-10 { - padding-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .pe-md-11 { - padding-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .pe-md-12 { - padding-right: 3rem !important; - } - - html:not([dir="rtl"]) .ps-md-0 { - padding-left: 0 !important; - } - - html:not([dir="rtl"]) .ps-md-50 { - padding-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ps-md-1 { - padding-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ps-md-1_5 { - padding-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ps-md-2 { - padding-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ps-md-3 { - padding-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ps-md-4 { - padding-left: 1rem !important; - } - - html:not([dir="rtl"]) .ps-md-5 { - padding-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ps-md-6 { - padding-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ps-md-7 { - padding-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ps-md-8 { - padding-left: 2rem !important; - } - - html:not([dir="rtl"]) .ps-md-9 { - padding-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ps-md-10 { - padding-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ps-md-11 { - padding-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ps-md-12 { - padding-left: 3rem !important; - } -} - -@media (min-width: 992px) { - html:not([dir="rtl"]) .object-fit-lg-contain { - object-fit: contain !important; - } - - html:not([dir="rtl"]) .object-fit-lg-cover { - object-fit: cover !important; - } - - html:not([dir="rtl"]) .object-fit-lg-fill { - object-fit: fill !important; - } - - html:not([dir="rtl"]) .object-fit-lg-scale { - object-fit: scale-down !important; - } - - html:not([dir="rtl"]) .object-fit-lg-none { - object-fit: none !important; - } - - html:not([dir="rtl"]) .border-lg-solid { - border-style: solid !important; - } - - html:not([dir="rtl"]) .border-lg-dashed { - border-style: dashed !important; - } - - html:not([dir="rtl"]) .border-lg-none { - border-style: none !important; - } - - html:not([dir="rtl"]) .row-gap-lg-0 { - row-gap: 0 !important; - } - - html:not([dir="rtl"]) .row-gap-lg-50 { - row-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-1 { - row-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-1_5 { - row-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-2 { - row-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-3 { - row-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-4 { - row-gap: 1rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-5 { - row-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-6 { - row-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-7 { - row-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-8 { - row-gap: 2rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-9 { - row-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-10 { - row-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-11 { - row-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-lg-12 { - row-gap: 3rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-0 { - column-gap: 0 !important; - } - - html:not([dir="rtl"]) .column-gap-lg-50 { - column-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-1 { - column-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-1_5 { - column-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-2 { - column-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-3 { - column-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-4 { - column-gap: 1rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-5 { - column-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-6 { - column-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-7 { - column-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-8 { - column-gap: 2rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-9 { - column-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-10 { - column-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-11 { - column-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-lg-12 { - column-gap: 3rem !important; - } - - html:not([dir="rtl"]) .float-lg-start { - float: left !important; - } - - html:not([dir="rtl"]) .float-lg-end { - float: right !important; - } - - html:not([dir="rtl"]) .float-lg-none { - float: none !important; - } - - html:not([dir="rtl"]) .text-lg-start { - text-align: left !important; - } - - html:not([dir="rtl"]) .text-lg-end { - text-align: right !important; - } - - html:not([dir="rtl"]) .text-lg-center { - text-align: center !important; - } - - html:not([dir="rtl"]) .me-lg-0 { - margin-right: 0 !important; - } - - html:not([dir="rtl"]) .me-lg-50 { - margin-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .me-lg-1 { - margin-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .me-lg-1_5 { - margin-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .me-lg-2 { - margin-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .me-lg-3 { - margin-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .me-lg-4 { - margin-right: 1rem !important; - } - - html:not([dir="rtl"]) .me-lg-5 { - margin-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .me-lg-6 { - margin-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .me-lg-7 { - margin-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .me-lg-8 { - margin-right: 2rem !important; - } - - html:not([dir="rtl"]) .me-lg-9 { - margin-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .me-lg-10 { - margin-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .me-lg-11 { - margin-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .me-lg-12 { - margin-right: 3rem !important; - } - - html:not([dir="rtl"]) .me-lg-auto { - margin-right: auto !important; - } - - html:not([dir="rtl"]) .ms-lg-0 { - margin-left: 0 !important; - } - - html:not([dir="rtl"]) .ms-lg-50 { - margin-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ms-lg-1 { - margin-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ms-lg-1_5 { - margin-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ms-lg-2 { - margin-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ms-lg-3 { - margin-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ms-lg-4 { - margin-left: 1rem !important; - } - - html:not([dir="rtl"]) .ms-lg-5 { - margin-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ms-lg-6 { - margin-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ms-lg-7 { - margin-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ms-lg-8 { - margin-left: 2rem !important; - } - - html:not([dir="rtl"]) .ms-lg-9 { - margin-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ms-lg-10 { - margin-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ms-lg-11 { - margin-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ms-lg-12 { - margin-left: 3rem !important; - } - - html:not([dir="rtl"]) .ms-lg-auto { - margin-left: auto !important; - } - - html:not([dir="rtl"]) .me-lg-n50 { - margin-right: -0.125rem !important; - } - - html:not([dir="rtl"]) .me-lg-n1 { - margin-right: -0.25rem !important; - } - - html:not([dir="rtl"]) .me-lg-n1_5 { - margin-right: -0.375rem !important; - } - - html:not([dir="rtl"]) .me-lg-n2 { - margin-right: -0.5rem !important; - } - - html:not([dir="rtl"]) .me-lg-n3 { - margin-right: -0.75rem !important; - } - - html:not([dir="rtl"]) .me-lg-n4 { - margin-right: -1rem !important; - } - - html:not([dir="rtl"]) .me-lg-n5 { - margin-right: -1.25rem !important; - } - - html:not([dir="rtl"]) .me-lg-n6 { - margin-right: -1.5rem !important; - } - - html:not([dir="rtl"]) .me-lg-n7 { - margin-right: -1.75rem !important; - } - - html:not([dir="rtl"]) .me-lg-n8 { - margin-right: -2rem !important; - } - - html:not([dir="rtl"]) .me-lg-n9 { - margin-right: -2.25rem !important; - } - - html:not([dir="rtl"]) .me-lg-n10 { - margin-right: -2.5rem !important; - } - - html:not([dir="rtl"]) .me-lg-n11 { - margin-right: -2.75rem !important; - } - - html:not([dir="rtl"]) .me-lg-n12 { - margin-right: -3rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n50 { - margin-left: -0.125rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n1 { - margin-left: -0.25rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n1_5 { - margin-left: -0.375rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n2 { - margin-left: -0.5rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n3 { - margin-left: -0.75rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n4 { - margin-left: -1rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n5 { - margin-left: -1.25rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n6 { - margin-left: -1.5rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n7 { - margin-left: -1.75rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n8 { - margin-left: -2rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n9 { - margin-left: -2.25rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n10 { - margin-left: -2.5rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n11 { - margin-left: -2.75rem !important; - } - - html:not([dir="rtl"]) .ms-lg-n12 { - margin-left: -3rem !important; - } - - html:not([dir="rtl"]) .pe-lg-0 { - padding-right: 0 !important; - } - - html:not([dir="rtl"]) .pe-lg-50 { - padding-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .pe-lg-1 { - padding-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .pe-lg-1_5 { - padding-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .pe-lg-2 { - padding-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .pe-lg-3 { - padding-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .pe-lg-4 { - padding-right: 1rem !important; - } - - html:not([dir="rtl"]) .pe-lg-5 { - padding-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .pe-lg-6 { - padding-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .pe-lg-7 { - padding-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .pe-lg-8 { - padding-right: 2rem !important; - } - - html:not([dir="rtl"]) .pe-lg-9 { - padding-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .pe-lg-10 { - padding-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .pe-lg-11 { - padding-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .pe-lg-12 { - padding-right: 3rem !important; - } - - html:not([dir="rtl"]) .ps-lg-0 { - padding-left: 0 !important; - } - - html:not([dir="rtl"]) .ps-lg-50 { - padding-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ps-lg-1 { - padding-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ps-lg-1_5 { - padding-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ps-lg-2 { - padding-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ps-lg-3 { - padding-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ps-lg-4 { - padding-left: 1rem !important; - } - - html:not([dir="rtl"]) .ps-lg-5 { - padding-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ps-lg-6 { - padding-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ps-lg-7 { - padding-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ps-lg-8 { - padding-left: 2rem !important; - } - - html:not([dir="rtl"]) .ps-lg-9 { - padding-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ps-lg-10 { - padding-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ps-lg-11 { - padding-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ps-lg-12 { - padding-left: 3rem !important; - } -} - -@media (min-width: 1200px) { - html:not([dir="rtl"]) .object-fit-xl-contain { - object-fit: contain !important; - } - - html:not([dir="rtl"]) .object-fit-xl-cover { - object-fit: cover !important; - } - - html:not([dir="rtl"]) .object-fit-xl-fill { - object-fit: fill !important; - } - - html:not([dir="rtl"]) .object-fit-xl-scale { - object-fit: scale-down !important; - } - - html:not([dir="rtl"]) .object-fit-xl-none { - object-fit: none !important; - } - - html:not([dir="rtl"]) .border-xl-solid { - border-style: solid !important; - } - - html:not([dir="rtl"]) .border-xl-dashed { - border-style: dashed !important; - } - - html:not([dir="rtl"]) .border-xl-none { - border-style: none !important; - } - - html:not([dir="rtl"]) .row-gap-xl-0 { - row-gap: 0 !important; - } - - html:not([dir="rtl"]) .row-gap-xl-50 { - row-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-1 { - row-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-1_5 { - row-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-2 { - row-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-3 { - row-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-4 { - row-gap: 1rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-5 { - row-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-6 { - row-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-7 { - row-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-8 { - row-gap: 2rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-9 { - row-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-10 { - row-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-11 { - row-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-xl-12 { - row-gap: 3rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-0 { - column-gap: 0 !important; - } - - html:not([dir="rtl"]) .column-gap-xl-50 { - column-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-1 { - column-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-1_5 { - column-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-2 { - column-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-3 { - column-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-4 { - column-gap: 1rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-5 { - column-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-6 { - column-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-7 { - column-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-8 { - column-gap: 2rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-9 { - column-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-10 { - column-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-11 { - column-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-xl-12 { - column-gap: 3rem !important; - } - - html:not([dir="rtl"]) .float-xl-start { - float: left !important; - } - - html:not([dir="rtl"]) .float-xl-end { - float: right !important; - } - - html:not([dir="rtl"]) .float-xl-none { - float: none !important; - } - - html:not([dir="rtl"]) .text-xl-start { - text-align: left !important; - } - - html:not([dir="rtl"]) .text-xl-end { - text-align: right !important; - } - - html:not([dir="rtl"]) .text-xl-center { - text-align: center !important; - } - - html:not([dir="rtl"]) .me-xl-0 { - margin-right: 0 !important; - } - - html:not([dir="rtl"]) .me-xl-50 { - margin-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .me-xl-1 { - margin-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .me-xl-1_5 { - margin-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .me-xl-2 { - margin-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .me-xl-3 { - margin-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .me-xl-4 { - margin-right: 1rem !important; - } - - html:not([dir="rtl"]) .me-xl-5 { - margin-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .me-xl-6 { - margin-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .me-xl-7 { - margin-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .me-xl-8 { - margin-right: 2rem !important; - } - - html:not([dir="rtl"]) .me-xl-9 { - margin-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .me-xl-10 { - margin-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .me-xl-11 { - margin-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .me-xl-12 { - margin-right: 3rem !important; - } - - html:not([dir="rtl"]) .me-xl-auto { - margin-right: auto !important; - } - - html:not([dir="rtl"]) .ms-xl-0 { - margin-left: 0 !important; - } - - html:not([dir="rtl"]) .ms-xl-50 { - margin-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ms-xl-1 { - margin-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ms-xl-1_5 { - margin-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ms-xl-2 { - margin-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ms-xl-3 { - margin-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ms-xl-4 { - margin-left: 1rem !important; - } - - html:not([dir="rtl"]) .ms-xl-5 { - margin-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ms-xl-6 { - margin-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ms-xl-7 { - margin-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ms-xl-8 { - margin-left: 2rem !important; - } - - html:not([dir="rtl"]) .ms-xl-9 { - margin-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ms-xl-10 { - margin-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ms-xl-11 { - margin-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ms-xl-12 { - margin-left: 3rem !important; - } - - html:not([dir="rtl"]) .ms-xl-auto { - margin-left: auto !important; - } - - html:not([dir="rtl"]) .me-xl-n50 { - margin-right: -0.125rem !important; - } - - html:not([dir="rtl"]) .me-xl-n1 { - margin-right: -0.25rem !important; - } - - html:not([dir="rtl"]) .me-xl-n1_5 { - margin-right: -0.375rem !important; - } - - html:not([dir="rtl"]) .me-xl-n2 { - margin-right: -0.5rem !important; - } - - html:not([dir="rtl"]) .me-xl-n3 { - margin-right: -0.75rem !important; - } - - html:not([dir="rtl"]) .me-xl-n4 { - margin-right: -1rem !important; - } - - html:not([dir="rtl"]) .me-xl-n5 { - margin-right: -1.25rem !important; - } - - html:not([dir="rtl"]) .me-xl-n6 { - margin-right: -1.5rem !important; - } - - html:not([dir="rtl"]) .me-xl-n7 { - margin-right: -1.75rem !important; - } - - html:not([dir="rtl"]) .me-xl-n8 { - margin-right: -2rem !important; - } - - html:not([dir="rtl"]) .me-xl-n9 { - margin-right: -2.25rem !important; - } - - html:not([dir="rtl"]) .me-xl-n10 { - margin-right: -2.5rem !important; - } - - html:not([dir="rtl"]) .me-xl-n11 { - margin-right: -2.75rem !important; - } - - html:not([dir="rtl"]) .me-xl-n12 { - margin-right: -3rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n50 { - margin-left: -0.125rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n1 { - margin-left: -0.25rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n1_5 { - margin-left: -0.375rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n2 { - margin-left: -0.5rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n3 { - margin-left: -0.75rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n4 { - margin-left: -1rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n5 { - margin-left: -1.25rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n6 { - margin-left: -1.5rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n7 { - margin-left: -1.75rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n8 { - margin-left: -2rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n9 { - margin-left: -2.25rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n10 { - margin-left: -2.5rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n11 { - margin-left: -2.75rem !important; - } - - html:not([dir="rtl"]) .ms-xl-n12 { - margin-left: -3rem !important; - } - - html:not([dir="rtl"]) .pe-xl-0 { - padding-right: 0 !important; - } - - html:not([dir="rtl"]) .pe-xl-50 { - padding-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .pe-xl-1 { - padding-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .pe-xl-1_5 { - padding-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .pe-xl-2 { - padding-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .pe-xl-3 { - padding-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .pe-xl-4 { - padding-right: 1rem !important; - } - - html:not([dir="rtl"]) .pe-xl-5 { - padding-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .pe-xl-6 { - padding-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .pe-xl-7 { - padding-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .pe-xl-8 { - padding-right: 2rem !important; - } - - html:not([dir="rtl"]) .pe-xl-9 { - padding-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .pe-xl-10 { - padding-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .pe-xl-11 { - padding-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .pe-xl-12 { - padding-right: 3rem !important; - } - - html:not([dir="rtl"]) .ps-xl-0 { - padding-left: 0 !important; - } - - html:not([dir="rtl"]) .ps-xl-50 { - padding-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ps-xl-1 { - padding-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ps-xl-1_5 { - padding-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ps-xl-2 { - padding-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ps-xl-3 { - padding-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ps-xl-4 { - padding-left: 1rem !important; - } - - html:not([dir="rtl"]) .ps-xl-5 { - padding-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ps-xl-6 { - padding-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ps-xl-7 { - padding-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ps-xl-8 { - padding-left: 2rem !important; - } - - html:not([dir="rtl"]) .ps-xl-9 { - padding-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ps-xl-10 { - padding-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ps-xl-11 { - padding-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ps-xl-12 { - padding-left: 3rem !important; - } -} - -@media (min-width: 1400px) { - html:not([dir="rtl"]) .object-fit-xxl-contain { - object-fit: contain !important; - } - - html:not([dir="rtl"]) .object-fit-xxl-cover { - object-fit: cover !important; - } - - html:not([dir="rtl"]) .object-fit-xxl-fill { - object-fit: fill !important; - } - - html:not([dir="rtl"]) .object-fit-xxl-scale { - object-fit: scale-down !important; - } - - html:not([dir="rtl"]) .object-fit-xxl-none { - object-fit: none !important; - } - - html:not([dir="rtl"]) .border-xxl-solid { - border-style: solid !important; - } - - html:not([dir="rtl"]) .border-xxl-dashed { - border-style: dashed !important; - } - - html:not([dir="rtl"]) .border-xxl-none { - border-style: none !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-0 { - row-gap: 0 !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-50 { - row-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-1 { - row-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-1_5 { - row-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-2 { - row-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-3 { - row-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-4 { - row-gap: 1rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-5 { - row-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-6 { - row-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-7 { - row-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-8 { - row-gap: 2rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-9 { - row-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-10 { - row-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-11 { - row-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .row-gap-xxl-12 { - row-gap: 3rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-0 { - column-gap: 0 !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-50 { - column-gap: 0.125rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-1 { - column-gap: 0.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-1_5 { - column-gap: 0.375rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-2 { - column-gap: 0.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-3 { - column-gap: 0.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-4 { - column-gap: 1rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-5 { - column-gap: 1.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-6 { - column-gap: 1.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-7 { - column-gap: 1.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-8 { - column-gap: 2rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-9 { - column-gap: 2.25rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-10 { - column-gap: 2.5rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-11 { - column-gap: 2.75rem !important; - } - - html:not([dir="rtl"]) .column-gap-xxl-12 { - column-gap: 3rem !important; - } - - html:not([dir="rtl"]) .float-xxl-start { - float: left !important; - } - - html:not([dir="rtl"]) .float-xxl-end { - float: right !important; - } - - html:not([dir="rtl"]) .float-xxl-none { - float: none !important; - } - - html:not([dir="rtl"]) .text-xxl-start { - text-align: left !important; - } - - html:not([dir="rtl"]) .text-xxl-end { - text-align: right !important; - } - - html:not([dir="rtl"]) .text-xxl-center { - text-align: center !important; - } - - html:not([dir="rtl"]) .me-xxl-0 { - margin-right: 0 !important; - } - - html:not([dir="rtl"]) .me-xxl-50 { - margin-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .me-xxl-1 { - margin-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .me-xxl-1_5 { - margin-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .me-xxl-2 { - margin-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .me-xxl-3 { - margin-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .me-xxl-4 { - margin-right: 1rem !important; - } - - html:not([dir="rtl"]) .me-xxl-5 { - margin-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .me-xxl-6 { - margin-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .me-xxl-7 { - margin-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .me-xxl-8 { - margin-right: 2rem !important; - } - - html:not([dir="rtl"]) .me-xxl-9 { - margin-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .me-xxl-10 { - margin-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .me-xxl-11 { - margin-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .me-xxl-12 { - margin-right: 3rem !important; - } - - html:not([dir="rtl"]) .me-xxl-auto { - margin-right: auto !important; - } - - html:not([dir="rtl"]) .ms-xxl-0 { - margin-left: 0 !important; - } - - html:not([dir="rtl"]) .ms-xxl-50 { - margin-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-1 { - margin-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-1_5 { - margin-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-2 { - margin-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-3 { - margin-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-4 { - margin-left: 1rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-5 { - margin-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-6 { - margin-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-7 { - margin-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-8 { - margin-left: 2rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-9 { - margin-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-10 { - margin-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-11 { - margin-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-12 { - margin-left: 3rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-auto { - margin-left: auto !important; - } - - html:not([dir="rtl"]) .me-xxl-n50 { - margin-right: -0.125rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n1 { - margin-right: -0.25rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n1_5 { - margin-right: -0.375rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n2 { - margin-right: -0.5rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n3 { - margin-right: -0.75rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n4 { - margin-right: -1rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n5 { - margin-right: -1.25rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n6 { - margin-right: -1.5rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n7 { - margin-right: -1.75rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n8 { - margin-right: -2rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n9 { - margin-right: -2.25rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n10 { - margin-right: -2.5rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n11 { - margin-right: -2.75rem !important; - } - - html:not([dir="rtl"]) .me-xxl-n12 { - margin-right: -3rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n50 { - margin-left: -0.125rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n1 { - margin-left: -0.25rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n1_5 { - margin-left: -0.375rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n2 { - margin-left: -0.5rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n3 { - margin-left: -0.75rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n4 { - margin-left: -1rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n5 { - margin-left: -1.25rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n6 { - margin-left: -1.5rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n7 { - margin-left: -1.75rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n8 { - margin-left: -2rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n9 { - margin-left: -2.25rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n10 { - margin-left: -2.5rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n11 { - margin-left: -2.75rem !important; - } - - html:not([dir="rtl"]) .ms-xxl-n12 { - margin-left: -3rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-0 { - padding-right: 0 !important; - } - - html:not([dir="rtl"]) .pe-xxl-50 { - padding-right: 0.125rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-1 { - padding-right: 0.25rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-1_5 { - padding-right: 0.375rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-2 { - padding-right: 0.5rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-3 { - padding-right: 0.75rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-4 { - padding-right: 1rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-5 { - padding-right: 1.25rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-6 { - padding-right: 1.5rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-7 { - padding-right: 1.75rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-8 { - padding-right: 2rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-9 { - padding-right: 2.25rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-10 { - padding-right: 2.5rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-11 { - padding-right: 2.75rem !important; - } - - html:not([dir="rtl"]) .pe-xxl-12 { - padding-right: 3rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-0 { - padding-left: 0 !important; - } - - html:not([dir="rtl"]) .ps-xxl-50 { - padding-left: 0.125rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-1 { - padding-left: 0.25rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-1_5 { - padding-left: 0.375rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-2 { - padding-left: 0.5rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-3 { - padding-left: 0.75rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-4 { - padding-left: 1rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-5 { - padding-left: 1.25rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-6 { - padding-left: 1.5rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-7 { - padding-left: 1.75rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-8 { - padding-left: 2rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-9 { - padding-left: 2.25rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-10 { - padding-left: 2.5rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-11 { - padding-left: 2.75rem !important; - } - - html:not([dir="rtl"]) .ps-xxl-12 { - padding-left: 3rem !important; - } -} - -[dir="rtl"] .object-fit-contain { - object-fit: contain !important; -} - -[dir="rtl"] .object-fit-cover { - object-fit: cover !important; -} - -[dir="rtl"] .object-fit-fill { - object-fit: fill !important; -} - -[dir="rtl"] .object-fit-scale { - object-fit: scale-down !important; -} - -[dir="rtl"] .object-fit-none { - object-fit: none !important; -} - -[dir="rtl"] .border-solid { - border-style: solid !important; -} - -[dir="rtl"] .border-dashed { - border-style: dashed !important; -} - -[dir="rtl"] .border-none { - border-style: none !important; -} - -[dir="rtl"] .border-label-primary { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-primary-rgb), - var(--bs-border-opacity) - ) !important; -} - -[dir="rtl"] .border-label-secondary { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-secondary-rgb), - var(--bs-border-opacity) - ) !important; -} - -[dir="rtl"] .border-label-success { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-success-rgb), - var(--bs-border-opacity) - ) !important; -} - -[dir="rtl"] .border-label-info { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; -} - -[dir="rtl"] .border-label-warning { - --bs-border-opacity: 0.4; - border-color: rgba( - var(--bs-warning-rgb), - var(--bs-border-opacity) - ) !important; -} - -[dir="rtl"] .border-label-danger { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; -} - -[dir="rtl"] .border-label-light { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; -} - -[dir="rtl"] .border-label-dark { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; -} - -[dir="rtl"] .border-label-gray { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important; -} - -[dir="rtl"] .border-label-black { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; -} - -[dir="rtl"] .border-label-white { - --bs-border-opacity: 0.4; - border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; -} - -[dir="rtl"] .border-opacity-10 { - --bs-border-opacity: 0.1; -} - -[dir="rtl"] .border-opacity-25 { - --bs-border-opacity: 0.25; -} - -[dir="rtl"] .border-opacity-50 { - --bs-border-opacity: 0.5; -} - -[dir="rtl"] .border-opacity-75 { - --bs-border-opacity: 0.75; -} - -[dir="rtl"] .border-opacity-100 { - --bs-border-opacity: 1; -} - -[dir="rtl"] .row-gap-0 { - row-gap: 0 !important; -} - -[dir="rtl"] .row-gap-50 { - row-gap: 0.125rem !important; -} - -[dir="rtl"] .row-gap-1 { - row-gap: 0.25rem !important; -} - -[dir="rtl"] .row-gap-1_5 { - row-gap: 0.375rem !important; -} - -[dir="rtl"] .row-gap-2 { - row-gap: 0.5rem !important; -} - -[dir="rtl"] .row-gap-3 { - row-gap: 0.75rem !important; -} - -[dir="rtl"] .row-gap-4 { - row-gap: 1rem !important; -} - -[dir="rtl"] .row-gap-5 { - row-gap: 1.25rem !important; -} - -[dir="rtl"] .row-gap-6 { - row-gap: 1.5rem !important; -} - -[dir="rtl"] .row-gap-7 { - row-gap: 1.75rem !important; -} - -[dir="rtl"] .row-gap-8 { - row-gap: 2rem !important; -} - -[dir="rtl"] .row-gap-9 { - row-gap: 2.25rem !important; -} - -[dir="rtl"] .row-gap-10 { - row-gap: 2.5rem !important; -} - -[dir="rtl"] .row-gap-11 { - row-gap: 2.75rem !important; -} - -[dir="rtl"] .row-gap-12 { - row-gap: 3rem !important; -} - -[dir="rtl"] .column-gap-0 { - column-gap: 0 !important; -} - -[dir="rtl"] .column-gap-50 { - column-gap: 0.125rem !important; -} - -[dir="rtl"] .column-gap-1 { - column-gap: 0.25rem !important; -} - -[dir="rtl"] .column-gap-1_5 { - column-gap: 0.375rem !important; -} - -[dir="rtl"] .column-gap-2 { - column-gap: 0.5rem !important; -} - -[dir="rtl"] .column-gap-3 { - column-gap: 0.75rem !important; -} - -[dir="rtl"] .column-gap-4 { - column-gap: 1rem !important; -} - -[dir="rtl"] .column-gap-5 { - column-gap: 1.25rem !important; -} - -[dir="rtl"] .column-gap-6 { - column-gap: 1.5rem !important; -} - -[dir="rtl"] .column-gap-7 { - column-gap: 1.75rem !important; -} - -[dir="rtl"] .column-gap-8 { - column-gap: 2rem !important; -} - -[dir="rtl"] .column-gap-9 { - column-gap: 2.25rem !important; -} - -[dir="rtl"] .column-gap-10 { - column-gap: 2.5rem !important; -} - -[dir="rtl"] .column-gap-11 { - column-gap: 2.75rem !important; -} - -[dir="rtl"] .column-gap-12 { - column-gap: 3rem !important; -} - -[dir="rtl"] .text-opacity-25 { - --bs-text-opacity: 0.25; -} - -[dir="rtl"] .text-opacity-50 { - --bs-text-opacity: 0.5; -} - -[dir="rtl"] .text-opacity-75 { - --bs-text-opacity: 0.75; -} - -[dir="rtl"] .text-opacity-100 { - --bs-text-opacity: 1; -} - -[dir="rtl"] .link-opacity-10 { - --bs-link-opacity: 0.1; -} - -[dir="rtl"] .link-opacity-10-hover:hover { - --bs-link-opacity: 0.1; -} - -[dir="rtl"] .link-opacity-25 { - --bs-link-opacity: 0.25; -} - -[dir="rtl"] .link-opacity-25-hover:hover { - --bs-link-opacity: 0.25; -} - -[dir="rtl"] .link-opacity-50 { - --bs-link-opacity: 0.5; -} - -[dir="rtl"] .link-opacity-50-hover:hover { - --bs-link-opacity: 0.5; -} - -[dir="rtl"] .link-opacity-75 { - --bs-link-opacity: 0.75; -} - -[dir="rtl"] .link-opacity-75-hover:hover { - --bs-link-opacity: 0.75; -} - -[dir="rtl"] .link-opacity-100 { - --bs-link-opacity: 1; -} - -[dir="rtl"] .link-opacity-100-hover:hover { - --bs-link-opacity: 1; -} - -[dir="rtl"] .link-offset-1 { - text-underline-offset: 0.125em !important; -} - -[dir="rtl"] .link-offset-1-hover:hover { - text-underline-offset: 0.125em !important; -} - -[dir="rtl"] .link-offset-2 { - text-underline-offset: 0.25em !important; -} - -[dir="rtl"] .link-offset-2-hover:hover { - text-underline-offset: 0.25em !important; -} - -[dir="rtl"] .link-offset-3 { - text-underline-offset: 0.375em !important; -} - -[dir="rtl"] .link-offset-3-hover:hover { - text-underline-offset: 0.375em !important; -} - -[dir="rtl"] .link-underline-primary { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-primary-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-secondary { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-secondary-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-success { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-success-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-info { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-info-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-warning { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-warning-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-danger { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-danger-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-light { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-light-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-dark { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-dark-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline-gray { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-gray-rgb), - var(--bs-link-underline-opacity) - ) !important; -} - -[dir="rtl"] .link-underline { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba( - var(--bs-link-color-rgb), - var(--bs-link-underline-opacity, 1) - ) !important; -} - -[dir="rtl"] .link-underline-opacity-0 { - --bs-link-underline-opacity: 0; -} - -[dir="rtl"] .link-underline-opacity-0-hover:hover { - --bs-link-underline-opacity: 0; -} - -[dir="rtl"] .link-underline-opacity-10 { - --bs-link-underline-opacity: 0.1; -} - -[dir="rtl"] .link-underline-opacity-10-hover:hover { - --bs-link-underline-opacity: 0.1; -} - -[dir="rtl"] .link-underline-opacity-25 { - --bs-link-underline-opacity: 0.25; -} - -[dir="rtl"] .link-underline-opacity-25-hover:hover { - --bs-link-underline-opacity: 0.25; -} - -[dir="rtl"] .link-underline-opacity-50 { - --bs-link-underline-opacity: 0.5; -} - -[dir="rtl"] .link-underline-opacity-50-hover:hover { - --bs-link-underline-opacity: 0.5; -} - -[dir="rtl"] .link-underline-opacity-75 { - --bs-link-underline-opacity: 0.75; -} - -[dir="rtl"] .link-underline-opacity-75-hover:hover { - --bs-link-underline-opacity: 0.75; -} - -[dir="rtl"] .link-underline-opacity-100 { - --bs-link-underline-opacity: 1; -} - -[dir="rtl"] .link-underline-opacity-100-hover:hover { - --bs-link-underline-opacity: 1; -} - -[dir="rtl"] .bg-opacity-10 { - --bs-bg-opacity: 0.1; -} - -[dir="rtl"] .bg-opacity-25 { - --bs-bg-opacity: 0.25; -} - -[dir="rtl"] .bg-opacity-50 { - --bs-bg-opacity: 0.5; -} - -[dir="rtl"] .bg-opacity-75 { - --bs-bg-opacity: 0.75; -} - -[dir="rtl"] .bg-opacity-100 { - --bs-bg-opacity: 1; -} - -[dir="rtl"] .bg-primary-subtle { - background-color: var(--bs-primary-bg-subtle) !important; -} - -[dir="rtl"] .bg-secondary-subtle { - background-color: var(--bs-secondary-bg-subtle) !important; -} - -[dir="rtl"] .bg-success-subtle { - background-color: var(--bs-success-bg-subtle) !important; -} - -[dir="rtl"] .bg-info-subtle { - background-color: var(--bs-info-bg-subtle) !important; -} - -[dir="rtl"] .bg-warning-subtle { - background-color: var(--bs-warning-bg-subtle) !important; -} - -[dir="rtl"] .bg-danger-subtle { - background-color: var(--bs-danger-bg-subtle) !important; -} - -[dir="rtl"] .bg-light-subtle { - background-color: var(--bs-light-bg-subtle) !important; -} - -[dir="rtl"] .bg-dark-subtle { - background-color: var(--bs-dark-bg-subtle) !important; -} - -[dir="rtl"] .z-n1 { - z-index: -1 !important; -} - -[dir="rtl"] .z-0 { - z-index: 0 !important; -} - -[dir="rtl"] .z-1 { - z-index: 1 !important; -} - -[dir="rtl"] .z-2 { - z-index: 2 !important; -} - -[dir="rtl"] .z-3 { - z-index: 3 !important; -} - -[dir="rtl"] .z-4 { - z-index: 4 !important; -} - -[dir="rtl"] .z-5 { - z-index: 5 !important; -} - -[dir="rtl"] .float-start { - float: right !important; -} - -[dir="rtl"] .float-end { - float: left !important; -} - -[dir="rtl"] .float-none { - float: none !important; -} - -[dir="rtl"] .end-0 { - left: 0 !important; -} - -[dir="rtl"] .end-50 { - left: 50% !important; -} - -[dir="rtl"] .end-100 { - left: 100% !important; -} - -[dir="rtl"] .start-0 { - right: 0 !important; -} - -[dir="rtl"] .start-50 { - right: 50% !important; -} - -[dir="rtl"] .start-100 { - right: 100% !important; -} - -[dir="rtl"] .translate-middle { - transform: translate(50%, -50%) !important; -} - -[dir="rtl"] .translate-middle-x { - transform: translateX(50%) !important; -} - -[dir="rtl"] .translate-middle-y { - transform: translateY(-50%) !important; -} - -[dir="rtl"] .border-end { - border-left: 1px solid #e4e6e8 !important; -} - -[dir="rtl"] .border-end-0 { - border-left: 0 !important; -} - -[dir="rtl"] .border-start { - border-right: 1px solid #e4e6e8 !important; -} - -[dir="rtl"] .border-start-0 { - border-right: 0 !important; -} - -[dir="rtl"] .border-left-dashed { - border-right-style: dashed !important; -} - -[dir="rtl"] .border-right-dashed { - border-left-style: dashed !important; -} - -[dir="rtl"] .text-start { - text-align: right !important; -} - -[dir="rtl"] .text-end { - text-align: left !important; -} - -[dir="rtl"] .text-center { - text-align: center !important; -} - -[dir="rtl"] .rounded-end { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; -} - -[dir="rtl"] .rounded-start { - border-bottom-right-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; -} - -[dir="rtl"] .rounded-start-top { - border-top-right-radius: 0.375rem !important; -} - -[dir="rtl"] .rounded-start-bottom { - border-bottom-right-radius: 0.375rem !important; -} - -[dir="rtl"] .rounded-end-top { - border-top-left-radius: 0.375rem !important; -} - -[dir="rtl"] .rounded-end-bottom { - border-bottom-left-radius: 0.375rem !important; -} - -[dir="rtl"] .me-0 { - margin-left: 0 !important; -} - -[dir="rtl"] .me-50 { - margin-left: 0.125rem !important; -} - -[dir="rtl"] .me-1 { - margin-left: 0.25rem !important; -} - -[dir="rtl"] .me-1_5 { - margin-left: 0.375rem !important; -} - -[dir="rtl"] .me-2 { - margin-left: 0.5rem !important; -} - -[dir="rtl"] .me-3 { - margin-left: 0.75rem !important; -} - -[dir="rtl"] .me-4 { - margin-left: 1rem !important; -} - -[dir="rtl"] .me-5 { - margin-left: 1.25rem !important; -} - -[dir="rtl"] .me-6 { - margin-left: 1.5rem !important; -} - -[dir="rtl"] .me-7 { - margin-left: 1.75rem !important; -} - -[dir="rtl"] .me-8 { - margin-left: 2rem !important; -} - -[dir="rtl"] .me-9 { - margin-left: 2.25rem !important; -} - -[dir="rtl"] .me-10 { - margin-left: 2.5rem !important; -} - -[dir="rtl"] .me-11 { - margin-left: 2.75rem !important; -} - -[dir="rtl"] .me-12 { - margin-left: 3rem !important; -} - -[dir="rtl"] .me-auto { - margin-left: auto !important; -} - -[dir="rtl"] .ms-0 { - margin-right: 0 !important; -} - -[dir="rtl"] .ms-50 { - margin-right: 0.125rem !important; -} - -[dir="rtl"] .ms-1 { - margin-right: 0.25rem !important; -} - -[dir="rtl"] .ms-1_5 { - margin-right: 0.375rem !important; -} - -[dir="rtl"] .ms-2 { - margin-right: 0.5rem !important; -} - -[dir="rtl"] .ms-3 { - margin-right: 0.75rem !important; -} - -[dir="rtl"] .ms-4 { - margin-right: 1rem !important; -} - -[dir="rtl"] .ms-5 { - margin-right: 1.25rem !important; -} - -[dir="rtl"] .ms-6 { - margin-right: 1.5rem !important; -} - -[dir="rtl"] .ms-7 { - margin-right: 1.75rem !important; -} - -[dir="rtl"] .ms-8 { - margin-right: 2rem !important; -} - -[dir="rtl"] .ms-9 { - margin-right: 2.25rem !important; -} - -[dir="rtl"] .ms-10 { - margin-right: 2.5rem !important; -} - -[dir="rtl"] .ms-11 { - margin-right: 2.75rem !important; -} - -[dir="rtl"] .ms-12 { - margin-right: 3rem !important; -} - -[dir="rtl"] .ms-auto { - margin-right: auto !important; -} - -[dir="rtl"] .me-n50 { - margin-left: -0.125rem !important; -} - -[dir="rtl"] .me-n1 { - margin-left: -0.25rem !important; -} - -[dir="rtl"] .me-n1_5 { - margin-left: -0.375rem !important; -} - -[dir="rtl"] .me-n2 { - margin-left: -0.5rem !important; -} - -[dir="rtl"] .me-n3 { - margin-left: -0.75rem !important; -} - -[dir="rtl"] .me-n4 { - margin-left: -1rem !important; -} - -[dir="rtl"] .me-n5 { - margin-left: -1.25rem !important; -} - -[dir="rtl"] .me-n6 { - margin-left: -1.5rem !important; -} - -[dir="rtl"] .me-n7 { - margin-left: -1.75rem !important; -} - -[dir="rtl"] .me-n8 { - margin-left: -2rem !important; -} - -[dir="rtl"] .me-n9 { - margin-left: -2.25rem !important; -} - -[dir="rtl"] .me-n10 { - margin-left: -2.5rem !important; -} - -[dir="rtl"] .me-n11 { - margin-left: -2.75rem !important; -} - -[dir="rtl"] .me-n12 { - margin-left: -3rem !important; -} - -[dir="rtl"] .ms-n50 { - margin-right: -0.125rem !important; -} - -[dir="rtl"] .ms-n1 { - margin-right: -0.25rem !important; -} - -[dir="rtl"] .ms-n1_5 { - margin-right: -0.375rem !important; -} - -[dir="rtl"] .ms-n2 { - margin-right: -0.5rem !important; -} - -[dir="rtl"] .ms-n3 { - margin-right: -0.75rem !important; -} - -[dir="rtl"] .ms-n4 { - margin-right: -1rem !important; -} - -[dir="rtl"] .ms-n5 { - margin-right: -1.25rem !important; -} - -[dir="rtl"] .ms-n6 { - margin-right: -1.5rem !important; -} - -[dir="rtl"] .ms-n7 { - margin-right: -1.75rem !important; -} - -[dir="rtl"] .ms-n8 { - margin-right: -2rem !important; -} - -[dir="rtl"] .ms-n9 { - margin-right: -2.25rem !important; -} - -[dir="rtl"] .ms-n10 { - margin-right: -2.5rem !important; -} - -[dir="rtl"] .ms-n11 { - margin-right: -2.75rem !important; -} - -[dir="rtl"] .ms-n12 { - margin-right: -3rem !important; -} - -[dir="rtl"] .pe-0 { - padding-left: 0 !important; -} - -[dir="rtl"] .pe-50 { - padding-left: 0.125rem !important; -} - -[dir="rtl"] .pe-1 { - padding-left: 0.25rem !important; -} - -[dir="rtl"] .pe-1_5 { - padding-left: 0.375rem !important; -} - -[dir="rtl"] .pe-2 { - padding-left: 0.5rem !important; -} - -[dir="rtl"] .pe-3 { - padding-left: 0.75rem !important; -} - -[dir="rtl"] .pe-4 { - padding-left: 1rem !important; -} - -[dir="rtl"] .pe-5 { - padding-left: 1.25rem !important; -} - -[dir="rtl"] .pe-6 { - padding-left: 1.5rem !important; -} - -[dir="rtl"] .pe-7 { - padding-left: 1.75rem !important; -} - -[dir="rtl"] .pe-8 { - padding-left: 2rem !important; -} - -[dir="rtl"] .pe-9 { - padding-left: 2.25rem !important; -} - -[dir="rtl"] .pe-10 { - padding-left: 2.5rem !important; -} - -[dir="rtl"] .pe-11 { - padding-left: 2.75rem !important; -} - -[dir="rtl"] .pe-12 { - padding-left: 3rem !important; -} - -[dir="rtl"] .ps-0 { - padding-right: 0 !important; -} - -[dir="rtl"] .ps-50 { - padding-right: 0.125rem !important; -} - -[dir="rtl"] .ps-1 { - padding-right: 0.25rem !important; -} - -[dir="rtl"] .ps-1_5 { - padding-right: 0.375rem !important; -} - -[dir="rtl"] .ps-2 { - padding-right: 0.5rem !important; -} - -[dir="rtl"] .ps-3 { - padding-right: 0.75rem !important; -} - -[dir="rtl"] .ps-4 { - padding-right: 1rem !important; -} - -[dir="rtl"] .ps-5 { - padding-right: 1.25rem !important; -} - -[dir="rtl"] .ps-6 { - padding-right: 1.5rem !important; -} - -[dir="rtl"] .ps-7 { - padding-right: 1.75rem !important; -} - -[dir="rtl"] .ps-8 { - padding-right: 2rem !important; -} - -[dir="rtl"] .ps-9 { - padding-right: 2.25rem !important; -} - -[dir="rtl"] .ps-10 { - padding-right: 2.5rem !important; -} - -[dir="rtl"] .ps-11 { - padding-right: 2.75rem !important; -} - -[dir="rtl"] .ps-12 { - padding-right: 3rem !important; -} - -[dir="rtl"] .rotate-0 { - transform: rotate(0deg) !important; -} - -[dir="rtl"] .rotate-90 { - transform: rotate(-90deg) !important; -} - -[dir="rtl"] .rotate-180 { - transform: rotate(-180deg) !important; -} - -[dir="rtl"] .rotate-270 { - transform: rotate(-270deg) !important; -} - -[dir="rtl"] .rotate-n90 { - transform: rotate(90deg) !important; -} - -[dir="rtl"] .rotate-n180 { - transform: rotate(180deg) !important; -} - -[dir="rtl"] .rotate-n270 { - transform: rotate(270deg) !important; -} - -[dir="rtl"] .scaleX-n1 { - transform: scaleX(1) !important; -} - -[dir="rtl"] .scaleX-n1-rtl { - transform: scaleX(-1) !important; -} - -[dir="rtl"] .scaleY-n1 { - transform: scaleY(1) !important; -} - -[dir="rtl"] .scaleY-n1-rtl { - transform: scaleY(-1) !important; -} - -@media (min-width: 576px) { - [dir="rtl"] .object-fit-sm-contain { - object-fit: contain !important; - } - - [dir="rtl"] .object-fit-sm-cover { - object-fit: cover !important; - } - - [dir="rtl"] .object-fit-sm-fill { - object-fit: fill !important; - } - - [dir="rtl"] .object-fit-sm-scale { - object-fit: scale-down !important; - } - - [dir="rtl"] .object-fit-sm-none { - object-fit: none !important; - } - - [dir="rtl"] .border-sm-solid { - border-style: solid !important; - } - - [dir="rtl"] .border-sm-dashed { - border-style: dashed !important; - } - - [dir="rtl"] .border-sm-none { - border-style: none !important; - } - - [dir="rtl"] .row-gap-sm-0 { - row-gap: 0 !important; - } - - [dir="rtl"] .row-gap-sm-50 { - row-gap: 0.125rem !important; - } - - [dir="rtl"] .row-gap-sm-1 { - row-gap: 0.25rem !important; - } - - [dir="rtl"] .row-gap-sm-1_5 { - row-gap: 0.375rem !important; - } - - [dir="rtl"] .row-gap-sm-2 { - row-gap: 0.5rem !important; - } - - [dir="rtl"] .row-gap-sm-3 { - row-gap: 0.75rem !important; - } - - [dir="rtl"] .row-gap-sm-4 { - row-gap: 1rem !important; - } - - [dir="rtl"] .row-gap-sm-5 { - row-gap: 1.25rem !important; - } - - [dir="rtl"] .row-gap-sm-6 { - row-gap: 1.5rem !important; - } - - [dir="rtl"] .row-gap-sm-7 { - row-gap: 1.75rem !important; - } - - [dir="rtl"] .row-gap-sm-8 { - row-gap: 2rem !important; - } - - [dir="rtl"] .row-gap-sm-9 { - row-gap: 2.25rem !important; - } - - [dir="rtl"] .row-gap-sm-10 { - row-gap: 2.5rem !important; - } - - [dir="rtl"] .row-gap-sm-11 { - row-gap: 2.75rem !important; - } - - [dir="rtl"] .row-gap-sm-12 { - row-gap: 3rem !important; - } - - [dir="rtl"] .column-gap-sm-0 { - column-gap: 0 !important; - } - - [dir="rtl"] .column-gap-sm-50 { - column-gap: 0.125rem !important; - } - - [dir="rtl"] .column-gap-sm-1 { - column-gap: 0.25rem !important; - } - - [dir="rtl"] .column-gap-sm-1_5 { - column-gap: 0.375rem !important; - } - - [dir="rtl"] .column-gap-sm-2 { - column-gap: 0.5rem !important; - } - - [dir="rtl"] .column-gap-sm-3 { - column-gap: 0.75rem !important; - } - - [dir="rtl"] .column-gap-sm-4 { - column-gap: 1rem !important; - } - - [dir="rtl"] .column-gap-sm-5 { - column-gap: 1.25rem !important; - } - - [dir="rtl"] .column-gap-sm-6 { - column-gap: 1.5rem !important; - } - - [dir="rtl"] .column-gap-sm-7 { - column-gap: 1.75rem !important; - } - - [dir="rtl"] .column-gap-sm-8 { - column-gap: 2rem !important; - } - - [dir="rtl"] .column-gap-sm-9 { - column-gap: 2.25rem !important; - } - - [dir="rtl"] .column-gap-sm-10 { - column-gap: 2.5rem !important; - } - - [dir="rtl"] .column-gap-sm-11 { - column-gap: 2.75rem !important; - } - - [dir="rtl"] .column-gap-sm-12 { - column-gap: 3rem !important; - } - - [dir="rtl"] .float-sm-start { - float: right !important; - } - - [dir="rtl"] .float-sm-end { - float: left !important; - } - - [dir="rtl"] .float-sm-none { - float: none !important; - } - - [dir="rtl"] .text-sm-start { - text-align: right !important; - } - - [dir="rtl"] .text-sm-end { - text-align: left !important; - } - - [dir="rtl"] .text-sm-center { - text-align: center !important; - } - - [dir="rtl"] .me-sm-0 { - margin-left: 0 !important; - } - - [dir="rtl"] .me-sm-50 { - margin-left: 0.125rem !important; - } - - [dir="rtl"] .me-sm-1 { - margin-left: 0.25rem !important; - } - - [dir="rtl"] .me-sm-1_5 { - margin-left: 0.375rem !important; - } - - [dir="rtl"] .me-sm-2 { - margin-left: 0.5rem !important; - } - - [dir="rtl"] .me-sm-3 { - margin-left: 0.75rem !important; - } - - [dir="rtl"] .me-sm-4 { - margin-left: 1rem !important; - } - - [dir="rtl"] .me-sm-5 { - margin-left: 1.25rem !important; - } - - [dir="rtl"] .me-sm-6 { - margin-left: 1.5rem !important; - } - - [dir="rtl"] .me-sm-7 { - margin-left: 1.75rem !important; - } - - [dir="rtl"] .me-sm-8 { - margin-left: 2rem !important; - } - - [dir="rtl"] .me-sm-9 { - margin-left: 2.25rem !important; - } - - [dir="rtl"] .me-sm-10 { - margin-left: 2.5rem !important; - } - - [dir="rtl"] .me-sm-11 { - margin-left: 2.75rem !important; - } - - [dir="rtl"] .me-sm-12 { - margin-left: 3rem !important; - } - - [dir="rtl"] .me-sm-auto { - margin-left: auto !important; - } - - [dir="rtl"] .ms-sm-0 { - margin-right: 0 !important; - } - - [dir="rtl"] .ms-sm-50 { - margin-right: 0.125rem !important; - } - - [dir="rtl"] .ms-sm-1 { - margin-right: 0.25rem !important; - } - - [dir="rtl"] .ms-sm-1_5 { - margin-right: 0.375rem !important; - } - - [dir="rtl"] .ms-sm-2 { - margin-right: 0.5rem !important; - } - - [dir="rtl"] .ms-sm-3 { - margin-right: 0.75rem !important; - } - - [dir="rtl"] .ms-sm-4 { - margin-right: 1rem !important; - } - - [dir="rtl"] .ms-sm-5 { - margin-right: 1.25rem !important; - } - - [dir="rtl"] .ms-sm-6 { - margin-right: 1.5rem !important; - } - - [dir="rtl"] .ms-sm-7 { - margin-right: 1.75rem !important; - } - - [dir="rtl"] .ms-sm-8 { - margin-right: 2rem !important; - } - - [dir="rtl"] .ms-sm-9 { - margin-right: 2.25rem !important; - } - - [dir="rtl"] .ms-sm-10 { - margin-right: 2.5rem !important; - } - - [dir="rtl"] .ms-sm-11 { - margin-right: 2.75rem !important; - } - - [dir="rtl"] .ms-sm-12 { - margin-right: 3rem !important; - } - - [dir="rtl"] .ms-sm-auto { - margin-right: auto !important; - } - - [dir="rtl"] .me-sm-n50 { - margin-left: -0.125rem !important; - } - - [dir="rtl"] .me-sm-n1 { - margin-left: -0.25rem !important; - } - - [dir="rtl"] .me-sm-n1_5 { - margin-left: -0.375rem !important; - } - - [dir="rtl"] .me-sm-n2 { - margin-left: -0.5rem !important; - } - - [dir="rtl"] .me-sm-n3 { - margin-left: -0.75rem !important; - } - - [dir="rtl"] .me-sm-n4 { - margin-left: -1rem !important; - } - - [dir="rtl"] .me-sm-n5 { - margin-left: -1.25rem !important; - } - - [dir="rtl"] .me-sm-n6 { - margin-left: -1.5rem !important; - } - - [dir="rtl"] .me-sm-n7 { - margin-left: -1.75rem !important; - } - - [dir="rtl"] .me-sm-n8 { - margin-left: -2rem !important; - } - - [dir="rtl"] .me-sm-n9 { - margin-left: -2.25rem !important; - } - - [dir="rtl"] .me-sm-n10 { - margin-left: -2.5rem !important; - } - - [dir="rtl"] .me-sm-n11 { - margin-left: -2.75rem !important; - } - - [dir="rtl"] .me-sm-n12 { - margin-left: -3rem !important; - } - - [dir="rtl"] .ms-sm-n50 { - margin-right: -0.125rem !important; - } - - [dir="rtl"] .ms-sm-n1 { - margin-right: -0.25rem !important; - } - - [dir="rtl"] .ms-sm-n1_5 { - margin-right: -0.375rem !important; - } - - [dir="rtl"] .ms-sm-n2 { - margin-right: -0.5rem !important; - } - - [dir="rtl"] .ms-sm-n3 { - margin-right: -0.75rem !important; - } - - [dir="rtl"] .ms-sm-n4 { - margin-right: -1rem !important; - } - - [dir="rtl"] .ms-sm-n5 { - margin-right: -1.25rem !important; - } - - [dir="rtl"] .ms-sm-n6 { - margin-right: -1.5rem !important; - } - - [dir="rtl"] .ms-sm-n7 { - margin-right: -1.75rem !important; - } - - [dir="rtl"] .ms-sm-n8 { - margin-right: -2rem !important; - } - - [dir="rtl"] .ms-sm-n9 { - margin-right: -2.25rem !important; - } - - [dir="rtl"] .ms-sm-n10 { - margin-right: -2.5rem !important; - } - - [dir="rtl"] .ms-sm-n11 { - margin-right: -2.75rem !important; - } - - [dir="rtl"] .ms-sm-n12 { - margin-right: -3rem !important; - } - - [dir="rtl"] .pe-sm-0 { - padding-left: 0 !important; - } - - [dir="rtl"] .pe-sm-50 { - padding-left: 0.125rem !important; - } - - [dir="rtl"] .pe-sm-1 { - padding-left: 0.25rem !important; - } - - [dir="rtl"] .pe-sm-1_5 { - padding-left: 0.375rem !important; - } - - [dir="rtl"] .pe-sm-2 { - padding-left: 0.5rem !important; - } - - [dir="rtl"] .pe-sm-3 { - padding-left: 0.75rem !important; - } - - [dir="rtl"] .pe-sm-4 { - padding-left: 1rem !important; - } - - [dir="rtl"] .pe-sm-5 { - padding-left: 1.25rem !important; - } - - [dir="rtl"] .pe-sm-6 { - padding-left: 1.5rem !important; - } - - [dir="rtl"] .pe-sm-7 { - padding-left: 1.75rem !important; - } - - [dir="rtl"] .pe-sm-8 { - padding-left: 2rem !important; - } - - [dir="rtl"] .pe-sm-9 { - padding-left: 2.25rem !important; - } - - [dir="rtl"] .pe-sm-10 { - padding-left: 2.5rem !important; - } - - [dir="rtl"] .pe-sm-11 { - padding-left: 2.75rem !important; - } - - [dir="rtl"] .pe-sm-12 { - padding-left: 3rem !important; - } - - [dir="rtl"] .ps-sm-0 { - padding-right: 0 !important; - } - - [dir="rtl"] .ps-sm-50 { - padding-right: 0.125rem !important; - } - - [dir="rtl"] .ps-sm-1 { - padding-right: 0.25rem !important; - } - - [dir="rtl"] .ps-sm-1_5 { - padding-right: 0.375rem !important; - } - - [dir="rtl"] .ps-sm-2 { - padding-right: 0.5rem !important; - } - - [dir="rtl"] .ps-sm-3 { - padding-right: 0.75rem !important; - } - - [dir="rtl"] .ps-sm-4 { - padding-right: 1rem !important; - } - - [dir="rtl"] .ps-sm-5 { - padding-right: 1.25rem !important; - } - - [dir="rtl"] .ps-sm-6 { - padding-right: 1.5rem !important; - } - - [dir="rtl"] .ps-sm-7 { - padding-right: 1.75rem !important; - } - - [dir="rtl"] .ps-sm-8 { - padding-right: 2rem !important; - } - - [dir="rtl"] .ps-sm-9 { - padding-right: 2.25rem !important; - } - - [dir="rtl"] .ps-sm-10 { - padding-right: 2.5rem !important; - } - - [dir="rtl"] .ps-sm-11 { - padding-right: 2.75rem !important; - } - - [dir="rtl"] .ps-sm-12 { - padding-right: 3rem !important; - } -} - -@media (min-width: 768px) { - [dir="rtl"] .object-fit-md-contain { - object-fit: contain !important; - } - - [dir="rtl"] .object-fit-md-cover { - object-fit: cover !important; - } - - [dir="rtl"] .object-fit-md-fill { - object-fit: fill !important; - } - - [dir="rtl"] .object-fit-md-scale { - object-fit: scale-down !important; - } - - [dir="rtl"] .object-fit-md-none { - object-fit: none !important; - } - - [dir="rtl"] .border-md-solid { - border-style: solid !important; - } - - [dir="rtl"] .border-md-dashed { - border-style: dashed !important; - } - - [dir="rtl"] .border-md-none { - border-style: none !important; - } - - [dir="rtl"] .row-gap-md-0 { - row-gap: 0 !important; - } - - [dir="rtl"] .row-gap-md-50 { - row-gap: 0.125rem !important; - } - - [dir="rtl"] .row-gap-md-1 { - row-gap: 0.25rem !important; - } - - [dir="rtl"] .row-gap-md-1_5 { - row-gap: 0.375rem !important; - } - - [dir="rtl"] .row-gap-md-2 { - row-gap: 0.5rem !important; - } - - [dir="rtl"] .row-gap-md-3 { - row-gap: 0.75rem !important; - } - - [dir="rtl"] .row-gap-md-4 { - row-gap: 1rem !important; - } - - [dir="rtl"] .row-gap-md-5 { - row-gap: 1.25rem !important; - } - - [dir="rtl"] .row-gap-md-6 { - row-gap: 1.5rem !important; - } - - [dir="rtl"] .row-gap-md-7 { - row-gap: 1.75rem !important; - } - - [dir="rtl"] .row-gap-md-8 { - row-gap: 2rem !important; - } - - [dir="rtl"] .row-gap-md-9 { - row-gap: 2.25rem !important; - } - - [dir="rtl"] .row-gap-md-10 { - row-gap: 2.5rem !important; - } - - [dir="rtl"] .row-gap-md-11 { - row-gap: 2.75rem !important; - } - - [dir="rtl"] .row-gap-md-12 { - row-gap: 3rem !important; - } - - [dir="rtl"] .column-gap-md-0 { - column-gap: 0 !important; - } - - [dir="rtl"] .column-gap-md-50 { - column-gap: 0.125rem !important; - } - - [dir="rtl"] .column-gap-md-1 { - column-gap: 0.25rem !important; - } - - [dir="rtl"] .column-gap-md-1_5 { - column-gap: 0.375rem !important; - } - - [dir="rtl"] .column-gap-md-2 { - column-gap: 0.5rem !important; - } - - [dir="rtl"] .column-gap-md-3 { - column-gap: 0.75rem !important; - } - - [dir="rtl"] .column-gap-md-4 { - column-gap: 1rem !important; - } - - [dir="rtl"] .column-gap-md-5 { - column-gap: 1.25rem !important; - } - - [dir="rtl"] .column-gap-md-6 { - column-gap: 1.5rem !important; - } - - [dir="rtl"] .column-gap-md-7 { - column-gap: 1.75rem !important; - } - - [dir="rtl"] .column-gap-md-8 { - column-gap: 2rem !important; - } - - [dir="rtl"] .column-gap-md-9 { - column-gap: 2.25rem !important; - } - - [dir="rtl"] .column-gap-md-10 { - column-gap: 2.5rem !important; - } - - [dir="rtl"] .column-gap-md-11 { - column-gap: 2.75rem !important; - } - - [dir="rtl"] .column-gap-md-12 { - column-gap: 3rem !important; - } - - [dir="rtl"] .float-md-start { - float: right !important; - } - - [dir="rtl"] .float-md-end { - float: left !important; - } - - [dir="rtl"] .float-md-none { - float: none !important; - } - - [dir="rtl"] .text-md-start { - text-align: right !important; - } - - [dir="rtl"] .text-md-end { - text-align: left !important; - } - - [dir="rtl"] .text-md-center { - text-align: center !important; - } - - [dir="rtl"] .me-md-0 { - margin-left: 0 !important; - } - - [dir="rtl"] .me-md-50 { - margin-left: 0.125rem !important; - } - - [dir="rtl"] .me-md-1 { - margin-left: 0.25rem !important; - } - - [dir="rtl"] .me-md-1_5 { - margin-left: 0.375rem !important; - } - - [dir="rtl"] .me-md-2 { - margin-left: 0.5rem !important; - } - - [dir="rtl"] .me-md-3 { - margin-left: 0.75rem !important; - } - - [dir="rtl"] .me-md-4 { - margin-left: 1rem !important; - } - - [dir="rtl"] .me-md-5 { - margin-left: 1.25rem !important; - } - - [dir="rtl"] .me-md-6 { - margin-left: 1.5rem !important; - } - - [dir="rtl"] .me-md-7 { - margin-left: 1.75rem !important; - } - - [dir="rtl"] .me-md-8 { - margin-left: 2rem !important; - } - - [dir="rtl"] .me-md-9 { - margin-left: 2.25rem !important; - } - - [dir="rtl"] .me-md-10 { - margin-left: 2.5rem !important; - } - - [dir="rtl"] .me-md-11 { - margin-left: 2.75rem !important; - } - - [dir="rtl"] .me-md-12 { - margin-left: 3rem !important; - } - - [dir="rtl"] .me-md-auto { - margin-left: auto !important; - } - - [dir="rtl"] .ms-md-0 { - margin-right: 0 !important; - } - - [dir="rtl"] .ms-md-50 { - margin-right: 0.125rem !important; - } - - [dir="rtl"] .ms-md-1 { - margin-right: 0.25rem !important; - } - - [dir="rtl"] .ms-md-1_5 { - margin-right: 0.375rem !important; - } - - [dir="rtl"] .ms-md-2 { - margin-right: 0.5rem !important; - } - - [dir="rtl"] .ms-md-3 { - margin-right: 0.75rem !important; - } - - [dir="rtl"] .ms-md-4 { - margin-right: 1rem !important; - } - - [dir="rtl"] .ms-md-5 { - margin-right: 1.25rem !important; - } - - [dir="rtl"] .ms-md-6 { - margin-right: 1.5rem !important; - } - - [dir="rtl"] .ms-md-7 { - margin-right: 1.75rem !important; - } - - [dir="rtl"] .ms-md-8 { - margin-right: 2rem !important; - } - - [dir="rtl"] .ms-md-9 { - margin-right: 2.25rem !important; - } - - [dir="rtl"] .ms-md-10 { - margin-right: 2.5rem !important; - } - - [dir="rtl"] .ms-md-11 { - margin-right: 2.75rem !important; - } - - [dir="rtl"] .ms-md-12 { - margin-right: 3rem !important; - } - - [dir="rtl"] .ms-md-auto { - margin-right: auto !important; - } - - [dir="rtl"] .me-md-n50 { - margin-left: -0.125rem !important; - } - - [dir="rtl"] .me-md-n1 { - margin-left: -0.25rem !important; - } - - [dir="rtl"] .me-md-n1_5 { - margin-left: -0.375rem !important; - } - - [dir="rtl"] .me-md-n2 { - margin-left: -0.5rem !important; - } - - [dir="rtl"] .me-md-n3 { - margin-left: -0.75rem !important; - } - - [dir="rtl"] .me-md-n4 { - margin-left: -1rem !important; - } - - [dir="rtl"] .me-md-n5 { - margin-left: -1.25rem !important; - } - - [dir="rtl"] .me-md-n6 { - margin-left: -1.5rem !important; - } - - [dir="rtl"] .me-md-n7 { - margin-left: -1.75rem !important; - } - - [dir="rtl"] .me-md-n8 { - margin-left: -2rem !important; - } - - [dir="rtl"] .me-md-n9 { - margin-left: -2.25rem !important; - } - - [dir="rtl"] .me-md-n10 { - margin-left: -2.5rem !important; - } - - [dir="rtl"] .me-md-n11 { - margin-left: -2.75rem !important; - } - - [dir="rtl"] .me-md-n12 { - margin-left: -3rem !important; - } - - [dir="rtl"] .ms-md-n50 { - margin-right: -0.125rem !important; - } - - [dir="rtl"] .ms-md-n1 { - margin-right: -0.25rem !important; - } - - [dir="rtl"] .ms-md-n1_5 { - margin-right: -0.375rem !important; - } - - [dir="rtl"] .ms-md-n2 { - margin-right: -0.5rem !important; - } - - [dir="rtl"] .ms-md-n3 { - margin-right: -0.75rem !important; - } - - [dir="rtl"] .ms-md-n4 { - margin-right: -1rem !important; - } - - [dir="rtl"] .ms-md-n5 { - margin-right: -1.25rem !important; - } - - [dir="rtl"] .ms-md-n6 { - margin-right: -1.5rem !important; - } - - [dir="rtl"] .ms-md-n7 { - margin-right: -1.75rem !important; - } - - [dir="rtl"] .ms-md-n8 { - margin-right: -2rem !important; - } - - [dir="rtl"] .ms-md-n9 { - margin-right: -2.25rem !important; - } - - [dir="rtl"] .ms-md-n10 { - margin-right: -2.5rem !important; - } - - [dir="rtl"] .ms-md-n11 { - margin-right: -2.75rem !important; - } - - [dir="rtl"] .ms-md-n12 { - margin-right: -3rem !important; - } - - [dir="rtl"] .pe-md-0 { - padding-left: 0 !important; - } - - [dir="rtl"] .pe-md-50 { - padding-left: 0.125rem !important; - } - - [dir="rtl"] .pe-md-1 { - padding-left: 0.25rem !important; - } - - [dir="rtl"] .pe-md-1_5 { - padding-left: 0.375rem !important; - } - - [dir="rtl"] .pe-md-2 { - padding-left: 0.5rem !important; - } - - [dir="rtl"] .pe-md-3 { - padding-left: 0.75rem !important; - } - - [dir="rtl"] .pe-md-4 { - padding-left: 1rem !important; - } - - [dir="rtl"] .pe-md-5 { - padding-left: 1.25rem !important; - } - - [dir="rtl"] .pe-md-6 { - padding-left: 1.5rem !important; - } - - [dir="rtl"] .pe-md-7 { - padding-left: 1.75rem !important; - } - - [dir="rtl"] .pe-md-8 { - padding-left: 2rem !important; - } - - [dir="rtl"] .pe-md-9 { - padding-left: 2.25rem !important; - } - - [dir="rtl"] .pe-md-10 { - padding-left: 2.5rem !important; - } - - [dir="rtl"] .pe-md-11 { - padding-left: 2.75rem !important; - } - - [dir="rtl"] .pe-md-12 { - padding-left: 3rem !important; - } - - [dir="rtl"] .ps-md-0 { - padding-right: 0 !important; - } - - [dir="rtl"] .ps-md-50 { - padding-right: 0.125rem !important; - } - - [dir="rtl"] .ps-md-1 { - padding-right: 0.25rem !important; - } - - [dir="rtl"] .ps-md-1_5 { - padding-right: 0.375rem !important; - } - - [dir="rtl"] .ps-md-2 { - padding-right: 0.5rem !important; - } - - [dir="rtl"] .ps-md-3 { - padding-right: 0.75rem !important; - } - - [dir="rtl"] .ps-md-4 { - padding-right: 1rem !important; - } - - [dir="rtl"] .ps-md-5 { - padding-right: 1.25rem !important; - } - - [dir="rtl"] .ps-md-6 { - padding-right: 1.5rem !important; - } - - [dir="rtl"] .ps-md-7 { - padding-right: 1.75rem !important; - } - - [dir="rtl"] .ps-md-8 { - padding-right: 2rem !important; - } - - [dir="rtl"] .ps-md-9 { - padding-right: 2.25rem !important; - } - - [dir="rtl"] .ps-md-10 { - padding-right: 2.5rem !important; - } - - [dir="rtl"] .ps-md-11 { - padding-right: 2.75rem !important; - } - - [dir="rtl"] .ps-md-12 { - padding-right: 3rem !important; - } -} - -@media (min-width: 992px) { - [dir="rtl"] .object-fit-lg-contain { - object-fit: contain !important; - } - - [dir="rtl"] .object-fit-lg-cover { - object-fit: cover !important; - } - - [dir="rtl"] .object-fit-lg-fill { - object-fit: fill !important; - } - - [dir="rtl"] .object-fit-lg-scale { - object-fit: scale-down !important; - } - - [dir="rtl"] .object-fit-lg-none { - object-fit: none !important; - } - - [dir="rtl"] .border-lg-solid { - border-style: solid !important; - } - - [dir="rtl"] .border-lg-dashed { - border-style: dashed !important; - } - - [dir="rtl"] .border-lg-none { - border-style: none !important; - } - - [dir="rtl"] .row-gap-lg-0 { - row-gap: 0 !important; - } - - [dir="rtl"] .row-gap-lg-50 { - row-gap: 0.125rem !important; - } - - [dir="rtl"] .row-gap-lg-1 { - row-gap: 0.25rem !important; - } - - [dir="rtl"] .row-gap-lg-1_5 { - row-gap: 0.375rem !important; - } - - [dir="rtl"] .row-gap-lg-2 { - row-gap: 0.5rem !important; - } - - [dir="rtl"] .row-gap-lg-3 { - row-gap: 0.75rem !important; - } - - [dir="rtl"] .row-gap-lg-4 { - row-gap: 1rem !important; - } - - [dir="rtl"] .row-gap-lg-5 { - row-gap: 1.25rem !important; - } - - [dir="rtl"] .row-gap-lg-6 { - row-gap: 1.5rem !important; - } - - [dir="rtl"] .row-gap-lg-7 { - row-gap: 1.75rem !important; - } - - [dir="rtl"] .row-gap-lg-8 { - row-gap: 2rem !important; - } - - [dir="rtl"] .row-gap-lg-9 { - row-gap: 2.25rem !important; - } - - [dir="rtl"] .row-gap-lg-10 { - row-gap: 2.5rem !important; - } - - [dir="rtl"] .row-gap-lg-11 { - row-gap: 2.75rem !important; - } - - [dir="rtl"] .row-gap-lg-12 { - row-gap: 3rem !important; - } - - [dir="rtl"] .column-gap-lg-0 { - column-gap: 0 !important; - } - - [dir="rtl"] .column-gap-lg-50 { - column-gap: 0.125rem !important; - } - - [dir="rtl"] .column-gap-lg-1 { - column-gap: 0.25rem !important; - } - - [dir="rtl"] .column-gap-lg-1_5 { - column-gap: 0.375rem !important; - } - - [dir="rtl"] .column-gap-lg-2 { - column-gap: 0.5rem !important; - } - - [dir="rtl"] .column-gap-lg-3 { - column-gap: 0.75rem !important; - } - - [dir="rtl"] .column-gap-lg-4 { - column-gap: 1rem !important; - } - - [dir="rtl"] .column-gap-lg-5 { - column-gap: 1.25rem !important; - } - - [dir="rtl"] .column-gap-lg-6 { - column-gap: 1.5rem !important; - } - - [dir="rtl"] .column-gap-lg-7 { - column-gap: 1.75rem !important; - } - - [dir="rtl"] .column-gap-lg-8 { - column-gap: 2rem !important; - } - - [dir="rtl"] .column-gap-lg-9 { - column-gap: 2.25rem !important; - } - - [dir="rtl"] .column-gap-lg-10 { - column-gap: 2.5rem !important; - } - - [dir="rtl"] .column-gap-lg-11 { - column-gap: 2.75rem !important; - } - - [dir="rtl"] .column-gap-lg-12 { - column-gap: 3rem !important; - } - - [dir="rtl"] .float-lg-start { - float: right !important; - } - - [dir="rtl"] .float-lg-end { - float: left !important; - } - - [dir="rtl"] .float-lg-none { - float: none !important; - } - - [dir="rtl"] .text-lg-start { - text-align: right !important; - } - - [dir="rtl"] .text-lg-end { - text-align: left !important; - } - - [dir="rtl"] .text-lg-center { - text-align: center !important; - } - - [dir="rtl"] .me-lg-0 { - margin-left: 0 !important; - } - - [dir="rtl"] .me-lg-50 { - margin-left: 0.125rem !important; - } - - [dir="rtl"] .me-lg-1 { - margin-left: 0.25rem !important; - } - - [dir="rtl"] .me-lg-1_5 { - margin-left: 0.375rem !important; - } - - [dir="rtl"] .me-lg-2 { - margin-left: 0.5rem !important; - } - - [dir="rtl"] .me-lg-3 { - margin-left: 0.75rem !important; - } - - [dir="rtl"] .me-lg-4 { - margin-left: 1rem !important; - } - - [dir="rtl"] .me-lg-5 { - margin-left: 1.25rem !important; - } - - [dir="rtl"] .me-lg-6 { - margin-left: 1.5rem !important; - } - - [dir="rtl"] .me-lg-7 { - margin-left: 1.75rem !important; - } - - [dir="rtl"] .me-lg-8 { - margin-left: 2rem !important; - } - - [dir="rtl"] .me-lg-9 { - margin-left: 2.25rem !important; - } - - [dir="rtl"] .me-lg-10 { - margin-left: 2.5rem !important; - } - - [dir="rtl"] .me-lg-11 { - margin-left: 2.75rem !important; - } - - [dir="rtl"] .me-lg-12 { - margin-left: 3rem !important; - } - - [dir="rtl"] .me-lg-auto { - margin-left: auto !important; - } - - [dir="rtl"] .ms-lg-0 { - margin-right: 0 !important; - } - - [dir="rtl"] .ms-lg-50 { - margin-right: 0.125rem !important; - } - - [dir="rtl"] .ms-lg-1 { - margin-right: 0.25rem !important; - } - - [dir="rtl"] .ms-lg-1_5 { - margin-right: 0.375rem !important; - } - - [dir="rtl"] .ms-lg-2 { - margin-right: 0.5rem !important; - } - - [dir="rtl"] .ms-lg-3 { - margin-right: 0.75rem !important; - } - - [dir="rtl"] .ms-lg-4 { - margin-right: 1rem !important; - } - - [dir="rtl"] .ms-lg-5 { - margin-right: 1.25rem !important; - } - - [dir="rtl"] .ms-lg-6 { - margin-right: 1.5rem !important; - } - - [dir="rtl"] .ms-lg-7 { - margin-right: 1.75rem !important; - } - - [dir="rtl"] .ms-lg-8 { - margin-right: 2rem !important; - } - - [dir="rtl"] .ms-lg-9 { - margin-right: 2.25rem !important; - } - - [dir="rtl"] .ms-lg-10 { - margin-right: 2.5rem !important; - } - - [dir="rtl"] .ms-lg-11 { - margin-right: 2.75rem !important; - } - - [dir="rtl"] .ms-lg-12 { - margin-right: 3rem !important; - } - - [dir="rtl"] .ms-lg-auto { - margin-right: auto !important; - } - - [dir="rtl"] .me-lg-n50 { - margin-left: -0.125rem !important; - } - - [dir="rtl"] .me-lg-n1 { - margin-left: -0.25rem !important; - } - - [dir="rtl"] .me-lg-n1_5 { - margin-left: -0.375rem !important; - } - - [dir="rtl"] .me-lg-n2 { - margin-left: -0.5rem !important; - } - - [dir="rtl"] .me-lg-n3 { - margin-left: -0.75rem !important; - } - - [dir="rtl"] .me-lg-n4 { - margin-left: -1rem !important; - } - - [dir="rtl"] .me-lg-n5 { - margin-left: -1.25rem !important; - } - - [dir="rtl"] .me-lg-n6 { - margin-left: -1.5rem !important; - } - - [dir="rtl"] .me-lg-n7 { - margin-left: -1.75rem !important; - } - - [dir="rtl"] .me-lg-n8 { - margin-left: -2rem !important; - } - - [dir="rtl"] .me-lg-n9 { - margin-left: -2.25rem !important; - } - - [dir="rtl"] .me-lg-n10 { - margin-left: -2.5rem !important; - } - - [dir="rtl"] .me-lg-n11 { - margin-left: -2.75rem !important; - } - - [dir="rtl"] .me-lg-n12 { - margin-left: -3rem !important; - } - - [dir="rtl"] .ms-lg-n50 { - margin-right: -0.125rem !important; - } - - [dir="rtl"] .ms-lg-n1 { - margin-right: -0.25rem !important; - } - - [dir="rtl"] .ms-lg-n1_5 { - margin-right: -0.375rem !important; - } - - [dir="rtl"] .ms-lg-n2 { - margin-right: -0.5rem !important; - } - - [dir="rtl"] .ms-lg-n3 { - margin-right: -0.75rem !important; - } - - [dir="rtl"] .ms-lg-n4 { - margin-right: -1rem !important; - } - - [dir="rtl"] .ms-lg-n5 { - margin-right: -1.25rem !important; - } - - [dir="rtl"] .ms-lg-n6 { - margin-right: -1.5rem !important; - } - - [dir="rtl"] .ms-lg-n7 { - margin-right: -1.75rem !important; - } - - [dir="rtl"] .ms-lg-n8 { - margin-right: -2rem !important; - } - - [dir="rtl"] .ms-lg-n9 { - margin-right: -2.25rem !important; - } - - [dir="rtl"] .ms-lg-n10 { - margin-right: -2.5rem !important; - } - - [dir="rtl"] .ms-lg-n11 { - margin-right: -2.75rem !important; - } - - [dir="rtl"] .ms-lg-n12 { - margin-right: -3rem !important; - } - - [dir="rtl"] .pe-lg-0 { - padding-left: 0 !important; - } - - [dir="rtl"] .pe-lg-50 { - padding-left: 0.125rem !important; - } - - [dir="rtl"] .pe-lg-1 { - padding-left: 0.25rem !important; - } - - [dir="rtl"] .pe-lg-1_5 { - padding-left: 0.375rem !important; - } - - [dir="rtl"] .pe-lg-2 { - padding-left: 0.5rem !important; - } - - [dir="rtl"] .pe-lg-3 { - padding-left: 0.75rem !important; - } - - [dir="rtl"] .pe-lg-4 { - padding-left: 1rem !important; - } - - [dir="rtl"] .pe-lg-5 { - padding-left: 1.25rem !important; - } - - [dir="rtl"] .pe-lg-6 { - padding-left: 1.5rem !important; - } - - [dir="rtl"] .pe-lg-7 { - padding-left: 1.75rem !important; - } - - [dir="rtl"] .pe-lg-8 { - padding-left: 2rem !important; - } - - [dir="rtl"] .pe-lg-9 { - padding-left: 2.25rem !important; - } - - [dir="rtl"] .pe-lg-10 { - padding-left: 2.5rem !important; - } - - [dir="rtl"] .pe-lg-11 { - padding-left: 2.75rem !important; - } - - [dir="rtl"] .pe-lg-12 { - padding-left: 3rem !important; - } - - [dir="rtl"] .ps-lg-0 { - padding-right: 0 !important; - } - - [dir="rtl"] .ps-lg-50 { - padding-right: 0.125rem !important; - } - - [dir="rtl"] .ps-lg-1 { - padding-right: 0.25rem !important; - } - - [dir="rtl"] .ps-lg-1_5 { - padding-right: 0.375rem !important; - } - - [dir="rtl"] .ps-lg-2 { - padding-right: 0.5rem !important; - } - - [dir="rtl"] .ps-lg-3 { - padding-right: 0.75rem !important; - } - - [dir="rtl"] .ps-lg-4 { - padding-right: 1rem !important; - } - - [dir="rtl"] .ps-lg-5 { - padding-right: 1.25rem !important; - } - - [dir="rtl"] .ps-lg-6 { - padding-right: 1.5rem !important; - } - - [dir="rtl"] .ps-lg-7 { - padding-right: 1.75rem !important; - } - - [dir="rtl"] .ps-lg-8 { - padding-right: 2rem !important; - } - - [dir="rtl"] .ps-lg-9 { - padding-right: 2.25rem !important; - } - - [dir="rtl"] .ps-lg-10 { - padding-right: 2.5rem !important; - } - - [dir="rtl"] .ps-lg-11 { - padding-right: 2.75rem !important; - } - - [dir="rtl"] .ps-lg-12 { - padding-right: 3rem !important; - } -} - -@media (min-width: 1200px) { - [dir="rtl"] .object-fit-xl-contain { - object-fit: contain !important; - } - - [dir="rtl"] .object-fit-xl-cover { - object-fit: cover !important; - } - - [dir="rtl"] .object-fit-xl-fill { - object-fit: fill !important; - } - - [dir="rtl"] .object-fit-xl-scale { - object-fit: scale-down !important; - } - - [dir="rtl"] .object-fit-xl-none { - object-fit: none !important; - } - - [dir="rtl"] .border-xl-solid { - border-style: solid !important; - } - - [dir="rtl"] .border-xl-dashed { - border-style: dashed !important; - } - - [dir="rtl"] .border-xl-none { - border-style: none !important; - } - - [dir="rtl"] .row-gap-xl-0 { - row-gap: 0 !important; - } - - [dir="rtl"] .row-gap-xl-50 { - row-gap: 0.125rem !important; - } - - [dir="rtl"] .row-gap-xl-1 { - row-gap: 0.25rem !important; - } - - [dir="rtl"] .row-gap-xl-1_5 { - row-gap: 0.375rem !important; - } - - [dir="rtl"] .row-gap-xl-2 { - row-gap: 0.5rem !important; - } - - [dir="rtl"] .row-gap-xl-3 { - row-gap: 0.75rem !important; - } - - [dir="rtl"] .row-gap-xl-4 { - row-gap: 1rem !important; - } - - [dir="rtl"] .row-gap-xl-5 { - row-gap: 1.25rem !important; - } - - [dir="rtl"] .row-gap-xl-6 { - row-gap: 1.5rem !important; - } - - [dir="rtl"] .row-gap-xl-7 { - row-gap: 1.75rem !important; - } - - [dir="rtl"] .row-gap-xl-8 { - row-gap: 2rem !important; - } - - [dir="rtl"] .row-gap-xl-9 { - row-gap: 2.25rem !important; - } - - [dir="rtl"] .row-gap-xl-10 { - row-gap: 2.5rem !important; - } - - [dir="rtl"] .row-gap-xl-11 { - row-gap: 2.75rem !important; - } - - [dir="rtl"] .row-gap-xl-12 { - row-gap: 3rem !important; - } - - [dir="rtl"] .column-gap-xl-0 { - column-gap: 0 !important; - } - - [dir="rtl"] .column-gap-xl-50 { - column-gap: 0.125rem !important; - } - - [dir="rtl"] .column-gap-xl-1 { - column-gap: 0.25rem !important; - } - - [dir="rtl"] .column-gap-xl-1_5 { - column-gap: 0.375rem !important; - } - - [dir="rtl"] .column-gap-xl-2 { - column-gap: 0.5rem !important; - } - - [dir="rtl"] .column-gap-xl-3 { - column-gap: 0.75rem !important; - } - - [dir="rtl"] .column-gap-xl-4 { - column-gap: 1rem !important; - } - - [dir="rtl"] .column-gap-xl-5 { - column-gap: 1.25rem !important; - } - - [dir="rtl"] .column-gap-xl-6 { - column-gap: 1.5rem !important; - } - - [dir="rtl"] .column-gap-xl-7 { - column-gap: 1.75rem !important; - } - - [dir="rtl"] .column-gap-xl-8 { - column-gap: 2rem !important; - } - - [dir="rtl"] .column-gap-xl-9 { - column-gap: 2.25rem !important; - } - - [dir="rtl"] .column-gap-xl-10 { - column-gap: 2.5rem !important; - } - - [dir="rtl"] .column-gap-xl-11 { - column-gap: 2.75rem !important; - } - - [dir="rtl"] .column-gap-xl-12 { - column-gap: 3rem !important; - } - - [dir="rtl"] .float-xl-start { - float: right !important; - } - - [dir="rtl"] .float-xl-end { - float: left !important; - } - - [dir="rtl"] .float-xl-none { - float: none !important; - } - - [dir="rtl"] .text-xl-start { - text-align: right !important; - } - - [dir="rtl"] .text-xl-end { - text-align: left !important; - } - - [dir="rtl"] .text-xl-center { - text-align: center !important; - } - - [dir="rtl"] .me-xl-0 { - margin-left: 0 !important; - } - - [dir="rtl"] .me-xl-50 { - margin-left: 0.125rem !important; - } - - [dir="rtl"] .me-xl-1 { - margin-left: 0.25rem !important; - } - - [dir="rtl"] .me-xl-1_5 { - margin-left: 0.375rem !important; - } - - [dir="rtl"] .me-xl-2 { - margin-left: 0.5rem !important; - } - - [dir="rtl"] .me-xl-3 { - margin-left: 0.75rem !important; - } - - [dir="rtl"] .me-xl-4 { - margin-left: 1rem !important; - } - - [dir="rtl"] .me-xl-5 { - margin-left: 1.25rem !important; - } - - [dir="rtl"] .me-xl-6 { - margin-left: 1.5rem !important; - } - - [dir="rtl"] .me-xl-7 { - margin-left: 1.75rem !important; - } - - [dir="rtl"] .me-xl-8 { - margin-left: 2rem !important; - } - - [dir="rtl"] .me-xl-9 { - margin-left: 2.25rem !important; - } - - [dir="rtl"] .me-xl-10 { - margin-left: 2.5rem !important; - } - - [dir="rtl"] .me-xl-11 { - margin-left: 2.75rem !important; - } - - [dir="rtl"] .me-xl-12 { - margin-left: 3rem !important; - } - - [dir="rtl"] .me-xl-auto { - margin-left: auto !important; - } - - [dir="rtl"] .ms-xl-0 { - margin-right: 0 !important; - } - - [dir="rtl"] .ms-xl-50 { - margin-right: 0.125rem !important; - } - - [dir="rtl"] .ms-xl-1 { - margin-right: 0.25rem !important; - } - - [dir="rtl"] .ms-xl-1_5 { - margin-right: 0.375rem !important; - } - - [dir="rtl"] .ms-xl-2 { - margin-right: 0.5rem !important; - } - - [dir="rtl"] .ms-xl-3 { - margin-right: 0.75rem !important; - } - - [dir="rtl"] .ms-xl-4 { - margin-right: 1rem !important; - } - - [dir="rtl"] .ms-xl-5 { - margin-right: 1.25rem !important; - } - - [dir="rtl"] .ms-xl-6 { - margin-right: 1.5rem !important; - } - - [dir="rtl"] .ms-xl-7 { - margin-right: 1.75rem !important; - } - - [dir="rtl"] .ms-xl-8 { - margin-right: 2rem !important; - } - - [dir="rtl"] .ms-xl-9 { - margin-right: 2.25rem !important; - } - - [dir="rtl"] .ms-xl-10 { - margin-right: 2.5rem !important; - } - - [dir="rtl"] .ms-xl-11 { - margin-right: 2.75rem !important; - } - - [dir="rtl"] .ms-xl-12 { - margin-right: 3rem !important; - } - - [dir="rtl"] .ms-xl-auto { - margin-right: auto !important; - } - - [dir="rtl"] .me-xl-n50 { - margin-left: -0.125rem !important; - } - - [dir="rtl"] .me-xl-n1 { - margin-left: -0.25rem !important; - } - - [dir="rtl"] .me-xl-n1_5 { - margin-left: -0.375rem !important; - } - - [dir="rtl"] .me-xl-n2 { - margin-left: -0.5rem !important; - } - - [dir="rtl"] .me-xl-n3 { - margin-left: -0.75rem !important; - } - - [dir="rtl"] .me-xl-n4 { - margin-left: -1rem !important; - } - - [dir="rtl"] .me-xl-n5 { - margin-left: -1.25rem !important; - } - - [dir="rtl"] .me-xl-n6 { - margin-left: -1.5rem !important; - } - - [dir="rtl"] .me-xl-n7 { - margin-left: -1.75rem !important; - } - - [dir="rtl"] .me-xl-n8 { - margin-left: -2rem !important; - } - - [dir="rtl"] .me-xl-n9 { - margin-left: -2.25rem !important; - } - - [dir="rtl"] .me-xl-n10 { - margin-left: -2.5rem !important; - } - - [dir="rtl"] .me-xl-n11 { - margin-left: -2.75rem !important; - } - - [dir="rtl"] .me-xl-n12 { - margin-left: -3rem !important; - } - - [dir="rtl"] .ms-xl-n50 { - margin-right: -0.125rem !important; - } - - [dir="rtl"] .ms-xl-n1 { - margin-right: -0.25rem !important; - } - - [dir="rtl"] .ms-xl-n1_5 { - margin-right: -0.375rem !important; - } - - [dir="rtl"] .ms-xl-n2 { - margin-right: -0.5rem !important; - } - - [dir="rtl"] .ms-xl-n3 { - margin-right: -0.75rem !important; - } - - [dir="rtl"] .ms-xl-n4 { - margin-right: -1rem !important; - } - - [dir="rtl"] .ms-xl-n5 { - margin-right: -1.25rem !important; - } - - [dir="rtl"] .ms-xl-n6 { - margin-right: -1.5rem !important; - } - - [dir="rtl"] .ms-xl-n7 { - margin-right: -1.75rem !important; - } - - [dir="rtl"] .ms-xl-n8 { - margin-right: -2rem !important; - } - - [dir="rtl"] .ms-xl-n9 { - margin-right: -2.25rem !important; - } - - [dir="rtl"] .ms-xl-n10 { - margin-right: -2.5rem !important; - } - - [dir="rtl"] .ms-xl-n11 { - margin-right: -2.75rem !important; - } - - [dir="rtl"] .ms-xl-n12 { - margin-right: -3rem !important; - } - - [dir="rtl"] .pe-xl-0 { - padding-left: 0 !important; - } - - [dir="rtl"] .pe-xl-50 { - padding-left: 0.125rem !important; - } - - [dir="rtl"] .pe-xl-1 { - padding-left: 0.25rem !important; - } - - [dir="rtl"] .pe-xl-1_5 { - padding-left: 0.375rem !important; - } - - [dir="rtl"] .pe-xl-2 { - padding-left: 0.5rem !important; - } - - [dir="rtl"] .pe-xl-3 { - padding-left: 0.75rem !important; - } - - [dir="rtl"] .pe-xl-4 { - padding-left: 1rem !important; - } - - [dir="rtl"] .pe-xl-5 { - padding-left: 1.25rem !important; - } - - [dir="rtl"] .pe-xl-6 { - padding-left: 1.5rem !important; - } - - [dir="rtl"] .pe-xl-7 { - padding-left: 1.75rem !important; - } - - [dir="rtl"] .pe-xl-8 { - padding-left: 2rem !important; - } - - [dir="rtl"] .pe-xl-9 { - padding-left: 2.25rem !important; - } - - [dir="rtl"] .pe-xl-10 { - padding-left: 2.5rem !important; - } - - [dir="rtl"] .pe-xl-11 { - padding-left: 2.75rem !important; - } - - [dir="rtl"] .pe-xl-12 { - padding-left: 3rem !important; - } - - [dir="rtl"] .ps-xl-0 { - padding-right: 0 !important; - } - - [dir="rtl"] .ps-xl-50 { - padding-right: 0.125rem !important; - } - - [dir="rtl"] .ps-xl-1 { - padding-right: 0.25rem !important; - } - - [dir="rtl"] .ps-xl-1_5 { - padding-right: 0.375rem !important; - } - - [dir="rtl"] .ps-xl-2 { - padding-right: 0.5rem !important; - } - - [dir="rtl"] .ps-xl-3 { - padding-right: 0.75rem !important; - } - - [dir="rtl"] .ps-xl-4 { - padding-right: 1rem !important; - } - - [dir="rtl"] .ps-xl-5 { - padding-right: 1.25rem !important; - } - - [dir="rtl"] .ps-xl-6 { - padding-right: 1.5rem !important; - } - - [dir="rtl"] .ps-xl-7 { - padding-right: 1.75rem !important; - } - - [dir="rtl"] .ps-xl-8 { - padding-right: 2rem !important; - } - - [dir="rtl"] .ps-xl-9 { - padding-right: 2.25rem !important; - } - - [dir="rtl"] .ps-xl-10 { - padding-right: 2.5rem !important; - } - - [dir="rtl"] .ps-xl-11 { - padding-right: 2.75rem !important; - } - - [dir="rtl"] .ps-xl-12 { - padding-right: 3rem !important; - } -} - -@media (min-width: 1400px) { - [dir="rtl"] .object-fit-xxl-contain { - object-fit: contain !important; - } - - [dir="rtl"] .object-fit-xxl-cover { - object-fit: cover !important; - } - - [dir="rtl"] .object-fit-xxl-fill { - object-fit: fill !important; - } - - [dir="rtl"] .object-fit-xxl-scale { - object-fit: scale-down !important; - } - - [dir="rtl"] .object-fit-xxl-none { - object-fit: none !important; - } - - [dir="rtl"] .border-xxl-solid { - border-style: solid !important; - } - - [dir="rtl"] .border-xxl-dashed { - border-style: dashed !important; - } - - [dir="rtl"] .border-xxl-none { - border-style: none !important; - } - - [dir="rtl"] .row-gap-xxl-0 { - row-gap: 0 !important; - } - - [dir="rtl"] .row-gap-xxl-50 { - row-gap: 0.125rem !important; - } - - [dir="rtl"] .row-gap-xxl-1 { - row-gap: 0.25rem !important; - } - - [dir="rtl"] .row-gap-xxl-1_5 { - row-gap: 0.375rem !important; - } - - [dir="rtl"] .row-gap-xxl-2 { - row-gap: 0.5rem !important; - } - - [dir="rtl"] .row-gap-xxl-3 { - row-gap: 0.75rem !important; - } - - [dir="rtl"] .row-gap-xxl-4 { - row-gap: 1rem !important; - } - - [dir="rtl"] .row-gap-xxl-5 { - row-gap: 1.25rem !important; - } - - [dir="rtl"] .row-gap-xxl-6 { - row-gap: 1.5rem !important; - } - - [dir="rtl"] .row-gap-xxl-7 { - row-gap: 1.75rem !important; - } - - [dir="rtl"] .row-gap-xxl-8 { - row-gap: 2rem !important; - } - - [dir="rtl"] .row-gap-xxl-9 { - row-gap: 2.25rem !important; - } - - [dir="rtl"] .row-gap-xxl-10 { - row-gap: 2.5rem !important; - } - - [dir="rtl"] .row-gap-xxl-11 { - row-gap: 2.75rem !important; - } - - [dir="rtl"] .row-gap-xxl-12 { - row-gap: 3rem !important; - } - - [dir="rtl"] .column-gap-xxl-0 { - column-gap: 0 !important; - } - - [dir="rtl"] .column-gap-xxl-50 { - column-gap: 0.125rem !important; - } - - [dir="rtl"] .column-gap-xxl-1 { - column-gap: 0.25rem !important; - } - - [dir="rtl"] .column-gap-xxl-1_5 { - column-gap: 0.375rem !important; - } - - [dir="rtl"] .column-gap-xxl-2 { - column-gap: 0.5rem !important; - } - - [dir="rtl"] .column-gap-xxl-3 { - column-gap: 0.75rem !important; - } - - [dir="rtl"] .column-gap-xxl-4 { - column-gap: 1rem !important; - } - - [dir="rtl"] .column-gap-xxl-5 { - column-gap: 1.25rem !important; - } - - [dir="rtl"] .column-gap-xxl-6 { - column-gap: 1.5rem !important; - } - - [dir="rtl"] .column-gap-xxl-7 { - column-gap: 1.75rem !important; - } - - [dir="rtl"] .column-gap-xxl-8 { - column-gap: 2rem !important; - } - - [dir="rtl"] .column-gap-xxl-9 { - column-gap: 2.25rem !important; - } - - [dir="rtl"] .column-gap-xxl-10 { - column-gap: 2.5rem !important; - } - - [dir="rtl"] .column-gap-xxl-11 { - column-gap: 2.75rem !important; - } - - [dir="rtl"] .column-gap-xxl-12 { - column-gap: 3rem !important; - } - - [dir="rtl"] .float-xxl-start { - float: right !important; - } - - [dir="rtl"] .float-xxl-end { - float: left !important; - } - - [dir="rtl"] .float-xxl-none { - float: none !important; - } - - [dir="rtl"] .text-xxl-start { - text-align: right !important; - } - - [dir="rtl"] .text-xxl-end { - text-align: left !important; - } - - [dir="rtl"] .text-xxl-center { - text-align: center !important; - } - - [dir="rtl"] .me-xxl-0 { - margin-left: 0 !important; - } - - [dir="rtl"] .me-xxl-50 { - margin-left: 0.125rem !important; - } - - [dir="rtl"] .me-xxl-1 { - margin-left: 0.25rem !important; - } - - [dir="rtl"] .me-xxl-1_5 { - margin-left: 0.375rem !important; - } - - [dir="rtl"] .me-xxl-2 { - margin-left: 0.5rem !important; - } - - [dir="rtl"] .me-xxl-3 { - margin-left: 0.75rem !important; - } - - [dir="rtl"] .me-xxl-4 { - margin-left: 1rem !important; - } - - [dir="rtl"] .me-xxl-5 { - margin-left: 1.25rem !important; - } - - [dir="rtl"] .me-xxl-6 { - margin-left: 1.5rem !important; - } - - [dir="rtl"] .me-xxl-7 { - margin-left: 1.75rem !important; - } - - [dir="rtl"] .me-xxl-8 { - margin-left: 2rem !important; - } - - [dir="rtl"] .me-xxl-9 { - margin-left: 2.25rem !important; - } - - [dir="rtl"] .me-xxl-10 { - margin-left: 2.5rem !important; - } - - [dir="rtl"] .me-xxl-11 { - margin-left: 2.75rem !important; - } - - [dir="rtl"] .me-xxl-12 { - margin-left: 3rem !important; - } - - [dir="rtl"] .me-xxl-auto { - margin-left: auto !important; - } - - [dir="rtl"] .ms-xxl-0 { - margin-right: 0 !important; - } - - [dir="rtl"] .ms-xxl-50 { - margin-right: 0.125rem !important; - } - - [dir="rtl"] .ms-xxl-1 { - margin-right: 0.25rem !important; - } - - [dir="rtl"] .ms-xxl-1_5 { - margin-right: 0.375rem !important; - } - - [dir="rtl"] .ms-xxl-2 { - margin-right: 0.5rem !important; - } - - [dir="rtl"] .ms-xxl-3 { - margin-right: 0.75rem !important; - } - - [dir="rtl"] .ms-xxl-4 { - margin-right: 1rem !important; - } - - [dir="rtl"] .ms-xxl-5 { - margin-right: 1.25rem !important; - } - - [dir="rtl"] .ms-xxl-6 { - margin-right: 1.5rem !important; - } - - [dir="rtl"] .ms-xxl-7 { - margin-right: 1.75rem !important; - } - - [dir="rtl"] .ms-xxl-8 { - margin-right: 2rem !important; - } - - [dir="rtl"] .ms-xxl-9 { - margin-right: 2.25rem !important; - } - - [dir="rtl"] .ms-xxl-10 { - margin-right: 2.5rem !important; - } - - [dir="rtl"] .ms-xxl-11 { - margin-right: 2.75rem !important; - } - - [dir="rtl"] .ms-xxl-12 { - margin-right: 3rem !important; - } - - [dir="rtl"] .ms-xxl-auto { - margin-right: auto !important; - } - - [dir="rtl"] .me-xxl-n50 { - margin-left: -0.125rem !important; - } - - [dir="rtl"] .me-xxl-n1 { - margin-left: -0.25rem !important; - } - - [dir="rtl"] .me-xxl-n1_5 { - margin-left: -0.375rem !important; - } - - [dir="rtl"] .me-xxl-n2 { - margin-left: -0.5rem !important; - } - - [dir="rtl"] .me-xxl-n3 { - margin-left: -0.75rem !important; - } - - [dir="rtl"] .me-xxl-n4 { - margin-left: -1rem !important; - } - - [dir="rtl"] .me-xxl-n5 { - margin-left: -1.25rem !important; - } - - [dir="rtl"] .me-xxl-n6 { - margin-left: -1.5rem !important; - } - - [dir="rtl"] .me-xxl-n7 { - margin-left: -1.75rem !important; - } - - [dir="rtl"] .me-xxl-n8 { - margin-left: -2rem !important; - } - - [dir="rtl"] .me-xxl-n9 { - margin-left: -2.25rem !important; - } - - [dir="rtl"] .me-xxl-n10 { - margin-left: -2.5rem !important; - } - - [dir="rtl"] .me-xxl-n11 { - margin-left: -2.75rem !important; - } - - [dir="rtl"] .me-xxl-n12 { - margin-left: -3rem !important; - } - - [dir="rtl"] .ms-xxl-n50 { - margin-right: -0.125rem !important; - } - - [dir="rtl"] .ms-xxl-n1 { - margin-right: -0.25rem !important; - } - - [dir="rtl"] .ms-xxl-n1_5 { - margin-right: -0.375rem !important; - } - - [dir="rtl"] .ms-xxl-n2 { - margin-right: -0.5rem !important; - } - - [dir="rtl"] .ms-xxl-n3 { - margin-right: -0.75rem !important; - } - - [dir="rtl"] .ms-xxl-n4 { - margin-right: -1rem !important; - } - - [dir="rtl"] .ms-xxl-n5 { - margin-right: -1.25rem !important; - } - - [dir="rtl"] .ms-xxl-n6 { - margin-right: -1.5rem !important; - } - - [dir="rtl"] .ms-xxl-n7 { - margin-right: -1.75rem !important; - } - - [dir="rtl"] .ms-xxl-n8 { - margin-right: -2rem !important; - } - - [dir="rtl"] .ms-xxl-n9 { - margin-right: -2.25rem !important; - } - - [dir="rtl"] .ms-xxl-n10 { - margin-right: -2.5rem !important; - } - - [dir="rtl"] .ms-xxl-n11 { - margin-right: -2.75rem !important; - } - - [dir="rtl"] .ms-xxl-n12 { - margin-right: -3rem !important; - } - - [dir="rtl"] .pe-xxl-0 { - padding-left: 0 !important; - } - - [dir="rtl"] .pe-xxl-50 { - padding-left: 0.125rem !important; - } - - [dir="rtl"] .pe-xxl-1 { - padding-left: 0.25rem !important; - } - - [dir="rtl"] .pe-xxl-1_5 { - padding-left: 0.375rem !important; - } - - [dir="rtl"] .pe-xxl-2 { - padding-left: 0.5rem !important; - } - - [dir="rtl"] .pe-xxl-3 { - padding-left: 0.75rem !important; - } - - [dir="rtl"] .pe-xxl-4 { - padding-left: 1rem !important; - } - - [dir="rtl"] .pe-xxl-5 { - padding-left: 1.25rem !important; - } - - [dir="rtl"] .pe-xxl-6 { - padding-left: 1.5rem !important; - } - - [dir="rtl"] .pe-xxl-7 { - padding-left: 1.75rem !important; - } - - [dir="rtl"] .pe-xxl-8 { - padding-left: 2rem !important; - } - - [dir="rtl"] .pe-xxl-9 { - padding-left: 2.25rem !important; - } - - [dir="rtl"] .pe-xxl-10 { - padding-left: 2.5rem !important; - } - - [dir="rtl"] .pe-xxl-11 { - padding-left: 2.75rem !important; - } - - [dir="rtl"] .pe-xxl-12 { - padding-left: 3rem !important; - } - - [dir="rtl"] .ps-xxl-0 { - padding-right: 0 !important; - } - - [dir="rtl"] .ps-xxl-50 { - padding-right: 0.125rem !important; - } - - [dir="rtl"] .ps-xxl-1 { - padding-right: 0.25rem !important; - } - - [dir="rtl"] .ps-xxl-1_5 { - padding-right: 0.375rem !important; - } - - [dir="rtl"] .ps-xxl-2 { - padding-right: 0.5rem !important; - } - - [dir="rtl"] .ps-xxl-3 { - padding-right: 0.75rem !important; - } - - [dir="rtl"] .ps-xxl-4 { - padding-right: 1rem !important; - } - - [dir="rtl"] .ps-xxl-5 { - padding-right: 1.25rem !important; - } - - [dir="rtl"] .ps-xxl-6 { - padding-right: 1.5rem !important; - } - - [dir="rtl"] .ps-xxl-7 { - padding-right: 1.75rem !important; - } - - [dir="rtl"] .ps-xxl-8 { - padding-right: 2rem !important; - } - - [dir="rtl"] .ps-xxl-9 { - padding-right: 2.25rem !important; - } - - [dir="rtl"] .ps-xxl-10 { - padding-right: 2.5rem !important; - } - - [dir="rtl"] .ps-xxl-11 { - padding-right: 2.75rem !important; - } - - [dir="rtl"] .ps-xxl-12 { - padding-right: 3rem !important; - } -} - -body { - text-rendering: optimizeLegibility; - font-smoothing: antialiased; - -moz-font-feature-settings: "liga" on; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -@media (min-width: 768px) { - button.list-group-item { - outline: none; - } -} - +/* Default */ +:root, +[data-bs-theme="light"] { + /* Menu */ + --bs-menu-bg: var(--bs-paper-bg); + --bs-menu-bg-rgb: var(--bs-paper-bg-rgb); + --bs-menu-color: #384551; + --bs-menu-color-rgb: 56, 69, 81; + --bs-menu-hover-bg: #f2f3f3; + --bs-menu-hover-color: #384551; + --bs-menu-sub-active-bg: var(--bs-primary-bg-subtle); + --bs-menu-sub-active-color: var(--bs-primary); + --bs-menu-active-color: var(--bs-primary); + --bs-menu-active-bg: var(--bs-primary-bg-subtle); + --bs-menu-active-toggle-bg: #edeef0; + --bs-menu-horizontal-active-bg: var(--bs-menu-bg); + --bs-menu-box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + --bs-menu-divider-color: var(--bs-white); + --bs-menu-width: 16.25rem; + --bs-menu-collapsed-width: 5.25rem; + --bs-menu-item-spacer: 0.125rem; + --bs-menu-vertical-link-padding-y: 0.3125rem; + --bs-menu-vertical-link-padding-x: 0.9375rem; + --bs-menu-vertical-menu-link-padding-y: 0.3125rem; + --bs-menu-vertical-menu-level-spacer: 0.65rem; + --bs-menu-horizontal-menu-box-shadow: var(--bs-box-shadow-lg); +} + +[data-semidark-menu="true"], +[data-bs-theme="dark"] { + --bs-menu-bg: #2b2c40; + --bs-menu-bg-rgb: var(--bs-paper-bg-rgb); + --bs-menu-color: #b2b2c4; + --bs-menu-color-rgb: 178, 178, 196; + --bs-menu-hover-bg: rgba(230, 230, 241, 0.06); + --bs-menu-hover-color: #b2b2c4; + --bs-menu-active-bg: var(--bs-primary); + --bs-menu-active-color: #fff; + --bs-menu-active-toggle-bg: rgba(230, 230, 241, 0.08); + --bs-menu-sub-active-bg: var(--bs-primary); + --bs-menu-sub-active-color: #fff; + --bs-menu-box-shadow: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); + --bs-menu-divider-color: transparent; + --bs-menu-horizontal-active-bg: var(--bs-menu-bg); +} + +/* App Overlay +******************************************************************************* */ .app-overlay { position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgba(34, 48, 62, 0.5); - visibility: hidden; z-index: 3; - transition: all 0.25s ease; + background-color: transparent; + inset: 0; + transition: all 0.25s ease-in-out; + visibility: hidden; } - .app-overlay.show { + background-color: rgba(34, 48, 62, 0.5); visibility: visible; } +/* IE Fixes +******************************************************************************* */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* Fix IE parent container height bug when containing image with fluid width */ + .card, + .card-body, + .media, + .flex-column, + .tab-content { + min-block-size: 1px; + } + img { + block-size: auto; + min-block-size: 1px; + } +} +/* Containers +******************************************************************************* */ .container, .container-fluid, .container-sm, @@ -34867,10 +28291,8 @@ body { .container-lg, .container-xl, .container-xxl { - padding-right: 1rem; - padding-left: 1rem; + padding-inline: 1rem; } - @media (min-width: 992px) { .container, .container-fluid, @@ -34879,327 +28301,50 @@ body { .container-lg, .container-xl, .container-xxl { - padding-right: 1.625rem; - padding-left: 1.625rem; + padding-inline: 1.625rem; } } -.img-thumbnail { - position: relative; - display: block; -} - -.img-thumbnail img { - z-index: 1; -} - -.img-thumbnail-content { - position: absolute; - top: 50%; - left: 50%; - z-index: 3; - display: block; - opacity: 0; - transition: all 0.2s ease-in-out; - transform: translate(-50%, -50%); -} - -.img-thumbnail:hover .img-thumbnail-content, -.img-thumbnail:focus .img-thumbnail-content { - opacity: 1; -} - -.img-thumbnail-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: block; - transition: all 0.2s ease-in-out; -} - -.img-thumbnail:not(:hover):not(:focus) .img-thumbnail-overlay { - opacity: 0 !important; -} - -.img-thumbnail-shadow { - transition: box-shadow 0.2s; -} - -.img-thumbnail-shadow:hover, -.img-thumbnail-shadow:focus { - box-shadow: 0 5px 20px rgba(34, 48, 62, 0.4); -} - -.img-thumbnail-zoom-in { - overflow: hidden; -} - -.img-thumbnail-zoom-in img { - transition: all 0.3s ease-in-out; - transform: translate3d(0); -} - -.img-thumbnail-zoom-in .img-thumbnail-content { - transform: translate(-50%, -50%) scale(0.6); -} - -.img-thumbnail-zoom-in:hover img, -.img-thumbnail-zoom-in:focus img { - transform: scale(1.1); -} - -.img-thumbnail-zoom-in:hover .img-thumbnail-content, -.img-thumbnail-zoom-in:focus .img-thumbnail-content { - transform: translate(-50%, -50%) scale(1); -} - -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .card, - .card-body, - .media, - .flex-column, - .tab-content { - min-height: 1px; - } - - img { - min-height: 1px; - height: auto; - } -} - -[dir="rtl"] body { - text-align: right; - direction: rtl; -} - +/* Buy now section +******************************************************************************* */ .buy-now .btn-buy-now { position: fixed; - bottom: 3rem; - right: 1.625rem; z-index: 1080; box-shadow: 0 1px 20px 1px #ff3e1d; + inset-block-end: 3rem; + inset-inline-end: 1.625rem; } - -[dir="rtl"] .buy-now .btn-buy-now { - left: 1.625rem; - right: inherit; -} - .buy-now .btn-buy-now:hover { box-shadow: none; } -.ui-square, -.ui-rect, -.ui-rect-30, -.ui-rect-60, -.ui-rect-67, -.ui-rect-75 { - position: relative !important; - display: block !important; - padding-top: 100% !important; - width: 100% !important; -} - -.ui-square { - padding-top: 100% !important; -} - -.ui-rect { - padding-top: 50% !important; -} - -.ui-rect-30 { - padding-top: 30% !important; -} - -.ui-rect-60 { - padding-top: 60% !important; -} - -.ui-rect-67 { - padding-top: 67% !important; -} - -.ui-rect-75 { - padding-top: 75% !important; -} - -.ui-square-content, -.ui-rect-content { - position: absolute !important; - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; -} - -.text-strike-through { - text-decoration: line-through; -} - +/* Common +******************************************************************************* */ +/* Line Clamp with ellipsis +******************************************************************************* */ .line-clamp-1 { - overflow: hidden; display: -webkit-box; - -webkit-line-clamp: 1; + overflow: hidden; -webkit-box-orient: vertical; + -webkit-line-clamp: 1; } .line-clamp-2 { - overflow: hidden; display: -webkit-box; - -webkit-line-clamp: 2; + overflow: hidden; -webkit-box-orient: vertical; + -webkit-line-clamp: 2; } .line-clamp-3 { - overflow: hidden; display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; -} - -.ui-stars, -.ui-star, -.ui-star > * { - height: 1.1em; - -webkit-user-drag: none; - -khtml-user-drag: none; - -moz-user-drag: none; - -o-user-drag: none; - user-drag: none; -} - -.ui-stars { - display: inline-block; - vertical-align: middle; - white-space: nowrap; -} - -.ui-star { - position: relative; - display: block; - float: left; - width: 1.1em; - height: 1.1em; - text-decoration: none !important; - font-size: 1.1em; - line-height: 1; - user-select: none; -} - -[dir="rtl"] .ui-star { - float: right; -} - -.ui-star + .ui-star { - margin-left: -0.1em; -} - -[dir="rtl"] .ui-star + .ui-star { - margin-right: -0.1em; - margin-left: 0; -} - -.ui-star > *, -.ui-star > *::before, -.ui-star > *::after { - position: absolute; - left: 0.55em; - height: 100%; - font-size: 1em; - line-height: 1; - transform: translateX(-50%); -} - -[dir="rtl"] .ui-star > *, -[dir="rtl"] .ui-star > *::before, -[dir="rtl"] .ui-star > *::after { - right: 0.55em; - left: auto; - transform: translateX(50%); -} - -.ui-star > * { - top: 0; - width: 100%; - text-align: center; -} - -.ui-star > *:first-child { - z-index: 10; - display: none; overflow: hidden; - color: #ffab00; -} - -.ui-star > *:last-child { - z-index: 5; - display: block; -} - -.ui-star.half-filled > *:first-child { - width: 50%; - transform: translateX(-100%); -} - -[dir="rtl"] .ui-star.half-filled > *:first-child { - transform: translateX(100%); -} - -.ui-star.filled > *:first-child, -.ui-star.half-filled > *:first-child { - display: block; -} - -.ui-star.filled > *:last-child { - display: none; -} - -.ui-stars.hoverable .ui-star > *:first-child { - display: block; -} - -.ui-stars.hoverable .ui-star:first-child:not(.filled) > *:first-child, -.ui-stars.hoverable - .ui-star:first-child:not(.filled) - ~ .ui-star - > *:first-child, -.ui-stars.hoverable .ui-star:first-child:not(.half-filled) > *:first-child, -.ui-stars.hoverable - .ui-star:first-child:not(.half-filled) - ~ .ui-star - > *:first-child { - display: none; -} - -.ui-stars.hoverable .ui-star.filled > *:first-child, -.ui-stars.hoverable .ui-star.half-filled > *:first-child { - display: block !important; -} - -.ui-stars.hoverable:hover .ui-star > *:first-child { - display: block !important; - width: 100% !important; - transform: translateX(-50%) !important; -} - -[dir="rtl"] .ui-stars.hoverable:hover .ui-star > *:first-child { - transform: translateX(50%) !important; -} - -.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:first-child { - display: none !important; -} - -.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:last-child { - display: block !important; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; } +/* Background +******************************************************************************* */ .ui-bg-cover { background-color: rgba(0, 0, 0, 0); background-position: center center; @@ -35210,7 +28355,6 @@ body { .ui-bg-video-container { position: relative; } - .ui-bg-overlay-container > *, .ui-bg-video-container > * { position: relative; @@ -35218,99 +28362,239 @@ body { .ui-bg-overlay-container .ui-bg-overlay { position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; display: block; + background-color: var(--bs-gray-900); + inset: 0; } -.light-style .ui-bordered { - border: 1px solid #e4e6e8; -} - -.light-style .ui-star > *:last-child { - color: rgba(34, 48, 62, 0.12); -} - -.light-style .ui-bg-overlay { - background-color: rgba(34, 48, 62, 0.9); +[data-bs-theme="dark"] .ui-bg-overlay-container .ui-bg-overlay { + background-color: #575882; } +/* Menu +******************************************************************************* */ .menu { display: flex; + background-color: var(--bs-menu-bg); + /* PS Scrollbar */ +} +@media (min-width: 1200px) { + .menu { + box-shadow: var(--bs-menu-box-shadow); + } } - .menu .app-brand { - width: 100%; + inline-size: 100%; + padding-inline: calc(var(--bs-menu-vertical-link-padding-x) * 2.1333); +} +.menu .app-brand .app-brand-text { + color: var(--bs-heading-color); +} +.menu .app-brand .layout-menu-toggle { + position: absolute; + z-index: 3; + border: 7px solid var(--bs-body-bg); + border-radius: 50%; + background-color: var(--bs-primary); + inset-inline-start: 15.2rem; + opacity: 1; + /* transition: opacity $menu-animation-duration ease-in-out; */ +} +.menu .app-brand .layout-menu-toggle i { + block-size: 1.375rem; + color: var(--bs-white); + inline-size: 1.375rem; + line-height: 1; + transition: all 0.3s ease-in-out; +} +:dir(rtl) .menu .app-brand .layout-menu-toggle i { + transform: scaleX(-1); +} +@media (min-width: 1200px) { + .menu .app-brand .layout-menu-toggle::before { + position: absolute; + z-index: -1; + display: none; + border: 1px solid var(--bs-border-color); + border-radius: 50%; + block-size: 2.25rem; + clip-path: circle(71% at 0% 50%); + content: ""; + inline-size: 2.25rem; + inset-block-start: -0.46rem; + inset-inline-start: -0.5rem; + } + :dir(rtl) .menu .app-brand .layout-menu-toggle::before { + clip-path: circle(71% at 100% 50%); + } + [data-skin="bordered"] .menu .app-brand .layout-menu-toggle::before { + display: block; + } +} +@media (max-width: 1199.98px) { + .menu .app-brand .layout-menu-toggle { + display: none; + border: 7px solid var(--bs-paper-bg); + } + .layout-menu-expanded .menu .app-brand .layout-menu-toggle { + display: block; + } +} +.menu .menu-sub > .menu-item > .menu-link::before { + position: absolute; + border-radius: 50%; + background-color: var(--bs-gray-400); + block-size: 0.375rem; + content: ""; + inline-size: 0.375rem; + inset-inline-start: 1.4375rem; +} +.layout-horizontal .menu .menu-sub > .menu-item > .menu-link::before { + inset-inline-start: 1rem; +} +@media (max-width: 1199.98px) { + .layout-horizontal .menu .menu-sub > .menu-item > .menu-link::before { + inset-inline-start: 1.5rem; + } +} +.menu.menu-horizontal + .menu-inner + > .menu-item + > .menu-sub + > .menu-item + > .menu-link { + padding-inline-start: 1rem; +} +.menu.menu-horizontal + .menu-inner + > .menu-item + > .menu-sub + > .menu-item + > .menu-link::before { + display: none; +} +.menu.menu-horizontal .menu-sub .menu-item .menu-link { + padding-inline-start: 3rem; +} +.menu .ps.ps--active-y > .ps__rail-y { + background: none; +} +.menu .ps .ps__rail-y { + inset-inline: auto 0.25rem !important; +} +.menu .ps .ps__thumb-y, +.menu .ps .ps__rail-y { + inline-size: 0.125rem; +} +.menu .ps .ps__rail-y:hover, +.menu .ps .ps__rail-y:focus, +.menu .ps .ps__rail-y.ps--clicking, +.menu .ps .ps__rail-y:hover > .ps__thumb-y, +.menu .ps .ps__rail-y:focus > .ps__thumb-y, +.menu .ps .ps__rail-y.ps--clicking > .ps__thumb-y { + inline-size: 0.375rem; +} +.menu .ps .ps__thumb-y, +.menu .ps .ps__rail-y.ps--clicking > .ps__thumb-y { + opacity: 0.3; } -.menu .ps__thumb-y, -.menu .ps__rail-y { - width: 0.125rem !important; +/* Menu link */ +.menu-link { + position: relative; + display: flex; + flex: 0 1 auto; + align-items: center; + margin: 0; + /* link hover animation */ } - -.menu .ps__rail-y { - right: 0.25rem !important; - left: auto !important; - background: none !important; +.menu:not(.menu-no-animation) .menu-link { + transition-duration: 0.3s; + transition-property: color, background-color, inset-inline-start; } - -[dir="rtl"] .menu .ps__rail-y { - right: auto !important; - left: 0.25rem !important; +.menu-item.disabled .menu-link { + cursor: not-allowed; } - -.menu .ps__rail-y:hover, -.menu .ps__rail-y:focus, -.menu .ps__rail-y.ps--clicking, -.menu .ps__rail-y:hover > .ps__thumb-y, -.menu .ps__rail-y:focus > .ps__thumb-y, -.menu .ps__rail-y.ps--clicking > .ps__thumb-y { - width: 0.375rem !important; +.menu-link > :not(.menu-icon) { + flex: 0 1 auto; + opacity: 1; +} +.menu:not(.menu-no-animation) .menu-link > :not(.menu-icon) { + transition: opacity 0.3s ease-in-out; } .menu-inner { display: flex; align-items: flex-start; justify-content: flex-start; - margin: 0; padding: 0; - height: 100%; + margin: 0; + block-size: 100%; +} +.menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, +.menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { + background-color: transparent; + color: var(--bs-menu-color); } .menu-inner-shadow { - display: none; position: absolute; - top: 4.225rem; - width: 100%; - pointer-events: none; z-index: 2; + display: none; + background: linear-gradient( + var(--bs-menu-bg) 41%, + rgba(var(--bs-menu-bg-rgb), 0.11) 95%, + rgba(var(--bs-menu-bg-rgb), 0) + ); + inline-size: 100%; + inset-block-start: 4.35rem; + pointer-events: none; } - @media (min-width: 1200px) { .menu-inner-shadow { - height: 3rem; + block-size: 3rem; } } - @media (max-width: 1199.98px) { .menu-inner-shadow { - height: 1.5rem; + block-size: 1.5rem; } } - -html:not(.layout-menu-fixed) .menu-inner-shadow { - display: none !important; +.layout-navbar-full .menu-inner-shadow { + inset-block-start: 0; } +/* Menu item */ .menu-item { align-items: flex-start; justify-content: flex-start; } - .menu-item.menu-item-animating { - transition: height 0.3s ease-in-out; + transition: block-size 0.3s ease-in-out; +} + +/* Horizontal Menu +****************************************************************************** */ +.menu.menu-horizontal .menu-inner > .menu-item > .menu-link { + border-radius: 0.375rem; +} +.menu.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle { + background: var(--bs-menu-active-bg); + color: var(--bs-menu-active-color); +} +.menu.menu-horizontal .menu-inner > .menu-item { + margin-block: 0.625rem; + margin-inline: 0; +} +.menu.menu-horizontal .menu-inner > .menu-item:not(:first-child) { + margin-inline-start: 0.1875rem; +} +.menu.menu-horizontal .menu-inner > .menu-item:not(:last-child) { + margin-inline-end: 0.1875rem; +} +.menu.menu-horizontal .menu-inner > .menu-item .menu-sub { + z-index: 1; + box-shadow: var(--bs-menu-horizontal-menu-box-shadow); } .menu-item, @@ -35319,8 +28603,8 @@ html:not(.layout-menu-fixed) .menu-inner-shadow { .menu-block { flex: 0 0 auto; flex-direction: column; - margin: 0; padding: 0; + margin: 0; list-style: none; } @@ -35328,228 +28612,260 @@ html:not(.layout-menu-fixed) .menu-inner-shadow { opacity: 1; transition: opacity 0.3s ease-in-out; } - .menu-header .menu-header-text { - text-transform: uppercase; + color: var(--bs-gray-400); letter-spacing: 0.4px; + text-transform: uppercase; white-space: nowrap; - color: #a7acb2; -} - -.menu-header::before, -.menu-inner > .menu-header::before { - background-color: #e4e6e8; } +/* Menu Icon */ .menu-icon { flex-grow: 0; flex-shrink: 0; - margin-right: 0.5rem; + block-size: 1.375rem; font-size: 1.375rem; + inline-size: 1.375rem; + margin-inline-end: 0.5rem; } - -.menu:not(.menu-no-animation) html:not([dir="rtl"]) .menu-icon { - transition: margin-right 0.3s ease; +.menu:not(.menu-no-animation) .menu-icon { + transition: margin-inline-end 0.3s ease; } - -[dir="rtl"] .menu-icon { - margin-right: 0; - margin-left: 0.5rem; -} - -.menu:not(.menu-no-animation) [dir="rtl"] .menu-icon { - transition: margin-left 0.3s ease; -} - -.menu-link { - position: relative; - display: flex; - align-items: center; - flex: 0 1 auto; - margin: 0; -} - -.menu-item.disabled .menu-link { - cursor: not-allowed !important; -} - -.menu:not(.menu-no-animation) .menu-link { +.menu-icon .menu-link { transition-duration: 0.3s; - transition-property: color, background-color, left; } - -.menu-link > :not(.menu-icon) { - flex: 0 1 auto; - opacity: 1; -} - -.menu:not(.menu-no-animation) .menu-link > :not(.menu-icon) { - transition: opacity 0.3s ease-in-out; -} - -.menu-sub { - display: none; - flex-direction: column; - margin: 0; - padding: 0; -} - -.menu:not(.menu-no-animation) .menu-sub { - transition: background-color 0.3s; -} - -.menu-item.open > .menu-sub { - display: flex; -} - -.menu-toggle::after { - position: absolute; - top: 50%; - display: block; - font-family: "boxicons"; - font-size: 1.375rem; - transform: translateY(-50%); -} - -html:not([dir="rtl"]) .menu-toggle::after { - content: ""; -} - -[dir="rtl"] .menu-toggle::after { - content: ""; -} - -.menu:not(.menu-no-animation) .menu-toggle::after { +.menu-icon .menu-toggle::after { transition-duration: 0.3s; transition-property: -webkit-transform, transform; } +.menu-link, +.menu-horizontal-prev, +.menu-horizontal-next { + color: var(--bs-menu-color); +} +.menu-link:hover, +.menu-link:focus, +.menu-horizontal-prev:hover, +.menu-horizontal-prev:focus, +.menu-horizontal-next:hover, +.menu-horizontal-next:focus { + color: var(--bs-menu-hover-color); +} + +.menu-item.disabled .menu-link, +.menu-horizontal-prev.disabled, +.menu-horizontal-next.disabled { + opacity: 0.6; +} + +/* Sub menu */ +.menu-sub { + display: none; + flex-direction: column; + padding: 0; + margin: 0; +} +.menu-item.open > .menu-sub { + display: flex; +} +.menu-sub > .menu-item.active > .menu-link { + background-color: transparent; + color: var(--bs-heading-color); +} +.menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before { + box-shadow: 0 0 0 1px var(--bs-paper-bg); +} +.menu-sub > .menu-item.active > .menu-link.menu-toggle { + background-color: var(--bs-menu-active-toggle-bg); + color: var(--bs-menu-color); +} + +/* Menu toggle open/close arrow */ +.menu-toggle::after { + position: absolute; + display: block; + border: 2px solid; + block-size: 0.45em; + border-block-end: 0; + border-inline-start: 0; + content: ""; + inline-size: 0.45em; + inset-block-start: 49%; + transform: translateY(-50%) rotate(45deg); +} +:dir(rtl) .menu-toggle::after { + transform: translateY(-50%) rotate(-45deg); +} + +/* Menu divider */ .menu-divider { - width: 100%; border: 0; - border-top: 1px solid; + border-block-start: 1px solid; + border-block-start-color: var(--bs-menu-divider-color); + inline-size: 100%; } .menu-vertical { flex-direction: column; } - .menu-vertical:not(.menu-no-animation) { - transition: width 0.3s; + transition: inline-size 0.3s; } - .menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header { - width: 16.25rem; + inline-size: var(--bs-menu-width); } - .menu-vertical .menu-inner { - flex-direction: column; flex: 1 1 auto; + flex-direction: column; } - .menu-vertical .menu-inner > .menu-item { - margin: 0.125rem 0; + margin-block: var(--bs-menu-item-spacer); + margin-inline: 0; + /* menu-link spacing */ +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item.active::before { + position: absolute; + background-color: var(--bs-primary); + block-size: 2.6845rem; + content: ""; + inline-size: 0.25rem; + inset-inline-end: 0; + border-start-start-radius: 0.375rem; + border-end-start-radius: 0.375rem; +} +.menu-vertical .menu-inner > .menu-item.active > .menu-link:not(.menu-toggle) { + background-color: var(--bs-menu-active-bg); + color: var(--bs-menu-active-color); } - .menu-vertical .menu-inner > .menu-item .menu-link { - margin: 0rem 1rem; + border-radius: 0.375rem; + margin-block: 0; + margin-inline: 1rem; } - .menu-vertical .menu-item .menu-link, .menu-vertical .menu-block { - padding: 0.3125rem calc(1rem - 0.0625rem); + padding-block: var(--bs-menu-vertical-link-padding-y); + padding-inline: var(--bs-menu-vertical-link-padding-x); +} +.layout-menu-hover .menu-vertical .menu-inner > .menu-item > .menu-link, +.layout-menu-hover .menu-vertical .menu-inner > .menu-block, +.layout-menu-hover .menu-vertical .menu-inner > .menu-header { + padding-inline: calc(0.9375rem - 1px) + calc(var(--bs-menu-vertical-link-padding-x) + 1.76em); } - .menu-vertical .menu-header { - margin: 1rem 0 0.5rem 0; - padding: 0.625rem 2rem; + position: relative; + margin-block: 1rem 0.5rem; + margin-inline: 0; + padding-block: 0.625rem; + padding-inline: 1.9996875rem; +} +.menu-vertical .menu-header::before { + position: absolute; + background-color: var(--bs-gray-200); + block-size: 1px; + content: ""; + inline-size: 1rem; + inset-block-start: 50%; + inset-inline-start: 0; + transition: all 0.3s ease-in-out; } - .menu-vertical .menu-item .menu-link { - font-size: 0.7375rem; - min-height: 1.825rem; + font-size: 0.9375rem; + min-block-size: 2.625rem; } - .menu-vertical .menu-item .menu-link > div:not(.badge) { overflow: hidden; + line-height: 1.375rem; text-overflow: ellipsis; white-space: nowrap; - line-height: 1.375rem; } - .menu-vertical .menu-item .menu-toggle { - padding-right: calc(1rem + 1.76em); + padding-inline-end: calc(var(--bs-menu-vertical-link-padding-x) + 1.76em); } - -[dir="rtl"] .menu-vertical .menu-item .menu-toggle { - padding-right: 1rem; - padding-left: calc(1rem + 1.76em); -} - .menu-vertical .menu-item .menu-toggle::after { - inset-inline-end: 0.8rem; + inset-inline-end: calc(var(--bs-menu-vertical-link-padding-x) + 0.3rem); + transition: transform 0.3s; } - -.menu-vertical .menu-item.open:not(.menu-item-closing) > .menu-link:after { - transform: translateY(-50%) rotate(90deg); +.menu-vertical .menu-item:not(.active):not(.open) .menu-link:hover { + background-color: var(--bs-menu-hover-bg); } - -[dir="rtl"] +.menu-vertical .menu-item.active > .menu-toggle { + background-color: var(--bs-menu-sub-active-bg); + color: var(--bs-menu-sub-active-color); +} +.menu-vertical + .menu-item.active:not(.open) + > .menu-link:not(.menu-toggle)::before { + /* border: 3px solid var(--bs-primary-bg-subtle); */ + background-color: var(--bs-primary); + block-size: 0.5rem; + box-shadow: 0 0 0 3px var(--bs-primary-bg-subtle); + inline-size: 0.5rem; + inset-inline-start: 1.4rem; +} +.layout-horizontal + .menu-vertical + .menu-item.active:not(.open) + > .menu-link:not(.menu-toggle)::before { + inset-inline-start: 1.5rem; +} +.menu-vertical .menu-item.open:not(.menu-item-closing) > .menu-link::after { + transform: translateY(-50%) rotate(135deg); +} +:dir(rtl) .menu-vertical .menu-item.open:not(.menu-item-closing) - > .menu-link:after { - transform: translateY(-50%) rotate(-90deg); + > .menu-link::after { + transform: translateY(-50%) rotate(-135deg); } - .menu-vertical .menu-divider { - margin-top: 0.3125rem; - margin-bottom: 0.3125rem; padding: 0; + margin-block: 0.5rem; } - -.menu-vertical .menu-sub .menu-link { - padding-top: 0.3125rem; - padding-bottom: 0.3125rem; -} - .menu-vertical .menu-sub .menu-item { - margin-top: 0.25rem; + margin-block: calc(var(--bs-menu-item-spacer) * 2) 0; + margin-inline: 0; } - -.menu-vertical .menu-icon { - width: 1.5rem; -} - -.menu-vertical .menu-sub .menu-icon { - margin-right: 0; -} - @media (max-width: 1199.98px) { - .menu-vertical .menu-sub .menu-icon { + .layout-horizontal .menu-vertical .menu-sub .menu-icon { display: none; } } - -[dir="rtl"] .menu-vertical .menu-sub .menu-icon { - margin-left: 0; +@media (max-width: 1199.98px) { + .layout-horizontal .menu-vertical { + box-shadow: none; + } +} +.layout-horizontal .menu-vertical .menu-item { + margin-block-start: 0.25rem; } - .menu-vertical .menu-horizontal-wrapper { flex: none; } - +.menu-vertical ~ .menu-mobile-toggler { + display: none; +} +.layout-navbar-hidden .menu-vertical ~ .menu-mobile-toggler { + position: fixed; + z-index: 1067; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--bs-secondary); + inset-block-end: calc(1.625rem * 2); + inset-inline-start: 1.625rem; +} .menu-vertical .menu-sub .menu-link { - padding-left: 3rem; + padding-inline-start: 2.9375rem; } - -[dir="rtl"] .menu-vertical .menu-sub .menu-link { - padding-right: 3rem; - padding-left: 1rem; -} - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35557,9 +28873,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub .menu-sub .menu-link { - padding-inline-start: 3.5rem; + padding-inline-start: 3.4375rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35569,7 +28884,6 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-link::before { inset-inline-start: 1.975rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35578,9 +28892,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub > .menu-item.active > .menu-link::before { - inset-inline-start: 1.725rem; + inset-inline-start: 1.965rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35589,9 +28902,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub .menu-sub .menu-link { - padding-inline-start: 4.15rem; + padding-inline-start: 4.0875rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35602,7 +28914,6 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-link::before { inset-inline-start: 2.625rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35612,9 +28923,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub > .menu-item.active > .menu-link::before { - inset-inline-start: 2.375rem; + inset-inline-start: 2.615rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35624,9 +28934,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub .menu-sub .menu-link { - padding-inline-start: 4.8rem; + padding-inline-start: 4.7375rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35638,7 +28947,6 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-link::before { inset-inline-start: 3.275rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35649,9 +28957,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub > .menu-item.active > .menu-link::before { - inset-inline-start: 3.025rem; + inset-inline-start: 3.265rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35662,9 +28969,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub .menu-sub .menu-link { - padding-inline-start: 5.45rem; + padding-inline-start: 5.3875rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35677,7 +28983,6 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-link::before { inset-inline-start: 3.925rem; } - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner @@ -35689,239 +28994,179 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-sub > .menu-item.active > .menu-link::before { - inset-inline-start: 3.675rem; + inset-inline-start: 3.915rem; } +/* Vertical Menu Collapsed +******************************************************************************* */ +/* Only for menu example */ .menu-collapsed:not(:hover) { - width: 5.25rem; + inline-size: var(--bs-menu-collapsed-width); + /* Custom for sneat only */ } - .menu-collapsed:not(:hover) .menu-inner > .menu-item { - width: 5.25rem; + inline-size: var(--bs-menu-collapsed-width); } - -.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link { - padding-inline: 1rem; -} - .menu-collapsed:not(:hover) .menu-inner > .menu-header, .menu-collapsed:not(:hover) .menu-block { position: relative; - margin-left: 1rem; - padding-right: 1.5rem; - padding-left: 0.5rem; - width: 16.25rem; + inline-size: var(--bs-menu-width); + margin-inline-start: var(--bs-menu-collapsed-width); + padding-inline: 0.5rem + calc(var(--bs-menu-vertical-link-padding-x) * 2 - 0.5rem); text-indent: -9999px; text-overflow: ellipsis; white-space: nowrap; } - .menu-collapsed:not(:hover) .menu-inner > .menu-header .menu-header-text, .menu-collapsed:not(:hover) .menu-block .menu-header-text { overflow: hidden; opacity: 0; } - .menu-collapsed:not(:hover) .menu-inner > .menu-header::before, .menu-collapsed:not(:hover) .menu-block::before { - content: ""; position: absolute; - left: 1.125rem; display: block; - width: 1rem; + content: ""; + inline-size: calc(var(--bs-menu-collapsed-width) * 0.22); + inset-block: 1.1875rem; + inset-inline-start: calc(-1 * var(--bs-menu-collapsed-width) * 0.61); text-align: center; - top: 1.1875rem; } - .menu-collapsed:not(:hover) .menu-block::before { - bottom: 0.75rem; + block-size: 0.125rem; } - .menu-collapsed:not(:hover) .menu-inner > .menu-item div:not(.menu-block) { overflow: hidden; + opacity: 0; text-overflow: ellipsis; white-space: nowrap; - opacity: 0; } - .menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-sub, .menu-collapsed:not(:hover) .menu-inner > .menu-item.open > .menu-sub { display: none; } - .menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-toggle::after { display: none; } - -.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon { - margin-left: -2rem; - width: 5.25rem; - text-align: center; - margin-right: 0; -} - -[dir="rtl"] .menu-collapsed:not(:hover) .menu-block { - width: 5.25rem !important; -} - -[dir="rtl"] - .menu-collapsed:not(:hover) - .menu-inner - > .menu-item:not(:has(.menu-sub)) - > .menu-link - .menu-icon { - margin-right: -2rem; -} - -[dir="rtl"] .menu-collapsed:not(:hover) .menu-inner > .menu-header, -[dir="rtl"] .menu-collapsed:not(:hover) .menu-block { - margin-right: 1rem; - margin-left: 0; - padding-right: 0.5rem; - padding-left: 1.5rem; -} - -[dir="rtl"] .menu-collapsed:not(:hover) .menu-inner > .menu-header::before, -[dir="rtl"] .menu-collapsed:not(:hover) .menu-block::before { - right: 1.125rem; - left: auto; -} - -[dir="rtl"] - .menu-collapsed:not(:hover) +.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-item - > .menu-link - .menu-icon { - margin-right: -1.9375rem; - margin-left: 0; + > .menu-link, +.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-block, +.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-header { + padding-inline: calc(0.9375rem - 1px); +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon { + margin-inline-end: 0; + text-align: center; } +/* Horizontal +******************************************************************************* */ .menu-horizontal { flex-direction: row; - width: 100%; + inline-size: 100%; } - .menu-horizontal .menu-inner { overflow: hidden; - flex-direction: row; flex: 0 1 100%; + flex-direction: row; +} +.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub { + background-color: var(--bs-menu-bg); +} +.menu-horizontal .menu-inner .menu-item:hover > .menu-link { + background-color: var(--bs-menu-hover-bg); + color: var(--bs-menu-hover-color); } - .menu-horizontal .menu-item .menu-link { - padding: 0.625rem 1rem; + padding-block: 0.625rem; + padding-inline: 1rem; +} +.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) { + background: var(--bs-menu-horizontal-active-bg); + color: var(--bs-primary); +} +.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle)::before { + background-color: var(--bs-primary); + box-shadow: 0 0 0 3px var(--bs-primary-bg-subtle); } - .menu-horizontal .menu-item .menu-toggle { - padding-right: calc(1rem + 1.76em); + padding-inline-end: calc(1rem + 1.76em); } - -[dir="rtl"] .menu-horizontal .menu-item .menu-toggle { - padding-right: 1rem; - padding-left: calc(1rem + 1.76em); -} - .menu-horizontal .menu-item .menu-toggle::after { - inset-inline-end: calc(1rem - 0.3rem); + inset-block-start: 47%; + inset-inline-end: calc(1rem + 0.15rem); } - .menu-horizontal .menu-inner > .menu-item > .menu-toggle::after { - transform: translateY(-50%) rotate(90deg); + transform: translateY(-50%) rotate(135deg); } - -[dir="rtl"] .menu-horizontal .menu-inner > .menu-item > .menu-toggle::after { - transform: translateY(-50%) rotate(-90deg); +:dir(rtl) .menu-horizontal .menu-inner > .menu-item > .menu-toggle::after { + transform: translateY(-50%) rotate(-135deg); } - .menu-horizontal .menu-inner > .menu-item > .menu-toggle::before { position: absolute; + z-index: 2; block-size: 0.625rem; content: ""; inline-size: 100%; inset-block-start: 100%; inset-inline-start: 0; - z-index: 2; pointer-events: auto; } - .menu-horizontal .menu-inner > .menu-item > .menu-sub { - margin-top: 0.625rem; + margin-block-start: 0.625rem; +} +.menu-horizontal .menu-inner > .menu-item > .menu-sub .menu-sub { + margin-block: 0; + margin-inline: 0.375rem; } - .menu-horizontal .menu-inner > .menu-item:not(.menu-item-closing).open .menu-item.open { position: relative; } - -.menu-horizontal .menu-header, -.menu-horizontal .menu-divider { - display: none !important; -} - .menu-horizontal .menu-sub { position: absolute; - width: 14.5rem; - padding: 0.5rem 0; + inline-size: 14.5rem; + padding-block: 0.5rem; + padding-inline: 0; } - .menu-horizontal .menu-sub .menu-item { - padding-inline: 0.5rem; + /* padding-inline: $menu-link-spacer-x; */ } - .menu-horizontal .menu-sub .menu-item:not(:last-child) { - margin-bottom: 0.125rem; + margin-block-end: 0.125rem; } - .menu-horizontal .menu-sub .menu-item.open .menu-link > div::after { position: absolute; - content: ""; z-index: 2; + block-size: 100%; + content: ""; + inline-size: 1.0625rem; + inset-inline-end: -1.0625rem; pointer-events: auto; - width: 1.0625rem; - height: 100%; - right: -1.0625rem; } - .menu-horizontal .menu-sub .menu-sub { position: absolute; - left: 100%; - top: 0; - width: 100%; + inline-size: 100%; + inset-block-start: 0; + inset-inline-start: 100%; } - -[dir="rtl"] .menu-horizontal .menu-sub .menu-sub { - left: -100%; -} - .menu-horizontal .menu-sub .menu-link { - padding-top: 0.625rem; - padding-bottom: 0.625rem; - border-radius: 0.375rem; + padding-block: 0.625rem; } - .menu-horizontal .menu-inner > .menu-item .menu-sub { border-radius: 0.375rem; } - -.menu-horizontal .menu-inner > .menu-item > .menu-sub .menu-sub { - margin: 0 0.375rem; +.menu-horizontal .menu-inner > .menu-item .menu-sub .menu-sub .menu-link { + padding-inline-start: 2rem; } - .menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub { animation: menuDropdownShow 0.3s ease-in-out; } - -.menu-horizontal .menu-sub .menu-sub .menu-link { - padding-left: 2rem; -} - -[dir="rtl"] .menu-horizontal .menu-sub .menu-sub .menu-link { - padding-right: 2rem; - padding-left: 1rem; -} - @media (max-width: 991.98px) { .menu-horizontal { display: none; @@ -35931,9 +29176,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .menu-horizontal-wrapper { overflow: hidden; flex: 0 1 100%; - width: 0; + inline-size: 0; } - .menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner { transition: margin 0.3s; } @@ -35943,67 +29187,39 @@ html:not([dir="rtl"]) .menu-toggle::after { position: relative; display: block; flex: 0 0 auto; - width: 2.25rem; + inline-size: 2.25rem; } - .menu-horizontal-prev::after, .menu-horizontal-next::after { - content: ""; position: absolute; - top: 50%; - left: 50%; display: block; - width: 0.5rem; - height: 0.5rem; border: 1px solid; - border-top: 0; + block-size: 0.5rem; + border-block-start: 0; + content: ""; + inline-size: 0.5rem; + inset-block-start: 50%; + inset-inline-start: 50%; } - .menu-horizontal-prev.disabled, .menu-horizontal-next.disabled { - cursor: not-allowed !important; + cursor: not-allowed; } .menu-horizontal-prev::after { - border-right: 0; - transform: translate(-50%, -50%) rotate(45deg); + border-inline-end: 0; + transform: translate(0, -50%) rotate(45deg); } - -[dir="rtl"] .menu-horizontal-prev::after { - transform: translate(-50%, -50%) rotate(-135deg); +:dir(rtl) .menu-horizontal-prev::after { + transform: translate(0, -50%) rotate(-45deg); } .menu-horizontal-next::after { - border-left: 0; - transform: translate(-50%, -50%) rotate(-45deg); + border-inline-start: 0; + transform: translate(50%, -50%) rotate(315deg); } - -[dir="rtl"] .menu-horizontal-next::after { - transform: translate(-50%, -50%) rotate(135deg); -} - -@-webkit-keyframes menuDropdownShow { - 0% { - opacity: 0; - transform: translateY(-0.5rem); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-moz-keyframes menuDropdownShow { - 0% { - opacity: 0; - transform: translateY(-0.5rem); - } - - 100% { - opacity: 1; - transform: translateY(0); - } +:dir(rtl) .menu-horizontal-next::after { + transform: translate(-50%, -50%) rotate(-315deg); } @keyframes menuDropdownShow { @@ -36011,199 +29227,23 @@ html:not([dir="rtl"]) .menu-toggle::after { opacity: 0; transform: translateY(-0.5rem); } - 100% { opacity: 1; transform: translateY(0); } } - -.menu-light { - color: rgba(34, 48, 62, 0.5); -} - -.menu-light .menu-link, -.menu-light .menu-horizontal-prev, -.menu-light .menu-horizontal-next { - color: rgba(34, 48, 62, 0.5); -} - -.menu-light .menu-link:hover, -.menu-light .menu-link:focus, -.menu-light .menu-horizontal-prev:hover, -.menu-light .menu-horizontal-prev:focus, -.menu-light .menu-horizontal-next:hover, -.menu-light .menu-horizontal-next:focus { - color: #646e78; -} - -.menu-light .menu-link.active, -.menu-light .menu-horizontal-prev.active, -.menu-light .menu-horizontal-next.active { - color: #646e78; -} - -.menu-light .menu-item.disabled .menu-link { - color: rgba(34, 48, 62, 0.3) !important; -} - -.menu-light .menu-item.open:not(.menu-item-closing) > .menu-toggle, -.menu-light .menu-item.active > .menu-link { - color: #646e78; -} - -.menu-light .menu-item.active > .menu-link:not(.menu-toggle) { - background: rgba(0, 0, 0, 0.05); -} - -.menu-light - .menu-inner - > .menu-item.menu-item-closing - .menu-item.open - .menu-sub, -.menu-light - .menu-inner - > .menu-item.menu-item-closing - .menu-item.open - .menu-toggle { - color: rgba(34, 48, 62, 0.5); -} - -.menu-light .menu-text { - color: #646e78; -} - -.menu-light .menu-header { - color: rgba(34, 48, 62, 0.5); -} - -.menu-light hr, -.menu-light .menu-divider, -.menu-light .menu-inner > .menu-item.open > .menu-sub::before { - border-color: rgba(0, 0, 0, 0.06) !important; -} - -.menu-light .menu-inner > .menu-header::before, -.menu-light .menu-block::before { - background-color: rgba(34, 48, 62, 0.3); -} - -.menu-light - .menu-inner - > .menu-item.open - .menu-item.open - > .menu-toggle::before { - background-color: rgba(0, 0, 0, 0.06); -} - -.menu-light - .menu-inner - > .menu-item.open - .menu-item.active - > .menu-link::before { - background-color: #646e78; -} - -.menu-light .ps__thumb-y { - background: rgba(34, 48, 62, 0.5) !important; -} - -.menu-dark { - color: rgba(255, 255, 255, 0.8); -} - -.menu-dark .menu-link, -.menu-dark .menu-horizontal-prev, -.menu-dark .menu-horizontal-next { - color: rgba(255, 255, 255, 0.8); -} - -.menu-dark .menu-link:hover, -.menu-dark .menu-link:focus, -.menu-dark .menu-horizontal-prev:hover, -.menu-dark .menu-horizontal-prev:focus, -.menu-dark .menu-horizontal-next:hover, -.menu-dark .menu-horizontal-next:focus { - color: #fff; -} - -.menu-dark .menu-link.active, -.menu-dark .menu-horizontal-prev.active, -.menu-dark .menu-horizontal-next.active { - color: #fff; -} - -.menu-dark .menu-item.disabled .menu-link { - color: rgba(255, 255, 255, 0.4) !important; -} - -.menu-dark .menu-item.open:not(.menu-item-closing) > .menu-toggle, -.menu-dark .menu-item.active > .menu-link { - color: #fff; -} - -.menu-dark .menu-item.active > .menu-link:not(.menu-toggle) { - background: rgba(0, 0, 0, 0.06); -} - -.menu-dark .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, -.menu-dark - .menu-inner - > .menu-item.menu-item-closing - .menu-item.open - .menu-toggle { - color: rgba(255, 255, 255, 0.8); -} - -.menu-dark .menu-text { - color: #fff; -} - -.menu-dark .menu-header { - color: rgba(255, 255, 255, 0.8); -} - -.menu-dark hr, -.menu-dark .menu-divider, -.menu-dark .menu-inner > .menu-item.open > .menu-sub::before { - border-color: rgba(255, 255, 255, 0.2) !important; -} - -.menu-dark .menu-inner > .menu-header::before, -.menu-dark .menu-block::before { - background-color: rgba(255, 255, 255, 0.4); -} - -.menu-dark - .menu-inner - > .menu-item.open - .menu-item.open - > .menu-toggle::before { - background-color: rgba(255, 255, 255, 0.2); -} - -.menu-dark - .menu-inner - > .menu-item.open - .menu-item.active - > .menu-link::before { - background-color: #fff; -} - -.menu-dark .ps__thumb-y { - background: rgba(255, 255, 255, 0.8) !important; -} - +/* Layouts +******************************************************************************* */ .layout-container { - min-height: 100vh; + min-block-size: 100vh; } .layout-wrapper, .layout-container { - width: 100%; display: flex; flex: 1 1 auto; align-items: stretch; + inline-size: 100%; } .layout-menu-offcanvas .layout-wrapper, @@ -36211,31 +29251,27 @@ html:not([dir="rtl"]) .menu-toggle::after { overflow: hidden; } +/* Display menu toggle on navbar for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas */ .layout-menu-offcanvas .layout-navbar .layout-menu-toggle, .layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle { display: block !important; } +/* Hide menu close icon from large screen for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas */ @media (min-width: 1200px) { .layout-menu-offcanvas .layout-menu .layout-menu-toggle, .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle { display: none; } - .layout-horizontal .layout-page .menu-horizontal { - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); - } - - .bg-menu-theme.menu-vertical { - box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + box-shadow: var(--bs-menu-box-shadow); } } - .layout-page, .content-wrapper, .content-wrapper > *, .layout-menu { - min-height: 1px; + min-block-size: 1px; } .layout-navbar, @@ -36249,21 +29285,21 @@ html:not([dir="rtl"]) .menu-toggle::after { align-items: stretch; padding: 0; } - .layout-without-menu .layout-page { - padding-right: 0 !important; - padding-left: 0 !important; + padding-inline: 0 !important; } .content-wrapper { display: flex; - align-items: stretch; flex: 1 1 auto; flex-direction: column; + align-items: stretch; justify-content: space-between; } +/* Content backdrop */ .content-backdrop { + /* z-index: 1 (layout static) */ position: fixed; top: 0; left: 0; @@ -36272,273 +29308,131 @@ html:not([dir="rtl"]) .menu-toggle::after { height: 100vh; background-color: #22303e; } - .content-backdrop.fade { opacity: 0; } - .content-backdrop.show { opacity: 0.5; } - .layout-menu-fixed .content-backdrop { z-index: 10; } - .layout-horizontal .content-backdrop:not(.fade) { z-index: 9; - top: 3.875rem !important; + /* Horizontal fix for search background with opacity */ + inset-block-start: 4rem !important; } - .content-backdrop.fade { z-index: -1; } -.layout-navbar { - position: relative; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - height: 3.875rem; - flex-wrap: nowrap; - color: #646e78; - z-index: 2; +/* Layout Navbar +******************************************************************************* */ +.sticky-element { + position: sticky; + z-index: 8; +} +.window-scrolled .sticky-element { + inset-block-start: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.layout-navbar-fixed .sticky-element { + inset-block-start: 4.4375rem; +} +.layout-menu-fixed .layout-horizontal .sticky-element { + inset-block-start: 7.75rem; +} +.layout-menu-fixed.layout-navbar-fixed .layout-horizontal .sticky-element { + inset-block-start: 4rem; } +.layout-navbar { + position: relative; + z-index: 2; + flex-wrap: nowrap; + block-size: 4rem; + color: var(--bs-body-color); + padding-block: 0.5rem; +} .layout-navbar .navbar { transform: translate3d(0, 0, 0); } - .layout-navbar .navbar-nav-right { flex-basis: 100%; } - -.layout-navbar .navbar-search-wrapper .search-input, -.layout-navbar .navbar-search-wrapper .input-group-text { - background-color: rgba(0, 0, 0, 0); -} - -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion { - max-height: 28rem; - border-radius: 0.5rem; - margin-top: 0.5rem; -} - -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion { - color: #384551; -} - -.layout-navbar - .navbar-search-wrapper - .navbar-search-suggestion - .suggestion:hover, -.layout-navbar - .navbar-search-wrapper - .navbar-search-suggestion - .suggestion.active { - background: rgba(34, 48, 62, 0.06); - color: #384551; -} - -.layout-navbar - .navbar-search-wrapper - .navbar-search-suggestion - .suggestions-header { - padding: 0.5rem 0.7rem; -} - -.layout-navbar - .navbar-search-wrapper - .navbar-search-suggestion - .suggestions-header::before { - content: ""; - position: absolute; - left: 0; - width: 0.7rem; - height: 1px; - margin-top: 0.7rem; - background: #a7acb2; -} - -[dir="rtl"] - .layout-navbar - .navbar-search-wrapper - .navbar-search-suggestion - .suggestions-header::before { - right: 0; - left: inherit; -} - -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .tt-selectable { - padding: 0.5rem 2rem !important; -} - .layout-navbar.navbar-detached { - box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); - width: calc(100% - 1.625rem * 2); - margin: 1rem auto 0; + /* Container layout max-width */ border-radius: 0.375rem; - padding: 0 1.5rem; -} - -.layout-navbar.navbar-detached.container-xxl { - max-width: calc(1440px - 1.625rem * 2); -} - -.layout-navbar-fixed .layout-navbar.navbar-detached .search-input:focus { + box-shadow: var(--bs-box-shadow-sm); + /* Navbar static */ + inline-size: calc(100% - 1.625rem * 2); + margin-block: 1rem 0; + padding-block: 0; padding-inline: 1.5rem; } - +.layout-navbar.navbar-detached.container-xxl { + max-inline-size: calc(1440px - 1.625rem * 2); +} .layout-navbar-fixed .layout-navbar.navbar-detached { - width: calc(100% - 1.625rem * 2 - 16.25rem); + inline-size: calc(100% - 1.625rem * 2 - 16.25rem); } - @media (max-width: 1199.98px) { .layout-navbar-fixed .layout-navbar.navbar-detached { - width: calc(100% - 1.625rem * 2) !important; + inline-size: calc(100% - 1.625rem * 2) !important; } } - @media (max-width: 991.98px) { .layout-navbar-fixed .layout-navbar.navbar-detached { - width: calc(100% - 1rem * 2) !important; + inline-size: calc(100% - 1rem * 2) !important; } } - .layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached { - width: calc(100% - 1.625rem * 2 - 5.25rem); + inline-size: calc(100% - 1.625rem * 2 - 5.25rem); } - -@media (max-width: 1199.98px) { - .layout-navbar.navbar-detached { - width: calc(100vw - (100vw - 100%) - 1.625rem * 2) !important; - } -} - -@media (max-width: 991.98px) { - .layout-navbar.navbar-detached { - width: calc(100vw - (100vw - 100%) - 1rem * 2) !important; - } -} - .layout-menu-collapsed .layout-navbar.navbar-detached, .layout-without-menu .layout-navbar.navbar-detached { - width: calc(100% - 1.625rem * 2); + inline-size: calc(100% - 1.625rem * 2); } - -.layout-navbar .search-input-wrapper .search-toggler { - position: absolute; - top: 52%; - transform: translateY(-50%); - right: 1rem; - z-index: 1; -} - -[dir="rtl"] .layout-navbar .search-input-wrapper .search-toggler { - right: inherit; - left: 1rem; -} - -.layout-navbar .search-input-wrapper .twitter-typeahead { - position: absolute !important; - left: 0; - top: 0; - width: 100%; - height: 100%; -} - -@media (min-width: 1400px) { - .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl { - left: calc((100% - 1440px) * 0.5); - } - - [dir="rtl"] - .layout-navbar - .search-input-wrapper - .twitter-typeahead.container-xxl { - right: calc((100% - 1440px) * 0.5); - left: inherit; - } - - .layout-navbar - .search-input-wrapper - .twitter-typeahead.container-xxl - + .search-toggler { - right: calc((100% - 1440px + 5rem) * 0.5); - } - - [dir="rtl"] - .layout-navbar - .search-input-wrapper - .twitter-typeahead.container-xxl - + .search-toggler { - left: calc((100% - 1440px + 5rem) * 0.5); - right: inherit; - } -} - -.layout-navbar .search-input-wrapper .search-input { - height: 100%; - box-shadow: none; -} - -.layout-navbar .search-input-wrapper .navbar-search-suggestion { - width: 100%; -} - -.layout-horizontal - .layout-navbar - .search-input-wrapper - .navbar-search-suggestion { - width: 96%; -} - .layout-wrapper:not(.layout-horizontal) .layout-navbar .dropdown-menu[data-bs-popper] { - top: 144%; + inset-block-start: 144%; +} +@media (max-width: 767.98px) { + .layout-wrapper:not(.layout-horizontal) + .layout-navbar + .dropdown-menu[data-bs-popper] { + inset-block-start: 110%; + } } - .layout-navbar .navbar-dropdown .badge-notifications { - top: 3px; + inset-block-start: 3px; inset-inline-end: -2px; } - .layout-navbar .navbar-dropdown .dropdown-menu { - min-width: 22rem; overflow: hidden; + min-inline-size: 22rem; } - .layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item { - min-height: 2.375rem; + min-block-size: 2.375rem; } - .layout-navbar .navbar-dropdown .dropdown-menu .last-login { white-space: normal; } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list { - max-height: 30rem; + max-block-size: 30rem; } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item { - padding: 0.75rem 1rem; cursor: pointer; + padding-block: 0.75rem; + padding-inline: 1rem; } - -.layout-navbar - .navbar-dropdown.dropdown-notifications - .dropdown-notifications-list - .dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #696cff; -} - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list @@ -36546,7 +29440,6 @@ html:not([dir="rtl"]) .menu-toggle::after { .dropdown-notifications-actions { text-align: center; } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list @@ -36555,7 +29448,6 @@ html:not([dir="rtl"]) .menu-toggle::after { > a { display: block; } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list @@ -36568,9 +29460,8 @@ html:not([dir="rtl"]) .menu-toggle::after { .dropdown-notifications-item .dropdown-notifications-archive span { - color: #384551; + color: var(--bs-heading-color); } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list @@ -36583,16 +29474,14 @@ html:not([dir="rtl"]) .menu-toggle::after { .dropdown-notifications-archive { visibility: hidden; } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span { - background-color: #8592a3; + background-color: var(--bs-secondary); } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list @@ -36600,7 +29489,6 @@ html:not([dir="rtl"]) .menu-toggle::after { .dropdown-notifications-archive { visibility: hidden; } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list @@ -36613,7 +29501,6 @@ html:not([dir="rtl"]) .menu-toggle::after { .dropdown-notifications-archive { visibility: visible; } - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list @@ -36621,165 +29508,155 @@ html:not([dir="rtl"]) .menu-toggle::after { .dropdown-notifications-archive { visibility: visible; } - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list { - max-height: 30rem; + max-block-size: 30rem; } - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item { - text-align: center; padding: 1.5rem; + text-align: center; } - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover { - background-color: #f2f3f3; + background-color: var(--bs-gray-60); } - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon { - height: 3.125rem; - width: 3.125rem; - margin-left: auto; - margin-right: auto; display: flex; align-items: center; justify-content: center; - background-color: #edeef0; - color: #384551; + background-color: var(--bs-gray-80); + block-size: 3.125rem; + color: var(--bs-heading-color); + inline-size: 3.125rem; + margin-inline: auto; } - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover { display: block; - margin-bottom: 0; - color: #384551 !important; + color: var(--bs-heading-color) !important; font-weight: 500; + margin-block-end: 0; } - .layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu { - min-width: 14rem; + min-inline-size: 14rem; } - .layout-navbar[class*="bg-"]:not(.bg-navbar-theme) .nav-item .input-group-text, .layout-navbar[class*="bg-"]:not(.bg-navbar-theme) .nav-item .dropdown-toggle { - color: #fff; + color: var(--bs-white); } - @media (max-width: 1199.98px) { .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { position: absolute; } - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login { white-space: nowrap; } } - @media (max-width: 767.98px) { .layout-navbar .navbar-nav .nav-item.dropdown { position: static; - float: left; + float: inline-start; } - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { position: absolute; - left: 0.9rem; - min-width: auto; - width: 92%; + inline-size: 92%; + inset-inline-start: 0.9rem; + min-inline-size: auto; } } +/* Navbar require high z-index as we use z-index for menu slide-out for below large screen */ @media (max-width: 1199.98px) { .layout-navbar { z-index: 1080; } } - -.layout-horizontal .layout-navbar .navbar-search-suggestion { - inset-inline-start: 2% !important; -} - +/* Layout Menu +******************************************************************************* */ .layout-menu { position: relative; flex: 1 0 auto; } - .layout-menu a:focus-visible { outline: none; } - .layout-menu .menu { transform: translate3d(0, 0, 0); } - -.layout-menu .menu-vertical { - height: 100%; +.layout-menu.menu-vertical ~ .layout-page.window-scrolled .layout-navbar { + backdrop-filter: saturate(200%) blur(6px); + background-color: rgba(var(--bs-paper-bg-rgb), 0.88); } +/* Layout Content navbar +******************************************************************************* */ .layout-content-navbar .layout-page { flex-basis: 100%; flex-direction: column; - width: 0; - min-width: 0; - max-width: 100%; + inline-size: 0; + max-inline-size: 100%; + min-inline-size: 0; } - .layout-content-navbar .content-wrapper { - width: 100%; + inline-size: 100%; } +/* Layout Navbar full +******************************************************************************* */ .layout-navbar-full .layout-container { flex-direction: column; } - @media (min-width: 1200px) { .layout-navbar-full:not(.layout-horizontal) .menu-inner { - margin-top: 0.75rem; + margin-block-start: 0.75rem; } } - .layout-navbar-full .content-wrapper { flex-basis: 100%; - width: 0; - min-width: 0; - max-width: 100%; + inline-size: 0; + max-inline-size: 100%; + min-inline-size: 0; +} +.layout-navbar-full.layout-horizontal .layout-navbar { + background-color: var(--bs-navbar-bg); + box-shadow: 0 1px 0 var(--bs-border-color); +} +.layout-navbar-full.layout-horizontal + .layout-navbar + .aa-DetachedSearchButtonPlaceholder { + display: none; +} +.layout-navbar-full.layout-horizontal + .layout-navbar + .search-toggler + .aa-DetachedSearchButton { + display: block; } - .layout-navbar-full .content-backdrop.show { z-index: 9; } - .layout-menu-fixed .layout-navbar-full .content-backdrop.show, .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show { z-index: 1076; } -.layout-menu-flipped .layout-navbar-full .layout-page { - flex-direction: row-reverse; -} - -.layout-menu-flipped .layout-content-navbar .layout-container { - flex-direction: row-reverse; -} - +/* Toggle +******************************************************************************* */ .layout-menu-toggle i { - transition-duration: 0.3s !important; - transition-property: transform !important; + transition-duration: 0.3s; + transition-property: transform; } - -html:not([dir="rtl"]) .layout-menu-toggle i { - transform: rotate(0deg) !important; +:dir(ltr) .layout-menu-toggle i { + transform: rotate(0deg); } - -[dir="rtl"] .layout-menu-toggle i { - transform: rotate(180deg) !important; +:dir(rtl) .layout-menu-toggle i { + transform: rotate(180deg); } @media (min-width: 992px) { @@ -36787,581 +29664,469 @@ html:not([dir="rtl"]) .layout-menu-toggle i { display: none; } } - +/* Collapsed layout (Default static and static off-canvas menu) +******************************************************************************* */ @media (min-width: 1200px) { - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + /* Menu style */ + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical { - width: 5.25rem; + inline-size: var(--bs-menu-collapsed-width); + /* Custom for sneat only */ } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-item, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-item { - width: 5.25rem; + inline-size: var(--bs-menu-collapsed-width); } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-inner - > .menu-item - > .menu-link, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-inner - > .menu-item - > .menu-link { - padding-inline: 1rem; - } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-header, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-block, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-header, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-block { position: relative; - margin-left: 1rem; - padding-right: 1.5rem; - padding-left: 0.5rem; - width: 16.25rem; + inline-size: var(--bs-menu-width); + margin-inline-start: var(--bs-menu-collapsed-width); + padding-inline: 0.5rem + calc(var(--bs-menu-vertical-link-padding-x) * 2 - 0.5rem); text-indent: -9999px; text-overflow: ellipsis; white-space: nowrap; } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-header .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-block .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-header .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-block .menu-header-text { overflow: hidden; opacity: 0; } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-header::before, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-block::before, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-header::before, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-block::before { - content: ""; position: absolute; - left: 1.125rem; display: block; - width: 1rem; + content: ""; + inline-size: calc(var(--bs-menu-collapsed-width) * 0.22); + inset-block: 1.1875rem; + inset-inline-start: calc(-1 * var(--bs-menu-collapsed-width) * 0.61); text-align: center; - top: 1.1875rem; } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-block::before, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-block::before { - bottom: 0.75rem; + block-size: 0.125rem; } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-item div:not(.menu-block), - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block) { overflow: hidden; + opacity: 0; text-overflow: ellipsis; white-space: nowrap; - opacity: 0; } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-item.open > .menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-item.open > .menu-sub { display: none; } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-toggle::after, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-toggle::after { display: none; } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-item + > .menu-link, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-block, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-header, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-item + > .menu-link, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-block, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-header { + padding-inline: calc(0.9375rem - 1px); + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon { - margin-left: -2rem; - width: 5.25rem; + margin-inline-end: 0; text-align: center; - margin-right: 0; } - - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-block, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-block { - width: 5.25rem !important; - } - - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-inner - > .menu-item:not(:has(.menu-sub)) - > .menu-link - .menu-icon, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-inner - > .menu-item:not(:has(.menu-sub)) - > .menu-link - .menu-icon { - margin-right: -2rem; - } - - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-inner - > .menu-header, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-block, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-inner - > .menu-header, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-block { - margin-right: 1rem; - margin-left: 0; - padding-right: 0.5rem; - padding-left: 1.5rem; - } - - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-inner - > .menu-header::before, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-block::before, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-inner - > .menu-header::before, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-block::before { - right: 1.125rem; - left: auto; - } - - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .menu-vertical - .menu-inner - > .menu-item - > .menu-link - .menu-icon, - [dir="rtl"].layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu.menu-vertical - .menu-inner - > .menu-item - > .menu-link - .menu-icon { - margin-right: -1.9375rem; - margin-left: 0; - } - + /* Menu position */ .layout-menu-hover.layout-menu-collapsed .layout-menu { - margin-right: -11rem; + margin-inline-end: -calc( + var(--bs-menu-width) var(--bs-menu-collapsed-width) + ); } - .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle i { - transform: rotate(180deg) !important; - transition-duration: 0.3s !important; - transition-property: transform !important; + transform: rotate(180deg); + transition-duration: 0.3s; + transition-property: transform; } - - .layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu { - margin-left: -11rem; - margin-right: 0; - } - - [dir="rtl"].layout-menu-hover.layout-menu-collapsed .layout-menu { - margin-left: -11rem; - margin-right: 0; - } - - [dir="rtl"].layout-menu-hover.layout-menu-collapsed + .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle - i { - transform: rotate(0deg) !important; - } - - [dir="rtl"].layout-menu-hover.layout-menu-collapsed.layout-menu-flipped - .layout-menu { - margin-right: -11rem; - margin-left: 0; + i + :dir(rtl) { + transform: rotate(0deg); } } - +/* Off-canvas layout (Layout Collapsed) +******************************************************************************* */ @media (min-width: 1200px) { .layout-menu-collapsed.layout-menu-offcanvas .layout-menu { - margin-right: -16.25rem; - transform: translateX(-100%); - } - - .layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped - .layout-menu { - margin-right: 0; - margin-left: -16.25rem; - transform: translateX(100%); - } - - [dir="rtl"].layout-menu-collapsed.layout-menu-offcanvas .layout-menu { - margin-right: 0; - margin-left: -16.25rem; - transform: translateX(100%); - } - - [dir="rtl"].layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped - .layout-menu { - margin-right: -16.25rem; - margin-left: 0; + margin-inline-end: -var(--bs-menu-width); transform: translateX(-100%); } } - +/* Fixed off-canvas layout (Layout Fixed) +******************************************************************************* */ @media (min-width: 1200px) { + /* Menu */ .layout-menu-fixed .layout-menu, .layout-menu-fixed-offcanvas .layout-menu { position: fixed; - top: 0; - bottom: 0; - left: 0; - margin-right: 0 !important; - margin-left: 0 !important; + inset-block: 0; + inset-inline-start: 0; + margin-inline: 0 !important; } - - .layout-menu-fixed.layout-menu-flipped .layout-menu, - .layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu { - right: 0; - left: auto; - } - - [dir="rtl"].layout-menu-fixed .layout-menu, - [dir="rtl"].layout-menu-fixed-offcanvas .layout-menu { - right: 0; - left: auto; - } - - [dir="rtl"].layout-menu-fixed.layout-menu-flipped .layout-menu, - [dir="rtl"].layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu { - right: auto; - left: 0; - } - + /* Fixed off-canvas */ + /* Menu collapsed */ .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu { transform: translateX(-100%); } - - .layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped - .layout-menu { - transform: translateX(100%); - } - - [dir="rtl"].layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu { - transform: translateX(100%); - } - - [dir="rtl"].layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped - .layout-menu { - transform: translateX(-100%); - } - + /* Container */ + /* Menu expanded */ .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page { - padding-left: 16.25rem; + padding-inline-start: var(--bs-menu-width); } - - .layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped - .layout-page, - .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped - .layout-page { - padding-right: 16.25rem; - padding-left: 0; - } - - [dir="rtl"].layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, - [dir="rtl"].layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) - .layout-page { - padding-right: 16.25rem; - padding-left: 0; - } - - [dir="rtl"].layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped - .layout-page, - [dir="rtl"].layout-menu-fixed-offcanvas:not( - .layout-menu-collapsed - ).layout-menu-flipped - .layout-page { - padding-right: 0; - padding-left: 16.25rem; - } - + /* Menu collapsed */ .layout-menu-fixed.layout-menu-collapsed .layout-page { - padding-left: 5.25rem; - } - - .layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page { - padding-right: 5.25rem; - padding-left: 0; - } - - [dir="rtl"].layout-menu-fixed.layout-menu-collapsed .layout-page { - padding-right: 5.25rem; - padding-left: 0; - } - - [dir="rtl"].layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped - .layout-page { - padding-right: 0; - padding-left: 5.25rem; + padding-inline-start: var(--bs-menu-collapsed-width); } } - -html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not( - .layout-menu-fixed-offcanvas - ) +/* Reset paddings (for non fixed entities) */ +html:not(.layout-navbar-fixed, .layout-menu-fixed, .layout-menu-fixed-offcanvas) .layout-page, html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page { - padding-top: 0 !important; + padding-block-start: 0 !important; } html:not(.layout-footer-fixed) .content-wrapper { - padding-bottom: 0 !important; + padding-block-end: 0 !important; } @media (max-width: 1199.98px) { .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu, .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu { - top: 0 !important; + inset-block-start: 0 !important; } - html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page { - padding-top: 0 !important; + padding-block-start: 0 !important; } } - +/* Hidden navbar layout +******************************************************************************* */ .layout-navbar-hidden .layout-navbar { display: none; } +/* Fixed navbar layout +******************************************************************************* */ .layout-navbar-fixed .layout-navbar { position: fixed; - top: 0; - right: 0; - left: 0; + inset-block-start: 0; + inset-inline: 0; +} +.layout-navbar-fixed .container-p-y:not([class^="pt-"]):not([class*=" pt-"]) { + padding-block-start: 1.75rem !important; } -.layout-navbar-fixed .container-p-y:not([class^="pt-"]):not([class*=" pt-"]) { - padding-top: 1.75rem !important; +.layout-navbar-fixed + .layout-wrapper:not(.layout-horizontal) + .layout-page::before { + position: fixed; + z-index: 10; + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient( + 180deg, + rgba(var(--bs-body-bg-rgb), 70%) 44%, + rgba(var(--bs-body-bg-rgb), 43%) 73%, + rgba(var(--bs-body-bg-rgb), 0%) + ); + block-size: 4.75rem; + content: ""; + inline-size: 100%; + inset-block-start: 0; + mask: linear-gradient( + var(--bs-body-bg), + var(--bs-body-bg) 18%, + transparent 100% + ); } @media (min-width: 1200px) { + /* Fix navbar within Navbar Full layout in fixed mode */ .layout-menu-fixed .layout-navbar-full .layout-navbar, .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar { position: fixed; - top: 0; - right: 0; - left: 0; + inset-block-start: 0; + inset-inline: 0; } - + /* Fix navbar within Content Navbar layout in fixed mode - Menu expanded */ .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, @@ -37371,83 +30136,99 @@ html:not(.layout-footer-fixed) .content-wrapper { .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - left: 16.25rem; + inset-inline-start: var(--bs-menu-width); } - - .layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped + .layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not( - .layout-menu-collapsed - ).layout-menu-flipped + .layout-navbar-fixed:not(.layout-menu-collapsed) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) + .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not( .layout-menu-collapsed - ).layout-menu-flipped + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) + .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - right: 16.25rem; - left: 0; + inset-inline-start: calc(16.25rem - var(--bs-scrollbar-width)); } - - .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal, - .layout-menu-fixed-offcanvas + .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not( + .layout-menu-collapsed + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not( + .layout-menu-collapsed + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar { + inset-inline-start: calc(16.25rem + var(--bs-scrollbar-width)); + } + /* Horizontal Layout when menu fixed */ + .layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar, + .layout-menu-fixed.swal2-shown .layout-horizontal .layout-menu-horizontal, + .layout-menu-fixed .modal-open .layout-horizontal .layout-navbar, + .layout-menu-fixed .modal-open .layout-horizontal .layout-menu-horizontal { + inline-size: calc(100% - var(--bs-scrollbar-width)); + } + :dir(rtl).layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar, + :dir(rtl).layout-menu-fixed .modal-open .layout-horizontal .layout-navbar { + inline-size: calc(100% + var(--bs-scrollbar-width)); + } + .layout-menu-fixed:not(.layout-navbar-hidden) + .layout-horizontal + .layout-page + .menu-horizontal, + .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal { position: fixed; - top: 3.875rem; + inset-block-start: 4rem; } - - .layout-menu-fixed + .layout-menu-fixed:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal + [class*="container-"], - .layout-menu-fixed-offcanvas + .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal + [class*="container-"] { - padding-top: 5.38rem !important; + padding-block-start: 5.25rem !important; } - - [dir="rtl"].layout-navbar-fixed:not(.layout-menu-collapsed) - .layout-content-navbar:not(.layout-without-menu) - .layout-navbar, - [dir="rtl"].layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) - .layout-content-navbar:not(.layout-without-menu) - .layout-navbar, - [dir="rtl"].layout-menu-fixed-offcanvas.layout-navbar-fixed:not( - .layout-menu-collapsed - ) - .layout-content-navbar:not(.layout-without-menu) - .layout-navbar { - right: 16.25rem; - left: 0; - } - - [dir="rtl"].layout-navbar-fixed:not( - .layout-menu-collapsed - ).layout-menu-flipped - .layout-content-navbar:not(.layout-without-menu) - .layout-navbar, - [dir="rtl"].layout-menu-fixed.layout-navbar-fixed:not( - .layout-menu-collapsed - ).layout-menu-flipped - .layout-content-navbar:not(.layout-without-menu) - .layout-navbar, - [dir="rtl"].layout-menu-fixed-offcanvas.layout-navbar-fixed:not( - .layout-menu-collapsed - ).layout-menu-flipped - .layout-content-navbar:not(.layout-without-menu) - .layout-navbar { - right: 0; - left: 16.25rem; - } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not( + /* Layout fixed not off-canvas - Menu collapsed */ + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, .layout-menu-fixed-offcanvas ) .layout-content-navbar @@ -37455,51 +30236,248 @@ html:not(.layout-footer-fixed) .content-wrapper { .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar { - left: 5.25rem; + inset-inline-start: var(--bs-menu-collapsed-width); } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not( + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, .layout-menu-fixed-offcanvas - ).layout-menu-flipped - .layout-content-navbar - .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped - .layout-content-navbar - .layout-navbar { - right: 5.25rem; - left: 0; + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inset-inline-start: calc( + var(--bs-menu-collapsed-width) - var(--bs-scrollbar-width) + ); } - - [dir="rtl"].layout-navbar-fixed.layout-menu-collapsed:not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-content-navbar - .layout-navbar, - [dir="rtl"].layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed - .layout-content-navbar - .layout-navbar { - right: 5.25rem; - left: 0; + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inline-size: calc( + 100% - 1.625rem * 2 - var(--bs-menu-collapsed-width) - + var(--bs-scrollbar-width) + ); } - - [dir="rtl"].layout-navbar-fixed.layout-menu-collapsed:not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas).layout-menu-flipped - .layout-content-navbar + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl) { + inset-inline-start: calc( + var(--bs-menu-collapsed-width) + var(--bs-scrollbar-width) + ); + } + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - [dir="rtl"].layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped - .layout-content-navbar + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - right: 0; - left: 5.25rem; + inline-size: calc( + 100% - 1.625rem * 2 - var(--bs-menu-collapsed-width) - + var(--bs-scrollbar-width) + ); + } + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inset-inline-start: calc( + var(--bs-menu-collapsed-width) + var(--bs-scrollbar-width) + ); } } - +/* Fixed footer +******************************************************************************* */ .layout-footer-fixed .content-footer { position: fixed; - bottom: 0; - left: 0; - right: 0; + z-index: 9; + inset-block-end: 0; + inset-inline: 0; } .layout-footer-fixed @@ -37507,169 +30485,210 @@ html:not(.layout-footer-fixed) .content-wrapper { .content-footer .footer-container, .layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { - box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + background-color: var(--bs-footer-bg); + box-shadow: var(--bs-footer-box-shadow); +} + +.layout-footer-fixed + .layout-wrapper:not(.layout-horizontal) + .content-footer + .footer-container { + border: var(--bs-footer-border-width) solid var(--bs-footer-border-color); + padding-inline: 1.5rem; + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } @media (min-width: 1200px) { + /* Fixed footer - Menu expanded */ .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer { - left: 16.25rem; + inset-inline-start: var(--bs-menu-width); } - - .layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped + .layout-footer-fixed:not(.layout-menu-collapsed).swal2-shown + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-footer-fixed:not(.layout-menu-collapsed) + .modal-open + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inline-size: calc(100% - 16.25rem - var(--bs-scrollbar-width)); + } + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-wrapper:not(.layout-without-menu) - .content-footer { - right: 16.25rem; - left: 0; + .content-footer:has(.container-xxl), + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-wrapper:not(.layout-without-menu) + .content-footer:has(.container-xxl) { + inset-inline-start: calc(16.25rem + var(--bs-scrollbar-width)); } - - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not( + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inset-inline-start: calc(var(--bs-menu-width) + var(--bs-scrollbar-width)); + } + /* Fixed footer - Menu collapsed */ + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, .layout-menu-fixed-offcanvas ) .layout-wrapper:not(.layout-without-menu) .content-footer { - left: 5.25rem; + inset-inline-start: var(--bs-menu-collapsed-width); } - - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not( + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, .layout-menu-fixed-offcanvas - ).layout-menu-flipped + ).swal2-shown .layout-wrapper:not(.layout-without-menu) - .content-footer { - right: 5.25rem; - left: 0; + .content-footer:has(.container-xxl), + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-wrapper:not(.layout-without-menu) + .content-footer:has(.container-xxl) { + inset-inline-start: calc(5.25rem - var(--bs-scrollbar-width)); } - - [dir="rtl"].layout-footer-fixed:not(.layout-menu-collapsed) + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown .layout-wrapper:not(.layout-without-menu) - .content-footer { - left: 0; - right: 16.25rem; + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-wrapper:not(.layout-without-menu) + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inline-size: calc(100% - 5.25rem - var(--bs-scrollbar-width)); + inset-inline-start: 5.25rem; } - - [dir="rtl"].layout-footer-fixed:not( - .layout-menu-collapsed - ).layout-menu-flipped + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-wrapper:not(.layout-without-menu) + .content-footer, + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer { - left: 16.25rem; - right: 0; - } - - [dir="rtl"].layout-footer-fixed.layout-menu-collapsed:not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-wrapper:not(.layout-without-menu) - .content-footer { - left: 0; - right: 5.25rem; - } - - [dir="rtl"].layout-footer-fixed.layout-menu-collapsed:not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas).layout-menu-flipped - .layout-wrapper:not(.layout-without-menu) - .content-footer { - right: 0; - left: 5.25rem; + inset-inline-start: calc(5.25rem + var(--bs-scrollbar-width)); } } - +/* Small screens layout +******************************************************************************* */ @media (max-width: 1199.98px) { .layout-menu { position: fixed !important; - top: 0 !important; - height: 100% !important; - left: 0 !important; - margin-right: 0 !important; - margin-left: 0 !important; + block-size: 100% !important; + inset-block-start: 0 !important; + inset-inline-start: 0 !important; + margin-inline: 0 !important; transform: translate3d(-100%, 0, 0); will-change: transform, -webkit-transform; } - - [dir="rtl"] .layout-menu { - right: 0 !important; - left: auto !important; + :dir(rtl) .layout-menu { transform: translate3d(100%, 0, 0); } - - .layout-menu-flipped .layout-menu { - right: 0 !important; - left: auto !important; - transform: translate3d(100%, 0, 0); - } - .layout-menu-expanded .layout-menu { transform: translate3d(0, 0, 0) !important; } - .layout-menu-expanded body { overflow: hidden; } - - [dir="rtl"].layout-menu-flipped .layout-menu { - right: auto !important; - left: 0 !important; - transform: translate3d(-100%, 0, 0); - } - .layout-overlay { position: fixed; - top: 0; - right: 0; - height: 100% !important; - left: 0; display: none; background: #22303e; - opacity: 0.5; + block-size: 100% !important; cursor: pointer; + inset-block-start: 0; + inset-inline: 0; + opacity: 0.5; } - .layout-menu-expanded .layout-overlay { display: block; } - .layout-menu-100vh .layout-menu, .layout-menu-100vh .layout-overlay { - height: 100vh !important; + block-size: 100dvh !important; } - .drag-target { - height: 100%; - width: 40px; position: fixed; - top: 0; - left: 0px; z-index: 1036; + block-size: 100%; + inline-size: 40px; + inset-block-start: 0; + inset-inline-start: 0; } } - -.layout-navbar-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, -.layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, -.layout-menu-fixed-offcanvas - body:not(.modal-open) - .layout-navbar-full - .layout-navbar { +/* Z-Indexes +******************************************************************************* */ +/* Navbar (fixed) */ +body:not(.modal-open) .layout-navbar-full .layout-navbar { z-index: 1080; } - -.layout-navbar-fixed - body:not(.modal-open) - .layout-content-navbar - .layout-navbar, -.layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, -.layout-menu-fixed-offcanvas - body:not(.modal-open) - .layout-content-navbar - .layout-navbar { +body:not(.modal-open) .layout-content-navbar .layout-navbar { z-index: 1075; } -.layout-footer-fixed .content-footer { - z-index: 1030; -} - +/* Menu horizontal */ .layout-menu-horizontal { z-index: 9; } @@ -37678,45 +30697,43 @@ html:not(.layout-footer-fixed) .content-wrapper { .layout-menu { z-index: 1100; } - .layout-overlay { z-index: 1099; } } - @media (min-width: 1200px) { + /* Navbar full layout */ .layout-navbar-full .layout-navbar { z-index: 10; } - .layout-navbar-full .layout-menu { z-index: 9; } - + /* Content Navbar layout */ .layout-content-navbar .layout-navbar { z-index: 9; } - .layout-content-navbar .layout-menu { - z-index: 10; + z-index: 11; } - - .layout-menu-collapsed:not(.layout-menu-offcanvas):not( + /* Collapsed */ + .layout-menu-collapsed:not( + .layout-menu-offcanvas, .layout-menu-fixed-offcanvas ).layout-menu-hover .layout-navbar-full .layout-menu { z-index: 1075 !important; } - - .layout-menu-collapsed:not(.layout-menu-offcanvas):not( + .layout-menu-collapsed:not( + .layout-menu-offcanvas, .layout-menu-fixed-offcanvas ) .layout-content-navbar .layout-menu { z-index: 1085 !important; } - + /* Navbar full layout */ .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu, .layout-menu-fixed-offcanvas body:not(.modal-open) @@ -37724,7 +30741,7 @@ html:not(.layout-footer-fixed) .content-wrapper { .layout-menu { z-index: 1075; } - + /* Content Navbar layout */ .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar @@ -37737,80 +30754,81 @@ html:not(.layout-footer-fixed) .content-wrapper { z-index: 1080; } } - +/* Transitions and animations +******************************************************************************* */ +/* Disable navbar link hover transition */ .layout-menu-link-no-transition .layout-menu .menu-link, .layout-menu-link-no-transition .layout-menu-horizontal .menu-link { - transition: none !important; animation: none !important; + transition: none !important; } +/* Disable navbar link hover transition */ .layout-no-transition .layout-menu, .layout-no-transition .layout-menu .menu, .layout-no-transition .layout-menu .menu-item, .layout-no-transition .layout-menu-horizontal, .layout-no-transition .layout-menu-horizontal .menu, .layout-no-transition .layout-menu-horizontal .menu-item { - transition: none !important; animation: none !important; + transition: none !important; } @media (max-width: 1199.98px) { .layout-transitioning .layout-overlay { animation: menuAnimation 0.3s; } - .layout-transitioning .layout-menu { transition-duration: 0.3s; transition-property: transform, -webkit-transform; } } - @media (min-width: 1200px) { - .layout-menu-collapsed:not(.layout-transitioning):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) + .layout-menu-collapsed:not( + .layout-transitioning, + .layout-menu-offcanvas, + .layout-menu-fixed, + .layout-menu-fixed-offcanvas + ) .layout-menu { transition-duration: 0.3s; - transition-property: margin-left, margin-right, width; + transition-property: margin-inline-start, margin-inline-end, inline-size; } - .layout-transitioning.layout-menu-offcanvas .layout-menu { transition-duration: 0.3s; - transition-property: margin-left, margin-right, transform, -webkit-transform; + transition-property: margin-inline-start, margin-inline-end, transform, + -webkit-transform; } - .layout-transitioning.layout-menu-fixed .layout-page, .layout-transitioning.layout-menu-fixed-offcanvas .layout-page { transition-duration: 0.3s; - transition-property: padding-left, padding-right; + transition-property: padding-inline-start, padding-inline-end; } - .layout-transitioning.layout-menu-fixed .layout-menu { - transition: width 0.3s; + transition: inline-size 0.3s; } - .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu { transition-duration: 0.3s; transition-property: transform, -webkit-transform; } - .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar, .layout-transitioning.layout-footer-fixed .content-footer { transition-duration: 0.3s; - transition-property: left, right; + transition-property: inset-inline-start, inset-inline-end; } - - .layout-transitioning:not(.layout-menu-offcanvas):not(.layout-menu-fixed):not( + .layout-transitioning:not( + .layout-menu-offcanvas, + .layout-menu-fixed, .layout-menu-fixed-offcanvas ) .layout-menu { transition-duration: 0.3s; - transition-property: margin-left, margin-right, width; + transition-property: margin-inline-start, margin-inline-end, inline-size; } } - +/* Disable transitions/animations in IE 10-11 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .menu, .layout-menu, @@ -37820,96 +30838,297 @@ html:not(.layout-footer-fixed) .content-wrapper { transition: none !important; transition-duration: 0s !important; } - .layout-overlay { animation: none !important; } } - -@-webkit-keyframes menuAnimation { - 0% { - opacity: 0; - } - - 100% { - opacity: 0.5; - } -} - -@-moz-keyframes menuAnimation { - 0% { - opacity: 0; - } - - 100% { - opacity: 0.5; - } -} - @keyframes menuAnimation { 0% { opacity: 0; } - 100% { opacity: 0.5; } } +.aa-DetachedSearchButton { + display: flex; + align-items: center; + border: none; + background: transparent; + gap: 1rem; +} +.aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder { + color: var(--bs-secondary-color); +} +@media (max-width: 767.98px) { + .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder { + display: none; + } +} +.aa-InputWrapper ::placeholder { + color: var(--bs-secondary-color); +} + +.aa-DetachedSearchButtonIcon::before, +.aa-SubmitButton::before { + display: block; + background-color: currentcolor; + content: ""; + margin-block-end: -3px; + mask-image: var(--svg); + mask-repeat: no-repeat; + mask-size: 100% 100%; + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 18a7.95 7.95 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.95 7.95 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8m0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6'/%3E%3C/svg%3E"); +} +.aa-DetachedSearchButtonIcon .aa-SubmitIcon, +.aa-SubmitButton .aa-SubmitIcon { + display: none; +} + +.aa-DetachedSearchButtonIcon::before { + block-size: 22px; + inline-size: 22px; +} + +.aa-SubmitButton::before { + block-size: 24px; + inline-size: 24px; +} + +.aa-DetachedSearchButtonQuery { + display: none; +} + +.layout-wrapper:not(.layout-horizontal) + .aa-DetachedSearchButtonPlaceholder[hidden] { + display: block !important; +} + +/* Search Headings */ +.search-headings { + display: block; + color: var(--bs-secondary-color); + font-size: 0.75rem; + letter-spacing: 0.8px; + margin-block: 1rem 0.5rem; + margin-inline: 0; + padding-block: 0; + padding-inline: 1.25rem; + text-transform: uppercase; +} +.suggestion-section .search-headings { + line-height: 14px; + margin-block: 0.5rem; +} + +/* Suggestion Items */ +.suggestion-items .suggestion-item { + color: var(--bs-heading-color); + gap: 0.35rem; + padding-block: 0.543rem; + padding-inline: 1rem; + text-decoration: none; + transition: all 0.2s ease; + border-radius: var(--bs-border-radius); +} +.suggestion-items .suggestion-item:hover, +.suggestion-items .suggestion-item[aria-selected="true"], +.suggestion-items .suggestion-item.suggestion-item-focused { + color: var(--bs-primary); +} +.suggestion-items .suggestion-item:focus, +.suggestion-items .suggestion-item:focus-visible { + background-color: var(--bs-primary-bg-subtle); + color: var(--bs-primary); +} + +/* Detached Overlay */ +.aa-DetachedOverlay { + position: fixed; + z-index: 999999; + backdrop-filter: blur(3px); + background: rgba(0, 0, 0, 0.35); + block-size: 100vh; + inset-block-start: 0; + inset-inline-end: 0; + inset-inline-start: 0; +} +.aa-DetachedOverlay .aa-DetachedContainer { + position: fixed; + background: var(--bs-paper-bg); + box-shadow: var(--bs-box-shadow-lg); + inset-block-start: 4rem; + max-block-size: 32.9375rem; + border-radius: 0.5rem; + inline-size: 600px; + inset-inline-start: calc(50% - 300px); +} +@media (max-width: 767.98px) { + .aa-DetachedOverlay .aa-DetachedContainer { + inline-size: 450px; + inset-inline-start: calc(50% - 225px); + } +} +@media (max-width: 575.98px) { + .aa-DetachedOverlay .aa-DetachedContainer { + inline-size: 90%; + inset-inline-start: 50%; + transform: translateX(-50%); + } +} +.aa-DetachedOverlay .search-control { + background: transparent; + inline-size: 100%; +} +.aa-DetachedOverlay .search-control:focus, +.aa-DetachedOverlay .search-control:focus-visible { + outline: none; +} +.aa-DetachedOverlay .search-control::-webkit-search-cancel-button, +.aa-DetachedOverlay .search-control::-webkit-search-decoration { + display: none; + appearance: none; +} +.aa-DetachedOverlay .search-control::-ms-clear { + display: none; +} +.aa-DetachedOverlay .aa-List { + padding-inline-start: 0; +} +.aa-DetachedOverlay .aa-InputWrapperPrefix { + position: absolute; +} +.aa-DetachedOverlay .aa-SubmitButton { + border: 0; + background: none; + padding-inline-start: 0.7rem; +} +.aa-DetachedOverlay #autocomplete-0-input { + padding-inline-start: 2.5rem; +} +.aa-DetachedOverlay .aa-Form, +.aa-DetachedOverlay .aa-InputWrapper { + inline-size: 100%; +} +.aa-DetachedOverlay .aa-Form { + padding-block: 1.231rem; + padding-inline-start: 0.7rem; +} +.aa-DetachedOverlay .aa-DetachedCancelButton.btn-search-close { + display: flex; + align-items: center; + justify-content: center; + border: 0; + background: none; + gap: 1rem; + inline-size: 8rem; + inset-inline-end: 1.5rem; + padding-inline-end: 1.75rem; +} +.aa-DetachedOverlay .aa-SourceHeader { + margin-block-end: 0.5rem; +} +.aa-DetachedOverlay .aa-Item { + display: flex; + align-items: center; +} +.aa-DetachedOverlay .aa-Item .item-wrapper { + display: flex; + align-items: center; + gap: 0.5rem; +} +.aa-DetachedOverlay .aa-Item svg { + color: var(--bs-secondary-color); + font-size: 1rem; + opacity: 0; +} +:dir(rtl) .aa-DetachedOverlay .aa-Item svg { + transform: scaleX(-1); +} +.aa-DetachedOverlay .aa-Item:hover, +.aa-DetachedOverlay .aa-Item[aria-selected="true"] { + background: var(--bs-gray-100); +} +.aa-DetachedOverlay .aa-Item:hover svg, +.aa-DetachedOverlay .aa-Item[aria-selected="true"] svg { + opacity: 1; +} +.aa-DetachedOverlay .aa-Item a { + color: var(--bs-body-color); + font-size: var(--bs-body-font-size); + gap: 0.5rem; + padding-block: 0.543rem; + padding-inline: 1.25rem; +} + +.search-no-results-wrapper { + block-size: 28.75rem; +} + +/* App Brand +******************************************************************************* */ .app-brand { display: flex; flex-grow: 0; flex-shrink: 0; - overflow: hidden; - line-height: 1; - min-height: 1px; align-items: center; } +.app-brand .app-brand-text { + opacity: 1; + transition: opacity 0.3s ease-in-out; +} +.app-brand .layout-menu-toggle { + display: block; +} +.app-brand .app-brand-img { + display: block; +} +.app-brand .app-brand-img-collapsed { + display: none; +} .app-brand-link { display: flex; align-items: center; } -.app-brand-logo { - display: block; - flex-grow: 0; - flex-shrink: 0; - overflow: hidden; - min-height: 1px; -} - -.app-brand-logo img, -.app-brand-logo svg { - display: block; -} - -.app-brand-text { - flex-shrink: 0; - opacity: 1; - transition: opacity 0.15s ease-in-out; -} - -.app-brand-img-collapsed { - display: none; -} - -.menu-vertical .app-brand { - padding-right: 2rem; - padding-left: 2rem; -} - +/* App brand with vertical menu */ .menu-horizontal .app-brand, .menu-horizontal .app-brand + .menu-divider { display: none !important; } +@media (min-width: 1200px) { + .layout-menu-collapsed:not(.layout-menu-hover) + .layout-menu + .app-brand-logo + ~ .app-brand-text, + .menu-collapsed:not(:hover) .app-brand .app-brand-logo ~ .app-brand-text { + opacity: 0; + } + .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img, + .menu-collapsed:not(:hover) .app-brand .app-brand-img { + display: none; + } + .layout-menu-collapsed:not(.layout-menu-hover) + .layout-menu + .app-brand-img-collapsed, + .menu-collapsed:not(:hover) .app-brand .app-brand-img-collapsed { + display: block; + } +} +/* Within menu */ :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu .app-brand { - width: 5.25rem; + inline-size: 5.25rem; } - :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo, @@ -37918,484 +31137,407 @@ html:not(.layout-footer-fixed) .content-wrapper { .app-brand-link, :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-text, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-logo, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-link, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu .app-brand-text { - margin-right: auto; - margin-left: auto; + margin-inline: auto; } - :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo + ~ .app-brand-text, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-logo ~ .app-brand-text { overflow: hidden; + opacity: 0; text-overflow: ellipsis; white-space: nowrap; - opacity: 0; } - :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand + .layout-menu-toggle, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand .layout-menu-toggle { + inset-inline-start: calc(5.25rem - 1.5rem); opacity: 0; - left: calc(5.25rem - 1.5rem); } - :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-img, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu .app-brand-img { display: none; } - :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-img-collapsed, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu .app-brand-img-collapsed { display: block; } -@media (min-width: 1200px) { - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand { - width: 5.25rem; - } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand-logo, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand-link, - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand-text { - margin-right: auto; - margin-left: auto; - } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand-logo - ~ .app-brand-text { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - opacity: 0; - } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand - .layout-menu-toggle { - opacity: 0; - left: calc(5.25rem - 1.5rem); - } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand-img { - display: none; - } - - .layout-menu-collapsed:not(.layout-menu-hover):not( - .layout-menu-offcanvas - ):not(.layout-menu-fixed-offcanvas) - .layout-menu - .app-brand-img-collapsed { - display: block; - } -} - +/* Custom Options +******************************************************************************* */ +/* Custom option */ .custom-option { - padding-left: 0; - border: 1px solid #e4e6e8; + border: var(--bs-border-width) solid var(--bs-border-color); border-radius: 0.375rem; - margin: 1px; + padding-inline-start: 0; } - .custom-option:hover { - border-width: 1px; - border-color: #7a838b; + border-color: var(--bs-gray-600); } - -.custom-option.custom-option-image { - border-width: 2px !important; - overflow: hidden; +.custom-option:not(.custom-option-image) { + margin: calc(2px - (var(--bs-border-width))); +} +.custom-option.checked { + border: 2px solid var(--bs-primary); margin: 0; } - -.custom-option.custom-option-image:hover { - border-width: 2px !important; - border-color: #7a838b; -} - -.custom-option .custom-option-content { - cursor: pointer; - width: 100%; -} - -.custom-option .form-check-input { - background-color: rgba(0, 0, 0, 0); - margin-inline-start: -2.016em; -} - -.custom-option-basic .custom-option-content { - padding: 1.065em; - padding-left: 3.515em; -} - -.custom-option-basic .custom-option-header { - display: flex; - justify-content: space-between; - align-items: center; - padding-bottom: 0.4375rem; -} - -.custom-option-body { - color: #646e78; -} - -.custom-option-icon { +.custom-option.custom-option-image { overflow: hidden; -} - -.custom-option-icon.checked i, -.custom-option-icon.checked svg { - color: #696cff; -} - -.custom-option-icon:not(.checked) svg { - color: #384551; -} - -.custom-option-icon .custom-option-content { - text-align: center; - padding: 1.065em; -} - -.custom-option-icon .custom-option-body { - display: block; - margin-bottom: 0.5rem; -} - -.custom-option-icon .custom-option-body i { - color: #384551; - margin-bottom: 0.5rem; - display: block; -} - -.custom-option-icon .custom-option-body i::before { - font-size: 1.75rem; -} - -.custom-option-icon .custom-option-body svg { - height: 40px; - width: 40px; - margin-bottom: 0.5rem; -} - -.custom-option-icon .custom-option-body .custom-option-title { - display: block; - font-size: 0.9375rem; - font-weight: 500; - color: #384551; - margin-bottom: 0.5rem; -} - -.custom-option-icon .form-check-input { - float: none !important; - margin: 0 !important; -} - -.custom-option-image { border-width: 2px; + margin-block-end: 0; } - -.custom-option-image .custom-option-content { - padding: 0; +.custom-option.custom-option-image .custom-option-body img { + block-size: 100%; + inline-size: 100%; } - -.custom-option-image .custom-option-body img { - height: 100%; - width: 100%; -} - -.custom-option-image.custom-option-image-radio .form-check-input { +.custom-option.custom-option-image.custom-option-image-radio .form-check-input { display: none; } - -.custom-option-image.custom-option-image-check { - position: relative; -} - -.custom-option-image.custom-option-image-check .form-check-input { +.custom-option.custom-option-image.custom-option-image-check .form-check-input { position: absolute; - top: 16px; - right: 16px; + border: 1px solid transparent; margin: 0; - border: 0; - opacity: 0; - border: 1px solid rgba(0, 0, 0, 0); + inset-block-start: 1rem; + inset-inline-end: 1rem; } - -.custom-option-image.custom-option-image-check .form-check-input:checked { - opacity: 1; -} - -.custom-option-image.custom-option-image-check:hover .form-check-input { - border-color: #646e78; +.custom-option.custom-option-image.custom-option-image-check:hover + .form-check-input { border-width: 1px; - opacity: 1; + border-color: var(--bs-body-color); } - -.custom-option-image.custom-option-image-check:hover .form-check-input:checked { - border-color: #696cff; +.custom-option.custom-option-image.custom-option-image-check:hover + .form-check-input:checked { + border-color: var(--bs-primary); } - -[dir="rtl"] .custom-option { - padding-right: 0; +.custom-option .custom-option-content { + inline-size: 100%; } - -[dir="rtl"] .custom-option-basic .custom-option-content { - padding-right: 2.865em; - padding-left: 1.065em; +.custom-option .form-check-input { + margin-inline-start: -2.016em; } - -[dir="rtl"] .custom-option-image.custom-option-image-check .form-check-input { - right: auto; - left: 16px; +.custom-option.custom-option-basic .custom-option-content { + padding: 1.065em; + padding-inline-start: 3.515em; +} +.custom-option.custom-option-basic .custom-option-header { + display: flex; + align-items: center; + justify-content: space-between; + padding-block-end: 0.4375rem; +} +.custom-option .custom-option-body { + color: var(--bs-body-color); +} +.custom-option.custom-option-icon { + overflow: hidden; +} +.custom-option.custom-option-icon.checked .icon-base, +.custom-option.custom-option-icon.checked svg { + color: var(--bs-primary); +} +.custom-option.custom-option-icon .icon-base, +.custom-option.custom-option-icon svg { + color: var(--bs-heading-color); +} +.custom-option.custom-option-icon .custom-option-content { + padding: 1.065em; + text-align: center; +} +.custom-option.custom-option-icon .custom-option-body { + display: block; + margin-block-end: 0.5rem; +} +.custom-option.custom-option-icon .custom-option-body .icon-base { + block-size: 1.75rem; + font-size: 1.75rem; + inline-size: 1.75rem; + display: block; + margin-block-end: 0.5rem; + margin-inline: auto; +} +.custom-option.custom-option-icon .custom-option-body svg { + block-size: 2.5rem; + inline-size: 2.5rem; + margin-block-end: 0.5rem; +} +.custom-option.custom-option-icon .custom-option-body .custom-option-title { + display: block; + color: var(--bs-heading-color); + font-weight: 500; + margin-block-end: 0.5rem; +} +.custom-option.custom-option-icon .form-check-input { + margin: 0; + float: none; +} +.custom-option.custom-option-label.checked { + background-color: rgba(var(--bs-primary-rgb), 0.12); + color: var(--bs-primary); +} +.custom-option.custom-option-label.checked .custom-option-header span, +.custom-option.custom-option-label.checked .custom-option-title { + color: var(--bs-primary); } .switch { - margin-right: 0.75rem; + --bs-switch-bg: var(--bs-gray-100); + --bs-switch-color: rgba(var(--bs-base-color), 0.4); + --bs-switch-border-color: var(--bs-gray-100); + --bs-switch-box-shadow: 0 0 0.25rem 0 rgba(34, 48, 62, 0.16) inset; + --bs-switch-holder-bg: var(--bs-white); + --bs-switch-holder-shadow: var(--bs-box-shadow-xs); + /* Checked state */ position: relative; - vertical-align: middle; - margin-bottom: 0; display: inline-block; border-radius: 30rem; cursor: pointer; - min-height: 1.35rem; + margin-inline-end: 0.75rem; + vertical-align: middle; font-size: 0.9375rem; line-height: 1.4; + min-block-size: 1.35rem; } - -.switch .switch-label:first-child { - padding-right: 0.5rem; +.switch .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-primary); + --bs-switch-color: var(--bs-white); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3); +} +.switch[class*="switch-outline-"], +.switch.switch-outline { + --bs-switch-bg: transparent; + --bs-switch-box-shadow: none; + --bs-switch-holder-bg: var(--bs-gray-100); + --bs-switch-holder-shadow: none; +} +.switch[class*="switch-outline-"] .switch-input:checked ~ .switch-toggle-slider, +.switch.switch-outline .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: transparent; + --bs-switch-box-shadow: none; +} +.switch.switch-outline .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-primary); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-holder-bg: var(--bs-primary); +} +.switch:has(.switch-input:disabled) { + cursor: not-allowed; } - .switch .switch-input ~ .switch-label { - padding-left: 3rem; + padding-inline-start: 3rem; } - .switch .switch-toggle-slider { - width: 2.5rem; - height: 1.35rem; - font-size: 0.625rem; + block-size: 1.35rem; + inline-size: 2.5rem; line-height: 1.35rem; - border: 1px solid rgba(0, 0, 0, 0); - top: 50%; - transform: translateY(-50%); } - -.switch .switch-toggle-slider i { +.switch .switch-toggle-slider .icon-base { position: relative; + block-size: 0.9375rem; font-size: 0.9375rem; - top: -1.35px; + inline-size: 0.9375rem; + inset-block-start: -1.9px; } - .switch .switch-label { - top: 0.01875rem; + inset-block-start: 0.01875rem; } - -.switch .switch-input:checked ~ .switch-toggle-slider::after { - left: 1.05rem; -} - .switch .switch-toggle-slider::after { - margin-left: 0.25rem; - width: 14px; - height: 14px; + block-size: 14px; + inline-size: 14px; } - .switch .switch-on { - padding-left: 0.25rem; - padding-right: 1.1rem; + padding-inline: 0.125rem 1.1rem; } - .switch .switch-off { - padding-left: 1.1rem; - padding-right: 0.25rem; -} - -[dir="rtl"] .switch .switch-label { - padding-right: 3rem; - padding-left: 0; -} - -[dir="rtl"] .switch .switch-input:checked ~ .switch-toggle-slider::after { - left: auto; - right: 1rem; -} - -[dir="rtl"] .switch .switch-toggle-slider::after { - margin-left: 0; - margin-right: 0.25rem; -} - -[dir="rtl"] .switch .switch-on { - padding-left: 1.1rem; - padding-right: 0.25rem; -} - -[dir="rtl"] .switch .switch-off { - padding-left: 0.25rem; - padding-right: 1.1rem; -} - -[dir="rtl"] .switch { - margin-left: 0.75rem; - margin-right: 0; + padding-inline-start: 1.1rem; +} +.switch .switch-input.is-invalid ~ .switch-label, +.was-validated .switch .switch-input:invalid ~ .switch-label { + color: var(--bs-form-invalid-border-color); +} +.switch .switch-input.is-valid ~ .switch-label, +.was-validated .switch .switch-input:valid ~ .switch-label { + color: var(--bs-form-valid-border-color); +} +.switch .switch-input.is-invalid ~ .switch-toggle-slider, +.was-validated .switch .switch-input:invalid ~ .switch-toggle-slider { + --bs-switch-border-color: var(--bs-form-invalid-border-color); +} +.switch .switch-input.is-valid ~ .switch-toggle-slider, +.was-validated .switch .switch-input:valid ~ .switch-toggle-slider { + --bs-switch-border-color: var(--bs-form-valid-border-color); +} +.switch .switch-input.is-invalid:checked ~ .switch-toggle-slider, +.was-validated .switch .switch-input:invalid:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-form-invalid-color); + --bs-switch-box-shadow: none; +} +.switch .switch-input.is-valid:checked ~ .switch-toggle-slider, +.was-validated .switch .switch-input:valid:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-form-valid-color); + --bs-switch-box-shadow: none; } +/* Input +******************************************************************************* */ .switch-input { - opacity: 0; position: absolute; - padding: 0; - margin: 0; z-index: -1; + opacity: 0; +} +.was-validated .switch-input:invalid ~ .valid-feedback, +.was-validated .switch-input:invalid ~ .valid-tooltip, +.switch-input.is-invalid ~ .valid-feedback, +.switch-input.is-invalid ~ .valid-tooltip, +.was-validated .switch-input:valid ~ .valid-feedback, +.was-validated .switch-input:valid ~ .valid-tooltip, +.switch-input.is-valid ~ .valid-feedback, +.switch-input.is-valid ~ .valid-tooltip { + display: block; } +/* Toggle slider +******************************************************************************* */ .switch-toggle-slider { position: absolute; overflow: hidden; + border: 1px solid var(--bs-switch-border-color); border-radius: 30rem; - background: #e9eaec; - color: rgba(34, 48, 62, 0.4); - transition-duration: 0.2s; - transition-property: left, right, background, box-shadow; - cursor: pointer; - user-select: none; - box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16) inset; -} - -.switch-toggle-slider::after { - top: 50%; + background: var(--bs-switch-bg); + box-shadow: var(--bs-switch-box-shadow); + color: var(--bs-switch-color); + font-size: 0.625rem; + inset-block-start: 50%; transform: translateY(-50%); + transition-duration: 0.2s; + transition-property: inset-inline-start, inset-inline-end, background, + box-shadow; + user-select: none; +} +.switch-toggle-slider::after { + position: absolute; + display: block; + border-radius: 50%; + background: var(--bs-switch-holder-bg); + box-shadow: var(--bs-switch-holder-shadow); + content: ""; + inset-block-start: 50%; + inset-inline: 8% auto; + transform: translateY(-50%); + transition-duration: 0.2s; + transition-property: inset-inline-start, inset-inline-end, background; } +/* Label switch +******************************************************************************* */ .switch-label { - display: inline-block; - font-weight: 400; - color: #384551; position: relative; - cursor: default; + display: inline-block; + color: var(--bs-heading-color); + font-weight: 400; +} +.switch-label:first-child { + padding-inline-end: 0.5rem; } +/* Checked / Unchecked states */ .switch-off, .switch-on { - height: 100%; - width: 100%; - text-align: center; position: absolute; - top: 0; + block-size: 100%; + inline-size: 100%; + inset-block-start: 0; + text-align: center; transition-duration: 0.2s; - transition-property: left, right; + transition-property: inset-inline-start, inset-inline-end; } .switch-on { - left: -100%; + inset-inline-start: -100%; } - -[dir="rtl"] .switch-on { - left: auto; - right: -100%; -} - .switch-input:not(:checked) ~ .switch-toggle-slider .switch-on { - color: rgba(0, 0, 0, 0); + color: transparent; } .switch-off { - left: 0; + inset-inline-start: 0; } -[dir="rtl"] .switch-off { - right: 0; - left: auto; +/* Checked state */ +.switch-input:checked ~ .switch-toggle-slider::after { + inset-inline: 95% auto; + transform: translate(-100%, -50%); +} +:dir(rtl) .switch-input:checked ~ .switch-toggle-slider::after { + inset-inline: 94% auto; + transform: translate(100%, -50%); } - .switch-input:checked ~ .switch-toggle-slider .switch-on { - left: 0; + inset-inline-start: 0; } - -[dir="rtl"] .switch-input:checked ~ .switch-toggle-slider .switch-on { - right: 0; - left: auto; -} - .switch-input:checked ~ .switch-toggle-slider .switch-off { - left: 100%; - color: rgba(0, 0, 0, 0); -} - -[dir="rtl"] .switch-input:checked ~ .switch-toggle-slider .switch-off { - right: 100%; - left: auto; -} - -.switch-toggle-slider::after { - content: ""; - position: absolute; - left: 0; - display: block; - border-radius: 999px; - background: #fff; - box-shadow: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06); - transition-duration: 0.2s; - transition-property: left, right, background; -} - -[dir="rtl"] .switch-toggle-slider::after { - right: 0; - left: auto; + color: transparent; + inset-inline-start: 100%; } +/* Stacked switches +******************************************************************************* */ .switches-stacked::after { display: block; clear: both; content: ""; } - .switches-stacked .switch { display: block; + margin-inline: 0; } - -html:not([dir="rtl"]) .switches-stacked .switch { - margin-right: 0; -} - -[dir="rtl"] .switches-stacked .switch { - margin-left: 0; -} - .switches-stacked .switch:not(:last-child) { - margin-bottom: 0.75rem; + margin-block-end: 0.75rem; } +/* Square +******************************************************************************* */ .switch-square, .switch-square .switch-toggle-slider { border-radius: 0.375rem; @@ -38405,822 +31547,561 @@ html:not([dir="rtl"]) .switches-stacked .switch { border-radius: calc(0.375rem - 2px); } +/* Disabled +******************************************************************************* */ .switch-input:disabled ~ .switch-toggle-slider { opacity: 0.45; } - .switch-input:disabled ~ .switch-label { - color: #a7acb2; + color: var(--bs-secondary-color); } +/* Switch Sizes +******************************************************************************* */ .switch-sm { - min-height: 1.125rem; font-size: 0.75rem; line-height: 1.6; + min-block-size: 1.125rem; } - -.switch-sm .switch-label:first-child { - padding-right: 0.5rem; -} - .switch-sm .switch-input ~ .switch-label { - padding-left: 2.375rem; + padding-inline-start: 2.375rem; } - .switch-sm .switch-toggle-slider { - width: 1.875rem; - height: 1.125rem; - font-size: 0.625rem; + block-size: 1.125rem; + inline-size: 1.875rem; line-height: 1.125rem; - border: 1px solid rgba(0, 0, 0, 0); - top: 50%; - transform: translateY(-50%); } - -.switch-sm .switch-toggle-slider i { +.switch-sm .switch-toggle-slider .icon-base { position: relative; + block-size: 0.75rem; font-size: 0.75rem; - top: -2px; + inline-size: 0.75rem; + inset-block-start: -2px; } - .switch-sm .switch-label { - top: 0; + inset-block-start: 0; } - -.switch-sm .switch-input:checked ~ .switch-toggle-slider::after { - left: 0.65rem; -} - .switch-sm .switch-toggle-slider::after { - margin-left: 0.17rem; - width: 13px; - height: 13px; + block-size: 13px; + inline-size: 13px; } - .switch-sm .switch-on { - padding-left: 0.17rem; - padding-right: 0.955rem; + padding-inline: 0.085rem 0.955rem; } - .switch-sm .switch-off { - padding-left: 0.955rem; - padding-right: 0.17rem; -} - -[dir="rtl"] .switch-sm .switch-label { - padding-right: 2.375rem; - padding-left: 0; -} - -[dir="rtl"] .switch-sm .switch-input:checked ~ .switch-toggle-slider::after { - left: auto; - right: 0.6rem; -} - -[dir="rtl"] .switch-sm .switch-toggle-slider::after { - margin-left: 0; - margin-right: 0.17rem; -} - -[dir="rtl"] .switch-sm .switch-on { - padding-left: 0.955rem; - padding-right: 0.17rem; -} - -[dir="rtl"] .switch-sm .switch-off { - padding-left: 0.17rem; - padding-right: 0.955rem; + padding-inline-start: 0.955rem; } .switch-lg { - min-height: 1.75rem; font-size: 1.0625rem; line-height: 1.47; + min-block-size: 1.75rem; } - -.switch-lg .switch-label:first-child { - padding-right: 0.5rem; -} - .switch-lg .switch-input ~ .switch-label { - padding-left: 3.75rem; + padding-inline-start: 3.75rem; } - .switch-lg .switch-toggle-slider { - width: 3.25rem; - height: 1.75rem; - font-size: 0.625rem; + block-size: 1.75rem; + inline-size: 3.25rem; line-height: 1.75rem; - border: 1px solid rgba(0, 0, 0, 0); - top: 50%; - transform: translateY(-50%); } - -.switch-lg .switch-toggle-slider i { +.switch-lg .switch-toggle-slider .icon-base { position: relative; + block-size: 1.0625rem; font-size: 1.0625rem; - top: -2px; + inline-size: 1.0625rem; + inset-block-start: -2px; } - .switch-lg .switch-label { - top: 0.0940625rem; + inset-block-start: 0.0940625rem; } - -.switch-lg .switch-input:checked ~ .switch-toggle-slider::after { - left: 1.4rem; -} - .switch-lg .switch-toggle-slider::after { - margin-left: 0.25rem; - width: 21px; - height: 21px; + block-size: 21px; + inline-size: 21px; } - .switch-lg .switch-on { - padding-left: 0.25rem; - padding-right: 1.5rem; + padding-inline: 0.125rem 1.5rem; } - .switch-lg .switch-off { - padding-left: 1.5rem; - padding-right: 0.25rem; -} - -[dir="rtl"] .switch-lg .switch-label { - padding-right: 3.75rem; - padding-left: 0; -} - -[dir="rtl"] .switch-lg .switch-input:checked ~ .switch-toggle-slider::after { - left: auto; - right: 1.35rem; -} - -[dir="rtl"] .switch-lg .switch-toggle-slider::after { - margin-left: 0; - margin-right: 0.25rem; -} - -[dir="rtl"] .switch-lg .switch-on { - padding-left: 1.5rem; - padding-right: 0.25rem; -} - -[dir="rtl"] .switch-lg .switch-off { - padding-left: 0.25rem; - padding-right: 1.5rem; -} - -.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider { - background: #8592a3; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(133, 146, 163, 0.3); -} - -.switch-success.switch .switch-input:checked ~ .switch-toggle-slider { - background: #71dd37; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(113, 221, 55, 0.3); -} - -.switch-info.switch .switch-input:checked ~ .switch-toggle-slider { - background: #03c3ec; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(3, 195, 236, 0.3); -} - -.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider { - background: #ffab00; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(255, 171, 0, 0.3); -} - -.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider { - background: #ff3e1d; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(255, 62, 29, 0.3); -} - -.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider { - background: #2b2c40; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(43, 44, 64, 0.3); -} - -.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider { - background: rgba(34, 48, 62, 0.5); - color: #fff; - box-shadow: 0 2px 6px 0 rgba(34, 48, 62, 0.3); + padding-inline-start: 1.5rem; } +/* Validation states +******************************************************************************* */ .switch .valid-feedback, .switch .invalid-feedback { - padding-left: 0.5rem; + padding-inline-start: 0.5rem; } -.was-validated .switch-input:valid ~ .switch-label, -.switch-input.invalid ~ .switch-label, -.switch-input.is-valid ~ .switch-label { - color: #71dd37; +/* Generate contextual modifier classes for colorizing the alert */ +.switch-primary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-primary); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3); } -.was-validated .switch-input:valid ~ .valid-feedback, -.was-validated .switch-input:valid ~ .valid-tooltip, -.switch-input.invalid ~ .valid-feedback, -.switch-input.invalid ~ .valid-tooltip, -.switch-input.is-valid ~ .valid-feedback, -.switch-input.is-valid ~ .valid-tooltip { - display: block; +.switch-outline-primary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-primary); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-holder-bg: var(--bs-primary); } -.was-validated .switch-input:valid ~ .switch-toggle-slider, -.switch-input.invalid ~ .switch-toggle-slider, -.switch-input.is-valid ~ .switch-toggle-slider { - border: 1px solid #71dd37 !important; +.switch-secondary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-secondary); + --bs-switch-border-color: var(--bs-secondary); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 + rgba(var(--bs-secondary-rgb), 0.3); } -.was-validated .switch-input:valid:checked ~ .switch-toggle-slider, -.switch-input.invalid:checked ~ .switch-toggle-slider, -.switch-input.is-valid:checked ~ .switch-toggle-slider { - background: #71dd37; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(113, 221, 55, 0.3); +.switch-outline-secondary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-secondary); + --bs-switch-border-color: var(--bs-secondary); + --bs-switch-holder-bg: var(--bs-secondary); } -.was-validated .switch-input:invalid ~ .switch-label, -.switch-input.invalid ~ .switch-label, -.switch-input.is-invalid ~ .switch-label { - color: #ff3e1d; +.switch-success .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-success); + --bs-switch-border-color: var(--bs-success); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-success-rgb), 0.3); } -.was-validated .switch-input:invalid ~ .invalid-feedback, -.was-validated .switch-input:invalid ~ .invalid-tooltip, -.switch-input.invalid ~ .invalid-feedback, -.switch-input.invalid ~ .invalid-tooltip, -.switch-input.is-invalid ~ .invalid-feedback, -.switch-input.is-invalid ~ .invalid-tooltip { - display: block; +.switch-outline-success .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-success); + --bs-switch-border-color: var(--bs-success); + --bs-switch-holder-bg: var(--bs-success); } -.was-validated .switch-input:invalid ~ .switch-toggle-slider, -.switch-input.invalid ~ .switch-toggle-slider, -.switch-input.is-invalid ~ .switch-toggle-slider { - border: 1px solid #ff3e1d !important; +.switch-info .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-info); + --bs-switch-border-color: var(--bs-info); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-info-rgb), 0.3); } -.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider, -.switch-input.invalid:checked ~ .switch-toggle-slider, -.switch-input.is-invalid:checked ~ .switch-toggle-slider { - background: #ff3e1d; - color: #fff; - box-shadow: 0 2px 6px 0 rgba(255, 62, 29, 0.3); +.switch-outline-info .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-info); + --bs-switch-border-color: var(--bs-info); + --bs-switch-holder-bg: var(--bs-info); } +.switch-warning .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-warning); + --bs-switch-border-color: var(--bs-warning); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-warning-rgb), 0.3); +} + +.switch-outline-warning .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-warning); + --bs-switch-border-color: var(--bs-warning); + --bs-switch-holder-bg: var(--bs-warning); +} + +.switch-danger .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-danger); + --bs-switch-border-color: var(--bs-danger); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-danger-rgb), 0.3); +} + +.switch-outline-danger .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-danger); + --bs-switch-border-color: var(--bs-danger); + --bs-switch-holder-bg: var(--bs-danger); +} + +.switch-light .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-light); + --bs-switch-border-color: var(--bs-light); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-light-rgb), 0.3); +} + +.switch-outline-light .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-light); + --bs-switch-border-color: var(--bs-light); + --bs-switch-holder-bg: var(--bs-light); +} + +.switch-dark .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-dark); + --bs-switch-border-color: var(--bs-dark); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-dark-rgb), 0.3); +} + +.switch-outline-dark .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-dark); + --bs-switch-border-color: var(--bs-dark); + --bs-switch-holder-bg: var(--bs-dark); +} + +.switch-gray .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-gray); + --bs-switch-border-color: var(--bs-gray); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-gray-rgb), 0.3); +} + +.switch-outline-gray .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-gray); + --bs-switch-border-color: var(--bs-gray); + --bs-switch-holder-bg: var(--bs-gray); +} + +/* Avatar +******************************************************************************* */ +/* Avatar Styles */ .avatar { + --bs-avatar-size: 2.375rem; + --bs-avatar-group-border: var(--bs-paper-bg); + --bs-avatar-initial-inline: 3px; + --bs-avatar-initial-bg: #eeedf0; position: relative; - width: 2.375rem; - height: 2.375rem; + block-size: var(--bs-avatar-size); cursor: pointer; + inline-size: var(--bs-avatar-size); } - -.avatar img { - width: 100%; - height: 100%; -} - .avatar .avatar-initial { position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - text-transform: uppercase; display: flex; align-items: center; justify-content: center; - color: #fff; - background-color: #eeedf0; - font-size: 0.9375rem; + background-color: var(--bs-avatar-initial-bg); + color: var(--bs-white); + font-size: var(--bs-avatar-initial); + font-weight: 500; + inset: 0; + text-transform: uppercase; } - -.avatar.avatar-online:after, -.avatar.avatar-offline:after, -.avatar.avatar-away:after, -.avatar.avatar-busy:after { - content: ""; +.avatar.avatar-online::after, +.avatar.avatar-offline::after, +.avatar.avatar-away::after, +.avatar.avatar-busy::after { position: absolute; - bottom: 0; - right: 3px; - width: 8px; - height: 8px; border-radius: 100%; - box-shadow: 0 0 0 2px #fff; -} - -.avatar.avatar-online:after { - background-color: #71dd37; -} - -.avatar.avatar-offline:after { - background-color: #8592a3; -} - -.avatar.avatar-away:after { - background-color: #ffab00; -} - -.avatar.avatar-busy:after { - background-color: #ff3e1d; + block-size: calc(var(--bs-avatar-size) * 0.2); + box-shadow: 0 0 0 2px var(--bs-white); + content: ""; + inline-size: calc(var(--bs-avatar-size) * 0.2); + inset-block-end: 0; + inset-inline-end: var(--bs-avatar-initial-inline); +} +.avatar img { + block-size: 100%; + inline-size: 100%; +} +.avatar.avatar-online::after { + background-color: var(--bs-success); +} +.avatar.avatar-offline::after { + background-color: var(--bs-secondary); +} +.avatar.avatar-away::after { + background-color: var(--bs-warning); +} +.avatar.avatar-busy::after { + background-color: var(--bs-danger); +} +.avatar [class*="avatar-shadow-"] { + background-color: var(--bs-avatar-icon-bg); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-avatar-icon-shadow-color), 0.06); + color: var(--bs-avatar-icon-color); } +/* Pull up avatar style */ .pull-up { transition: all 0.25s ease; } - .pull-up:hover { - transform: translateY(-5px); - box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); z-index: 30; border-radius: 50%; + box-shadow: var(--bs-box-shadow); + transform: translateY(-4px) scale(1.02); } .avatar-xs { - width: 1.5rem; - height: 1.5rem; -} - -.avatar-xs .avatar-initial { - font-size: 0.625rem; -} - -.avatar-xs.avatar-online:after, -.avatar-xs.avatar-offline:after, -.avatar-xs.avatar-away:after, -.avatar-xs.avatar-busy:after { - width: 0.3rem; - height: 0.3rem; - right: 1px; + --bs-avatar-size: 1.5rem; + --bs-avatar-initial: 0.625rem; + --bs-avatar-initial-inline: 1px; } .avatar-sm { - width: 2rem; - height: 2rem; -} - -.avatar-sm .avatar-initial { - font-size: 0.8125rem; -} - -.avatar-sm.avatar-online:after, -.avatar-sm.avatar-offline:after, -.avatar-sm.avatar-away:after, -.avatar-sm.avatar-busy:after { - width: 0.4rem; - height: 0.4rem; - right: 2px; + --bs-avatar-size: 2rem; + --bs-avatar-initial: 0.8125rem; + --bs-avatar-initial-inline: 2px; } .avatar-md { - width: 3rem; - height: 3rem; -} - -.avatar-md .avatar-initial { - font-size: 1.125rem; -} - -.avatar-md.avatar-online:after, -.avatar-md.avatar-offline:after, -.avatar-md.avatar-away:after, -.avatar-md.avatar-busy:after { - width: 0.6rem; - height: 0.6rem; - right: 4px; + --bs-avatar-size: 3rem; + --bs-avatar-initial: 1.125rem; + --bs-avatar-initial-inline: 3px; } .avatar-lg { - width: 3.5rem; - height: 3.5rem; -} - -.avatar-lg .avatar-initial { - font-size: 1.5rem; -} - -.avatar-lg.avatar-online:after, -.avatar-lg.avatar-offline:after, -.avatar-lg.avatar-away:after, -.avatar-lg.avatar-busy:after { - width: 0.7rem; - height: 0.7rem; - right: 5px; + --bs-avatar-size: 3.5rem; + --bs-avatar-initial: 1.5rem; + --bs-avatar-initial-inline: 4px; } .avatar-xl { - width: 4rem; - height: 4rem; -} - -.avatar-xl .avatar-initial { - font-size: 1.875rem; -} - -.avatar-xl.avatar-online:after, -.avatar-xl.avatar-offline:after, -.avatar-xl.avatar-away:after, -.avatar-xl.avatar-busy:after { - width: 0.8rem; - height: 0.8rem; - right: 6px; + --bs-avatar-size: 4rem; + --bs-avatar-initial: 1.875rem; + --bs-avatar-initial-inline: 5px; } +/* Avatar Group SCSS */ .avatar-group .avatar { + margin-inline-start: -0.8rem; transition: all 0.25s ease; } - +.avatar-group .avatar:first-child { + margin-inline-start: 0; +} .avatar-group .avatar img, .avatar-group .avatar .avatar-initial { - border: 2px solid #fff; + border: 2px solid var(--bs-avatar-group-border); + color: var(--bs-heading-color); } - -.avatar-group .avatar .avatar-initial { - background-color: #eeedf0; - color: #384551; -} - .avatar-group .avatar:hover { - z-index: 30 !important; + z-index: 30; transition: all 0.25s ease; } - -html:not([dir="rtl"]) .avatar-group .avatar { - margin-left: -0.8rem; +.avatar-group .avatar-xs { + margin-inline-start: -0.65rem; +} +.avatar-group .avatar-sm { + margin-inline-start: -0.75rem; +} +.avatar-group .avatar-md { + margin-inline-start: -0.9rem; +} +.avatar-group .avatar-lg { + margin-inline-start: -1.5rem; +} +.avatar-group .avatar-xl { + margin-inline-start: -1.75rem; } -html:not([dir="rtl"]) .avatar-group .avatar:first-child { - margin-left: 0; -} - -html:not([dir="rtl"]) .avatar-group .avatar-xs { - margin-left: -0.65rem; -} - -html:not([dir="rtl"]) .avatar-group .avatar-sm { - margin-left: -0.75rem; -} - -html:not([dir="rtl"]) .avatar-group .avatar-md { - margin-left: -0.9rem; -} - -html:not([dir="rtl"]) .avatar-group .avatar-lg { - margin-left: -1.5rem; -} - -html:not([dir="rtl"]) .avatar-group .avatar-xl { - margin-left: -1.75rem; -} - -[dir="rtl"] .avatar-group .avatar { - margin-right: -0.8rem; - margin-left: 0; -} - -[dir="rtl"] .avatar-group .avatar-xs { - margin-right: -0.65rem; -} - -[dir="rtl"] .avatar-group .avatar-sm { - margin-right: -0.75rem; -} - -[dir="rtl"] .avatar-group .avatar-md { - margin-right: -0.9rem; -} - -[dir="rtl"] .avatar-group .avatar-lg { - margin-right: -1.5rem; -} - -[dir="rtl"] .avatar-group .avatar-xl { - margin-right: -1.75rem; +.avatar .avatar-shadow-primary { + --bs-avatar-icon-color: var(--bs-primary); + --bs-avatar-icon-shadow-color: var(--bs-primary-rgb); + --bs-avatar-icon-bg: var(--bs-primary-bg-subtle); } .avatar .avatar-shadow-secondary { - color: #8592a3; - background-color: rgba(133, 146, 163, 0.16); - box-shadow: 0 0 0 0.25rem rgba(133, 146, 163, 0.06); + --bs-avatar-icon-color: var(--bs-secondary); + --bs-avatar-icon-shadow-color: var(--bs-secondary-rgb); + --bs-avatar-icon-bg: var(--bs-secondary-bg-subtle); } .avatar .avatar-shadow-success { - color: #71dd37; - background-color: rgba(113, 221, 55, 0.16); - box-shadow: 0 0 0 0.25rem rgba(113, 221, 55, 0.06); + --bs-avatar-icon-color: var(--bs-success); + --bs-avatar-icon-shadow-color: var(--bs-success-rgb); + --bs-avatar-icon-bg: var(--bs-success-bg-subtle); } .avatar .avatar-shadow-info { - color: #03c3ec; - background-color: rgba(3, 195, 236, 0.16); - box-shadow: 0 0 0 0.25rem rgba(3, 195, 236, 0.06); + --bs-avatar-icon-color: var(--bs-info); + --bs-avatar-icon-shadow-color: var(--bs-info-rgb); + --bs-avatar-icon-bg: var(--bs-info-bg-subtle); } .avatar .avatar-shadow-warning { - color: #ffab00; - background-color: rgba(255, 171, 0, 0.16); - box-shadow: 0 0 0 0.25rem rgba(255, 171, 0, 0.06); + --bs-avatar-icon-color: var(--bs-warning); + --bs-avatar-icon-shadow-color: var(--bs-warning-rgb); + --bs-avatar-icon-bg: var(--bs-warning-bg-subtle); } .avatar .avatar-shadow-danger { - color: #ff3e1d; - background-color: rgba(255, 62, 29, 0.16); - box-shadow: 0 0 0 0.25rem rgba(255, 62, 29, 0.06); + --bs-avatar-icon-color: var(--bs-danger); + --bs-avatar-icon-shadow-color: var(--bs-danger-rgb); + --bs-avatar-icon-bg: var(--bs-danger-bg-subtle); +} + +.avatar .avatar-shadow-light { + --bs-avatar-icon-color: var(--bs-light); + --bs-avatar-icon-shadow-color: var(--bs-light-rgb); + --bs-avatar-icon-bg: var(--bs-light-bg-subtle); } .avatar .avatar-shadow-dark { - color: #2b2c40; - background-color: rgba(43, 44, 64, 0.16); - box-shadow: 0 0 0 0.25rem rgba(43, 44, 64, 0.06); + --bs-avatar-icon-color: var(--bs-dark); + --bs-avatar-icon-shadow-color: var(--bs-dark-rgb); + --bs-avatar-icon-bg: var(--bs-dark-bg-subtle); } .avatar .avatar-shadow-gray { - color: rgba(34, 48, 62, 0.5); - background-color: rgba(34, 48, 62, 0.16); - box-shadow: 0 0 0 0.25rem rgba(34, 48, 62, 0.06); + --bs-avatar-icon-color: var(--bs-gray); + --bs-avatar-icon-shadow-color: var(--bs-gray-rgb); + --bs-avatar-icon-bg: var(--bs-gray-bg-subtle); } +/* Avatar dark css */ +[data-bs-theme="dark"] { + /* Avatar Status indication */ +} +[data-bs-theme="dark"] .avatar { + --bs-avatar-initial-bg: #373b50; +} +[data-bs-theme="dark"] .avatar.avatar-online::after, +[data-bs-theme="dark"] .avatar.avatar-offline::after, +[data-bs-theme="dark"] .avatar.avatar-away::after, +[data-bs-theme="dark"] .avatar.avatar-busy::after { + box-shadow: 0 0 0 2px var(--bs-body-bg); +} + +/* Timeline +******************************************************************************* */ .timeline { + --bs-timeline-point-indicator-color: var(--bs-primary); + --bs-timeline-event-time-color: var(--bs-secondary-color); position: relative; - height: 100%; - width: 100%; padding: 0; + block-size: 100%; + inline-size: 100%; list-style: none; } - +.timeline:not(.timeline-center) { + padding-inline-start: 0.5rem; +} .timeline .timeline-header { display: flex; - justify-content: space-between; - align-items: center; flex-direction: row; + align-items: center; + justify-content: space-between; } - .timeline .timeline-header > *:first-child { - margin-right: 0.5rem; + margin-inline-end: 0.5rem; } - -.timeline .timeline-end-indicator { - position: absolute; - bottom: -1.35rem; - left: -0.65rem; -} - -.timeline .timeline-end-indicator i { - font-size: 1.5rem; - color: #e4e6e8; -} - .timeline .timeline-item { position: relative; - padding-left: 1.4rem; + border: 0; + border-inline-start: 1px solid var(--bs-border-color); + padding-inline-start: 1.4rem; } - .timeline .timeline-item .timeline-event { position: relative; - width: 100%; - min-height: 4rem; - background-color: #fff; - border-radius: 0.375rem; - padding: 0.5rem 0 0.3375rem; + border-radius: var(--bs-border-radius); + background-color: var(--bs-paper-bg); + inline-size: 100%; + min-block-size: 4rem; + padding-block: 0.5rem 0.3375rem; + padding-inline: 0; } - .timeline .timeline-item .timeline-event .timeline-event-time { position: absolute; - top: 1.2rem; + color: var(--bs-timeline-event-time-color); font-size: 0.8125rem; - color: #a7acb2; + inset-block-start: 1.2rem; } - .timeline .timeline-item .timeline-indicator, .timeline .timeline-item .timeline-indicator-advanced { position: absolute; - left: -1rem; - top: 0.64rem; z-index: 2; - height: 2rem; - width: 2rem; display: flex; align-items: center; justify-content: center; - text-align: center; border-radius: 50%; + background-color: var(--bs-body-bg); + block-size: 2rem; + box-shadow: 0 0 0 10px var(--bs-body-bg); + inline-size: 2rem; + inset-block-start: 0.64rem; + inset-inline-start: -1rem; + text-align: center; } - -.timeline .timeline-item .timeline-indicator { - box-shadow: 0 0 0 10px #f5f5f9; +.timeline .timeline-item .timeline-indicator .icon-base, +.timeline .timeline-item .timeline-indicator-advanced .icon-base { + color: var(--bs-timeline-point-indicator-color); +} +.timeline .timeline-item [class*="timeline-indicator-"] { + background-color: var(--bs-timeline-point-indicator-bg); } - .timeline .timeline-item .timeline-indicator-advanced { - background-color: #fff; - top: 0; + background-color: var(--bs-paper-bg); + box-shadow: 0 0 0 10px var(--bs-paper-bg); + inset-block-start: 0; } - .timeline .timeline-item .timeline-point { position: absolute; - left: -0.38rem; - top: 0; z-index: 2; display: block; - height: 0.75rem; - width: 0.75rem; border-radius: 50%; - background-color: #696cff; - box-shadow: 0 0 0 10px #fff; + background-color: var(--bs-timeline-point-indicator-color); + block-size: 0.75rem; + box-shadow: 0 0 0 10px var(--bs-paper-bg); + inline-size: 0.75rem; + inset-block-start: 0; + inset-inline-start: -0.38rem; + outline: 3px solid + rgba(var(--bs-timeline-point-indicator-outline-color), 0.12); } - .timeline .timeline-item.timeline-item-transparent .timeline-event { - top: -0.9rem; - background-color: rgba(0, 0, 0, 0); + background-color: transparent; + inset-block-start: -0.9rem; + padding-inline: 0; } - -html:not([dir="rtl"]) - .timeline - .timeline-item.timeline-item-transparent - .timeline-event { - padding-left: 0; -} - -.timeline - .timeline-item.timeline-item-transparent - .timeline-event.timeline-event-shadow { - padding-left: 2rem; -} - .timeline.timeline-outline .timeline-item .timeline-point { + border: 2px solid var(--bs-timeline-point-indicator-color); + background-color: var(--bs-paper-bg); outline: unset; - background-color: #fff !important; - border: 2px solid #696cff; } - -.timeline.timeline-center .timeline-end-indicator { - bottom: -1.4rem; - left: 50%; - margin-left: 0.55rem; -} - .timeline.timeline-center .timeline-item { - width: 50%; clear: both; + inline-size: 50%; +} +.timeline.timeline-center .timeline-item .timeline-event { + inset-block-start: 0; +} +.timeline.timeline-center .timeline-item .timeline-indicator { + inset-block-start: 0.64rem; } - .timeline.timeline-center .timeline-item.timeline-item-left, .timeline.timeline-center - .timeline-item:nth-of-type(odd):not(.timeline-item-left):not( + .timeline-item:nth-of-type(odd):not( + .timeline-item-left, .timeline-item-right ) { - float: left; - padding-left: 0; - padding-right: 2.25rem; - padding-bottom: 2.5rem; - border-left: 0; - border-right: 1px solid #e4e6e8; + border-inline-end: 1px solid var(--bs-border-color); + border-inline-start: 0; + float: inline-start; + padding-block-end: 2.5rem; + padding-inline: 0 2.25rem; } - .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time, .timeline.timeline-center - .timeline-item:nth-of-type(odd):not(.timeline-item-left):not( - .timeline-item-right - ) + .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) .timeline-event .timeline-event-time { - right: -10.2rem; + inset-inline-end: -10.2rem; } - .timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, .timeline.timeline-center - .timeline-item:nth-of-type(odd):not(.timeline-item-left):not( - .timeline-item-right - ) + .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) .timeline-point { - left: 100%; + inset-inline-start: 100%; + margin-inline-start: -0.3rem; } - .timeline.timeline-center .timeline-item.timeline-item-right, .timeline.timeline-center - .timeline-item:nth-of-type(even):not(.timeline-item-left):not( + .timeline-item:nth-of-type(even):not( + .timeline-item-left, .timeline-item-right ) { - float: right; - right: 1px; - padding-left: 2.25rem; - padding-bottom: 2.5rem; - border-left: 1px solid #e4e6e8; + border-inline-start: 1px solid var(--bs-border-color); + float: inline-end; + inset-inline-end: 1px; + padding-block-end: 2.5rem; + padding-inline: 2.25rem 0; } - .timeline.timeline-center .timeline-item.timeline-item-right - .timeline-event .timeline-event-time, .timeline.timeline-center - .timeline-item:nth-of-type(even):not(.timeline-item-left):not( + .timeline-item:nth-of-type(even):not( + .timeline-item-left, .timeline-item-right ) - .timeline-event .timeline-event-time { - left: -10.2rem; -} - -.timeline.timeline-center - .timeline-item.timeline-item-right - .timeline-event - .timeline-point, -.timeline.timeline-center - .timeline-item:nth-of-type(even):not(.timeline-item-left):not( - .timeline-item-right - ) - .timeline-event - .timeline-point { - left: 0; -} - -.timeline.timeline-center .timeline-item .timeline-point { - left: 50%; - margin-left: -0.6875rem; -} - -.timeline.timeline-center .timeline-item .timeline-point-indicator { - left: 50%; - margin-left: -0.3125rem; -} - -.timeline.timeline-center .timeline-item::after { - content: ""; - position: absolute; - display: block; - width: 2rem; - height: 2rem; - background-color: #fff; - border-radius: 50%; - inset-inline-start: -1rem; - top: 0.64rem; -} - -.timeline.timeline-advance .timeline-item .timeline-event:before, -.timeline.timeline-advance .timeline-item .timeline-event:after { - border: rgba(0, 0, 0, 0); -} - -html:not([dir="rtl"]) .timeline:not(.timeline-center) { - padding-left: 0.5rem; -} - -html:not([dir="rtl"]) .timeline-item { - border-left: 1px solid #e4e6e8; -} - -[dir="rtl"] .timeline:not(.timeline-center) { - padding-right: 0.5rem; -} - -[dir="rtl"] .timeline:not(.timeline-center) .timeline-item { - border-right: 1px solid #e4e6e8; -} - -[dir="rtl"] .timeline:not(.timeline-center) .timeline-end-indicator { - left: auto; - right: -0.75rem; -} - -[dir="rtl"] .timeline:not(.timeline-center) .timeline-item { - padding-left: 0; - padding-right: 2rem; - border-right: 1px solid #e4e6e8; -} - -[dir="rtl"] - .timeline:not(.timeline-center) - .timeline-item.timeline-item-transparent - .timeline-event { - padding-right: 0; -} - -[dir="rtl"] .timeline:not(.timeline-center) .timeline-item .timeline-point { - right: -0.38rem; - left: auto; -} - -[dir="rtl"] .timeline:not(.timeline-center) .timeline-item .timeline-indicator { - right: -0.75rem; - left: auto; -} - -[dir="rtl"] - .timeline:not(.timeline-center) - .timeline-item - .timeline-indicator-advanced { - right: -1rem; - left: auto; + inset-inline-start: -10.2rem; } @media (min-width: 768px) { @@ -39228,4825 +32109,420 @@ html:not([dir="rtl"]) .timeline-item { .timeline-item.timeline-item-left .timeline-indicator, .timeline.timeline-center - .timeline-item:nth-of-type(odd):not(.timeline-item-left):not( + .timeline-item:nth-of-type(odd):not( + .timeline-item-left, .timeline-item-right ) .timeline-indicator { - left: calc(100% - 2rem / 2); + inset-inline-start: calc(100% - 2rem / 2); } - .timeline.timeline-center .timeline-item.timeline-item-left::after, .timeline.timeline-center - .timeline-item:nth-of-type(odd):not(.timeline-item-left):not( + .timeline-item:nth-of-type(odd):not( + .timeline-item-left, .timeline-item-right )::after { inset-inline-start: calc(100% - 2rem / 2); } } - +/* To Change Timeline Center's Alignment om small Screen */ @media (max-width: 767.98px) { .timeline.timeline-center .timeline-end-indicator { - left: -2px; + inset-inline-start: -2px; } - .timeline.timeline-center .timeline-item { - border-right: 0 !important; - left: 1rem; - float: left !important; - width: 100%; - padding-left: 3rem !important; - padding-right: 1.5rem !important; + border-inline-end: 0 !important; + float: inline-start !important; + inline-size: 100%; + inset-inline-start: 1rem; + padding-inline: 3.5rem 1.5rem !important; } - .timeline.timeline-center .timeline-item:not(:last-child) { - border-left: 1px solid #e4e6e8 !important; + border-inline-start: 2px solid var(--bs-border-color) !important; } - .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time { - top: -1.7rem; - left: 0 !important; - right: auto !important; - } - - .timeline.timeline-center .timeline-item .timeline-point { - left: -0.7rem !important; - margin-left: 0 !important; - } - - .timeline.timeline-center .timeline-item .timeline-point-indicator { - left: 0 !important; - margin-left: -0.3125rem !important; - } - - [dir="rtl"] .timeline.timeline-center .timeline-item { - border-left: 0 !important; - right: 1rem !important; - } - - [dir="rtl"] .timeline.timeline-center .timeline-item:not(:last-child) { - border-right: 1px solid #e4e6e8 !important; - } - - [dir="rtl"] .timeline.timeline-center .timeline-item { - float: right !important; - width: 100%; - padding-right: 3.5rem !important; - padding-left: 1.5rem !important; - } - - [dir="rtl"] - .timeline.timeline-center - .timeline-item - .timeline-event - .timeline-event-time { - top: -1.7rem; - right: 0 !important; - left: auto !important; - } - - [dir="rtl"] .timeline.timeline-center .timeline-item .timeline-point { - right: -0.7rem !important; - margin-right: 0 !important; + inset-block-start: -1.4rem; + inset-inline: 0 auto !important; } } - -@media (max-width: 767.98px) { - [dir="rtl"] .timeline .timeline-item .timeline-indicator, - [dir="rtl"] .timeline .timeline-item .timeline-indicator-advanced { - left: auto; - right: -0.6875rem; - } - - [dir="rtl"] .timeline-center .timeline-item { - padding-left: 0; - padding-right: 3rem; - } -} - @media (max-width: 575.98px) { .timeline .timeline-header { flex-direction: column; align-items: flex-start; } } - -.timeline .timeline-point-secondary { - background-color: #8592a3 !important; - outline: 3px solid rgba(133, 146, 163, 0.12); -} - -.timeline.timeline-outline .timeline-point-secondary { - border: 2px solid #8592a3 !important; +.timeline .timeline-point-primary, +.timeline .timeline-indicator-primary { + --bs-timeline-point-indicator-bg: var(--bs-primary-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-primary); + --bs-timeline-point-indicator-outline-color: var(--bs-primary-rgb); } +.timeline .timeline-point-secondary, .timeline .timeline-indicator-secondary { - background-color: rgba(133, 146, 163, 0.16); -} - -.timeline .timeline-indicator-secondary i { - color: #8592a3 !important; -} - -.timeline .timeline-point-success { - background-color: #71dd37 !important; - outline: 3px solid rgba(113, 221, 55, 0.12); -} - -.timeline.timeline-outline .timeline-point-success { - border: 2px solid #71dd37 !important; + --bs-timeline-point-indicator-bg: var(--bs-secondary-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-secondary); + --bs-timeline-point-indicator-outline-color: var(--bs-secondary-rgb); } +.timeline .timeline-point-success, .timeline .timeline-indicator-success { - background-color: rgba(113, 221, 55, 0.16); -} - -.timeline .timeline-indicator-success i { - color: #71dd37 !important; -} - -.timeline .timeline-point-info { - background-color: #03c3ec !important; - outline: 3px solid rgba(3, 195, 236, 0.12); -} - -.timeline.timeline-outline .timeline-point-info { - border: 2px solid #03c3ec !important; + --bs-timeline-point-indicator-bg: var(--bs-success-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-success); + --bs-timeline-point-indicator-outline-color: var(--bs-success-rgb); } +.timeline .timeline-point-info, .timeline .timeline-indicator-info { - background-color: rgba(3, 195, 236, 0.16); -} - -.timeline .timeline-indicator-info i { - color: #03c3ec !important; -} - -.timeline .timeline-point-warning { - background-color: #ffab00 !important; - outline: 3px solid rgba(255, 171, 0, 0.12); -} - -.timeline.timeline-outline .timeline-point-warning { - border: 2px solid #ffab00 !important; + --bs-timeline-point-indicator-bg: var(--bs-info-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-info); + --bs-timeline-point-indicator-outline-color: var(--bs-info-rgb); } +.timeline .timeline-point-warning, .timeline .timeline-indicator-warning { - background-color: rgba(255, 171, 0, 0.16); -} - -.timeline .timeline-indicator-warning i { - color: #ffab00 !important; -} - -.timeline .timeline-point-danger { - background-color: #ff3e1d !important; - outline: 3px solid rgba(255, 62, 29, 0.12); -} - -.timeline.timeline-outline .timeline-point-danger { - border: 2px solid #ff3e1d !important; + --bs-timeline-point-indicator-bg: var(--bs-warning-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-warning); + --bs-timeline-point-indicator-outline-color: var(--bs-warning-rgb); } +.timeline .timeline-point-danger, .timeline .timeline-indicator-danger { - background-color: rgba(255, 62, 29, 0.16); + --bs-timeline-point-indicator-bg: var(--bs-danger-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-danger); + --bs-timeline-point-indicator-outline-color: var(--bs-danger-rgb); } -.timeline .timeline-indicator-danger i { - color: #ff3e1d !important; -} - -.timeline .timeline-point-dark { - background-color: #2b2c40 !important; - outline: 3px solid rgba(43, 44, 64, 0.12); -} - -.timeline.timeline-outline .timeline-point-dark { - border: 2px solid #2b2c40 !important; +.timeline .timeline-point-light, +.timeline .timeline-indicator-light { + --bs-timeline-point-indicator-bg: var(--bs-light-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-light); + --bs-timeline-point-indicator-outline-color: var(--bs-light-rgb); } +.timeline .timeline-point-dark, .timeline .timeline-indicator-dark { - background-color: rgba(43, 44, 64, 0.16); -} - -.timeline .timeline-indicator-dark i { - color: #2b2c40 !important; -} - -.timeline .timeline-point-gray { - background-color: rgba(34, 48, 62, 0.5) !important; - outline: 3px solid rgba(34, 48, 62, 0.12); -} - -.timeline.timeline-outline .timeline-point-gray { - border: 2px solid rgba(34, 48, 62, 0.5) !important; + --bs-timeline-point-indicator-bg: var(--bs-dark-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-dark); + --bs-timeline-point-indicator-outline-color: var(--bs-dark-rgb); } +.timeline .timeline-point-gray, .timeline .timeline-indicator-gray { - background-color: rgba(34, 48, 62, 0.16); -} - -.timeline .timeline-indicator-gray i { - color: rgba(34, 48, 62, 0.5) !important; -} - -.blockUI.blockOverlay, -.blockUI.blockMsg { - z-index: 1091 !important; - color: #fff !important; -} - -[dir="rtl"] #sortable-cards { - flex-direction: row-reverse; -} - -[dir="rtl"] #image-list-1, -[dir="rtl"] #image-list-2 { - flex-direction: row-reverse; - justify-content: flex-end; + --bs-timeline-point-indicator-bg: var(--bs-gray-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-gray); + --bs-timeline-point-indicator-outline-color: var(--bs-gray-rgb); } +/* Divider +******************************************************************************* */ .divider { + --bs-divider-color: var(--bs-gray-200); display: block; - text-align: center; - margin: 1rem 0; overflow: hidden; + margin-block: 1rem; + margin-inline: 0; + text-align: center; white-space: nowrap; } - .divider .divider-text { position: relative; display: inline-block; + color: var(--bs-heading-color); font-size: 0.9375rem; - color: #384551; - padding: 0rem 0.677rem; + padding-block: 0; + padding-inline: 0.677rem; } - -.divider .divider-text i { +.divider .divider-text .icon-base { + block-size: 1rem; font-size: 1rem; + inline-size: 1rem; } - -.divider .divider-text:before, -.divider .divider-text:after { - content: ""; +.divider .divider-text::before, +.divider .divider-text::after { position: absolute; - top: 50%; - width: 100vw; - border-top: 1px solid rgba(34, 48, 62, 0.12); + border-block-start: 1px solid var(--bs-divider-color); + content: ""; + inline-size: 100vw; + inset-block-start: 50%; } - -.divider .divider-text:before { - right: 100%; +.divider .divider-text::before { + inset-inline-end: 100%; } - -.divider .divider-text:after { - left: 100%; +.divider .divider-text::after { + inset-inline-start: 100%; } - .divider.text-start .divider-text { - padding-left: 0; + padding-inline-start: 0; } - .divider.text-end .divider-text { - padding-right: 0; + padding-inline-end: 0; } - .divider.text-start-center .divider-text { - left: -25%; + inset-inline-start: -25%; } - .divider.text-end-center .divider-text { - right: -25%; + inset-inline-end: -25%; } - -.divider.divider-dotted .divider-text:before, -.divider.divider-dotted .divider-text:after { +.divider.divider-dotted .divider-text::before, +.divider.divider-dotted .divider-text::after { + border-width: 0 1px 1px; border-style: dotted; - border-width: 0 1px 1px; - border-color: rgba(34, 48, 62, 0.12); + border-color: var(--bs-divider-color); } - -.divider.divider-dashed .divider-text:before, -.divider.divider-dashed .divider-text:after { +.divider.divider-dashed .divider-text::before, +.divider.divider-dashed .divider-text::after { + border-width: 0 1px 1px; border-style: dashed; - border-width: 0 1px 1px; - border-color: rgba(34, 48, 62, 0.12); + border-color: var(--bs-divider-color); } -[dir="rtl"] .divider.text-start-center .divider-text { - right: -25%; - left: auto; +.divider-primary { + --bs-divider-color: var(--bs-primary); } -[dir="rtl"] .divider.text-end-center .divider-text { - left: -25%; - right: auto; +.divider-secondary { + --bs-divider-color: var(--bs-secondary); } -[dir="rtl"] .divider.text-start .divider-text { - padding-right: 0; - padding-left: 0.677rem; +.divider-success { + --bs-divider-color: var(--bs-success); } -[dir="rtl"] .divider.text-end .divider-text { - padding-left: 0; - padding-right: 0.677rem; +.divider-info { + --bs-divider-color: var(--bs-info); } -.divider.divider.divider-secondary .divider-text:before, -.divider.divider.divider-secondary .divider-text:after { - border-color: #8592a3; +.divider-warning { + --bs-divider-color: var(--bs-warning); } -.divider.divider.divider-success .divider-text:before, -.divider.divider.divider-success .divider-text:after { - border-color: #71dd37; +.divider-danger { + --bs-divider-color: var(--bs-danger); } -.divider.divider.divider-info .divider-text:before, -.divider.divider.divider-info .divider-text:after { - border-color: #03c3ec; +.divider-light { + --bs-divider-color: var(--bs-light); } -.divider.divider.divider-warning .divider-text:before, -.divider.divider.divider-warning .divider-text:after { - border-color: #ffab00; +.divider-dark { + --bs-divider-color: var(--bs-dark); } -.divider.divider.divider-danger .divider-text:before, -.divider.divider.divider-danger .divider-text:after { - border-color: #ff3e1d; +.divider-gray { + --bs-divider-color: var(--bs-gray); } -.divider.divider.divider-dark .divider-text:before, -.divider.divider.divider-dark .divider-text:after { - border-color: #2b2c40; +/* Footer +******************************************************************************* */ +.footer { + --bs-footer-color: var(--bs-body-color); + --bs-footer-bg: var(--bs-paper-bg); + --bs-footer-border-width: 0; + --bs-footer-border-color: var(--bs-border-color); + --bs-footer-link-color: var(--bs-primary); + --bs-footer-link-hover-color: rgba(var(--bs-primary-rgb), 0.8); + --bs-footer-link-disabled-color: var(--bs-gray-300); + --bs-footer-link-active-color: var(--bs-primary); + --bs-footer-brand-color: var(--bs-primary); + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-primary) 84%, + var(--bs-paper-bg) + ); + --bs-footer-box-shadow: var(--bs-box-shadow-lg); + color: var(--bs-footer-color); } - -.divider.divider.divider-gray .divider-text:before, -.divider.divider.divider-gray .divider-text:after { - border-color: rgba(34, 48, 62, 0.5); +.footer .footer-brand { + color: var(--bs-footer-brand-color); } - -.footer-link { - display: inline-block; +.footer .footer-brand:hover, +.footer .footer-brand:focus { + color: var(--bs-footer-brand-hover-color); } - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .content-footer - .footer-container { - padding-inline: 1.5rem; - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} - -.content-footer .footer-container { +.footer.content-footer .footer-container { block-size: 54px; } - -.footer-light { - color: rgba(34, 48, 62, 0.5); -} - -.footer-light .footer-text { - color: #646e78; -} - -.footer-light .footer-link { - color: rgba(34, 48, 62, 0.5); -} - -.footer-light .footer-link:hover, -.footer-light .footer-link:focus { - color: #646e78; -} - -.footer-light .footer-link.disabled { - color: rgba(34, 48, 62, 0.3) !important; -} - -.footer-light .show > .footer-link, -.footer-light .active > .footer-link, -.footer-light .footer-link.show, -.footer-light .footer-link.active { - color: #646e78; -} - -.footer-light hr { - border-color: rgba(0, 0, 0, 0.06); -} - -.footer-dark { - color: rgba(255, 255, 255, 0.8); -} - -.footer-dark .footer-text { - color: #fff; -} - -.footer-dark .footer-link { - color: rgba(255, 255, 255, 0.8); -} - -.footer-dark .footer-link:hover, -.footer-dark .footer-link:focus { - color: #fff; -} - -.footer-dark .footer-link.disabled { - color: rgba(255, 255, 255, 0.4) !important; -} - -.footer-dark .show > .footer-link, -.footer-dark .active > .footer-link, -.footer-dark .footer-link.show, -.footer-dark .footer-link.active { - color: #fff; -} - -.footer-dark hr { - border-color: rgba(255, 255, 255, 0.2); -} - -:root { - --bs-facebook: #3b5998; - --bs-twitter: #1da1f2; - --bs-google-plus: #dd4b39; - --bs-instagram: #e1306c; - --bs-linkedin: #0077b5; - --bs-github: #384551; - --bs-dribbble: #ea4c89; - --bs-pinterest: #cb2027; - --bs-slack: #4a154b; - --bs-reddit: #ff4500; - --bs-youtube: #ff0000; - --bs-vimeo: #1ab7ea; -} - -.bg-facebook { - background-color: #3b5998 !important; -} - -a.bg-facebook:hover, -a.bg-facebook:focus { - background-color: #385590 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #3b5998; -} - -.bg-label-facebook { - background-color: #e0e4ef !important; - color: #3b5998 !important; -} - -.bg-label-hover-facebook { - background-color: #e0e4ef !important; - color: #3b5998 !important; -} - -.bg-label-hover-facebook:hover { - background-color: #3b5998 !important; - color: #fff !important; -} - -.border-label-facebook { - border: 3px solid #b1bdd6; -} - -.border-light-facebook { - border: 3px solid rgba(59, 89, 152, 0.08); -} - -.btn-facebook { - color: #fff; - background-color: #3b5998; - border-color: #3b5998; - box-shadow: 0 0.125rem 0.25rem 0 rgba(59, 89, 152, 0.4); -} - -.btn-facebook:hover { - color: #fff !important; - background-color: #355089 !important; - border-color: #355089 !important; -} - -.btn-check:focus + .btn-facebook, -.btn-facebook:focus, -.btn-facebook.focus { - color: #fff; - background-color: #355089; - border-color: #355089; -} - -.btn-check:checked + .btn-facebook, -.btn-check:active + .btn-facebook, -.btn-facebook:active, -.btn-facebook.active, -.btn-facebook.show.dropdown-toggle, -.show > .btn-facebook.dropdown-toggle { - color: #fff !important; - background-color: #355089 !important; - border-color: #355089 !important; -} - -.btn-facebook.disabled, -.btn-facebook:disabled { - color: #fff !important; - background-color: #3b5998 !important; - border-color: #3b5998 !important; -} - -.btn-group .btn-facebook, -.input-group .btn-facebook { - border-right: var(--bs-border-width) solid #355089; - border-left: var(--bs-border-width) solid #355089; -} - -.btn-group-vertical .btn-facebook { - border-top-color: #355089; - border-bottom-color: #355089; -} - -.btn-label-facebook { - color: #3b5998 !important; - border-color: rgba(0, 0, 0, 0); - background: #e0e4ef; -} - -.btn-label-facebook:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #355089 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(59, 89, 152, 0.4) !important; -} - -.btn-label-facebook:focus, -.btn-label-facebook.focus { - color: #fff !important; - background: #355089; -} - -.btn-label-facebook:active, -.btn-label-facebook.active, -.btn-label-facebook.show.dropdown-toggle, -.show > .btn-label-facebook.dropdown-toggle { - color: #fff !important; - background-color: #355089 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-facebook.disabled, -.btn-label-facebook:disabled { - color: #3b5998 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #e0e4ef !important; -} - -.btn-group .btn-label-facebook, -.input-group .btn-label-facebook { - border-right: var(--bs-border-width) solid #c0cade !important; - border-left: var(--bs-border-width) solid #c0cade !important; -} - -.btn-group-vertical .btn-label-facebook { - border-top: var(--bs-border-width) solid #c0cade !important; - border-bottom: var(--bs-border-width) solid #c0cade !important; -} - -.btn-outline-facebook { - color: #3b5998; - border-color: #3b5998; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-facebook:hover { - color: #fff !important; - background-color: #355089 !important; - border-color: #355089 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(59, 89, 152, 0.4) !important; -} - -.btn-check:focus + .btn-outline-facebook, -.btn-outline-facebook:focus { - color: #fff; - background-color: #355089; - border-color: #355089; -} - -.btn-check:checked + .btn-outline-facebook, -.btn-check:active + .btn-outline-facebook, -.btn-outline-facebook:active, -.btn-outline-facebook.active, -.btn-outline-facebook.dropdown-toggle.show { - color: #fff !important; - background-color: #355089 !important; - border-color: #355089 !important; -} - -.btn-outline-facebook.disabled, -.btn-outline-facebook:disabled { - color: #3b5998 !important; - border-color: #3b5998 !important; -} - -.btn-outline-facebook .badge { - background: #3b5998; - border-color: #3b5998; - color: #fff; -} - -.btn-outline-facebook:hover .badge, -.btn-outline-facebook:focus:hover .badge, -.btn-outline-facebook:active .badge, -.btn-outline-facebook.active .badge, -.show > .btn-outline-facebook.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-facebook { - color: #3b5998; -} - -.btn-text-facebook:hover { - background: #eff2f7; - color: #3b5998; -} - -.btn-text-facebook:focus, -.btn-text-facebook.focus { - color: #3b5998; - background: #eff2f7; -} - -.btn-text-facebook:active, -.btn-text-facebook.active, -.btn-text-facebook-check:checked + .btn-text-facebook, -:not(.btn-text-facebook-check) + .btn-text-facebook:active, -.btn-text-facebook:first-child:active, -.btn-text-facebook.show.dropdown-toggle, -.show > .btn-text-facebook.dropdown-toggle { - color: #3b5998; - background: #eff2f7 !important; -} - -.btn-text-facebook:disabled, -.btn-text-facebook.disabled { - color: #3b5998; -} - -.btn-group .btn-text-facebook, -.input-group .btn-text-facebook { - border-right: var(--bs-border-width) solid #3b5998 !important; - border-left: var(--bs-border-width) solid #3b5998 !important; -} - -.btn-group-vertical .btn-text-facebook { - border-top: var(--bs-border-width) solid #3b5998 !important; - border-bottom: var(--bs-border-width) solid #3b5998 !important; -} - -.bg-twitter { - background-color: #1da1f2 !important; -} - -a.bg-twitter:hover, -a.bg-twitter:focus { - background-color: #1c99e6 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #1da1f2; -} - -.bg-label-twitter { - background-color: #dbf0fd !important; - color: #1da1f2 !important; -} - -.bg-label-hover-twitter { - background-color: #dbf0fd !important; - color: #1da1f2 !important; -} - -.bg-label-hover-twitter:hover { - background-color: #1da1f2 !important; - color: #fff !important; -} - -.border-label-twitter { - border: 3px solid #a5d9fa; -} - -.border-light-twitter { - border: 3px solid rgba(29, 161, 242, 0.08); -} - -.btn-twitter { - color: #fff; - background-color: #1da1f2; - border-color: #1da1f2; - box-shadow: 0 0.125rem 0.25rem 0 rgba(29, 161, 242, 0.4); -} - -.btn-twitter:hover { - color: #fff !important; - background-color: #1a91da !important; - border-color: #1a91da !important; -} - -.btn-check:focus + .btn-twitter, -.btn-twitter:focus, -.btn-twitter.focus { - color: #fff; - background-color: #1a91da; - border-color: #1a91da; -} - -.btn-check:checked + .btn-twitter, -.btn-check:active + .btn-twitter, -.btn-twitter:active, -.btn-twitter.active, -.btn-twitter.show.dropdown-toggle, -.show > .btn-twitter.dropdown-toggle { - color: #fff !important; - background-color: #1a91da !important; - border-color: #1a91da !important; -} - -.btn-twitter.disabled, -.btn-twitter:disabled { - color: #fff !important; - background-color: #1da1f2 !important; - border-color: #1da1f2 !important; -} - -.btn-group .btn-twitter, -.input-group .btn-twitter { - border-right: var(--bs-border-width) solid #1a91da; - border-left: var(--bs-border-width) solid #1a91da; -} - -.btn-group-vertical .btn-twitter { - border-top-color: #1a91da; - border-bottom-color: #1a91da; -} - -.btn-label-twitter { - color: #1da1f2 !important; - border-color: rgba(0, 0, 0, 0); - background: #dbf0fd; -} - -.btn-label-twitter:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #1a91da !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(29, 161, 242, 0.4) !important; -} - -.btn-label-twitter:focus, -.btn-label-twitter.focus { - color: #fff !important; - background: #1a91da; -} - -.btn-label-twitter:active, -.btn-label-twitter.active, -.btn-label-twitter.show.dropdown-toggle, -.show > .btn-label-twitter.dropdown-toggle { - color: #fff !important; - background-color: #1a91da !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-twitter.disabled, -.btn-label-twitter:disabled { - color: #1da1f2 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #dbf0fd !important; -} - -.btn-group .btn-label-twitter, -.input-group .btn-label-twitter { - border-right: var(--bs-border-width) solid #b7e1fb !important; - border-left: var(--bs-border-width) solid #b7e1fb !important; -} - -.btn-group-vertical .btn-label-twitter { - border-top: var(--bs-border-width) solid #b7e1fb !important; - border-bottom: var(--bs-border-width) solid #b7e1fb !important; -} - -.btn-outline-twitter { - color: #1da1f2; - border-color: #1da1f2; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-twitter:hover { - color: #fff !important; - background-color: #1a91da !important; - border-color: #1a91da !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(29, 161, 242, 0.4) !important; -} - -.btn-check:focus + .btn-outline-twitter, -.btn-outline-twitter:focus { - color: #fff; - background-color: #1a91da; - border-color: #1a91da; -} - -.btn-check:checked + .btn-outline-twitter, -.btn-check:active + .btn-outline-twitter, -.btn-outline-twitter:active, -.btn-outline-twitter.active, -.btn-outline-twitter.dropdown-toggle.show { - color: #fff !important; - background-color: #1a91da !important; - border-color: #1a91da !important; -} - -.btn-outline-twitter.disabled, -.btn-outline-twitter:disabled { - color: #1da1f2 !important; - border-color: #1da1f2 !important; -} - -.btn-outline-twitter .badge { - background: #1da1f2; - border-color: #1da1f2; - color: #fff; -} - -.btn-outline-twitter:hover .badge, -.btn-outline-twitter:focus:hover .badge, -.btn-outline-twitter:active .badge, -.btn-outline-twitter.active .badge, -.show > .btn-outline-twitter.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-twitter { - color: #1da1f2; -} - -.btn-text-twitter:hover { - background: #edf7fe; - color: #1da1f2; -} - -.btn-text-twitter:focus, -.btn-text-twitter.focus { - color: #1da1f2; - background: #edf7fe; -} - -.btn-text-twitter:active, -.btn-text-twitter.active, -.btn-text-twitter-check:checked + .btn-text-twitter, -:not(.btn-text-twitter-check) + .btn-text-twitter:active, -.btn-text-twitter:first-child:active, -.btn-text-twitter.show.dropdown-toggle, -.show > .btn-text-twitter.dropdown-toggle { - color: #1da1f2; - background: #edf7fe !important; -} - -.btn-text-twitter:disabled, -.btn-text-twitter.disabled { - color: #1da1f2; -} - -.btn-group .btn-text-twitter, -.input-group .btn-text-twitter { - border-right: var(--bs-border-width) solid #1da1f2 !important; - border-left: var(--bs-border-width) solid #1da1f2 !important; -} - -.btn-group-vertical .btn-text-twitter { - border-top: var(--bs-border-width) solid #1da1f2 !important; - border-bottom: var(--bs-border-width) solid #1da1f2 !important; -} - -.bg-google-plus { - background-color: #dd4b39 !important; -} - -a.bg-google-plus:hover, -a.bg-google-plus:focus { - background-color: #d24736 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #dd4b39; -} - -.bg-label-google-plus { - background-color: #fae2df !important; - color: #dd4b39 !important; -} - -.bg-label-hover-google-plus { - background-color: #fae2df !important; - color: #dd4b39 !important; -} - -.bg-label-hover-google-plus:hover { - background-color: #dd4b39 !important; - color: #fff !important; -} - -.border-label-google-plus { - border: 3px solid #f1b7b0; -} - -.border-light-google-plus { - border: 3px solid rgba(221, 75, 57, 0.08); -} - -.btn-google-plus { - color: #fff; - background-color: #dd4b39; - border-color: #dd4b39; - box-shadow: 0 0.125rem 0.25rem 0 rgba(221, 75, 57, 0.4); -} - -.btn-google-plus:hover { - color: #fff !important; - background-color: #c74433 !important; - border-color: #c74433 !important; -} - -.btn-check:focus + .btn-google-plus, -.btn-google-plus:focus, -.btn-google-plus.focus { - color: #fff; - background-color: #c74433; - border-color: #c74433; -} - -.btn-check:checked + .btn-google-plus, -.btn-check:active + .btn-google-plus, -.btn-google-plus:active, -.btn-google-plus.active, -.btn-google-plus.show.dropdown-toggle, -.show > .btn-google-plus.dropdown-toggle { - color: #fff !important; - background-color: #c74433 !important; - border-color: #c74433 !important; -} - -.btn-google-plus.disabled, -.btn-google-plus:disabled { - color: #fff !important; - background-color: #dd4b39 !important; - border-color: #dd4b39 !important; -} - -.btn-group .btn-google-plus, -.input-group .btn-google-plus { - border-right: var(--bs-border-width) solid #c74433; - border-left: var(--bs-border-width) solid #c74433; -} - -.btn-group-vertical .btn-google-plus { - border-top-color: #c74433; - border-bottom-color: #c74433; -} - -.btn-label-google-plus { - color: #dd4b39 !important; - border-color: rgba(0, 0, 0, 0); - background: #fae2df; -} - -.btn-label-google-plus:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #c74433 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(221, 75, 57, 0.4) !important; -} - -.btn-label-google-plus:focus, -.btn-label-google-plus.focus { - color: #fff !important; - background: #c74433; -} - -.btn-label-google-plus:active, -.btn-label-google-plus.active, -.btn-label-google-plus.show.dropdown-toggle, -.show > .btn-label-google-plus.dropdown-toggle { - color: #fff !important; - background-color: #c74433 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-google-plus.disabled, -.btn-label-google-plus:disabled { - color: #dd4b39 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #fae2df !important; -} - -.btn-group .btn-label-google-plus, -.input-group .btn-label-google-plus { - border-right: var(--bs-border-width) solid #f4c5c0 !important; - border-left: var(--bs-border-width) solid #f4c5c0 !important; -} - -.btn-group-vertical .btn-label-google-plus { - border-top: var(--bs-border-width) solid #f4c5c0 !important; - border-bottom: var(--bs-border-width) solid #f4c5c0 !important; -} - -.btn-outline-google-plus { - color: #dd4b39; - border-color: #dd4b39; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-google-plus:hover { - color: #fff !important; - background-color: #c74433 !important; - border-color: #c74433 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(221, 75, 57, 0.4) !important; -} - -.btn-check:focus + .btn-outline-google-plus, -.btn-outline-google-plus:focus { - color: #fff; - background-color: #c74433; - border-color: #c74433; -} - -.btn-check:checked + .btn-outline-google-plus, -.btn-check:active + .btn-outline-google-plus, -.btn-outline-google-plus:active, -.btn-outline-google-plus.active, -.btn-outline-google-plus.dropdown-toggle.show { - color: #fff !important; - background-color: #c74433 !important; - border-color: #c74433 !important; -} - -.btn-outline-google-plus.disabled, -.btn-outline-google-plus:disabled { - color: #dd4b39 !important; - border-color: #dd4b39 !important; -} - -.btn-outline-google-plus .badge { - background: #dd4b39; - border-color: #dd4b39; - color: #fff; -} - -.btn-outline-google-plus:hover .badge, -.btn-outline-google-plus:focus:hover .badge, -.btn-outline-google-plus:active .badge, -.btn-outline-google-plus.active .badge, -.show > .btn-outline-google-plus.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-google-plus { - color: #dd4b39; -} - -.btn-text-google-plus:hover { - background: #fcf1ef; - color: #dd4b39; -} - -.btn-text-google-plus:focus, -.btn-text-google-plus.focus { - color: #dd4b39; - background: #fcf1ef; -} - -.btn-text-google-plus:active, -.btn-text-google-plus.active, -.btn-text-google-plus-check:checked + .btn-text-google-plus, -:not(.btn-text-google-plus-check) + .btn-text-google-plus:active, -.btn-text-google-plus:first-child:active, -.btn-text-google-plus.show.dropdown-toggle, -.show > .btn-text-google-plus.dropdown-toggle { - color: #dd4b39; - background: #fcf1ef !important; -} - -.btn-text-google-plus:disabled, -.btn-text-google-plus.disabled { - color: #dd4b39; -} - -.btn-group .btn-text-google-plus, -.input-group .btn-text-google-plus { - border-right: var(--bs-border-width) solid #dd4b39 !important; - border-left: var(--bs-border-width) solid #dd4b39 !important; -} - -.btn-group-vertical .btn-text-google-plus { - border-top: var(--bs-border-width) solid #dd4b39 !important; - border-bottom: var(--bs-border-width) solid #dd4b39 !important; -} - -.bg-instagram { - background-color: #e1306c !important; -} - -a.bg-instagram:hover, -a.bg-instagram:focus { - background-color: #d62e67 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #e1306c; -} - -.bg-label-instagram { - background-color: #fadee7 !important; - color: #e1306c !important; -} - -.bg-label-hover-instagram { - background-color: #fadee7 !important; - color: #e1306c !important; -} - -.bg-label-hover-instagram:hover { - background-color: #e1306c !important; - color: #fff !important; -} - -.border-label-instagram { - border: 3px solid #f3acc4; -} - -.border-light-instagram { - border: 3px solid rgba(225, 48, 108, 0.08); -} - -.btn-instagram { - color: #fff; - background-color: #e1306c; - border-color: #e1306c; - box-shadow: 0 0.125rem 0.25rem 0 rgba(225, 48, 108, 0.4); -} - -.btn-instagram:hover { - color: #fff !important; - background-color: #cb2b61 !important; - border-color: #cb2b61 !important; -} - -.btn-check:focus + .btn-instagram, -.btn-instagram:focus, -.btn-instagram.focus { - color: #fff; - background-color: #cb2b61; - border-color: #cb2b61; -} - -.btn-check:checked + .btn-instagram, -.btn-check:active + .btn-instagram, -.btn-instagram:active, -.btn-instagram.active, -.btn-instagram.show.dropdown-toggle, -.show > .btn-instagram.dropdown-toggle { - color: #fff !important; - background-color: #cb2b61 !important; - border-color: #cb2b61 !important; -} - -.btn-instagram.disabled, -.btn-instagram:disabled { - color: #fff !important; - background-color: #e1306c !important; - border-color: #e1306c !important; -} - -.btn-group .btn-instagram, -.input-group .btn-instagram { - border-right: var(--bs-border-width) solid #cb2b61; - border-left: var(--bs-border-width) solid #cb2b61; -} - -.btn-group-vertical .btn-instagram { - border-top-color: #cb2b61; - border-bottom-color: #cb2b61; -} - -.btn-label-instagram { - color: #e1306c !important; - border-color: rgba(0, 0, 0, 0); - background: #fadee7; -} - -.btn-label-instagram:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #cb2b61 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(225, 48, 108, 0.4) !important; -} - -.btn-label-instagram:focus, -.btn-label-instagram.focus { - color: #fff !important; - background: #cb2b61; -} - -.btn-label-instagram:active, -.btn-label-instagram.active, -.btn-label-instagram.show.dropdown-toggle, -.show > .btn-label-instagram.dropdown-toggle { - color: #fff !important; - background-color: #cb2b61 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-instagram.disabled, -.btn-label-instagram:disabled { - color: #e1306c !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #fadee7 !important; -} - -.btn-group .btn-label-instagram, -.input-group .btn-label-instagram { - border-right: var(--bs-border-width) solid #f5bdd0 !important; - border-left: var(--bs-border-width) solid #f5bdd0 !important; -} - -.btn-group-vertical .btn-label-instagram { - border-top: var(--bs-border-width) solid #f5bdd0 !important; - border-bottom: var(--bs-border-width) solid #f5bdd0 !important; -} - -.btn-outline-instagram { - color: #e1306c; - border-color: #e1306c; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-instagram:hover { - color: #fff !important; - background-color: #cb2b61 !important; - border-color: #cb2b61 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(225, 48, 108, 0.4) !important; -} - -.btn-check:focus + .btn-outline-instagram, -.btn-outline-instagram:focus { - color: #fff; - background-color: #cb2b61; - border-color: #cb2b61; -} - -.btn-check:checked + .btn-outline-instagram, -.btn-check:active + .btn-outline-instagram, -.btn-outline-instagram:active, -.btn-outline-instagram.active, -.btn-outline-instagram.dropdown-toggle.show { - color: #fff !important; - background-color: #cb2b61 !important; - border-color: #cb2b61 !important; -} - -.btn-outline-instagram.disabled, -.btn-outline-instagram:disabled { - color: #e1306c !important; - border-color: #e1306c !important; -} - -.btn-outline-instagram .badge { - background: #e1306c; - border-color: #e1306c; - color: #fff; -} - -.btn-outline-instagram:hover .badge, -.btn-outline-instagram:focus:hover .badge, -.btn-outline-instagram:active .badge, -.btn-outline-instagram.active .badge, -.show > .btn-outline-instagram.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-instagram { - color: #e1306c; -} - -.btn-text-instagram:hover { - background: #fdeef3; - color: #e1306c; -} - -.btn-text-instagram:focus, -.btn-text-instagram.focus { - color: #e1306c; - background: #fdeef3; -} - -.btn-text-instagram:active, -.btn-text-instagram.active, -.btn-text-instagram-check:checked + .btn-text-instagram, -:not(.btn-text-instagram-check) + .btn-text-instagram:active, -.btn-text-instagram:first-child:active, -.btn-text-instagram.show.dropdown-toggle, -.show > .btn-text-instagram.dropdown-toggle { - color: #e1306c; - background: #fdeef3 !important; -} - -.btn-text-instagram:disabled, -.btn-text-instagram.disabled { - color: #e1306c; -} - -.btn-group .btn-text-instagram, -.input-group .btn-text-instagram { - border-right: var(--bs-border-width) solid #e1306c !important; - border-left: var(--bs-border-width) solid #e1306c !important; -} - -.btn-group-vertical .btn-text-instagram { - border-top: var(--bs-border-width) solid #e1306c !important; - border-bottom: var(--bs-border-width) solid #e1306c !important; -} - -.bg-linkedin { - background-color: #0077b5 !important; -} - -a.bg-linkedin:hover, -a.bg-linkedin:focus { - background-color: #0071ac !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #0077b5; -} - -.bg-label-linkedin { - background-color: #d6e9f3 !important; - color: #0077b5 !important; -} - -.bg-label-hover-linkedin { - background-color: #d6e9f3 !important; - color: #0077b5 !important; -} - -.bg-label-hover-linkedin:hover { - background-color: #0077b5 !important; - color: #fff !important; -} - -.border-label-linkedin { - border: 3px solid #99c9e1; -} - -.border-light-linkedin { - border: 3px solid rgba(0, 119, 181, 0.08); -} - -.btn-linkedin { - color: #fff; - background-color: #0077b5; - border-color: #0077b5; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 119, 181, 0.4); -} - -.btn-linkedin:hover { - color: #fff !important; - background-color: #006ba3 !important; - border-color: #006ba3 !important; -} - -.btn-check:focus + .btn-linkedin, -.btn-linkedin:focus, -.btn-linkedin.focus { - color: #fff; - background-color: #006ba3; - border-color: #006ba3; -} - -.btn-check:checked + .btn-linkedin, -.btn-check:active + .btn-linkedin, -.btn-linkedin:active, -.btn-linkedin.active, -.btn-linkedin.show.dropdown-toggle, -.show > .btn-linkedin.dropdown-toggle { - color: #fff !important; - background-color: #006ba3 !important; - border-color: #006ba3 !important; -} - -.btn-linkedin.disabled, -.btn-linkedin:disabled { - color: #fff !important; - background-color: #0077b5 !important; - border-color: #0077b5 !important; -} - -.btn-group .btn-linkedin, -.input-group .btn-linkedin { - border-right: var(--bs-border-width) solid #006ba3; - border-left: var(--bs-border-width) solid #006ba3; -} - -.btn-group-vertical .btn-linkedin { - border-top-color: #006ba3; - border-bottom-color: #006ba3; -} - -.btn-label-linkedin { - color: #0077b5 !important; - border-color: rgba(0, 0, 0, 0); - background: #d6e9f3; -} - -.btn-label-linkedin:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #006ba3 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 119, 181, 0.4) !important; -} - -.btn-label-linkedin:focus, -.btn-label-linkedin.focus { - color: #fff !important; - background: #006ba3; -} - -.btn-label-linkedin:active, -.btn-label-linkedin.active, -.btn-label-linkedin.show.dropdown-toggle, -.show > .btn-label-linkedin.dropdown-toggle { - color: #fff !important; - background-color: #006ba3 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-linkedin.disabled, -.btn-label-linkedin:disabled { - color: #0077b5 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #d6e9f3 !important; -} - -.btn-group .btn-label-linkedin, -.input-group .btn-label-linkedin { - border-right: var(--bs-border-width) solid #add3e7 !important; - border-left: var(--bs-border-width) solid #add3e7 !important; -} - -.btn-group-vertical .btn-label-linkedin { - border-top: var(--bs-border-width) solid #add3e7 !important; - border-bottom: var(--bs-border-width) solid #add3e7 !important; -} - -.btn-outline-linkedin { - color: #0077b5; - border-color: #0077b5; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-linkedin:hover { - color: #fff !important; - background-color: #006ba3 !important; - border-color: #006ba3 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 119, 181, 0.4) !important; -} - -.btn-check:focus + .btn-outline-linkedin, -.btn-outline-linkedin:focus { - color: #fff; - background-color: #006ba3; - border-color: #006ba3; -} - -.btn-check:checked + .btn-outline-linkedin, -.btn-check:active + .btn-outline-linkedin, -.btn-outline-linkedin:active, -.btn-outline-linkedin.active, -.btn-outline-linkedin.dropdown-toggle.show { - color: #fff !important; - background-color: #006ba3 !important; - border-color: #006ba3 !important; -} - -.btn-outline-linkedin.disabled, -.btn-outline-linkedin:disabled { - color: #0077b5 !important; - border-color: #0077b5 !important; -} - -.btn-outline-linkedin .badge { - background: #0077b5; - border-color: #0077b5; - color: #fff; -} - -.btn-outline-linkedin:hover .badge, -.btn-outline-linkedin:focus:hover .badge, -.btn-outline-linkedin:active .badge, -.btn-outline-linkedin.active .badge, -.show > .btn-outline-linkedin.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-linkedin { - color: #0077b5; -} - -.btn-text-linkedin:hover { - background: #ebf4f9; - color: #0077b5; -} - -.btn-text-linkedin:focus, -.btn-text-linkedin.focus { - color: #0077b5; - background: #ebf4f9; -} - -.btn-text-linkedin:active, -.btn-text-linkedin.active, -.btn-text-linkedin-check:checked + .btn-text-linkedin, -:not(.btn-text-linkedin-check) + .btn-text-linkedin:active, -.btn-text-linkedin:first-child:active, -.btn-text-linkedin.show.dropdown-toggle, -.show > .btn-text-linkedin.dropdown-toggle { - color: #0077b5; - background: #ebf4f9 !important; -} - -.btn-text-linkedin:disabled, -.btn-text-linkedin.disabled { - color: #0077b5; -} - -.btn-group .btn-text-linkedin, -.input-group .btn-text-linkedin { - border-right: var(--bs-border-width) solid #0077b5 !important; - border-left: var(--bs-border-width) solid #0077b5 !important; -} - -.btn-group-vertical .btn-text-linkedin { - border-top: var(--bs-border-width) solid #0077b5 !important; - border-bottom: var(--bs-border-width) solid #0077b5 !important; -} - -.bg-github { - background-color: #384551 !important; -} - -a.bg-github:hover, -a.bg-github:focus { - background-color: #35424d !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #384551; -} - -.bg-label-github { - background-color: #dfe1e3 !important; - color: #384551 !important; -} - -.bg-label-hover-github { - background-color: #dfe1e3 !important; - color: #384551 !important; -} - -.bg-label-hover-github:hover { - background-color: #384551 !important; - color: #fff !important; -} - -.border-label-github { - border: 3px solid #afb5b9; -} - -.border-light-github { - border: 3px solid rgba(56, 69, 81, 0.08); -} - -.btn-github { - color: #fff; - background-color: #384551; - border-color: #384551; - box-shadow: 0 0.125rem 0.25rem 0 rgba(56, 69, 81, 0.4); -} - -.btn-github:hover { - color: #fff !important; - background-color: #323e49 !important; - border-color: #323e49 !important; -} - -.btn-check:focus + .btn-github, -.btn-github:focus, -.btn-github.focus { - color: #fff; - background-color: #323e49; - border-color: #323e49; -} - -.btn-check:checked + .btn-github, -.btn-check:active + .btn-github, -.btn-github:active, -.btn-github.active, -.btn-github.show.dropdown-toggle, -.show > .btn-github.dropdown-toggle { - color: #fff !important; - background-color: #323e49 !important; - border-color: #323e49 !important; -} - -.btn-github.disabled, -.btn-github:disabled { - color: #fff !important; - background-color: #384551 !important; - border-color: #384551 !important; -} - -.btn-group .btn-github, -.input-group .btn-github { - border-right: var(--bs-border-width) solid #323e49; - border-left: var(--bs-border-width) solid #323e49; -} - -.btn-group-vertical .btn-github { - border-top-color: #323e49; - border-bottom-color: #323e49; -} - -.btn-label-github { - color: #384551 !important; - border-color: rgba(0, 0, 0, 0); - background: #dfe1e3; -} - -.btn-label-github:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #323e49 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(56, 69, 81, 0.4) !important; -} - -.btn-label-github:focus, -.btn-label-github.focus { - color: #fff !important; - background: #323e49; -} - -.btn-label-github:active, -.btn-label-github.active, -.btn-label-github.show.dropdown-toggle, -.show > .btn-label-github.dropdown-toggle { - color: #fff !important; - background-color: #323e49 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-github.disabled, -.btn-label-github:disabled { - color: #384551 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #dfe1e3 !important; -} - -.btn-group .btn-label-github, -.input-group .btn-label-github { - border-right: var(--bs-border-width) solid #bfc3c7 !important; - border-left: var(--bs-border-width) solid #bfc3c7 !important; -} - -.btn-group-vertical .btn-label-github { - border-top: var(--bs-border-width) solid #bfc3c7 !important; - border-bottom: var(--bs-border-width) solid #bfc3c7 !important; -} - -.btn-outline-github { - color: #384551; - border-color: #384551; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-github:hover { - color: #fff !important; - background-color: #323e49 !important; - border-color: #323e49 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(56, 69, 81, 0.4) !important; -} - -.btn-check:focus + .btn-outline-github, -.btn-outline-github:focus { - color: #fff; - background-color: #323e49; - border-color: #323e49; -} - -.btn-check:checked + .btn-outline-github, -.btn-check:active + .btn-outline-github, -.btn-outline-github:active, -.btn-outline-github.active, -.btn-outline-github.dropdown-toggle.show { - color: #fff !important; - background-color: #323e49 !important; - border-color: #323e49 !important; -} - -.btn-outline-github.disabled, -.btn-outline-github:disabled { - color: #384551 !important; - border-color: #384551 !important; -} - -.btn-outline-github .badge { - background: #384551; - border-color: #384551; - color: #fff; -} - -.btn-outline-github:hover .badge, -.btn-outline-github:focus:hover .badge, -.btn-outline-github:active .badge, -.btn-outline-github.active .badge, -.show > .btn-outline-github.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-github { - color: #384551; -} - -.btn-text-github:hover { - background: #eff0f1; - color: #384551; -} - -.btn-text-github:focus, -.btn-text-github.focus { - color: #384551; - background: #eff0f1; -} - -.btn-text-github:active, -.btn-text-github.active, -.btn-text-github-check:checked + .btn-text-github, -:not(.btn-text-github-check) + .btn-text-github:active, -.btn-text-github:first-child:active, -.btn-text-github.show.dropdown-toggle, -.show > .btn-text-github.dropdown-toggle { - color: #384551; - background: #eff0f1 !important; -} - -.btn-text-github:disabled, -.btn-text-github.disabled { - color: #384551; -} - -.btn-group .btn-text-github, -.input-group .btn-text-github { - border-right: var(--bs-border-width) solid #384551 !important; - border-left: var(--bs-border-width) solid #384551 !important; -} - -.btn-group-vertical .btn-text-github { - border-top: var(--bs-border-width) solid #384551 !important; - border-bottom: var(--bs-border-width) solid #384551 !important; -} - -.bg-dribbble { - background-color: #ea4c89 !important; -} - -a.bg-dribbble:hover, -a.bg-dribbble:focus { - background-color: #de4882 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #ea4c89; -} - -.bg-label-dribbble { - background-color: #fce2ec !important; - color: #ea4c89 !important; -} - -.bg-label-hover-dribbble { - background-color: #fce2ec !important; - color: #ea4c89 !important; -} - -.bg-label-hover-dribbble:hover { - background-color: #ea4c89 !important; - color: #fff !important; -} - -.border-label-dribbble { - border: 3px solid #f7b7d0; -} - -.border-light-dribbble { - border: 3px solid rgba(234, 76, 137, 0.08); -} - -.btn-dribbble { - color: #fff; - background-color: #ea4c89; - border-color: #ea4c89; - box-shadow: 0 0.125rem 0.25rem 0 rgba(234, 76, 137, 0.4); -} - -.btn-dribbble:hover { - color: #fff !important; - background-color: #d3447b !important; - border-color: #d3447b !important; -} - -.btn-check:focus + .btn-dribbble, -.btn-dribbble:focus, -.btn-dribbble.focus { - color: #fff; - background-color: #d3447b; - border-color: #d3447b; -} - -.btn-check:checked + .btn-dribbble, -.btn-check:active + .btn-dribbble, -.btn-dribbble:active, -.btn-dribbble.active, -.btn-dribbble.show.dropdown-toggle, -.show > .btn-dribbble.dropdown-toggle { - color: #fff !important; - background-color: #d3447b !important; - border-color: #d3447b !important; -} - -.btn-dribbble.disabled, -.btn-dribbble:disabled { - color: #fff !important; - background-color: #ea4c89 !important; - border-color: #ea4c89 !important; -} - -.btn-group .btn-dribbble, -.input-group .btn-dribbble { - border-right: var(--bs-border-width) solid #d3447b; - border-left: var(--bs-border-width) solid #d3447b; -} - -.btn-group-vertical .btn-dribbble { - border-top-color: #d3447b; - border-bottom-color: #d3447b; -} - -.btn-label-dribbble { - color: #ea4c89 !important; - border-color: rgba(0, 0, 0, 0); - background: #fce2ec; -} - -.btn-label-dribbble:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #d3447b !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(234, 76, 137, 0.4) !important; -} - -.btn-label-dribbble:focus, -.btn-label-dribbble.focus { - color: #fff !important; - background: #d3447b; -} - -.btn-label-dribbble:active, -.btn-label-dribbble.active, -.btn-label-dribbble.show.dropdown-toggle, -.show > .btn-label-dribbble.dropdown-toggle { - color: #fff !important; - background-color: #d3447b !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-dribbble.disabled, -.btn-label-dribbble:disabled { - color: #ea4c89 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #fce2ec !important; -} - -.btn-group .btn-label-dribbble, -.input-group .btn-label-dribbble { - border-right: var(--bs-border-width) solid #f8c6d9 !important; - border-left: var(--bs-border-width) solid #f8c6d9 !important; -} - -.btn-group-vertical .btn-label-dribbble { - border-top: var(--bs-border-width) solid #f8c6d9 !important; - border-bottom: var(--bs-border-width) solid #f8c6d9 !important; -} - -.btn-outline-dribbble { - color: #ea4c89; - border-color: #ea4c89; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-dribbble:hover { - color: #fff !important; - background-color: #d3447b !important; - border-color: #d3447b !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(234, 76, 137, 0.4) !important; -} - -.btn-check:focus + .btn-outline-dribbble, -.btn-outline-dribbble:focus { - color: #fff; - background-color: #d3447b; - border-color: #d3447b; -} - -.btn-check:checked + .btn-outline-dribbble, -.btn-check:active + .btn-outline-dribbble, -.btn-outline-dribbble:active, -.btn-outline-dribbble.active, -.btn-outline-dribbble.dropdown-toggle.show { - color: #fff !important; - background-color: #d3447b !important; - border-color: #d3447b !important; -} - -.btn-outline-dribbble.disabled, -.btn-outline-dribbble:disabled { - color: #ea4c89 !important; - border-color: #ea4c89 !important; -} - -.btn-outline-dribbble .badge { - background: #ea4c89; - border-color: #ea4c89; - color: #fff; -} - -.btn-outline-dribbble:hover .badge, -.btn-outline-dribbble:focus:hover .badge, -.btn-outline-dribbble:active .badge, -.btn-outline-dribbble.active .badge, -.show > .btn-outline-dribbble.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-dribbble { - color: #ea4c89; -} - -.btn-text-dribbble:hover { - background: #fdf1f6; - color: #ea4c89; -} - -.btn-text-dribbble:focus, -.btn-text-dribbble.focus { - color: #ea4c89; - background: #fdf1f6; -} - -.btn-text-dribbble:active, -.btn-text-dribbble.active, -.btn-text-dribbble-check:checked + .btn-text-dribbble, -:not(.btn-text-dribbble-check) + .btn-text-dribbble:active, -.btn-text-dribbble:first-child:active, -.btn-text-dribbble.show.dropdown-toggle, -.show > .btn-text-dribbble.dropdown-toggle { - color: #ea4c89; - background: #fdf1f6 !important; -} - -.btn-text-dribbble:disabled, -.btn-text-dribbble.disabled { - color: #ea4c89; -} - -.btn-group .btn-text-dribbble, -.input-group .btn-text-dribbble { - border-right: var(--bs-border-width) solid #ea4c89 !important; - border-left: var(--bs-border-width) solid #ea4c89 !important; -} - -.btn-group-vertical .btn-text-dribbble { - border-top: var(--bs-border-width) solid #ea4c89 !important; - border-bottom: var(--bs-border-width) solid #ea4c89 !important; -} - -.bg-pinterest { - background-color: #cb2027 !important; -} - -a.bg-pinterest:hover, -a.bg-pinterest:focus { - background-color: #c11e25 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #cb2027; -} - -.bg-label-pinterest { - background-color: #f7dbdc !important; - color: #cb2027 !important; -} - -.bg-label-hover-pinterest { - background-color: #f7dbdc !important; - color: #cb2027 !important; -} - -.bg-label-hover-pinterest:hover { - background-color: #cb2027 !important; - color: #fff !important; -} - -.border-label-pinterest { - border: 3px solid #eaa6a9; -} - -.border-light-pinterest { - border: 3px solid rgba(203, 32, 39, 0.08); -} - -.btn-pinterest { - color: #fff; - background-color: #cb2027; - border-color: #cb2027; - box-shadow: 0 0.125rem 0.25rem 0 rgba(203, 32, 39, 0.4); -} - -.btn-pinterest:hover { - color: #fff !important; - background-color: #b71d23 !important; - border-color: #b71d23 !important; -} - -.btn-check:focus + .btn-pinterest, -.btn-pinterest:focus, -.btn-pinterest.focus { - color: #fff; - background-color: #b71d23; - border-color: #b71d23; -} - -.btn-check:checked + .btn-pinterest, -.btn-check:active + .btn-pinterest, -.btn-pinterest:active, -.btn-pinterest.active, -.btn-pinterest.show.dropdown-toggle, -.show > .btn-pinterest.dropdown-toggle { - color: #fff !important; - background-color: #b71d23 !important; - border-color: #b71d23 !important; -} - -.btn-pinterest.disabled, -.btn-pinterest:disabled { - color: #fff !important; - background-color: #cb2027 !important; - border-color: #cb2027 !important; -} - -.btn-group .btn-pinterest, -.input-group .btn-pinterest { - border-right: var(--bs-border-width) solid #b71d23; - border-left: var(--bs-border-width) solid #b71d23; -} - -.btn-group-vertical .btn-pinterest { - border-top-color: #b71d23; - border-bottom-color: #b71d23; -} - -.btn-label-pinterest { - color: #cb2027 !important; - border-color: rgba(0, 0, 0, 0); - background: #f7dbdc; -} - -.btn-label-pinterest:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #b71d23 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(203, 32, 39, 0.4) !important; -} - -.btn-label-pinterest:focus, -.btn-label-pinterest.focus { - color: #fff !important; - background: #b71d23; -} - -.btn-label-pinterest:active, -.btn-label-pinterest.active, -.btn-label-pinterest.show.dropdown-toggle, -.show > .btn-label-pinterest.dropdown-toggle { - color: #fff !important; - background-color: #b71d23 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-pinterest.disabled, -.btn-label-pinterest:disabled { - color: #cb2027 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #f7dbdc !important; -} - -.btn-group .btn-label-pinterest, -.input-group .btn-label-pinterest { - border-right: var(--bs-border-width) solid #eeb8ba !important; - border-left: var(--bs-border-width) solid #eeb8ba !important; -} - -.btn-group-vertical .btn-label-pinterest { - border-top: var(--bs-border-width) solid #eeb8ba !important; - border-bottom: var(--bs-border-width) solid #eeb8ba !important; -} - -.btn-outline-pinterest { - color: #cb2027; - border-color: #cb2027; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-pinterest:hover { - color: #fff !important; - background-color: #b71d23 !important; - border-color: #b71d23 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(203, 32, 39, 0.4) !important; -} - -.btn-check:focus + .btn-outline-pinterest, -.btn-outline-pinterest:focus { - color: #fff; - background-color: #b71d23; - border-color: #b71d23; -} - -.btn-check:checked + .btn-outline-pinterest, -.btn-check:active + .btn-outline-pinterest, -.btn-outline-pinterest:active, -.btn-outline-pinterest.active, -.btn-outline-pinterest.dropdown-toggle.show { - color: #fff !important; - background-color: #b71d23 !important; - border-color: #b71d23 !important; -} - -.btn-outline-pinterest.disabled, -.btn-outline-pinterest:disabled { - color: #cb2027 !important; - border-color: #cb2027 !important; -} - -.btn-outline-pinterest .badge { - background: #cb2027; - border-color: #cb2027; - color: #fff; -} - -.btn-outline-pinterest:hover .badge, -.btn-outline-pinterest:focus:hover .badge, -.btn-outline-pinterest:active .badge, -.btn-outline-pinterest.active .badge, -.show > .btn-outline-pinterest.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-pinterest { - color: #cb2027; -} - -.btn-text-pinterest:hover { - background: #fbedee; - color: #cb2027; -} - -.btn-text-pinterest:focus, -.btn-text-pinterest.focus { - color: #cb2027; - background: #fbedee; -} - -.btn-text-pinterest:active, -.btn-text-pinterest.active, -.btn-text-pinterest-check:checked + .btn-text-pinterest, -:not(.btn-text-pinterest-check) + .btn-text-pinterest:active, -.btn-text-pinterest:first-child:active, -.btn-text-pinterest.show.dropdown-toggle, -.show > .btn-text-pinterest.dropdown-toggle { - color: #cb2027; - background: #fbedee !important; -} - -.btn-text-pinterest:disabled, -.btn-text-pinterest.disabled { - color: #cb2027; -} - -.btn-group .btn-text-pinterest, -.input-group .btn-text-pinterest { - border-right: var(--bs-border-width) solid #cb2027 !important; - border-left: var(--bs-border-width) solid #cb2027 !important; -} - -.btn-group-vertical .btn-text-pinterest { - border-top: var(--bs-border-width) solid #cb2027 !important; - border-bottom: var(--bs-border-width) solid #cb2027 !important; -} - -.bg-slack { - background-color: #4a154b !important; -} - -a.bg-slack:hover, -a.bg-slack:focus { - background-color: #461447 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #4a154b; -} - -.bg-label-slack { - background-color: #e2dae2 !important; - color: #4a154b !important; -} - -.bg-label-hover-slack { - background-color: #e2dae2 !important; - color: #4a154b !important; -} - -.bg-label-hover-slack:hover { - background-color: #4a154b !important; - color: #fff !important; -} - -.border-label-slack { - border: 3px solid #b7a1b7; -} - -.border-light-slack { - border: 3px solid rgba(74, 21, 75, 0.08); -} - -.btn-slack { - color: #fff; - background-color: #4a154b; - border-color: #4a154b; - box-shadow: 0 0.125rem 0.25rem 0 rgba(74, 21, 75, 0.4); -} - -.btn-slack:hover { - color: #fff !important; - background-color: #431344 !important; - border-color: #431344 !important; -} - -.btn-check:focus + .btn-slack, -.btn-slack:focus, -.btn-slack.focus { - color: #fff; - background-color: #431344; - border-color: #431344; -} - -.btn-check:checked + .btn-slack, -.btn-check:active + .btn-slack, -.btn-slack:active, -.btn-slack.active, -.btn-slack.show.dropdown-toggle, -.show > .btn-slack.dropdown-toggle { - color: #fff !important; - background-color: #431344 !important; - border-color: #431344 !important; -} - -.btn-slack.disabled, -.btn-slack:disabled { - color: #fff !important; - background-color: #4a154b !important; - border-color: #4a154b !important; -} - -.btn-group .btn-slack, -.input-group .btn-slack { - border-right: var(--bs-border-width) solid #431344; - border-left: var(--bs-border-width) solid #431344; -} - -.btn-group-vertical .btn-slack { - border-top-color: #431344; - border-bottom-color: #431344; -} - -.btn-label-slack { - color: #4a154b !important; - border-color: rgba(0, 0, 0, 0); - background: #e2dae2; -} - -.btn-label-slack:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #431344 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(74, 21, 75, 0.4) !important; -} - -.btn-label-slack:focus, -.btn-label-slack.focus { - color: #fff !important; - background: #431344; -} - -.btn-label-slack:active, -.btn-label-slack.active, -.btn-label-slack.show.dropdown-toggle, -.show > .btn-label-slack.dropdown-toggle { - color: #fff !important; - background-color: #431344 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-slack.disabled, -.btn-label-slack:disabled { - color: #4a154b !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #e2dae2 !important; -} - -.btn-group .btn-label-slack, -.input-group .btn-label-slack { - border-right: var(--bs-border-width) solid #c5b4c5 !important; - border-left: var(--bs-border-width) solid #c5b4c5 !important; -} - -.btn-group-vertical .btn-label-slack { - border-top: var(--bs-border-width) solid #c5b4c5 !important; - border-bottom: var(--bs-border-width) solid #c5b4c5 !important; -} - -.btn-outline-slack { - color: #4a154b; - border-color: #4a154b; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-slack:hover { - color: #fff !important; - background-color: #431344 !important; - border-color: #431344 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(74, 21, 75, 0.4) !important; -} - -.btn-check:focus + .btn-outline-slack, -.btn-outline-slack:focus { - color: #fff; - background-color: #431344; - border-color: #431344; -} - -.btn-check:checked + .btn-outline-slack, -.btn-check:active + .btn-outline-slack, -.btn-outline-slack:active, -.btn-outline-slack.active, -.btn-outline-slack.dropdown-toggle.show { - color: #fff !important; - background-color: #431344 !important; - border-color: #431344 !important; -} - -.btn-outline-slack.disabled, -.btn-outline-slack:disabled { - color: #4a154b !important; - border-color: #4a154b !important; -} - -.btn-outline-slack .badge { - background: #4a154b; - border-color: #4a154b; - color: #fff; -} - -.btn-outline-slack:hover .badge, -.btn-outline-slack:focus:hover .badge, -.btn-outline-slack:active .badge, -.btn-outline-slack.active .badge, -.show > .btn-outline-slack.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-slack { - color: #4a154b; -} - -.btn-text-slack:hover { - background: #f1ecf1; - color: #4a154b; -} - -.btn-text-slack:focus, -.btn-text-slack.focus { - color: #4a154b; - background: #f1ecf1; -} - -.btn-text-slack:active, -.btn-text-slack.active, -.btn-text-slack-check:checked + .btn-text-slack, -:not(.btn-text-slack-check) + .btn-text-slack:active, -.btn-text-slack:first-child:active, -.btn-text-slack.show.dropdown-toggle, -.show > .btn-text-slack.dropdown-toggle { - color: #4a154b; - background: #f1ecf1 !important; -} - -.btn-text-slack:disabled, -.btn-text-slack.disabled { - color: #4a154b; -} - -.btn-group .btn-text-slack, -.input-group .btn-text-slack { - border-right: var(--bs-border-width) solid #4a154b !important; - border-left: var(--bs-border-width) solid #4a154b !important; -} - -.btn-group-vertical .btn-text-slack { - border-top: var(--bs-border-width) solid #4a154b !important; - border-bottom: var(--bs-border-width) solid #4a154b !important; -} - -.bg-reddit { - background-color: #ff4500 !important; -} - -a.bg-reddit:hover, -a.bg-reddit:focus { - background-color: #f24200 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #ff4500; -} - -.bg-label-reddit { - background-color: #ffe1d6 !important; - color: #ff4500 !important; -} - -.bg-label-hover-reddit { - background-color: #ffe1d6 !important; - color: #ff4500 !important; -} - -.bg-label-hover-reddit:hover { - background-color: #ff4500 !important; - color: #fff !important; -} - -.border-label-reddit { - border: 3px solid #ffb599; -} - -.border-light-reddit { - border: 3px solid rgba(255, 69, 0, 0.08); -} - -.btn-reddit { - color: #fff; - background-color: #ff4500; - border-color: #ff4500; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 69, 0, 0.4); -} - -.btn-reddit:hover { - color: #fff !important; - background-color: #e63e00 !important; - border-color: #e63e00 !important; -} - -.btn-check:focus + .btn-reddit, -.btn-reddit:focus, -.btn-reddit.focus { - color: #fff; - background-color: #e63e00; - border-color: #e63e00; -} - -.btn-check:checked + .btn-reddit, -.btn-check:active + .btn-reddit, -.btn-reddit:active, -.btn-reddit.active, -.btn-reddit.show.dropdown-toggle, -.show > .btn-reddit.dropdown-toggle { - color: #fff !important; - background-color: #e63e00 !important; - border-color: #e63e00 !important; -} - -.btn-reddit.disabled, -.btn-reddit:disabled { - color: #fff !important; - background-color: #ff4500 !important; - border-color: #ff4500 !important; -} - -.btn-group .btn-reddit, -.input-group .btn-reddit { - border-right: var(--bs-border-width) solid #e63e00; - border-left: var(--bs-border-width) solid #e63e00; -} - -.btn-group-vertical .btn-reddit { - border-top-color: #e63e00; - border-bottom-color: #e63e00; -} - -.btn-label-reddit { - color: #ff4500 !important; - border-color: rgba(0, 0, 0, 0); - background: #ffe1d6; -} - -.btn-label-reddit:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #e63e00 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 69, 0, 0.4) !important; -} - -.btn-label-reddit:focus, -.btn-label-reddit.focus { - color: #fff !important; - background: #e63e00; -} - -.btn-label-reddit:active, -.btn-label-reddit.active, -.btn-label-reddit.show.dropdown-toggle, -.show > .btn-label-reddit.dropdown-toggle { - color: #fff !important; - background-color: #e63e00 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-reddit.disabled, -.btn-label-reddit:disabled { - color: #ff4500 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #ffe1d6 !important; -} - -.btn-group .btn-label-reddit, -.input-group .btn-label-reddit { - border-right: var(--bs-border-width) solid #ffc3ad !important; - border-left: var(--bs-border-width) solid #ffc3ad !important; -} - -.btn-group-vertical .btn-label-reddit { - border-top: var(--bs-border-width) solid #ffc3ad !important; - border-bottom: var(--bs-border-width) solid #ffc3ad !important; -} - -.btn-outline-reddit { - color: #ff4500; - border-color: #ff4500; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-reddit:hover { - color: #fff !important; - background-color: #e63e00 !important; - border-color: #e63e00 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 69, 0, 0.4) !important; -} - -.btn-check:focus + .btn-outline-reddit, -.btn-outline-reddit:focus { - color: #fff; - background-color: #e63e00; - border-color: #e63e00; -} - -.btn-check:checked + .btn-outline-reddit, -.btn-check:active + .btn-outline-reddit, -.btn-outline-reddit:active, -.btn-outline-reddit.active, -.btn-outline-reddit.dropdown-toggle.show { - color: #fff !important; - background-color: #e63e00 !important; - border-color: #e63e00 !important; -} - -.btn-outline-reddit.disabled, -.btn-outline-reddit:disabled { - color: #ff4500 !important; - border-color: #ff4500 !important; -} - -.btn-outline-reddit .badge { - background: #ff4500; - border-color: #ff4500; - color: #fff; -} - -.btn-outline-reddit:hover .badge, -.btn-outline-reddit:focus:hover .badge, -.btn-outline-reddit:active .badge, -.btn-outline-reddit.active .badge, -.show > .btn-outline-reddit.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-reddit { - color: #ff4500; -} - -.btn-text-reddit:hover { - background: #fff0eb; - color: #ff4500; -} - -.btn-text-reddit:focus, -.btn-text-reddit.focus { - color: #ff4500; - background: #fff0eb; -} - -.btn-text-reddit:active, -.btn-text-reddit.active, -.btn-text-reddit-check:checked + .btn-text-reddit, -:not(.btn-text-reddit-check) + .btn-text-reddit:active, -.btn-text-reddit:first-child:active, -.btn-text-reddit.show.dropdown-toggle, -.show > .btn-text-reddit.dropdown-toggle { - color: #ff4500; - background: #fff0eb !important; -} - -.btn-text-reddit:disabled, -.btn-text-reddit.disabled { - color: #ff4500; -} - -.btn-group .btn-text-reddit, -.input-group .btn-text-reddit { - border-right: var(--bs-border-width) solid #ff4500 !important; - border-left: var(--bs-border-width) solid #ff4500 !important; -} - -.btn-group-vertical .btn-text-reddit { - border-top: var(--bs-border-width) solid #ff4500 !important; - border-bottom: var(--bs-border-width) solid #ff4500 !important; -} - -.bg-youtube { - background-color: red !important; -} - -a.bg-youtube:hover, -a.bg-youtube:focus { - background-color: #f20000 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: red; -} - -.bg-label-youtube { - background-color: #ffd6d6 !important; - color: red !important; -} - -.bg-label-hover-youtube { - background-color: #ffd6d6 !important; - color: red !important; -} - -.bg-label-hover-youtube:hover { - background-color: red !important; - color: #fff !important; -} - -.border-label-youtube { - border: 3px solid #f99; -} - -.border-light-youtube { - border: 3px solid rgba(255, 0, 0, 0.08); -} - -.btn-youtube { - color: #fff; - background-color: red; - border-color: red; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 0, 0, 0.4); -} - -.btn-youtube:hover { - color: #fff !important; - background-color: #e60000 !important; - border-color: #e60000 !important; -} - -.btn-check:focus + .btn-youtube, -.btn-youtube:focus, -.btn-youtube.focus { - color: #fff; - background-color: #e60000; - border-color: #e60000; -} - -.btn-check:checked + .btn-youtube, -.btn-check:active + .btn-youtube, -.btn-youtube:active, -.btn-youtube.active, -.btn-youtube.show.dropdown-toggle, -.show > .btn-youtube.dropdown-toggle { - color: #fff !important; - background-color: #e60000 !important; - border-color: #e60000 !important; -} - -.btn-youtube.disabled, -.btn-youtube:disabled { - color: #fff !important; - background-color: red !important; - border-color: red !important; -} - -.btn-group .btn-youtube, -.input-group .btn-youtube { - border-right: var(--bs-border-width) solid #e60000; - border-left: var(--bs-border-width) solid #e60000; -} - -.btn-group-vertical .btn-youtube { - border-top-color: #e60000; - border-bottom-color: #e60000; -} - -.btn-label-youtube { - color: red !important; - border-color: rgba(0, 0, 0, 0); - background: #ffd6d6; -} - -.btn-label-youtube:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #e60000 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 0, 0, 0.4) !important; -} - -.btn-label-youtube:focus, -.btn-label-youtube.focus { - color: #fff !important; - background: #e60000; -} - -.btn-label-youtube:active, -.btn-label-youtube.active, -.btn-label-youtube.show.dropdown-toggle, -.show > .btn-label-youtube.dropdown-toggle { - color: #fff !important; - background-color: #e60000 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-youtube.disabled, -.btn-label-youtube:disabled { - color: red !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #ffd6d6 !important; -} - -.btn-group .btn-label-youtube, -.input-group .btn-label-youtube { - border-right: var(--bs-border-width) solid #ffadad !important; - border-left: var(--bs-border-width) solid #ffadad !important; -} - -.btn-group-vertical .btn-label-youtube { - border-top: var(--bs-border-width) solid #ffadad !important; - border-bottom: var(--bs-border-width) solid #ffadad !important; -} - -.btn-outline-youtube { - color: red; - border-color: red; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-youtube:hover { - color: #fff !important; - background-color: #e60000 !important; - border-color: #e60000 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 0, 0, 0.4) !important; -} - -.btn-check:focus + .btn-outline-youtube, -.btn-outline-youtube:focus { - color: #fff; - background-color: #e60000; - border-color: #e60000; -} - -.btn-check:checked + .btn-outline-youtube, -.btn-check:active + .btn-outline-youtube, -.btn-outline-youtube:active, -.btn-outline-youtube.active, -.btn-outline-youtube.dropdown-toggle.show { - color: #fff !important; - background-color: #e60000 !important; - border-color: #e60000 !important; -} - -.btn-outline-youtube.disabled, -.btn-outline-youtube:disabled { - color: red !important; - border-color: red !important; -} - -.btn-outline-youtube .badge { - background: red; - border-color: red; - color: #fff; -} - -.btn-outline-youtube:hover .badge, -.btn-outline-youtube:focus:hover .badge, -.btn-outline-youtube:active .badge, -.btn-outline-youtube.active .badge, -.show > .btn-outline-youtube.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-youtube { - color: red; -} - -.btn-text-youtube:hover { - background: #ffebeb; - color: red; -} - -.btn-text-youtube:focus, -.btn-text-youtube.focus { - color: red; - background: #ffebeb; -} - -.btn-text-youtube:active, -.btn-text-youtube.active, -.btn-text-youtube-check:checked + .btn-text-youtube, -:not(.btn-text-youtube-check) + .btn-text-youtube:active, -.btn-text-youtube:first-child:active, -.btn-text-youtube.show.dropdown-toggle, -.show > .btn-text-youtube.dropdown-toggle { - color: red; - background: #ffebeb !important; -} - -.btn-text-youtube:disabled, -.btn-text-youtube.disabled { - color: red; -} - -.btn-group .btn-text-youtube, -.input-group .btn-text-youtube { - border-right: var(--bs-border-width) solid red !important; - border-left: var(--bs-border-width) solid red !important; -} - -.btn-group-vertical .btn-text-youtube { - border-top: var(--bs-border-width) solid red !important; - border-bottom: var(--bs-border-width) solid red !important; -} - -.bg-vimeo { - background-color: #1ab7ea !important; -} - -a.bg-vimeo:hover, -a.bg-vimeo:focus { - background-color: #19aede !important; -} - -.dropdown-notifications-item:not(.mark-as-read) - .dropdown-notifications-read - span { - background-color: #1ab7ea; -} - -.bg-label-vimeo { - background-color: #daf3fc !important; - color: #1ab7ea !important; -} - -.bg-label-hover-vimeo { - background-color: #daf3fc !important; - color: #1ab7ea !important; -} - -.bg-label-hover-vimeo:hover { - background-color: #1ab7ea !important; - color: #fff !important; -} - -.border-label-vimeo { - border: 3px solid #a3e2f7; -} - -.border-light-vimeo { - border: 3px solid rgba(26, 183, 234, 0.08); -} - -.btn-vimeo { - color: #fff; - background-color: #1ab7ea; - border-color: #1ab7ea; - box-shadow: 0 0.125rem 0.25rem 0 rgba(26, 183, 234, 0.4); -} - -.btn-vimeo:hover { - color: #fff !important; - background-color: #17a5d3 !important; - border-color: #17a5d3 !important; -} - -.btn-check:focus + .btn-vimeo, -.btn-vimeo:focus, -.btn-vimeo.focus { - color: #fff; - background-color: #17a5d3; - border-color: #17a5d3; -} - -.btn-check:checked + .btn-vimeo, -.btn-check:active + .btn-vimeo, -.btn-vimeo:active, -.btn-vimeo.active, -.btn-vimeo.show.dropdown-toggle, -.show > .btn-vimeo.dropdown-toggle { - color: #fff !important; - background-color: #17a5d3 !important; - border-color: #17a5d3 !important; -} - -.btn-vimeo.disabled, -.btn-vimeo:disabled { - color: #fff !important; - background-color: #1ab7ea !important; - border-color: #1ab7ea !important; -} - -.btn-group .btn-vimeo, -.input-group .btn-vimeo { - border-right: var(--bs-border-width) solid #17a5d3; - border-left: var(--bs-border-width) solid #17a5d3; -} - -.btn-group-vertical .btn-vimeo { - border-top-color: #17a5d3; - border-bottom-color: #17a5d3; -} - -.btn-label-vimeo { - color: #1ab7ea !important; - border-color: rgba(0, 0, 0, 0); - background: #daf3fc; -} - -.btn-label-vimeo:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #17a5d3 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(26, 183, 234, 0.4) !important; -} - -.btn-label-vimeo:focus, -.btn-label-vimeo.focus { - color: #fff !important; - background: #17a5d3; -} - -.btn-label-vimeo:active, -.btn-label-vimeo.active, -.btn-label-vimeo.show.dropdown-toggle, -.show > .btn-label-vimeo.dropdown-toggle { - color: #fff !important; - background-color: #17a5d3 !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-vimeo.disabled, -.btn-label-vimeo:disabled { - color: #1ab7ea !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #daf3fc !important; -} - -.btn-group .btn-label-vimeo, -.input-group .btn-label-vimeo { - border-right: var(--bs-border-width) solid #b6e8f8 !important; - border-left: var(--bs-border-width) solid #b6e8f8 !important; -} - -.btn-group-vertical .btn-label-vimeo { - border-top: var(--bs-border-width) solid #b6e8f8 !important; - border-bottom: var(--bs-border-width) solid #b6e8f8 !important; -} - -.btn-outline-vimeo { - color: #1ab7ea; - border-color: #1ab7ea; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-vimeo:hover { - color: #fff !important; - background-color: #17a5d3 !important; - border-color: #17a5d3 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(26, 183, 234, 0.4) !important; -} - -.btn-check:focus + .btn-outline-vimeo, -.btn-outline-vimeo:focus { - color: #fff; - background-color: #17a5d3; - border-color: #17a5d3; -} - -.btn-check:checked + .btn-outline-vimeo, -.btn-check:active + .btn-outline-vimeo, -.btn-outline-vimeo:active, -.btn-outline-vimeo.active, -.btn-outline-vimeo.dropdown-toggle.show { - color: #fff !important; - background-color: #17a5d3 !important; - border-color: #17a5d3 !important; -} - -.btn-outline-vimeo.disabled, -.btn-outline-vimeo:disabled { - color: #1ab7ea !important; - border-color: #1ab7ea !important; -} - -.btn-outline-vimeo .badge { - background: #1ab7ea; - border-color: #1ab7ea; - color: #fff; -} - -.btn-outline-vimeo:hover .badge, -.btn-outline-vimeo:focus:hover .badge, -.btn-outline-vimeo:active .badge, -.btn-outline-vimeo.active .badge, -.show > .btn-outline-vimeo.dropdown-toggle .badge { - background: #fff; - border-color: #fff; -} - -.btn-text-vimeo { - color: #1ab7ea; -} - -.btn-text-vimeo:hover { - background: #edf9fd; - color: #1ab7ea; -} - -.btn-text-vimeo:focus, -.btn-text-vimeo.focus { - color: #1ab7ea; - background: #edf9fd; -} - -.btn-text-vimeo:active, -.btn-text-vimeo.active, -.btn-text-vimeo-check:checked + .btn-text-vimeo, -:not(.btn-text-vimeo-check) + .btn-text-vimeo:active, -.btn-text-vimeo:first-child:active, -.btn-text-vimeo.show.dropdown-toggle, -.show > .btn-text-vimeo.dropdown-toggle { - color: #1ab7ea; - background: #edf9fd !important; -} - -.btn-text-vimeo:disabled, -.btn-text-vimeo.disabled { - color: #1ab7ea; -} - -.btn-group .btn-text-vimeo, -.input-group .btn-text-vimeo { - border-right: var(--bs-border-width) solid #1ab7ea !important; - border-left: var(--bs-border-width) solid #1ab7ea !important; -} - -.btn-group-vertical .btn-text-vimeo { - border-top: var(--bs-border-width) solid #1ab7ea !important; - border-bottom: var(--bs-border-width) solid #1ab7ea !important; -} - -.btn-white { - color: #646e78; - background-color: #fff; - border-color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4); -} - -.btn-white:hover { - color: #22303e !important; - background-color: #fff !important; - border-color: #fff !important; -} - -.btn-check:focus + .btn-white, -.btn-white:focus, -.btn-white.focus { - color: #22303e; - background-color: #fff; - border-color: #fff; -} - -.btn-check:checked + .btn-white, -.btn-check:active + .btn-white, -.btn-white:active, -.btn-white.active, -.btn-white.show.dropdown-toggle, -.show > .btn-white.dropdown-toggle { - color: #22303e !important; - background-color: #fff !important; - border-color: #fff !important; -} - -.btn-white.disabled, -.btn-white:disabled { - color: #646e78 !important; - background-color: #fff !important; - border-color: #fff !important; -} - -.btn-group .btn-white, -.input-group .btn-white { - border-right: var(--bs-border-width) solid #fff; - border-left: var(--bs-border-width) solid #fff; -} - -.btn-group-vertical .btn-white { - border-top-color: #fff; - border-bottom-color: #fff; -} - -.btn-label-white { - color: #646e78 !important; - border-color: rgba(0, 0, 0, 0); - background: #fff; -} - -.btn-label-white:hover { - border-color: rgba(0, 0, 0, 0) !important; - background: #fff !important; - color: #646e78 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; -} - -.btn-label-white:focus, -.btn-label-white.focus { - color: #646e78 !important; - background: #fff; -} - -.btn-label-white:active, -.btn-label-white.active, -.btn-label-white.show.dropdown-toggle, -.show > .btn-label-white.dropdown-toggle { - color: #646e78 !important; - background-color: #fff !important; - border-color: rgba(0, 0, 0, 0) !important; -} - -.btn-label-white.disabled, -.btn-label-white:disabled { - color: #646e78 !important; - border-color: rgba(0, 0, 0, 0) !important; - background: #fff !important; -} - -.btn-group .btn-label-white, -.input-group .btn-label-white { - border-right: var(--bs-border-width) solid #fff !important; - border-left: var(--bs-border-width) solid #fff !important; -} - -.btn-group-vertical .btn-label-white { - border-top: var(--bs-border-width) solid #fff !important; - border-bottom: var(--bs-border-width) solid #fff !important; -} - -.btn-outline-white { - color: #fff; - border-color: #fff; - background: rgba(0, 0, 0, 0); -} - -.btn-outline-white:hover { - color: #22303e !important; - background-color: #fff !important; - border-color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; -} - -.btn-check:focus + .btn-outline-white, -.btn-outline-white:focus { - color: #22303e; - background-color: #fff; - border-color: #fff; -} - -.btn-check:checked + .btn-outline-white, -.btn-check:active + .btn-outline-white, -.btn-outline-white:active, -.btn-outline-white.active, -.btn-outline-white.dropdown-toggle.show { - color: #22303e !important; - background-color: #fff !important; - border-color: #fff !important; -} - -.btn-outline-white.disabled, -.btn-outline-white:disabled { - color: #fff !important; - border-color: #fff !important; -} - -.btn-outline-white .badge { - background: #fff; - border-color: #fff; - color: #22303e; -} - -.btn-outline-white:hover .badge, -.btn-outline-white:focus:hover .badge, -.btn-outline-white:active .badge, -.btn-outline-white.active .badge, -.show > .btn-outline-white.dropdown-toggle .badge { - background: #22303e; - border-color: #22303e; -} - -.form-check-black .form-check-input:checked { - background-color: #000; - border-color: #000; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.4); -} - -.form-check-black .form-check-input[type="checkbox"]:indeterminate { - background-color: #000; - border-color: #000; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.4); -} - -.form-check-black.custom-option.checked { - border: 2px solid #000 !important; - margin: 0; -} - -.form-check-black.custom-option.checked .custom-option-body i, -.form-check-black.custom-option.checked .custom-option-header i { - color: #000; -} - -.form-check-black.custom-option.custom-option-label.checked { - background-color: rgba(0, 0, 0, 0.12); - color: #000; -} - -.form-check-black.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-black.custom-option.custom-option-label.checked - .custom-option-title { - color: #000; -} - -.form-check-white .form-check-input:checked { - background-color: #fff; - border-color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4); -} - -.form-check-white .form-check-input[type="checkbox"]:indeterminate { - background-color: #fff; - border-color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4); -} - -.form-check-white.custom-option.checked { - border: 2px solid #fff !important; - margin: 0; -} - -.form-check-white.custom-option.checked .custom-option-body i, -.form-check-white.custom-option.checked .custom-option-header i { - color: #fff; -} - -.form-check-white.custom-option.custom-option-label.checked { - background-color: rgba(255, 255, 255, 0.12); - color: #fff; -} - -.form-check-white.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-white.custom-option.custom-option-label.checked - .custom-option-title { - color: #fff; -} - -.form-check-silver .form-check-input:checked { - background-color: #eee; - border-color: #eee; - box-shadow: 0 0.125rem 0.25rem 0 rgba(238, 238, 238, 0.4); -} - -.form-check-silver .form-check-input[type="checkbox"]:indeterminate { - background-color: #eee; - border-color: #eee; - box-shadow: 0 0.125rem 0.25rem 0 rgba(238, 238, 238, 0.4); -} - -.form-check-silver.custom-option.checked { - border: 2px solid #eee !important; - margin: 0; -} - -.form-check-silver.custom-option.checked .custom-option-body i, -.form-check-silver.custom-option.checked .custom-option-header i { - color: #eee; -} - -.form-check-silver.custom-option.custom-option-label.checked { - background-color: rgba(238, 238, 238, 0.12); - color: #eee; -} - -.form-check-silver.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-silver.custom-option.custom-option-label.checked - .custom-option-title { - color: #eee; -} - -.form-check-gray .form-check-input:checked { - background-color: #777; - border-color: #777; - box-shadow: 0 0.125rem 0.25rem 0 rgba(119, 119, 119, 0.4); -} - -.form-check-gray .form-check-input[type="checkbox"]:indeterminate { - background-color: #777; - border-color: #777; - box-shadow: 0 0.125rem 0.25rem 0 rgba(119, 119, 119, 0.4); -} - -.form-check-gray.custom-option.checked { - border: 2px solid #777 !important; - margin: 0; -} - -.form-check-gray.custom-option.checked .custom-option-body i, -.form-check-gray.custom-option.checked .custom-option-header i { - color: #777; -} - -.form-check-gray.custom-option.custom-option-label.checked { - background-color: rgba(119, 119, 119, 0.12); - color: #777; -} - -.form-check-gray.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-gray.custom-option.custom-option-label.checked - .custom-option-title { - color: #777; -} - -.form-check-gold .form-check-input:checked { - background-color: #ffeb3b; - border-color: #ffeb3b; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 235, 59, 0.4); -} - -.form-check-gold .form-check-input[type="checkbox"]:indeterminate { - background-color: #ffeb3b; - border-color: #ffeb3b; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 235, 59, 0.4); -} - -.form-check-gold.custom-option.checked { - border: 2px solid #ffeb3b !important; - margin: 0; -} - -.form-check-gold.custom-option.checked .custom-option-body i, -.form-check-gold.custom-option.checked .custom-option-header i { - color: #ffeb3b; -} - -.form-check-gold.custom-option.custom-option-label.checked { - background-color: rgba(255, 235, 59, 0.12); - color: #ffeb3b; -} - -.form-check-gold.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-gold.custom-option.custom-option-label.checked - .custom-option-title { - color: #ffeb3b; -} - -.form-check-pink .form-check-input:checked { - background-color: #e91e63; - border-color: #e91e63; - box-shadow: 0 0.125rem 0.25rem 0 rgba(233, 30, 99, 0.4); -} - -.form-check-pink .form-check-input[type="checkbox"]:indeterminate { - background-color: #e91e63; - border-color: #e91e63; - box-shadow: 0 0.125rem 0.25rem 0 rgba(233, 30, 99, 0.4); -} - -.form-check-pink.custom-option.checked { - border: 2px solid #e91e63 !important; - margin: 0; -} - -.form-check-pink.custom-option.checked .custom-option-body i, -.form-check-pink.custom-option.checked .custom-option-header i { - color: #e91e63; -} - -.form-check-pink.custom-option.custom-option-label.checked { - background-color: rgba(233, 30, 99, 0.12); - color: #e91e63; -} - -.form-check-pink.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-pink.custom-option.custom-option-label.checked - .custom-option-title { - color: #e91e63; -} - -.form-check-red .form-check-input:checked { - background-color: #f44336; - border-color: #f44336; - box-shadow: 0 0.125rem 0.25rem 0 rgba(244, 67, 54, 0.4); -} - -.form-check-red .form-check-input[type="checkbox"]:indeterminate { - background-color: #f44336; - border-color: #f44336; - box-shadow: 0 0.125rem 0.25rem 0 rgba(244, 67, 54, 0.4); -} - -.form-check-red.custom-option.checked { - border: 2px solid #f44336 !important; - margin: 0; -} - -.form-check-red.custom-option.checked .custom-option-body i, -.form-check-red.custom-option.checked .custom-option-header i { - color: #f44336; -} - -.form-check-red.custom-option.custom-option-label.checked { - background-color: rgba(244, 67, 54, 0.12); - color: #f44336; -} - -.form-check-red.custom-option.custom-option-label.checked - .custom-option-header - span, -.form-check-red.custom-option.custom-option-label.checked .custom-option-title { - color: #f44336; -} - -.navbar.bg-secondary { - background-color: rgba(133, 146, 163, 0.88) !important; - color: #eaecef; -} - -.navbar.bg-secondary .navbar-brand, -.navbar.bg-secondary .navbar-brand a { - color: #fff; -} - -.navbar.bg-secondary .navbar-brand:hover, -.navbar.bg-secondary .navbar-brand:focus, -.navbar.bg-secondary .navbar-brand a:hover, -.navbar.bg-secondary .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-secondary .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-secondary .navbar-search-wrapper .search-input { - color: #eaecef; -} - -.navbar.bg-secondary .search-input-wrapper .search-input, -.navbar.bg-secondary .search-input-wrapper .search-toggler { - background-color: #8592a3 !important; - color: #eaecef; -} - -.navbar.bg-secondary .navbar-nav > .nav-link, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link { - color: #eaecef; -} - -.navbar.bg-secondary .navbar-nav > .nav-link:hover, -.navbar.bg-secondary .navbar-nav > .nav-link:focus, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-secondary .navbar-nav > .nav-link.disabled, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #c2c8d1 !important; -} - -.navbar.bg-secondary .navbar-nav .show > .nav-link, -.navbar.bg-secondary .navbar-nav .active > .nav-link, -.navbar.bg-secondary .navbar-nav .nav-link.show, -.navbar.bg-secondary .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-secondary .navbar-toggler { - color: #eaecef; - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-secondary .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-secondary .navbar-text { - color: #eaecef; -} - -.navbar.bg-secondary .navbar-text a { - color: #fff; -} - -.navbar.bg-secondary .navbar-text a:hover, -.navbar.bg-secondary .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-secondary hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-success { - background-color: rgba(113, 221, 55, 0.88) !important; - color: #ecfae4; -} - -.navbar.bg-success .navbar-brand, -.navbar.bg-success .navbar-brand a { - color: #fff; -} - -.navbar.bg-success .navbar-brand:hover, -.navbar.bg-success .navbar-brand:focus, -.navbar.bg-success .navbar-brand a:hover, -.navbar.bg-success .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-success .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-success .navbar-search-wrapper .search-input { - color: #ecfae4; -} - -.navbar.bg-success .search-input-wrapper .search-input, -.navbar.bg-success .search-input-wrapper .search-toggler { - background-color: #71dd37 !important; - color: #ecfae4; -} - -.navbar.bg-success .navbar-nav > .nav-link, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link { - color: #ecfae4; -} - -.navbar.bg-success .navbar-nav > .nav-link:hover, -.navbar.bg-success .navbar-nav > .nav-link:focus, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-success .navbar-nav > .nav-link.disabled, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #bbee9f !important; -} - -.navbar.bg-success .navbar-nav .show > .nav-link, -.navbar.bg-success .navbar-nav .active > .nav-link, -.navbar.bg-success .navbar-nav .nav-link.show, -.navbar.bg-success .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-success .navbar-toggler { - color: #ecfae4; - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-success .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-success .navbar-text { - color: #ecfae4; -} - -.navbar.bg-success .navbar-text a { - color: #fff; -} - -.navbar.bg-success .navbar-text a:hover, -.navbar.bg-success .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-success hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-info { - background-color: rgba(3, 195, 236, 0.88) !important; - color: #d2f4fc; -} - -.navbar.bg-info .navbar-brand, -.navbar.bg-info .navbar-brand a { - color: #fff; -} - -.navbar.bg-info .navbar-brand:hover, -.navbar.bg-info .navbar-brand:focus, -.navbar.bg-info .navbar-brand a:hover, -.navbar.bg-info .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-info .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-info .navbar-search-wrapper .search-input { - color: #d2f4fc; -} - -.navbar.bg-info .search-input-wrapper .search-input, -.navbar.bg-info .search-input-wrapper .search-toggler { - background-color: #03c3ec !important; - color: #d2f4fc; -} - -.navbar.bg-info .navbar-nav > .nav-link, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link { - color: #d2f4fc; -} - -.navbar.bg-info .navbar-nav > .nav-link:hover, -.navbar.bg-info .navbar-nav > .nav-link:focus, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-info .navbar-nav > .nav-link.disabled, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #7fe0f6 !important; -} - -.navbar.bg-info .navbar-nav .show > .nav-link, -.navbar.bg-info .navbar-nav .active > .nav-link, -.navbar.bg-info .navbar-nav .nav-link.show, -.navbar.bg-info .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-info .navbar-toggler { - color: #d2f4fc; - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-info .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-info .navbar-text { - color: #d2f4fc; -} - -.navbar.bg-info .navbar-text a { - color: #fff; -} - -.navbar.bg-info .navbar-text a:hover, -.navbar.bg-info .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-info hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-warning { - background-color: rgba(255, 171, 0, 0.88) !important; - color: #fff5e0; -} - -.navbar.bg-warning .navbar-brand, -.navbar.bg-warning .navbar-brand a { - color: #fff; -} - -.navbar.bg-warning .navbar-brand:hover, -.navbar.bg-warning .navbar-brand:focus, -.navbar.bg-warning .navbar-brand a:hover, -.navbar.bg-warning .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-warning .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-warning .navbar-search-wrapper .search-input { - color: #fff5e0; -} - -.navbar.bg-warning .search-input-wrapper .search-input, -.navbar.bg-warning .search-input-wrapper .search-toggler { - background-color: #ffab00 !important; - color: #fff5e0; -} - -.navbar.bg-warning .navbar-nav > .nav-link, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link { - color: #fff5e0; -} - -.navbar.bg-warning .navbar-nav > .nav-link:hover, -.navbar.bg-warning .navbar-nav > .nav-link:focus, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-warning .navbar-nav > .nav-link.disabled, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #ffd786 !important; -} - -.navbar.bg-warning .navbar-nav .show > .nav-link, -.navbar.bg-warning .navbar-nav .active > .nav-link, -.navbar.bg-warning .navbar-nav .nav-link.show, -.navbar.bg-warning .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-warning .navbar-toggler { - color: #fff5e0; - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-warning .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-warning .navbar-text { - color: #fff5e0; -} - -.navbar.bg-warning .navbar-text a { - color: #fff; -} - -.navbar.bg-warning .navbar-text a:hover, -.navbar.bg-warning .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-warning hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-danger { - background-color: rgba(255, 62, 29, 0.88) !important; - color: #ffd5ce; -} - -.navbar.bg-danger .navbar-brand, -.navbar.bg-danger .navbar-brand a { - color: #fff; -} - -.navbar.bg-danger .navbar-brand:hover, -.navbar.bg-danger .navbar-brand:focus, -.navbar.bg-danger .navbar-brand a:hover, -.navbar.bg-danger .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-danger .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-danger .navbar-search-wrapper .search-input { - color: #ffd5ce; -} - -.navbar.bg-danger .search-input-wrapper .search-input, -.navbar.bg-danger .search-input-wrapper .search-toggler { - background-color: #ff3e1d !important; - color: #ffd5ce; -} - -.navbar.bg-danger .navbar-nav > .nav-link, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link { - color: #ffd5ce; -} - -.navbar.bg-danger .navbar-nav > .nav-link:hover, -.navbar.bg-danger .navbar-nav > .nav-link:focus, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-danger .navbar-nav > .nav-link.disabled, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #ff9987 !important; -} - -.navbar.bg-danger .navbar-nav .show > .nav-link, -.navbar.bg-danger .navbar-nav .active > .nav-link, -.navbar.bg-danger .navbar-nav .nav-link.show, -.navbar.bg-danger .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-danger .navbar-toggler { - color: #ffd5ce; - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-danger .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-danger .navbar-text { - color: #ffd5ce; -} - -.navbar.bg-danger .navbar-text a { - color: #fff; -} - -.navbar.bg-danger .navbar-text a:hover, -.navbar.bg-danger .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-danger hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-dark { - background-color: rgba(43, 44, 64, 0.88) !important; - color: #e4e4e7; -} - -.navbar.bg-dark .navbar-brand, -.navbar.bg-dark .navbar-brand a { - color: #fff; -} - -.navbar.bg-dark .navbar-brand:hover, -.navbar.bg-dark .navbar-brand:focus, -.navbar.bg-dark .navbar-brand a:hover, -.navbar.bg-dark .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-dark .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-dark .navbar-search-wrapper .search-input { - color: #e4e4e7; -} - -.navbar.bg-dark .search-input-wrapper .search-input, -.navbar.bg-dark .search-input-wrapper .search-toggler { - background-color: #2b2c40 !important; - color: #e4e4e7; -} - -.navbar.bg-dark .navbar-nav > .nav-link, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link { - color: #e4e4e7; -} - -.navbar.bg-dark .navbar-nav > .nav-link:hover, -.navbar.bg-dark .navbar-nav > .nav-link:focus, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-dark .navbar-nav > .nav-link.disabled, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #9a9aa4 !important; -} - -.navbar.bg-dark .navbar-nav .show > .nav-link, -.navbar.bg-dark .navbar-nav .active > .nav-link, -.navbar.bg-dark .navbar-nav .nav-link.show, -.navbar.bg-dark .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-dark .navbar-toggler { - color: #e4e4e7; - border-color: rgba(255, 255, 255, 0.06); -} - -.navbar.bg-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-dark .navbar-text { - color: #e4e4e7; -} - -.navbar.bg-dark .navbar-text a { - color: #fff; -} - -.navbar.bg-dark .navbar-text a:hover, -.navbar.bg-dark .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-dark hr { - border-color: rgba(255, 255, 255, 0.06); -} - -.navbar.bg-gray { - background-color: rgba(145, 152, 159, 0.88) !important; - color: #edeeef; -} - -.navbar.bg-gray .navbar-brand, -.navbar.bg-gray .navbar-brand a { - color: #fff; -} - -.navbar.bg-gray .navbar-brand:hover, -.navbar.bg-gray .navbar-brand:focus, -.navbar.bg-gray .navbar-brand a:hover, -.navbar.bg-gray .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-gray .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-gray .navbar-search-wrapper .search-input { - color: #edeeef; -} - -.navbar.bg-gray .search-input-wrapper .search-input, -.navbar.bg-gray .search-input-wrapper .search-toggler { - background-color: rgba(34, 48, 62, 0.5) !important; - color: #edeeef; -} - -.navbar.bg-gray .navbar-nav > .nav-link, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link { - color: #edeeef; -} - -.navbar.bg-gray .navbar-nav > .nav-link:hover, -.navbar.bg-gray .navbar-nav > .nav-link:focus, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-gray .navbar-nav > .nav-link.disabled, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #c8cccf !important; -} - -.navbar.bg-gray .navbar-nav .show > .nav-link, -.navbar.bg-gray .navbar-nav .active > .nav-link, -.navbar.bg-gray .navbar-nav .nav-link.show, -.navbar.bg-gray .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-gray .navbar-toggler { - color: #edeeef; - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-gray .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-gray .navbar-text { - color: #edeeef; -} - -.navbar.bg-gray .navbar-text a { - color: #fff; -} - -.navbar.bg-gray .navbar-text a:hover, -.navbar.bg-gray .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-gray hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-white { - background-color: rgba(255, 255, 255, 0.88) !important; - color: #646e78; -} - -.navbar.bg-white .navbar-brand, -.navbar.bg-white .navbar-brand a { - color: #384551; -} - -.navbar.bg-white .navbar-brand:hover, -.navbar.bg-white .navbar-brand:focus, -.navbar.bg-white .navbar-brand a:hover, -.navbar.bg-white .navbar-brand a:focus { - color: #384551; -} - -.navbar.bg-white .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-white .navbar-search-wrapper .search-input { - color: #646e78; -} - -.navbar.bg-white .search-input-wrapper .search-input, -.navbar.bg-white .search-input-wrapper .search-toggler { - background-color: #fff !important; - color: #646e78; -} - -.navbar.bg-white .navbar-nav > .nav-link, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link { - color: #646e78; -} - -.navbar.bg-white .navbar-nav > .nav-link:hover, -.navbar.bg-white .navbar-nav > .nav-link:focus, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #384551; -} - -.navbar.bg-white .navbar-nav > .nav-link.disabled, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #a2a8ae !important; -} - -.navbar.bg-white .navbar-nav .show > .nav-link, -.navbar.bg-white .navbar-nav .active > .nav-link, -.navbar.bg-white .navbar-nav .nav-link.show, -.navbar.bg-white .navbar-nav .nav-link.active { - color: #384551; -} - -.navbar.bg-white .navbar-toggler { - color: #646e78; - border-color: rgba(56, 69, 81, 0.075); -} - -.navbar.bg-white .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-white .navbar-text { - color: #646e78; -} - -.navbar.bg-white .navbar-text a { - color: #384551; -} - -.navbar.bg-white .navbar-text a:hover, -.navbar.bg-white .navbar-text a:focus { - color: #384551; -} - -.navbar.bg-white hr { - border-color: rgba(56, 69, 81, 0.075); -} - -.navbar.bg-light { - background-color: rgba(233, 234, 236, 0.88) !important; - color: #646e78; -} - -.navbar.bg-light .navbar-brand, -.navbar.bg-light .navbar-brand a { - color: #384551; -} - -.navbar.bg-light .navbar-brand:hover, -.navbar.bg-light .navbar-brand:focus, -.navbar.bg-light .navbar-brand a:hover, -.navbar.bg-light .navbar-brand a:focus { - color: #384551; -} - -.navbar.bg-light .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-light .navbar-search-wrapper .search-input { - color: #646e78; -} - -.navbar.bg-light .search-input-wrapper .search-input, -.navbar.bg-light .search-input-wrapper .search-toggler { - background-color: rgba(34, 48, 62, 0.1) !important; - color: #646e78; -} - -.navbar.bg-light .navbar-nav > .nav-link, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link { - color: #646e78; -} - -.navbar.bg-light .navbar-nav > .nav-link:hover, -.navbar.bg-light .navbar-nav > .nav-link:focus, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #384551; -} - -.navbar.bg-light .navbar-nav > .nav-link.disabled, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #99a0a6 !important; -} - -.navbar.bg-light .navbar-nav .show > .nav-link, -.navbar.bg-light .navbar-nav .active > .nav-link, -.navbar.bg-light .navbar-nav .nav-link.show, -.navbar.bg-light .navbar-nav .nav-link.active { - color: #384551; -} - -.navbar.bg-light .navbar-toggler { - color: #646e78; - border-color: rgba(56, 69, 81, 0.0791315686); -} - -.navbar.bg-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-light .navbar-text { - color: #646e78; -} - -.navbar.bg-light .navbar-text a { - color: #384551; -} - -.navbar.bg-light .navbar-text a:hover, -.navbar.bg-light .navbar-text a:focus { - color: #384551; -} - -.navbar.bg-light hr { - border-color: rgba(56, 69, 81, 0.0791315686); -} - -.navbar.bg-lighter { - background-color: rgba(242, 243, 243, 0.88) !important; - color: #646e78; -} - -.navbar.bg-lighter .navbar-brand, -.navbar.bg-lighter .navbar-brand a { - color: #384551; -} - -.navbar.bg-lighter .navbar-brand:hover, -.navbar.bg-lighter .navbar-brand:focus, -.navbar.bg-lighter .navbar-brand a:hover, -.navbar.bg-lighter .navbar-brand a:focus { - color: #384551; -} - -.navbar.bg-lighter .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-lighter .navbar-search-wrapper .search-input { - color: #646e78; -} - -.navbar.bg-lighter .search-input-wrapper .search-input, -.navbar.bg-lighter .search-input-wrapper .search-toggler { - background-color: rgba(34, 48, 62, 0.06) !important; - color: #646e78; -} - -.navbar.bg-lighter .navbar-nav > .nav-link, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link { - color: #646e78; -} - -.navbar.bg-lighter .navbar-nav > .nav-link:hover, -.navbar.bg-lighter .navbar-nav > .nav-link:focus, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #384551; -} - -.navbar.bg-lighter .navbar-nav > .nav-link.disabled, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #9da3a9 !important; -} - -.navbar.bg-lighter .navbar-nav .show > .nav-link, -.navbar.bg-lighter .navbar-nav .active > .nav-link, -.navbar.bg-lighter .navbar-nav .nav-link.show, -.navbar.bg-lighter .navbar-nav .nav-link.active { - color: #384551; -} - -.navbar.bg-lighter .navbar-toggler { - color: #646e78; - border-color: rgba(56, 69, 81, 0.0774115686); -} - -.navbar.bg-lighter .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-lighter .navbar-text { - color: #646e78; -} - -.navbar.bg-lighter .navbar-text a { - color: #384551; -} - -.navbar.bg-lighter .navbar-text a:hover, -.navbar.bg-lighter .navbar-text a:focus { - color: #384551; -} - -.navbar.bg-lighter hr { - border-color: rgba(56, 69, 81, 0.0774115686); +.footer .footer-link { + display: inline-block; + color: var(--bs-footer-link-color); +} +.footer .footer-link:hover, +.footer .footer-link:focus { + color: var(--bs-footer-link-hover-color); +} +.footer .footer-link.disabled { + color: var(--bs-footer-link-disabled-color) !important; +} +.footer .footer-link:active, +.footer .footer-link.active { + color: var(--bs-footer-link-active-color); +} +.footer.bg-footer-theme { + --bs-footer-brand-color: var(--bs-body-color); +} +.footer.bg-white { + --bs-footer-color: #393a5a; + --bs-footer-link-color: #393a5a; + --bs-footer-link-hover-color: #000; + --bs-footer-brand-color: #22303e; + --bs-footer-brand-hover-color: #000; +} + +/* Generate contextual modifier classes for colorizing the footer */ +.footer.bg-primary { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-primary) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-primary) + ); + --bs-footer-color: var(--bs-primary-contrast); + --bs-footer-link-color: var(--bs-primary-contrast); + --bs-footer-brand-color: var(--bs-primary-contrast); } .footer.bg-secondary { - color: #eaecef; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-secondary { - background-color: #8592a3 !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-secondary - .footer-container { - background-color: #8592a3 !important; -} - -.footer.bg-secondary .footer-link { - color: #fff; -} - -.footer.bg-secondary .footer-link:hover, -.footer.bg-secondary .footer-link:focus { - color: #fff; -} - -.footer.bg-secondary .footer-link.disabled { - color: #c2c8d1 !important; -} - -.footer.bg-secondary .footer-text { - color: #eaecef; -} - -.footer.bg-secondary .show > .footer-link, -.footer.bg-secondary .active > .footer-link, -.footer.bg-secondary .footer-link.show, -.footer.bg-secondary .footer-link.active { - color: #fff; -} - -.footer.bg-secondary hr { - border-color: rgba(255, 255, 255, 0.15); + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-secondary) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-secondary) + ); + --bs-footer-color: var(--bs-secondary-contrast); + --bs-footer-link-color: var(--bs-secondary-contrast); + --bs-footer-brand-color: var(--bs-secondary-contrast); } .footer.bg-success { - color: #ecfae4; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-success { - background-color: #71dd37 !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-success - .footer-container { - background-color: #71dd37 !important; -} - -.footer.bg-success .footer-link { - color: #fff; -} - -.footer.bg-success .footer-link:hover, -.footer.bg-success .footer-link:focus { - color: #fff; -} - -.footer.bg-success .footer-link.disabled { - color: #bbee9f !important; -} - -.footer.bg-success .footer-text { - color: #ecfae4; -} - -.footer.bg-success .show > .footer-link, -.footer.bg-success .active > .footer-link, -.footer.bg-success .footer-link.show, -.footer.bg-success .footer-link.active { - color: #fff; -} - -.footer.bg-success hr { - border-color: rgba(255, 255, 255, 0.15); + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-success) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-success) + ); + --bs-footer-color: var(--bs-success-contrast); + --bs-footer-link-color: var(--bs-success-contrast); + --bs-footer-brand-color: var(--bs-success-contrast); } .footer.bg-info { - color: #d2f4fc; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-info { - background-color: #03c3ec !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-info - .footer-container { - background-color: #03c3ec !important; -} - -.footer.bg-info .footer-link { - color: #fff; -} - -.footer.bg-info .footer-link:hover, -.footer.bg-info .footer-link:focus { - color: #fff; -} - -.footer.bg-info .footer-link.disabled { - color: #7fe0f6 !important; -} - -.footer.bg-info .footer-text { - color: #d2f4fc; -} - -.footer.bg-info .show > .footer-link, -.footer.bg-info .active > .footer-link, -.footer.bg-info .footer-link.show, -.footer.bg-info .footer-link.active { - color: #fff; -} - -.footer.bg-info hr { - border-color: rgba(255, 255, 255, 0.15); + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-info) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-info) + ); + --bs-footer-color: var(--bs-info-contrast); + --bs-footer-link-color: var(--bs-info-contrast); + --bs-footer-brand-color: var(--bs-info-contrast); } .footer.bg-warning { - color: #fff5e0; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-warning { - background-color: #ffab00 !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-warning - .footer-container { - background-color: #ffab00 !important; -} - -.footer.bg-warning .footer-link { - color: #fff; -} - -.footer.bg-warning .footer-link:hover, -.footer.bg-warning .footer-link:focus { - color: #fff; -} - -.footer.bg-warning .footer-link.disabled { - color: #ffd786 !important; -} - -.footer.bg-warning .footer-text { - color: #fff5e0; -} - -.footer.bg-warning .show > .footer-link, -.footer.bg-warning .active > .footer-link, -.footer.bg-warning .footer-link.show, -.footer.bg-warning .footer-link.active { - color: #fff; -} - -.footer.bg-warning hr { - border-color: rgba(255, 255, 255, 0.15); + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-warning) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-warning) + ); + --bs-footer-color: var(--bs-warning-contrast); + --bs-footer-link-color: var(--bs-warning-contrast); + --bs-footer-brand-color: var(--bs-warning-contrast); } .footer.bg-danger { - color: #ffd5ce; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-danger { - background-color: #ff3e1d !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-danger - .footer-container { - background-color: #ff3e1d !important; -} - -.footer.bg-danger .footer-link { - color: #fff; -} - -.footer.bg-danger .footer-link:hover, -.footer.bg-danger .footer-link:focus { - color: #fff; -} - -.footer.bg-danger .footer-link.disabled { - color: #ff9987 !important; -} - -.footer.bg-danger .footer-text { - color: #ffd5ce; -} - -.footer.bg-danger .show > .footer-link, -.footer.bg-danger .active > .footer-link, -.footer.bg-danger .footer-link.show, -.footer.bg-danger .footer-link.active { - color: #fff; -} - -.footer.bg-danger hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.footer.bg-dark { - color: #e4e4e7; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-dark { - background-color: #2b2c40 !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-dark - .footer-container { - background-color: #2b2c40 !important; -} - -.footer.bg-dark .footer-link { - color: #fff; -} - -.footer.bg-dark .footer-link:hover, -.footer.bg-dark .footer-link:focus { - color: #fff; -} - -.footer.bg-dark .footer-link.disabled { - color: #9a9aa4 !important; -} - -.footer.bg-dark .footer-text { - color: #e4e4e7; -} - -.footer.bg-dark .show > .footer-link, -.footer.bg-dark .active > .footer-link, -.footer.bg-dark .footer-link.show, -.footer.bg-dark .footer-link.active { - color: #fff; -} - -.footer.bg-dark hr { - border-color: rgba(255, 255, 255, 0.06); -} - -.footer.bg-gray { - color: #edeeef; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-gray { - background-color: #91989f !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-gray - .footer-container { - background-color: #91989f !important; -} - -.footer.bg-gray .footer-link { - color: #fff; -} - -.footer.bg-gray .footer-link:hover, -.footer.bg-gray .footer-link:focus { - color: #fff; -} - -.footer.bg-gray .footer-link.disabled { - color: #c8cccf !important; -} - -.footer.bg-gray .footer-text { - color: #edeeef; -} - -.footer.bg-gray .show > .footer-link, -.footer.bg-gray .active > .footer-link, -.footer.bg-gray .footer-link.show, -.footer.bg-gray .footer-link.active { - color: #fff; -} - -.footer.bg-gray hr { - border-color: rgba(255, 255, 255, 0.15); -} - -.footer.bg-white { - color: #384551; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-white { - background-color: #fff !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-white - .footer-container { - background-color: #fff !important; -} - -.footer.bg-white .footer-link { - color: #646e78; -} - -.footer.bg-white .footer-link:hover, -.footer.bg-white .footer-link:focus { - color: #646e78; -} - -.footer.bg-white .footer-link.disabled { - color: #888f97 !important; -} - -.footer.bg-white .footer-text { - color: #384551; -} - -.footer.bg-white .show > .footer-link, -.footer.bg-white .active > .footer-link, -.footer.bg-white .footer-link.show, -.footer.bg-white .footer-link.active { - color: #646e78; -} - -.footer.bg-white hr { - border-color: rgba(100, 110, 120, 0.075); + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-danger) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-danger) + ); + --bs-footer-color: var(--bs-danger-contrast); + --bs-footer-link-color: var(--bs-danger-contrast); + --bs-footer-brand-color: var(--bs-danger-contrast); } .footer.bg-light { - color: #384551; + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 40%, + var(--bs-light-contrast) + ); + --bs-footer-link-hover-color: var(--bs-light-contrast); + --bs-footer-color: var(--bs-body-color); + --bs-footer-link-color: var(--bs-body-color); + --bs-footer-brand-color: var(--bs-heading-color); } -.layout-footer-fixed .layout-horizontal .footer.bg-light { - background-color: #e9eaec !important; +.footer.bg-dark { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark) + ); + --bs-footer-color: var(--bs-dark-contrast); + --bs-footer-link-color: var(--bs-dark-contrast); + --bs-footer-brand-color: var(--bs-dark-contrast); } -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-light - .footer-container { - background-color: #e9eaec !important; +.footer.bg-gray { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-gray) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-gray) + ); + --bs-footer-color: var(--bs-gray-contrast); + --bs-footer-link-color: var(--bs-gray-contrast); + --bs-footer-brand-color: var(--bs-gray-contrast); } -.footer.bg-light .footer-link { - color: #646e78; -} - -.footer.bg-light .footer-link:hover, -.footer.bg-light .footer-link:focus { - color: #646e78; -} - -.footer.bg-light .footer-link.disabled { - color: #7f878f !important; -} - -.footer.bg-light .footer-text { - color: #384551; -} - -.footer.bg-light .show > .footer-link, -.footer.bg-light .active > .footer-link, -.footer.bg-light .footer-link.show, -.footer.bg-light .footer-link.active { - color: #646e78; -} - -.footer.bg-light hr { - border-color: rgba(100, 110, 120, 0.0791315686); -} - -.footer.bg-lighter { - color: #384551; -} - -.layout-footer-fixed .layout-horizontal .footer.bg-lighter { - background-color: #f2f3f3 !important; -} - -.layout-footer-fixed - .layout-wrapper:not(.layout-horizontal) - .footer.bg-lighter - .footer-container { - background-color: #f2f3f3 !important; -} - -.footer.bg-lighter .footer-link { - color: #646e78; -} - -.footer.bg-lighter .footer-link:hover, -.footer.bg-lighter .footer-link:focus { - color: #646e78; -} - -.footer.bg-lighter .footer-link.disabled { - color: #828b92 !important; -} - -.footer.bg-lighter .footer-text { - color: #384551; -} - -.footer.bg-lighter .show > .footer-link, -.footer.bg-lighter .active > .footer-link, -.footer.bg-lighter .footer-link.show, -.footer.bg-lighter .footer-link.active { - color: #646e78; -} - -.footer.bg-lighter hr { - border-color: rgba(100, 110, 120, 0.0774115686); +/* Dark Theme */ +[data-bs-theme="dark"] .footer.bg-dark { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark-contrast) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark-contrast) + ); } diff --git a/src/components/Activities/Attendance.jsx b/src/components/Activities/Attendance.jsx index e3fee8b6..0ee7fc97 100644 --- a/src/components/Activities/Attendance.jsx +++ b/src/components/Activities/Attendance.jsx @@ -1,4 +1,4 @@ -import React,{useState}from "react"; +import React, { useState } from "react"; import moment from "moment"; import Avatar from "../common/Avatar"; import { convertShortTime } from "../../utils/dateUtils"; @@ -6,105 +6,151 @@ import RenderAttendanceStatus from "./RenderAttendanceStatus"; import usePagination from "../../hooks/usePagination"; import { useNavigate } from "react-router-dom"; +const Attendance = ({ attendance, getRole, handleModalData }) => { + const { currentPage, totalPages, currentItems, paginate } = usePagination( + attendance, + 5 + ); + const [loading, setLoading] = useState(false); + const navigate = useNavigate(); -const Attendance = ( {attendance, getRole, handleModalData} ) => -{ - - const { currentPage, totalPages, currentItems, paginate } = usePagination(attendance, 5); - const [loading,setLoading] = useState(false); - const navigate = useNavigate() - return ( - <> -
- {attendance && attendance.length > 0 ? (<> - - - - - - - - - - - - {currentItems && - currentItems - .sort((a, b) => { - // If checkInTime exists, compare it, otherwise, treat null as earlier than a date - const checkInA = a.checkInTime ? new Date(a.checkInTime) : new Date(0); - const checkInB = b.checkInTime ? new Date(b.checkInTime) : new Date(0); - return checkInB - checkInA; // Sort in descending order of checkInTime - }) - .map( ( item ) => ( - - + + + + + ))} + +
NameRoleCheck-InCheck-OutActions
-
- - + <> +
+ {attendance && attendance.length > 0 ? ( + <> + + + + + + + + + + + + {currentItems && + currentItems + .sort((a, b) => { + // If checkInTime exists, compare it, otherwise, treat null as earlier than a date + const checkInA = a.checkInTime + ? new Date(a.checkInTime) + : new Date(0); + const checkInB = b.checkInTime + ? new Date(b.checkInTime) + : new Date(0); + return checkInB - checkInA; // Sort in descending order of checkInTime + }) + .map((item) => ( + + - - - - + + - - - ))} - - -
+ Name + Role + + Check-In + + Check-Out + Actions
+ - {item.jobRoleName} - - {item.checkInTime ? convertShortTime(item.checkInTime):"--"}{item.checkOutTime ? convertShortTime(item.checkOutTime):"--"} - -
+
{item.jobRoleName} + {item.checkInTime + ? convertShortTime(item.checkInTime) + : "--"} + + {item.checkOutTime + ? convertShortTime(item.checkOutTime) + : "--"} + + +
- -{ - !loading && ( - - ) -} - - ) : ( - No employees assigned to the project - )} + {!loading && ( + + )} + + ) : ( + No employees assigned to the project + )}
- ); }; -export default Attendance; \ No newline at end of file +export default Attendance; diff --git a/src/components/Activities/AttendcesLogs.jsx b/src/components/Activities/AttendcesLogs.jsx index a18522ed..65a85be9 100644 --- a/src/components/Activities/AttendcesLogs.jsx +++ b/src/components/Activities/AttendcesLogs.jsx @@ -87,7 +87,7 @@ const AttendanceLog = ({ attendance, handleModalData, projectId }) => { />
- + {attendance.firstName} {attendance.lastName} diff --git a/src/components/Activities/Regularization.jsx b/src/components/Activities/Regularization.jsx index 0c76cd06..dd61c8a3 100644 --- a/src/components/Activities/Regularization.jsx +++ b/src/components/Activities/Regularization.jsx @@ -47,7 +47,7 @@ const Regularization = ({ handleRequest }) => { >
- + {att.firstName} {att.lastName} diff --git a/src/components/Layout/Header.jsx b/src/components/Layout/Header.jsx index dcaa306f..aeb5429c 100644 --- a/src/components/Layout/Header.jsx +++ b/src/components/Layout/Header.jsx @@ -1,23 +1,22 @@ import getGreetingMessage from "../../utils/greetingHandler"; import { clearAllCache } from "../../slices/apiDataManager"; import AuthRepository from "../../repositories/AuthRepository"; -import {useDispatch, } from "react-redux"; -import {changeMaster} from "../../slices/localVariablesSlice"; +import { useDispatch } from "react-redux"; +import { changeMaster } from "../../slices/localVariablesSlice"; import useMaster from "../../hooks/masterHook/useMaster"; -import {useProfile} from "../../hooks/useProfile"; -import {useNavigate} from "react-router-dom"; +import { useProfile } from "../../hooks/useProfile"; +import { useNavigate } from "react-router-dom"; import Avatar from "../../components/common/Avatar"; -const Header = () =>{ - const {profile} = useProfile() - const dispatch = useDispatch( changeMaster( "Job Role" ) ) - const {data, loading} = useMaster() - const navigate = useNavigate() - const getRole = (roles,joRoleId) => - { - if (!Array.isArray(roles)) return "User"; - let role = roles.find( role => role.id === joRoleId ) +const Header = () => { + const { profile } = useProfile(); + const dispatch = useDispatch(changeMaster("Job Role")); + const { data, loading } = useMaster(); + const navigate = useNavigate(); + const getRole = (roles, joRoleId) => { + if (!Array.isArray(roles)) return "User"; + let role = roles.find((role) => role.id === joRoleId); return role ? role.name : "User"; - } + }; const handleLogout = (e) => { e.preventDefault(); // Prevent default anchor behavior (e.g., page reload) logout(); @@ -46,7 +45,6 @@ const Header = () =>{ clearAllCache(); window.location.href = "/auth/login"; }); - } catch (error) { console.error( "Error during logout:", @@ -55,10 +53,9 @@ const Header = () =>{ } }; - - const handleProfilePage = ()=>{ - navigate(`/employee/${profile?.employeeInfo?.id}?for=account`) - } + const handleProfilePage = () => { + navigate(`/employee/${profile?.employeeInfo?.id}?for=account`); + }; return (