diff options
| author | XhmikosR <[email protected]> | 2020-05-13 21:53:43 +0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-05-13 21:53:43 +0300 |
| commit | de7af5ee0738d08ef2d6702654834beb5bfce35e (patch) | |
| tree | 371b751a7f96f96399e53d1767b8f0c4610cb268 /dist/css/bootstrap.css | |
| parent | 53eb7d38830f1e7c593069c8f5b40f4127563317 (diff) | |
| download | bootstrap-de7af5ee0738d08ef2d6702654834beb5bfce35e.tar.xz bootstrap-de7af5ee0738d08ef2d6702654834beb5bfce35e.zip | |
Dist (#30694)
Diffstat (limited to 'dist/css/bootstrap.css')
| -rw-r--r-- | dist/css/bootstrap.css | 3092 |
1 files changed, 1461 insertions, 1631 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 593cba26a..3980924af 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -5,29 +5,29 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { - --blue: #0d6efd; - --indigo: #6610f2; - --purple: #6f42c1; - --pink: #d63384; - --red: #dc3545; - --orange: #fd7e14; - --yellow: #ffc107; - --green: #28a745; - --teal: #20c997; - --cyan: #17a2b8; - --white: #fff; - --gray: #6c757d; - --gray-dark: #343a40; - --primary: #0d6efd; - --secondary: #6c757d; - --success: #28a745; - --info: #17a2b8; - --warning: #ffc107; - --danger: #dc3545; - --light: #f8f9fa; - --dark: #343a40; - --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #fd7e14; + --bs-yellow: #ffc107; + --bs-green: #28a745; + --bs-teal: #20c997; + --bs-cyan: #17a2b8; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-primary: #0d6efd; + --bs-secondary: #6c757d; + --bs-success: #28a745; + --bs-info: #17a2b8; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #343a40; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, @@ -38,7 +38,7 @@ body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; @@ -220,7 +220,7 @@ pre, code, kbd, samp { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: var(--bs-font-monospace); font-size: 1em; } @@ -230,6 +230,7 @@ pre { margin-bottom: 1rem; overflow: auto; font-size: 0.875em; + -ms-overflow-style: scrollbar; } pre code { @@ -288,9 +289,19 @@ th { text-align: -webkit-match-parent; } +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + label { display: inline-block; - margin-bottom: 0.5rem; } button { @@ -350,13 +361,6 @@ button:not(:disabled), border-style: none; } -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { - -webkit-appearance: textfield; -} - textarea { resize: vertical; } @@ -424,6 +428,10 @@ output { display: inline-block; } +iframe { + border: 0; +} + summary { display: list-item; cursor: pointer; @@ -443,38 +451,38 @@ progress { } .display-1 { - font-size: calc(1.725rem + 5.7vw); + font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { - font-size: 6rem; + font-size: 5rem; } } .display-2 { - font-size: calc(1.675rem + 5.1vw); + font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { - font-size: 5.5rem; + font-size: 4.5rem; } } .display-3 { - font-size: calc(1.575rem + 3.9vw); + font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { - font-size: 4.5rem; + font-size: 4rem; } } @@ -490,6 +498,30 @@ progress { } } +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} + +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} + .list-unstyled { padding-left: 0; list-style: none; @@ -588,7 +620,13 @@ progress { } } -.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { +@media (min-width: 1400px) { + .container { + max-width: 1320px; + } +} + +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: 1rem; padding-left: 1rem; @@ -620,595 +658,29 @@ progress { } } +@media (min-width: 1400px) { + .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { + max-width: 1320px; + } +} + .row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; display: flex; flex-wrap: wrap; - margin-right: -0.75rem; - margin-left: -0.75rem; + margin-top: calc(var(--bs-gutter-y) * -1); + margin-right: calc(var(--bs-gutter-x) / -2); + margin-left: calc(var(--bs-gutter-x) / -2); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; - padding-right: 0.75rem; - padding-left: 0.75rem; -} - -.g-0, -.gx-0 { - margin-right: 0; - margin-left: 0; -} - -.g-0 > *, -.gx-0 > * { - padding-right: 0; - padding-left: 0; -} - -.g-0, -.gy-0 { - margin-top: 0; -} - -.g-0 > *, -.gy-0 > * { - margin-top: 0; -} - -.g-1, -.gx-1 { - margin-right: -0.125rem; - margin-left: -0.125rem; -} - -.g-1 > *, -.gx-1 > * { - padding-right: 0.125rem; - padding-left: 0.125rem; -} - -.g-1, -.gy-1 { - margin-top: -0.25rem; -} - -.g-1 > *, -.gy-1 > * { - margin-top: 0.25rem; -} - -.g-2, -.gx-2 { - margin-right: -0.25rem; - margin-left: -0.25rem; -} - -.g-2 > *, -.gx-2 > * { - padding-right: 0.25rem; - padding-left: 0.25rem; -} - -.g-2, -.gy-2 { - margin-top: -0.5rem; -} - -.g-2 > *, -.gy-2 > * { - margin-top: 0.5rem; -} - -.g-3, -.gx-3 { - margin-right: -0.5rem; - margin-left: -0.5rem; -} - -.g-3 > *, -.gx-3 > * { - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.g-3, -.gy-3 { - margin-top: -1rem; -} - -.g-3 > *, -.gy-3 > * { - margin-top: 1rem; -} - -.g-4, -.gx-4 { - margin-right: -0.75rem; - margin-left: -0.75rem; -} - -.g-4 > *, -.gx-4 > * { - padding-right: 0.75rem; - padding-left: 0.75rem; -} - -.g-4, -.gy-4 { - margin-top: -1.5rem; -} - -.g-4 > *, -.gy-4 > * { - margin-top: 1.5rem; -} - -.g-5, -.gx-5 { - margin-right: -1.5rem; - margin-left: -1.5rem; -} - -.g-5 > *, -.gx-5 > * { - padding-right: 1.5rem; - padding-left: 1.5rem; -} - -.g-5, -.gy-5 { - margin-top: -3rem; -} - -.g-5 > *, -.gy-5 > * { - margin-top: 3rem; -} - -@media (min-width: 576px) { - .g-sm-0, - .gx-sm-0 { - margin-right: 0; - margin-left: 0; - } - .g-sm-0 > *, - .gx-sm-0 > * { - padding-right: 0; - padding-left: 0; - } - .g-sm-0, - .gy-sm-0 { - margin-top: 0; - } - .g-sm-0 > *, - .gy-sm-0 > * { - margin-top: 0; - } - .g-sm-1, - .gx-sm-1 { - margin-right: -0.125rem; - margin-left: -0.125rem; - } - .g-sm-1 > *, - .gx-sm-1 > * { - padding-right: 0.125rem; - padding-left: 0.125rem; - } - .g-sm-1, - .gy-sm-1 { - margin-top: -0.25rem; - } - .g-sm-1 > *, - .gy-sm-1 > * { - margin-top: 0.25rem; - } - .g-sm-2, - .gx-sm-2 { - margin-right: -0.25rem; - margin-left: -0.25rem; - } - .g-sm-2 > *, - .gx-sm-2 > * { - padding-right: 0.25rem; - padding-left: 0.25rem; - } - .g-sm-2, - .gy-sm-2 { - margin-top: -0.5rem; - } - .g-sm-2 > *, - .gy-sm-2 > * { - margin-top: 0.5rem; - } - .g-sm-3, - .gx-sm-3 { - margin-right: -0.5rem; - margin-left: -0.5rem; - } - .g-sm-3 > *, - .gx-sm-3 > * { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .g-sm-3, - .gy-sm-3 { - margin-top: -1rem; - } - .g-sm-3 > *, - .gy-sm-3 > * { - margin-top: 1rem; - } - .g-sm-4, - .gx-sm-4 { - margin-right: -0.75rem; - margin-left: -0.75rem; - } - .g-sm-4 > *, - .gx-sm-4 > * { - padding-right: 0.75rem; - padding-left: 0.75rem; - } - .g-sm-4, - .gy-sm-4 { - margin-top: -1.5rem; - } - .g-sm-4 > *, - .gy-sm-4 > * { - margin-top: 1.5rem; - } - .g-sm-5, - .gx-sm-5 { - margin-right: -1.5rem; - margin-left: -1.5rem; - } - .g-sm-5 > *, - .gx-sm-5 > * { - padding-right: 1.5rem; - padding-left: 1.5rem; - } - .g-sm-5, - .gy-sm-5 { - margin-top: -3rem; - } - .g-sm-5 > *, - .gy-sm-5 > * { - margin-top: 3rem; - } -} - -@media (min-width: 768px) { - .g-md-0, - .gx-md-0 { - margin-right: 0; - margin-left: 0; - } - .g-md-0 > *, - .gx-md-0 > * { - padding-right: 0; - padding-left: 0; - } - .g-md-0, - .gy-md-0 { - margin-top: 0; - } - .g-md-0 > *, - .gy-md-0 > * { - margin-top: 0; - } - .g-md-1, - .gx-md-1 { - margin-right: -0.125rem; - margin-left: -0.125rem; - } - .g-md-1 > *, - .gx-md-1 > * { - padding-right: 0.125rem; - padding-left: 0.125rem; - } - .g-md-1, - .gy-md-1 { - margin-top: -0.25rem; - } - .g-md-1 > *, - .gy-md-1 > * { - margin-top: 0.25rem; - } - .g-md-2, - .gx-md-2 { - margin-right: -0.25rem; - margin-left: -0.25rem; - } - .g-md-2 > *, - .gx-md-2 > * { - padding-right: 0.25rem; - padding-left: 0.25rem; - } - .g-md-2, - .gy-md-2 { - margin-top: -0.5rem; - } - .g-md-2 > *, - .gy-md-2 > * { - margin-top: 0.5rem; - } - .g-md-3, - .gx-md-3 { - margin-right: -0.5rem; - margin-left: -0.5rem; - } - .g-md-3 > *, - .gx-md-3 > * { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .g-md-3, - .gy-md-3 { - margin-top: -1rem; - } - .g-md-3 > *, - .gy-md-3 > * { - margin-top: 1rem; - } - .g-md-4, - .gx-md-4 { - margin-right: -0.75rem; - margin-left: -0.75rem; - } - .g-md-4 > *, - .gx-md-4 > * { - padding-right: 0.75rem; - padding-left: 0.75rem; - } - .g-md-4, - .gy-md-4 { - margin-top: -1.5rem; - } - .g-md-4 > *, - .gy-md-4 > * { - margin-top: 1.5rem; - } - .g-md-5, - .gx-md-5 { - margin-right: -1.5rem; - margin-left: -1.5rem; - } - .g-md-5 > *, - .gx-md-5 > * { - padding-right: 1.5rem; - padding-left: 1.5rem; - } - .g-md-5, - .gy-md-5 { - margin-top: -3rem; - } - .g-md-5 > *, - .gy-md-5 > * { - margin-top: 3rem; - } -} - -@media (min-width: 992px) { - .g-lg-0, - .gx-lg-0 { - margin-right: 0; - margin-left: 0; - } - .g-lg-0 > *, - .gx-lg-0 > * { - padding-right: 0; - padding-left: 0; - } - .g-lg-0, - .gy-lg-0 { - margin-top: 0; - } - .g-lg-0 > *, - .gy-lg-0 > * { - margin-top: 0; - } - .g-lg-1, - .gx-lg-1 { - margin-right: -0.125rem; - margin-left: -0.125rem; - } - .g-lg-1 > *, - .gx-lg-1 > * { - padding-right: 0.125rem; - padding-left: 0.125rem; - } - .g-lg-1, - .gy-lg-1 { - margin-top: -0.25rem; - } - .g-lg-1 > *, - .gy-lg-1 > * { - margin-top: 0.25rem; - } - .g-lg-2, - .gx-lg-2 { - margin-right: -0.25rem; - margin-left: -0.25rem; - } - .g-lg-2 > *, - .gx-lg-2 > * { - padding-right: 0.25rem; - padding-left: 0.25rem; - } - .g-lg-2, - .gy-lg-2 { - margin-top: -0.5rem; - } - .g-lg-2 > *, - .gy-lg-2 > * { - margin-top: 0.5rem; - } - .g-lg-3, - .gx-lg-3 { - margin-right: -0.5rem; - margin-left: -0.5rem; - } - .g-lg-3 > *, - .gx-lg-3 > * { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .g-lg-3, - .gy-lg-3 { - margin-top: -1rem; - } - .g-lg-3 > *, - .gy-lg-3 > * { - margin-top: 1rem; - } - .g-lg-4, - .gx-lg-4 { - margin-right: -0.75rem; - margin-left: -0.75rem; - } - .g-lg-4 > *, - .gx-lg-4 > * { - padding-right: 0.75rem; - padding-left: 0.75rem; - } - .g-lg-4, - .gy-lg-4 { - margin-top: -1.5rem; - } - .g-lg-4 > *, - .gy-lg-4 > * { - margin-top: 1.5rem; - } - .g-lg-5, - .gx-lg-5 { - margin-right: -1.5rem; - margin-left: -1.5rem; - } - .g-lg-5 > *, - .gx-lg-5 > * { - padding-right: 1.5rem; - padding-left: 1.5rem; - } - .g-lg-5, - .gy-lg-5 { - margin-top: -3rem; - } - .g-lg-5 > *, - .gy-lg-5 > * { - margin-top: 3rem; - } -} - -@media (min-width: 1200px) { - .g-xl-0, - .gx-xl-0 { - margin-right: 0; - margin-left: 0; - } - .g-xl-0 > *, - .gx-xl-0 > * { - padding-right: 0; - padding-left: 0; - } - .g-xl-0, - .gy-xl-0 { - margin-top: 0; - } - .g-xl-0 > *, - .gy-xl-0 > * { - margin-top: 0; - } - .g-xl-1, - .gx-xl-1 { - margin-right: -0.125rem; - margin-left: -0.125rem; - } - .g-xl-1 > *, - .gx-xl-1 > * { - padding-right: 0.125rem; - padding-left: 0.125rem; - } - .g-xl-1, - .gy-xl-1 { - margin-top: -0.25rem; - } - .g-xl-1 > *, - .gy-xl-1 > * { - margin-top: 0.25rem; - } - .g-xl-2, - .gx-xl-2 { - margin-right: -0.25rem; - margin-left: -0.25rem; - } - .g-xl-2 > *, - .gx-xl-2 > * { - padding-right: 0.25rem; - padding-left: 0.25rem; - } - .g-xl-2, - .gy-xl-2 { - margin-top: -0.5rem; - } - .g-xl-2 > *, - .gy-xl-2 > * { - margin-top: 0.5rem; - } - .g-xl-3, - .gx-xl-3 { - margin-right: -0.5rem; - margin-left: -0.5rem; - } - .g-xl-3 > *, - .gx-xl-3 > * { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .g-xl-3, - .gy-xl-3 { - margin-top: -1rem; - } - .g-xl-3 > *, - .gy-xl-3 > * { - margin-top: 1rem; - } - .g-xl-4, - .gx-xl-4 { - margin-right: -0.75rem; - margin-left: -0.75rem; - } - .g-xl-4 > *, - .gx-xl-4 > * { - padding-right: 0.75rem; - padding-left: 0.75rem; - } - .g-xl-4, - .gy-xl-4 { - margin-top: -1.5rem; - } - .g-xl-4 > *, - .gy-xl-4 > * { - margin-top: 1.5rem; - } - .g-xl-5, - .gx-xl-5 { - margin-right: -1.5rem; - margin-left: -1.5rem; - } - .g-xl-5 > *, - .gx-xl-5 > * { - padding-right: 1.5rem; - padding-left: 1.5rem; - } - .g-xl-5, - .gy-xl-5 { - margin-top: -3rem; - } - .g-xl-5 > *, - .gy-xl-5 > * { - margin-top: 3rem; - } + padding-right: calc(var(--bs-gutter-x) / 2); + padding-left: calc(var(--bs-gutter-x) / 2); + margin-top: var(--bs-gutter-y); } .col { @@ -1360,6 +832,66 @@ progress { margin-left: 91.666667%; } +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 1rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 1rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1.5rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1.5rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 3rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 3rem; +} + @media (min-width: 576px) { .col-sm { flex: 1 0 0%; @@ -1481,6 +1013,54 @@ progress { .offset-sm-11 { margin-left: 91.666667%; } + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 1rem; + } + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 1rem; + } + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 3rem; + } + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 3rem; + } } @media (min-width: 768px) { @@ -1604,6 +1184,54 @@ progress { .offset-md-11 { margin-left: 91.666667%; } + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } } @media (min-width: 992px) { @@ -1727,6 +1355,54 @@ progress { .offset-lg-11 { margin-left: 91.666667%; } + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } } @media (min-width: 1200px) { @@ -1850,357 +1526,435 @@ progress { .offset-xl-11 { margin-left: 91.666667%; } + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + min-width: 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.333333%; + } + .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.666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.333333%; + } + .offset-xxl-2 { + margin-left: 16.666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.333333%; + } + .offset-xxl-5 { + margin-left: 41.666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.333333%; + } + .offset-xxl-8 { + margin-left: 66.666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.333333%; + } + .offset-xxl-11 { + margin-left: 91.666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } } .table { + --bs-table-bg: transparent; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #212529; + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: #212529; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #212529; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; + border-color: #dee2e6; } -.table th, -.table td { +.table > :not(caption) > * > * { padding: 0.5rem; - border-bottom: 1px solid #dee2e6; + background-color: var(--bs-table-bg); + background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); + border-bottom-width: 1px; } -.table tbody { +.table > tbody { vertical-align: inherit; } -.table thead th { +.table > thead { vertical-align: bottom; - border-bottom-color: #495057; } -.table tbody + tbody { - border-top: 2px solid #dee2e6; +.table > :not(:last-child) > :last-child > * { + border-bottom-color: currentColor; } .caption-top { caption-side: top; } -.table-sm th, -.table-sm td { +.table-sm > :not(caption) > * > * { padding: 0.25rem; } -.table-bordered { - border: 1px solid #dee2e6; -} - -.table-bordered th, -.table-bordered td { - border: 1px solid #dee2e6; -} - -.table-bordered thead th, -.table-bordered thead td { - border-bottom-width: 2px; -} - -.table-borderless th, -.table-borderless td, -.table-borderless thead th, -.table-borderless tbody + tbody { - border: 0; -} - -.table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); -} - -.table-hover tbody tr:hover { - color: #212529; - background-color: rgba(0, 0, 0, 0.075); -} - -.table-primary, -.table-primary > th, -.table-primary > td { - background-color: #bbd6fe; -} - -.table-primary th, -.table-primary td, -.table-primary thead th, -.table-primary tbody + tbody { - border-color: #81b4fe; -} - -.table-hover .table-primary:hover { - background-color: #a2c7fe; -} - -.table-hover .table-primary:hover > td, -.table-hover .table-primary:hover > th { - background-color: #a2c7fe; -} - -.table-secondary, -.table-secondary > th, -.table-secondary > td { - background-color: #d6d8db; -} - -.table-secondary th, -.table-secondary td, -.table-secondary thead th, -.table-secondary tbody + tbody { - border-color: #b3b7bb; -} - -.table-hover .table-secondary:hover { - background-color: #c8cbcf; -} - -.table-hover .table-secondary:hover > td, -.table-hover .table-secondary:hover > th { - background-color: #c8cbcf; -} - -.table-success, -.table-success > th, -.table-success > td { - background-color: #c3e6cb; -} - -.table-success th, -.table-success td, -.table-success thead th, -.table-success tbody + tbody { - border-color: #8fd19e; -} - -.table-hover .table-success:hover { - background-color: #b1dfbb; -} - -.table-hover .table-success:hover > td, -.table-hover .table-success:hover > th { - background-color: #b1dfbb; -} - -.table-info, -.table-info > th, -.table-info > td { - background-color: #bee5eb; -} - -.table-info th, -.table-info td, -.table-info thead th, -.table-info tbody + tbody { - border-color: #86cfda; -} - -.table-hover .table-info:hover { - background-color: #abdde5; -} - -.table-hover .table-info:hover > td, -.table-hover .table-info:hover > th { - background-color: #abdde5; -} - -.table-warning, -.table-warning > th, -.table-warning > td { - background-color: #ffeeba; -} - -.table-warning th, -.table-warning td, -.table-warning thead th, -.table-warning tbody + tbody { - border-color: #ffdf7e; -} - -.table-hover .table-warning:hover { - background-color: #ffe8a1; -} - -.table-hover .table-warning:hover > td, -.table-hover .table-warning:hover > th { - background-color: #ffe8a1; -} - -.table-danger, -.table-danger > th, -.table-danger > td { - background-color: #f5c6cb; -} - -.table-danger th, -.table-danger td, -.table-danger thead th, -.table-danger tbody + tbody { - border-color: #ed969e; -} - -.table-hover .table-danger:hover { - background-color: #f1b0b7; -} - -.table-hover .table-danger:hover > td, -.table-hover .table-danger:hover > th { - background-color: #f1b0b7; -} - -.table-light, -.table-light > th, -.table-light > td { - background-color: #fdfdfe; +.table-bordered > :not(caption) > * { + border-width: 1px 0; } -.table-light th, -.table-light td, -.table-light thead th, -.table-light tbody + tbody { - border-color: #fbfcfc; +.table-bordered > :not(caption) > * > * { + border-width: 0 1px; } -.table-hover .table-light:hover { - background-color: #ececf6; +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; } -.table-hover .table-light:hover > td, -.table-hover .table-light:hover > th { - background-color: #ececf6; +.table-striped > tbody > tr:nth-of-type(odd) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); } -.table-dark, -.table-dark > th, -.table-dark > td { - background-color: #c6c8ca; +.table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); } -.table-dark th, -.table-dark td, -.table-dark thead th, -.table-dark tbody + tbody { - border-color: #95999c; +.table-hover > tbody > tr:hover { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); } -.table-hover .table-dark:hover { - background-color: #b9bbbe; +.table-primary { + --bs-table-bg: #bbd6fe; + --bs-table-striped-bg: #b3cdf3; + --bs-table-striped-color: #212529; + --bs-table-active-bg: #acc4e9; + --bs-table-active-color: #212529; + --bs-table-hover-bg: #afc9ee; + --bs-table-hover-color: #212529; + color: #212529; + border-color: #acc4e9; } -.table-hover .table-dark:hover > td, -.table-hover .table-dark:hover > th { - background-color: #b9bbbe; +.table-secondary { + --bs-table-bg: #d6d8db; + --bs-table-striped-bg: #cdcfd2; + --bs-table-striped-color: #212529; + --bs-table-active-bg: #c4c6c9; + --bs-table-active-color: #212529; + --bs-table-hover-bg: #c8cbce; + --bs-table-hover-color: #212529; + color: #212529; + border-color: #c4c6c9; } -.table-active, -.table-active > th, -.table-active > td { - background-color: rgba(0, 0, 0, 0.075); +.table-success { + --bs-table-bg: #c3e6cb; + --bs-table-striped-bg: #bbdcc3; + --bs-table-striped-color: #212529; + --bs-table-active-bg: #b3d3bb; + --bs-table-active-color: #212529; + --bs-table-hover-bg: #b7d8bf; + --bs-table-hover-color: #212529; + color: #212529; + border-color: #b3d3bb; } -.table-hover .table-active:hover { - background-color: rgba(0, 0, 0, 0.075); +.table-info { + --bs-table-bg: #bee5eb; + --bs-table-striped-bg: #b6dbe1; + --bs-table-striped-color: #212529; + --bs-table-active-bg: #aed2d8; + --bs-table-active-color: #212529; + --bs-table-hover-bg: #b2d7dc; + --bs-table-hover-color: #212529; + color: #212529; + border-color: #aed2d8; } -.table-hover .table-active:hover > td, -.table-hover .table-active:hover > th { - background-color: rgba(0, 0, 0, 0.075); +.table-warning { + --bs-table-bg: #ffeeba; + --bs-table-striped-bg: #f4e4b3; + --bs-table-striped-color: #212529; + --bs-table-active-bg: #e9daac; + --bs-table-active-color: #212529; + --bs-table-hover-bg: #eedfaf; + --bs-table-hover-color: #212529; + color: #212529; + border-color: #e9daac; } -.table .thead-dark th { - color: #fff; - background-color: #343a40; - border-color: #454d55; +.table-danger { + --bs-table-bg: #f5c6cb; + --bs-table-striped-bg: #eabec3; + --bs-table-striped-color: #212529; + --bs-table-active-bg: #e0b6bb; + --bs-table-active-color: #212529; + --bs-table-hover-bg: #e5babf; + --bs-table-hover-color: #212529; + color: #212529; + border-color: #e0b6bb; } -.table .thead-light th { - color: #495057; - background-color: #e9ecef; - border-color: #dee2e6; +.table-light { + --bs-table-bg: #f8f9fa; + --bs-table-striped-bg: #edeef0; + --bs-table-striped-color: #212529; + --bs-table-active-bg: #e3e4e5; + --bs-table-active-color: #212529; + --bs-table-hover-bg: #e8e9ea; + --bs-table-hover-color: #212529; + color: #212529; + border-color: #e3e4e5; } .table-dark { + --bs-table-bg: #343a40; + --bs-table-striped-bg: #3e444a; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #484e53; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #43494e; + --bs-table-hover-color: #fff; color: #fff; - background-color: #343a40; -} - -.table-dark th, -.table-dark td, -.table-dark thead th { - border-color: #454d55; -} - -.table-dark.table-bordered { - border: 0; -} - -.table-dark.table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(255, 255, 255, 0.05); -} - -.table-dark.table-hover tbody tr:hover { - color: #fff; - background-color: rgba(255, 255, 255, 0.075); + border-color: #484e53; } @media (max-width: 575.98px) { .table-responsive-sm { - display: block; - width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } - .table-responsive-sm > .table-bordered { - border: 0; - } } @media (max-width: 767.98px) { .table-responsive-md { - display: block; - width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } - .table-responsive-md > .table-bordered { - border: 0; - } } @media (max-width: 991.98px) { .table-responsive-lg { - display: block; - width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } - .table-responsive-lg > .table-bordered { - border: 0; - } } @media (max-width: 1199.98px) { .table-responsive-xl { - display: block; - width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } - .table-responsive-xl > .table-bordered { - border: 0; +} + +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } } .table-responsive { - display: block; - width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } -.table-responsive > .table-bordered { - border: 0; +.form-label { + margin-bottom: 0.5rem; } .col-form-label { @@ -2223,6 +1977,12 @@ progress { font-size: 0.875rem; } +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: #6c757d; +} + .form-control { display: block; width: 100%; @@ -2235,6 +1995,9 @@ progress { background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2405,12 +2168,22 @@ progress { margin-top: 0.125em; vertical-align: top; background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; + transition: background-color 0.15s ease-in-out, background-position 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-check-input { + transition: none; + } } .form-check-input[type="checkbox"] { @@ -2434,14 +2207,11 @@ progress { .form-check-input:checked { background-color: #0d6efd; - background-repeat: no-repeat; - background-position: center center; - background-size: 1em; border-color: #0d6efd; } .form-check-input:checked[type="checkbox"] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type="radio"] { @@ -2450,11 +2220,8 @@ progress { .form-check-input[type="checkbox"]:indeterminate { background-color: #0d6efd; - background-repeat: no-repeat; - background-position: center center; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e"); - background-size: 1em; border-color: #0d6efd; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { @@ -2468,10 +2235,6 @@ progress { opacity: .5; } -.form-check-label { - margin-bottom: 0; -} - .form-switch { padding-left: 2.5em; } @@ -2480,12 +2243,8 @@ progress { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); - background-repeat: no-repeat; background-position: left center; - background-size: contain; border-radius: 2em; - -webkit-print-color-adjust: exact; - color-adjust: exact; } .form-switch .form-check-input:focus { @@ -2503,15 +2262,15 @@ progress { } .form-file { + --bs-form-file-height: calc(1.5em + 0.75rem + 2px); position: relative; - height: calc(1.5em + 0.75rem + 2px); } .form-file-input { position: relative; z-index: 2; width: 100%; - height: 100%; + height: var(--bs-form-file-height); margin: 0; opacity: 0; } @@ -2533,7 +2292,7 @@ progress { left: 0; z-index: 1; display: flex; - height: 100%; + height: var(--bs-form-file-height); border-color: #ced4da; border-radius: 0.25rem; } @@ -2572,7 +2331,7 @@ progress { } .form-file-sm { - height: calc(1.5em + 0.5rem + 2px); + --bs-form-file-height: calc(1.5em + 0.5rem + 2px); font-size: 0.875rem; } @@ -2582,7 +2341,7 @@ progress { } .form-file-lg { - height: calc(1.5em + 1rem + 2px); + --bs-form-file-height: calc(1.5em + 1rem + 2px); font-size: 1.25rem; } @@ -2800,7 +2559,6 @@ progress { display: flex; align-items: center; padding: 0.375rem 0.75rem; - margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; @@ -3785,6 +3543,17 @@ fieldset:disabled .btn { } } +@media (min-width: 1400px) { + .dropdown-menu-xxl-left { + right: auto; + left: 0; + } + .dropdown-menu-xxl-right { + right: 0; + left: auto; + } +} + .dropup .dropdown-menu { top: auto; bottom: 100%; @@ -3886,7 +3655,7 @@ fieldset:disabled .btn { .dropdown-item { display: block; width: 100%; - padding: 0.25rem 1.5rem; + padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; @@ -3920,7 +3689,7 @@ fieldset:disabled .btn { .dropdown-header { display: block; - padding: 0.5rem 1.5rem; + padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; @@ -3929,7 +3698,7 @@ fieldset:disabled .btn { .dropdown-item-text { display: block; - padding: 0.25rem 1.5rem; + padding: 0.25rem 1rem; color: #212529; } @@ -4034,11 +3803,6 @@ fieldset:disabled .btn { border-top-right-radius: 0; } -.btn-group-toggle > .btn, -.btn-group-toggle > .btn-group > .btn { - margin-bottom: 0; -} - .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], @@ -4060,6 +3824,13 @@ fieldset:disabled .btn { display: block; padding: 0.5rem 1rem; text-decoration: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } } .nav-link.disabled { @@ -4142,7 +3913,7 @@ fieldset:disabled .btn { } .navbar > .container, -.navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl { +.navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; @@ -4154,11 +3925,8 @@ fieldset:disabled .btn { padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; - white-space: nowrap; -} - -.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; + white-space: nowrap; } .navbar-nav { @@ -4316,6 +4084,29 @@ fieldset:disabled .btn { } } +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } +} + .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; @@ -4451,27 +4242,34 @@ fieldset:disabled .btn { margin-left: 0; } -.card > .list-group:first-child .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; +.card > .list-group { + border-top: inherit; + border-bottom: inherit; } -.card > .list-group:last-child .list-group-item:last-child { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); } .card-body { flex: 1 1 auto; - padding: 1.25rem 1.25rem; + padding: 1rem 1rem; } .card-title { - margin-bottom: 0.75rem; + margin-bottom: 0.5rem; } .card-subtitle { - margin-top: -0.375rem; + margin-top: -0.25rem; margin-bottom: 0; } @@ -4484,11 +4282,11 @@ fieldset:disabled .btn { } .card-link + .card-link { - margin-left: 1.25rem; + margin-left: 1rem; } .card-header { - padding: 0.75rem 1.25rem; + padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); @@ -4503,7 +4301,7 @@ fieldset:disabled .btn { } .card-footer { - padding: 0.75rem 1.25rem; + padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } @@ -4513,15 +4311,15 @@ fieldset:disabled .btn { } .card-header-tabs { - margin-right: -0.625rem; - margin-bottom: -0.75rem; - margin-left: -0.625rem; + margin-right: -0.5rem; + margin-bottom: -0.5rem; + margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { - margin-right: -0.625rem; - margin-left: -0.625rem; + margin-right: -0.5rem; + margin-left: -0.5rem; } .card-img-overlay { @@ -4530,7 +4328,7 @@ fieldset:disabled .btn { right: 0; bottom: 0; left: 0; - padding: 1.25rem; + padding: 1rem; } .card-img, @@ -4617,7 +4415,7 @@ fieldset:disabled .btn { .breadcrumb { display: flex; flex-wrap: wrap; - padding: 0.75rem 1rem; + padding: 0.5rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; @@ -4757,7 +4555,7 @@ fieldset:disabled .btn { .alert { position: relative; - padding: 0.75rem 1.25rem; + padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; @@ -4772,14 +4570,14 @@ fieldset:disabled .btn { } .alert-dismissible { - padding-right: 4rem; + padding-right: 3.5rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; - padding: 0.75rem 1.25rem; + padding: 1rem 1rem; color: inherit; } @@ -4924,6 +4722,7 @@ fieldset:disabled .btn { flex-direction: column; padding-left: 0; margin-bottom: 0; + border-radius: 0.25rem; } .list-group-item-action { @@ -4947,21 +4746,20 @@ fieldset:disabled .btn { .list-group-item { position: relative; display: block; - padding: 0.75rem 1.25rem; - margin-bottom: 0; + padding: 0.5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + border-top-left-radius: inherit; + border-top-right-radius: inherit; } .list-group-item:last-child { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { @@ -4990,26 +4788,26 @@ fieldset:disabled .btn { flex-direction: row; } -.list-group-horizontal .list-group-item:first-child { +.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } -.list-group-horizontal .list-group-item:last-child { +.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } -.list-group-horizontal .list-group-item.active { +.list-group-horizontal > .list-group-item.active { margin-top: 0; } -.list-group-horizontal .list-group-item + .list-group-item { +.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } -.list-group-horizontal .list-group-item + .list-group-item.active { +.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5018,22 +4816,22 @@ fieldset:disabled .btn { .list-group-horizontal-sm { flex-direction: row; } - .list-group-horizontal-sm .list-group-item:first-child { + .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-sm .list-group-item:last-child { + .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-sm .list-group-item.active { + .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-sm .list-group-item + .list-group-item { + .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-sm .list-group-item + .list-group-item.active { + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5043,22 +4841,22 @@ fieldset:disabled .btn { .list-group-horizontal-md { flex-direction: row; } - .list-group-horizontal-md .list-group-item:first-child { + .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-md .list-group-item:last-child { + .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-md .list-group-item.active { + .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-md .list-group-item + .list-group-item { + .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-md .list-group-item + .list-group-item.active { + .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5068,22 +4866,22 @@ fieldset:disabled .btn { .list-group-horizontal-lg { flex-direction: row; } - .list-group-horizontal-lg .list-group-item:first-child { + .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-lg .list-group-item:last-child { + .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-lg .list-group-item.active { + .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-lg .list-group-item + .list-group-item { + .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-lg .list-group-item + .list-group-item.active { + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5093,38 +4891,61 @@ fieldset:disabled .btn { .list-group-horizontal-xl { flex-direction: row; } - .list-group-horizontal-xl .list-group-item:first-child { + .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-xl .list-group-item:last-child { + .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-xl .list-group-item.active { + .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-xl .list-group-item + .list-group-item { + .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-xl .list-group-item + .list-group-item.active { + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } -.list-group-flush .list-group-item { - border-right-width: 0; - border-left-width: 0; +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + .list-group-horizontal-xxl > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +.list-group-flush { border-radius: 0; } -.list-group-flush .list-group-item:first-child { - border-top-width: 0; +.list-group-flush > .list-group-item { + border-width: 0 0 1px; } -.list-group-flush:last-child .list-group-item:last-child { +.list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } @@ -5288,9 +5109,6 @@ button.close { padding: 0; background-color: transparent; border: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } .toast { @@ -5393,11 +5211,6 @@ button.close { overflow: hidden; } -.modal-dialog-scrollable .modal-header, -.modal-dialog-scrollable .modal-footer { - flex-shrink: 0; -} - .modal-dialog-scrollable .modal-body { overflow-y: auto; } @@ -5441,6 +5254,7 @@ button.close { .modal-header { display: flex; + flex-shrink: 0; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; @@ -5468,6 +5282,7 @@ button.close { .modal-footer { display: flex; flex-wrap: wrap; + flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; @@ -5517,12 +5332,152 @@ button.close { } } +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } +} + +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} + +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} + +.modal-fullscreen .modal-header { + border-radius: 0; +} + +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +.modal-fullscreen .modal-footer { + border-radius: 0; +} + .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; @@ -5635,7 +5590,7 @@ button.close { z-index: 1060; display: block; max-width: 276px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; @@ -5771,7 +5726,7 @@ button.close { } .popover-header { - padding: 0.5rem 0.75rem; + padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; @@ -5785,7 +5740,7 @@ button.close { } .popover-body { - padding: 0.5rem 0.75rem; + padding: 1rem 1rem; color: #212529; } @@ -6015,6 +5970,7 @@ button.close { } 50% { opacity: 1; + transform: none; } } @@ -6024,6 +5980,7 @@ button.close { } 50% { opacity: 1; + transform: none; } } @@ -6134,7 +6091,6 @@ button.close { left: 0; width: 100%; height: 100%; - border: 0; } .embed-responsive-21by9::before { @@ -6169,44 +6125,55 @@ button.close { z-index: 1030; } -@supports ((position: -webkit-sticky) or (position: sticky)) { - .sticky-top { +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } - @media (min-width: 576px) { - .sticky-sm-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - } - @media (min-width: 768px) { - .sticky-md-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - } - @media (min-width: 992px) { - .sticky-lg-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - } - @media (min-width: 1200px) { - .sticky-xl-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } +} + +@media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; } } @@ -6874,156 +6841,6 @@ button.close { margin-left: auto !important; } -.m-n1 { - margin: -0.25rem !important; -} - -.m-n2 { - margin: -0.5rem !important; -} - -.m-n3 { - margin: -1rem !important; -} - -.m-n4 { - margin: -1.5rem !important; -} - -.m-n5 { - margin: -3rem !important; -} - -.mx-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; -} - -.mx-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; -} - -.mx-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; -} - -.mx-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; -} - -.mx-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; -} - -.my-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; -} - -.my-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.my-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; -} - -.my-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; -} - -.my-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; -} - -.mt-n1 { - margin-top: -0.25rem !important; -} - -.mt-n2 { - margin-top: -0.5rem !important; -} - -.mt-n3 { - margin-top: -1rem !important; -} - -.mt-n4 { - margin-top: -1.5rem !important; -} - -.mt-n5 { - margin-top: -3rem !important; -} - -.mr-n1 { - margin-right: -0.25rem !important; -} - -.mr-n2 { - margin-right: -0.5rem !important; -} - -.mr-n3 { - margin-right: -1rem !important; -} - -.mr-n4 { - margin-right: -1.5rem !important; -} - -.mr-n5 { - margin-right: -3rem !important; -} - -.mb-n1 { - margin-bottom: -0.25rem !important; -} - -.mb-n2 { - margin-bottom: -0.5rem !important; -} - -.mb-n3 { - margin-bottom: -1rem !important; -} - -.mb-n4 { - margin-bottom: -1.5rem !important; -} - -.mb-n5 { - margin-bottom: -3rem !important; -} - -.ml-n1 { - margin-left: -0.25rem !important; -} - -.ml-n2 { - margin-left: -0.5rem !important; -} - -.ml-n3 { - margin-left: -1rem !important; -} - -.ml-n4 { - margin-left: -1.5rem !important; -} - -.ml-n5 { - margin-left: -3rem !important; -} - .p-0 { padding: 0 !important; } @@ -7397,7 +7214,7 @@ button.close { } .font-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + font-family: var(--bs-font-monospace) !important; } .user-select-all { @@ -7805,121 +7622,6 @@ button.close { .ml-sm-auto { margin-left: auto !important; } - .m-sm-n1 { - margin: -0.25rem !important; - } - .m-sm-n2 { - margin: -0.5rem !important; - } - .m-sm-n3 { - margin: -1rem !important; - } - .m-sm-n4 { - margin: -1.5rem !important; - } - .m-sm-n5 { - margin: -3rem !important; - } - .mx-sm-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-sm-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-sm-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-sm-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-sm-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-sm-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-sm-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-sm-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-sm-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-sm-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-sm-n1 { - margin-top: -0.25rem !important; - } - .mt-sm-n2 { - margin-top: -0.5rem !important; - } - .mt-sm-n3 { - margin-top: -1rem !important; - } - .mt-sm-n4 { - margin-top: -1.5rem !important; - } - .mt-sm-n5 { - margin-top: -3rem !important; - } - .mr-sm-n1 { - margin-right: -0.25rem !important; - } - .mr-sm-n2 { - margin-right: -0.5rem !important; - } - .mr-sm-n3 { - margin-right: -1rem !important; - } - .mr-sm-n4 { - margin-right: -1.5rem !important; - } - .mr-sm-n5 { - margin-right: -3rem !important; - } - .mb-sm-n1 { - margin-bottom: -0.25rem !important; - } - .mb-sm-n2 { - margin-bottom: -0.5rem !important; - } - .mb-sm-n3 { - margin-bottom: -1rem !important; - } - .mb-sm-n4 { - margin-bottom: -1.5rem !important; - } - .mb-sm-n5 { - margin-bottom: -3rem !important; - } - .ml-sm-n1 { - margin-left: -0.25rem !important; - } - .ml-sm-n2 { - margin-left: -0.5rem !important; - } - .ml-sm-n3 { - margin-left: -1rem !important; - } - .ml-sm-n4 { - margin-left: -1.5rem !important; - } - .ml-sm-n5 { - margin-left: -3rem !important; - } .p-sm-0 { padding: 0 !important; } @@ -8393,121 +8095,6 @@ button.close { .ml-md-auto { margin-left: auto !important; } - .m-md-n1 { - margin: -0.25rem !important; - } - .m-md-n2 { - margin: -0.5rem !important; - } - .m-md-n3 { - margin: -1rem !important; - } - .m-md-n4 { - margin: -1.5rem !important; - } - .m-md-n5 { - margin: -3rem !important; - } - .mx-md-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-md-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-md-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-md-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-md-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-md-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-md-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-md-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-md-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-md-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-md-n1 { - margin-top: -0.25rem !important; - } - .mt-md-n2 { - margin-top: -0.5rem !important; - } - .mt-md-n3 { - margin-top: -1rem !important; - } - .mt-md-n4 { - margin-top: -1.5rem !important; - } - .mt-md-n5 { - margin-top: -3rem !important; - } - .mr-md-n1 { - margin-right: -0.25rem !important; - } - .mr-md-n2 { - margin-right: -0.5rem !important; - } - .mr-md-n3 { - margin-right: -1rem !important; - } - .mr-md-n4 { - margin-right: -1.5rem !important; - } - .mr-md-n5 { - margin-right: -3rem !important; - } - .mb-md-n1 { - margin-bottom: -0.25rem !important; - } - .mb-md-n2 { - margin-bottom: -0.5rem !important; - } - .mb-md-n3 { - margin-bottom: -1rem !important; - } - .mb-md-n4 { - margin-bottom: -1.5rem !important; - } - .mb-md-n5 { - margin-bottom: -3rem !important; - } - .ml-md-n1 { - margin-left: -0.25rem !important; - } - .ml-md-n2 { - margin-left: -0.5rem !important; - } - .ml-md-n3 { - margin-left: -1rem !important; - } - .ml-md-n4 { - margin-left: -1.5rem !important; - } - .ml-md-n5 { - margin-left: -3rem !important; - } .p-md-0 { padding: 0 !important; } @@ -8981,121 +8568,6 @@ button.close { .ml-lg-auto { margin-left: auto !important; } - .m-lg-n1 { - margin: -0.25rem !important; - } - .m-lg-n2 { - margin: -0.5rem !important; - } - .m-lg-n3 { - margin: -1rem !important; - } - .m-lg-n4 { - margin: -1.5rem !important; - } - .m-lg-n5 { - margin: -3rem !important; - } - .mx-lg-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-lg-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-lg-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-lg-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-lg-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-lg-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-lg-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-lg-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-lg-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-lg-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-lg-n1 { - margin-top: -0.25rem !important; - } - .mt-lg-n2 { - margin-top: -0.5rem !important; - } - .mt-lg-n3 { - margin-top: -1rem !important; - } - .mt-lg-n4 { - margin-top: -1.5rem !important; - } - .mt-lg-n5 { - margin-top: -3rem !important; - } - .mr-lg-n1 { - margin-right: -0.25rem !important; - } - .mr-lg-n2 { - margin-right: -0.5rem !important; - } - .mr-lg-n3 { - margin-right: -1rem !important; - } - .mr-lg-n4 { - margin-right: -1.5rem !important; - } - .mr-lg-n5 { - margin-right: -3rem !important; - } - .mb-lg-n1 { - margin-bottom: -0.25rem !important; - } - .mb-lg-n2 { - margin-bottom: -0.5rem !important; - } - .mb-lg-n3 { - margin-bottom: -1rem !important; - } - .mb-lg-n4 { - margin-bottom: -1.5rem !important; - } - .mb-lg-n5 { - margin-bottom: -3rem !important; - } - .ml-lg-n1 { - margin-left: -0.25rem !important; - } - .ml-lg-n2 { - margin-left: -0.5rem !important; - } - .ml-lg-n3 { - margin-left: -1rem !important; - } - .ml-lg-n4 { - margin-left: -1.5rem !important; - } - .ml-lg-n5 { - margin-left: -3rem !important; - } .p-lg-0 { padding: 0 !important; } @@ -9569,121 +9041,6 @@ button.close { .ml-xl-auto { margin-left: auto !important; } - .m-xl-n1 { - margin: -0.25rem !important; - } - .m-xl-n2 { - margin: -0.5rem !important; - } - .m-xl-n3 { - margin: -1rem !important; - } - .m-xl-n4 { - margin: -1.5rem !important; - } - .m-xl-n5 { - margin: -3rem !important; - } - .mx-xl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-xl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-xl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-xl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-xl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-xl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-xl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-xl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-xl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-xl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-xl-n1 { - margin-top: -0.25rem !important; - } - .mt-xl-n2 { - margin-top: -0.5rem !important; - } - .mt-xl-n3 { - margin-top: -1rem !important; - } - .mt-xl-n4 { - margin-top: -1.5rem !important; - } - .mt-xl-n5 { - margin-top: -3rem !important; - } - .mr-xl-n1 { - margin-right: -0.25rem !important; - } - .mr-xl-n2 { - margin-right: -0.5rem !important; - } - .mr-xl-n3 { - margin-right: -1rem !important; - } - .mr-xl-n4 { - margin-right: -1.5rem !important; - } - .mr-xl-n5 { - margin-right: -3rem !important; - } - .mb-xl-n1 { - margin-bottom: -0.25rem !important; - } - .mb-xl-n2 { - margin-bottom: -0.5rem !important; - } - .mb-xl-n3 { - margin-bottom: -1rem !important; - } - .mb-xl-n4 { - margin-bottom: -1.5rem !important; - } - .mb-xl-n5 { - margin-bottom: -3rem !important; - } - .ml-xl-n1 { - margin-left: -0.25rem !important; - } - .ml-xl-n2 { - margin-left: -0.5rem !important; - } - .ml-xl-n3 { - margin-left: -1rem !important; - } - .ml-xl-n4 { - margin-left: -1.5rem !important; - } - .ml-xl-n5 { - margin-left: -3rem !important; - } .p-xl-0 { padding: 0 !important; } @@ -9833,6 +9190,479 @@ button.close { } } +@media (min-width: 1400px) { + .float-xxl-left { + float: left !important; + } + .float-xxl-right { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .d-xxl-none { + display: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !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; + } + .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; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + .mt-xxl-3 { + margin-top: 1rem !important; + } + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + .mt-xxl-5 { + margin-top: 3rem !important; + } + .mt-xxl-auto { + margin-top: auto !important; + } + .mr-xxl-0 { + margin-right: 0 !important; + } + .mr-xxl-1 { + margin-right: 0.25rem !important; + } + .mr-xxl-2 { + margin-right: 0.5rem !important; + } + .mr-xxl-3 { + margin-right: 1rem !important; + } + .mr-xxl-4 { + margin-right: 1.5rem !important; + } + .mr-xxl-5 { + margin-right: 3rem !important; + } + .mr-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-0 { + margin-bottom: 0 !important; + } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + .mb-xxl-auto { + margin-bottom: auto !important; + } + .ml-xxl-0 { + margin-left: 0 !important; + } + .ml-xxl-1 { + margin-left: 0.25rem !important; + } + .ml-xxl-2 { + margin-left: 0.5rem !important; + } + .ml-xxl-3 { + margin-left: 1rem !important; + } + .ml-xxl-4 { + margin-left: 1.5rem !important; + } + .ml-xxl-5 { + margin-left: 3rem !important; + } + .ml-xxl-auto { + margin-left: auto !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xxl-0 { + padding-top: 0 !important; + } + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + .pt-xxl-3 { + padding-top: 1rem !important; + } + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + .pt-xxl-5 { + padding-top: 3rem !important; + } + .pr-xxl-0 { + padding-right: 0 !important; + } + .pr-xxl-1 { + padding-right: 0.25rem !important; + } + .pr-xxl-2 { + padding-right: 0.5rem !important; + } + .pr-xxl-3 { + padding-right: 1rem !important; + } + .pr-xxl-4 { + padding-right: 1.5rem !important; + } + .pr-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-0 { + padding-bottom: 0 !important; + } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + .pl-xxl-0 { + padding-left: 0 !important; + } + .pl-xxl-1 { + padding-left: 0.25rem !important; + } + .pl-xxl-2 { + padding-left: 0.5rem !important; + } + .pl-xxl-3 { + padding-left: 1rem !important; + } + .pl-xxl-4 { + padding-left: 1.5rem !important; + } + .pl-xxl-5 { + padding-left: 3rem !important; + } + .text-xxl-left { + text-align: left !important; + } + .text-xxl-right { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } +} + @media print { .d-print-none { display: none !important; |
