diff --git a/module/Paiement/view/paiement/budget/engagements-liquidation.phtml b/module/Paiement/view/paiement/budget/engagements-liquidation.phtml index f7214ad1f9354870097bfef769ca657f738d76c8..deb521567883779a0c8b9121d6bdf0bad5ab8cd7 100755 --- a/module/Paiement/view/paiement/budget/engagements-liquidation.phtml +++ b/module/Paiement/view/paiement/budget/engagements-liquidation.phtml @@ -21,29 +21,31 @@ if ($structureElement) { <?php if ($structure): ?> <div class="engagement"> - <!-- Abondements par types de ressources --> - <?php foreach ($dotations['typesRessources'] as $dtr): - $canEdit = $this->isAllowed($dtr['entity'], $dtr['entity']->getPrivilegeBudgetEdition()); - ?> - <div class="col-md-<?= floor(12 / count($dotations['typesRessources'])) ?>"> - <h2><?= $dtr['entity']->getLibelle() ?></h2> - <table class="table table-bordered table-hover"> - <?php foreach ($dtr['abondements'] as $libelle => $abondement): ?> + <div class="row"> + + <!-- Abondements par types de ressources --> + <?php foreach ($dotations['typesRessources'] as $dtr): + $canEdit = $this->isAllowed($dtr['entity'], $dtr['entity']->getPrivilegeBudgetEdition()); + ?> + <div class="col-md-6"> + <h2><?= $dtr['entity']->getLibelle() ?></h2> + <table class="table table-bordered table-hover"> + <?php foreach ($dtr['abondements'] as $libelle => $abondement): ?> + <tr> + <td><?= $abondement['libelle'] ?></td> + <td class="dotation"><?php fdot($this, $dtr['entity'], $libelle, $abondement, $canEdit) ?></td> + </tr> + <?php endforeach; ?> <tr> - <th><?= $abondement['libelle'] ?></th> - <td class="dotation"><?php fdot($this, $dtr['entity'], $libelle, $abondement, $canEdit) ?></td> + <th>Total</th> + <td class="dotation"><?php fdot($this, $dtr['entity'], null, $dtr['total'], $canEdit) ?></td> </tr> - <?php endforeach; ?> - <tr> - <th>Total</th> - <td class="dotation"><?php fdot($this, $dtr['entity'], null, $dtr['total'], $canEdit) ?></td> - </tr> - </table> - </div> - <?php endforeach; ?> - + </table> + </div> + <?php endforeach; ?> + </div> <!-- Liquidation --> - <div class="liquidation"> + <div class="liquidation row"> <h2>Liquidation</h2> <table class="table table-bordered"> <tr> @@ -95,7 +97,7 @@ if ($structureElement) { <?php endif; ?> <?php endif; ?> -<?php function fdot($view, $typeRessource, $libelle, array $data, $canEdit = true) /* Formatage d'une dotation */ +<?php function fdot ($view, $typeRessource, $libelle, array $data, $canEdit = true) /* Formatage d'une dotation */ { $titleA1 = 'Année ' . $data['anneeCivile1']['annee'] . ' (chiffre en HETD)'; @@ -126,28 +128,32 @@ if ($structureElement) { } ?> - - <div class="ha ha1 col-md-6" title="<?= $titleA1 ?>"> - <?= Util::formattedNumber($data['anneeCivile1']['heures']) ?><span class="label">HETD</span> - <?php if ($canEdit): ?> - <a href="<?= $dotEditUrl1 ?>" class="mod-ajax" data-submit-reload="true" - title="<?= $libelle ? 'Modifier la dotation' : 'Nouvel abondement' ?>"> - <i class="fas fa-<?= $libelle ? 'pen-to-square' : 'plus' ?>"></i> - </a> - <?php endif; ?> - </div> - <div class="ha ha2 col-md-6" title="<?= $titleA2 ?>"> - <?= Util::formattedNumber($data['anneeCivile2']['heures']) ?><span class="label">HETD</span> - <?php if ($canEdit): ?> - <a href="<?= $dotEditUrl2 ?>" class="mod-ajax" data-submit-reload="true" - title="<?= $libelle ? 'Modifier la dotation' : 'Nouvel abondement' ?>"> - <i class="fas fa-<?= $libelle ? 'pen-to-square' : 'plus' ?>"></i> - </a> - <?php endif; ?> - </div> - - <div class="ha ha3 col-md-offset-3 col-md-6" title="<?= $titleA ?>"> - <?= Util::formattedNumber($data['heures']) ?><span class="label">HETD</span> + <div class="container"> + <div class="row"> + <div class="ha ha1 col" title="<?= $titleA1 ?>"> + <?= Util::formattedNumber($data['anneeCivile1']['heures']) ?><span class="label">HETD</span> + <?php if ($canEdit): ?> + <a href="<?= $dotEditUrl1 ?>" class="mod-ajax" data-submit-reload="true" + title="<?= $libelle ? 'Modifier la dotation' : 'Nouvel abondement' ?>"> + <i class="fas fa-<?= $libelle ? 'pen-to-square' : 'plus' ?>"></i> + </a> + <?php endif; ?> + </div> + <div class="ha ha2 col" title="<?= $titleA2 ?>"> + <?= Util::formattedNumber($data['anneeCivile2']['heures']) ?><span class="label">HETD</span> + <?php if ($canEdit): ?> + <a href="<?= $dotEditUrl2 ?>" class="mod-ajax" data-submit-reload="true" + title="<?= $libelle ? 'Modifier la dotation' : 'Nouvel abondement' ?>"> + <i class="fas fa-<?= $libelle ? 'pen-to-square' : 'plus' ?>"></i> + </a> + <?php endif; ?> + </div> + </div> + <div class="row"> + <div class="ha ha3 col" title="<?= $titleA ?>"> + <?= Util::formattedNumber($data['heures']) ?><span class="label">HETD</span> + </div> + </div> </div> <?php } \ No newline at end of file diff --git a/public/css/app.css b/public/css/app.css index ecc170c151deb7d3098b302bcc657f640be538bb..54c1fc50f8a373901f37fb96e3ea3c0e2f521dac 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1,318 +1,326 @@ @charset "UTF-8"; /* Générique */ :root { - --mdb-red: #f44336; - --mdb-pink: #e91e63; - --mdb-purple: purple-500; - --mdb-indigo: #3f51b5; - --mdb-blue: #2196f3; - --mdb-cyan: #00bcd4; - --mdb-teal: #009688; - --mdb-green: #4caf50; - --mdb-yellow: #ffeb3b; - --mdb-orange: #ff9800; - --mdb-white: #fff; - --mdb-black: #000; - --mdb-gray: #757575; - --mdb-gray-dark: #4f4f4f; - --mdb-gray-50: #fbfbfb; - --mdb-gray-100: #f5f5f5; - --mdb-gray-200: #eeeeee; - --mdb-gray-300: #e0e0e0; - --mdb-gray-400: #bdbdbd; - --mdb-gray-500: #9e9e9e; - --mdb-gray-600: #757575; - --mdb-gray-700: #616161; - --mdb-gray-800: #4f4f4f; - --mdb-gray-900: #262626; - --mdb-primary: #3b71ca; - --mdb-secondary: #9fa6b2; - --mdb-success: #14a44d; - --mdb-danger: #dc4c64; - --mdb-warning: #e4a11b; - --mdb-info: #54b4d3; - --mdb-light: #fbfbfb; - --mdb-dark: #332d2d; - --mdb-primary-rgb: 59, 113, 202; - --mdb-secondary-rgb: 159, 166, 178; - --mdb-success-rgb: 20, 164, 77; - --mdb-danger-rgb: 220, 76, 100; - --mdb-warning-rgb: 228, 161, 27; - --mdb-info-rgb: 84, 180, 211; - --mdb-light-rgb: 251, 251, 251; - --mdb-dark-rgb: 51, 45, 45; - --mdb-white-rgb: 255, 255, 255; - --mdb-black-rgb: 0, 0, 0; - --mdb-body-color-rgb: 79, 79, 79; - --mdb-body-bg-rgb: 255, 255, 255; - --mdb-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --mdb-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --mdb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --mdb-body-font-family: var(--mdb-font-roboto); - --mdb-body-font-size: 1rem; - --mdb-body-font-weight: 400; - --mdb-body-line-height: 1.6; - --mdb-body-color: #4f4f4f; - --mdb-body-bg: #fff; - --mdb-border-width: 1px; - --mdb-border-style: solid; - --mdb-border-color: #e0e0e0; - --mdb-border-color-translucent: rgba(0, 0, 0, 0.175); - --mdb-border-radius: 0.25rem; - --mdb-border-radius-sm: 0.25rem; - --mdb-border-radius-lg: 0.5rem; - --mdb-border-radius-xl: 1rem; - --mdb-border-radius-2xl: 2rem; - --mdb-border-radius-pill: 50rem; - --mdb-link-color: #3b71ca; - --mdb-link-hover-color: #386bc0; - --mdb-code-color: #e91e63; - --mdb-highlight-bg: #fff9c4; + --mdb-red: #f44336; + --mdb-pink: #e91e63; + --mdb-purple: purple-500; + --mdb-indigo: #3f51b5; + --mdb-blue: #2196f3; + --mdb-cyan: #00bcd4; + --mdb-teal: #009688; + --mdb-green: #4caf50; + --mdb-yellow: #ffeb3b; + --mdb-orange: #ff9800; + --mdb-white: #fff; + --mdb-black: #000; + --mdb-gray: #757575; + --mdb-gray-dark: #4f4f4f; + --mdb-gray-50: #fbfbfb; + --mdb-gray-100: #f5f5f5; + --mdb-gray-200: #eeeeee; + --mdb-gray-300: #e0e0e0; + --mdb-gray-400: #bdbdbd; + --mdb-gray-500: #9e9e9e; + --mdb-gray-600: #757575; + --mdb-gray-700: #616161; + --mdb-gray-800: #4f4f4f; + --mdb-gray-900: #262626; + --mdb-primary: #3b71ca; + --mdb-secondary: #9fa6b2; + --mdb-success: #14a44d; + --mdb-danger: #dc4c64; + --mdb-warning: #e4a11b; + --mdb-info: #54b4d3; + --mdb-light: #fbfbfb; + --mdb-dark: #332d2d; + --mdb-primary-rgb: 59, 113, 202; + --mdb-secondary-rgb: 159, 166, 178; + --mdb-success-rgb: 20, 164, 77; + --mdb-danger-rgb: 220, 76, 100; + --mdb-warning-rgb: 228, 161, 27; + --mdb-info-rgb: 84, 180, 211; + --mdb-light-rgb: 251, 251, 251; + --mdb-dark-rgb: 51, 45, 45; + --mdb-white-rgb: 255, 255, 255; + --mdb-black-rgb: 0, 0, 0; + --mdb-body-color-rgb: 79, 79, 79; + --mdb-body-bg-rgb: 255, 255, 255; + --mdb-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --mdb-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --mdb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --mdb-body-font-family: var(--mdb-font-roboto); + --mdb-body-font-size: 1rem; + --mdb-body-font-weight: 400; + --mdb-body-line-height: 1.6; + --mdb-body-color: #4f4f4f; + --mdb-body-bg: #fff; + --mdb-border-width: 1px; + --mdb-border-style: solid; + --mdb-border-color: #e0e0e0; + --mdb-border-color-translucent: rgba(0, 0, 0, 0.175); + --mdb-border-radius: 0.25rem; + --mdb-border-radius-sm: 0.25rem; + --mdb-border-radius-lg: 0.5rem; + --mdb-border-radius-xl: 1rem; + --mdb-border-radius-2xl: 2rem; + --mdb-border-radius-pill: 50rem; + --mdb-link-color: #3b71ca; + --mdb-link-hover-color: #386bc0; + --mdb-code-color: #e91e63; + --mdb-highlight-bg: #fff9c4; } *, *::before, *::after { - box-sizing: border-box; + box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth; - } + :root { + scroll-behavior: smooth; + } } body { - margin: 0; - font-family: var(--mdb-body-font-family); - font-size: var(--mdb-body-font-size); - font-weight: var(--mdb-body-font-weight); - line-height: var(--mdb-body-line-height); - color: var(--mdb-body-color); - text-align: var(--mdb-body-text-align); - background-color: var(--mdb-body-bg); - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + margin: 0; + font-family: var(--mdb-body-font-family); + font-size: var(--mdb-body-font-size); + font-weight: var(--mdb-body-font-weight); + line-height: var(--mdb-body-line-height); + color: var(--mdb-body-color); + text-align: var(--mdb-body-text-align); + background-color: var(--mdb-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { - margin: 1rem 0; - color: inherit; - border: 0; - border-top: 1px solid; - opacity: 0.25; + margin: 1rem 0; + color: inherit; + border: 0; + border-top: 1px solid; + opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { - margin-top: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; } h1, .h1 { - font-size: calc(1.375rem + 1.5vw); + font-size: calc(1.375rem + 1.5vw); } + @media (min-width: 1200px) { - h1, .h1 { - font-size: 2.5rem; - } + h1, .h1 { + font-size: 2.5rem; + } } h2, .h2 { - font-size: calc(1.325rem + 0.9vw); + font-size: calc(1.325rem + 0.9vw); } + @media (min-width: 1200px) { - h2, .h2 { - font-size: 2rem; - } + h2, .h2 { + font-size: 2rem; + } } h3, .h3 { - font-size: calc(1.3rem + 0.6vw); + font-size: calc(1.3rem + 0.6vw); } + @media (min-width: 1200px) { - h3, .h3 { - font-size: 1.75rem; - } + h3, .h3 { + font-size: 1.75rem; + } } h4, .h4 { - font-size: calc(1.275rem + 0.3vw); + font-size: calc(1.275rem + 0.3vw); } + @media (min-width: 1200px) { - h4, .h4 { - font-size: 1.5rem; - } + h4, .h4 { + font-size: 1.5rem; + } } h5, .h5 { - font-size: 1.25rem; + font-size: 1.25rem; } h6, .h6 { - font-size: 1rem; + font-size: 1rem; } p { - margin-top: 0; - margin-bottom: 1rem; + margin-top: 0; + margin-bottom: 1rem; } abbr[title] { - text-decoration: underline dotted; - cursor: help; - text-decoration-skip-ink: none; + text-decoration: underline dotted; + cursor: help; + text-decoration-skip-ink: none; } address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } ol, ul { - padding-left: 2rem; + padding-left: 2rem; } ol, ul, dl { - margin-top: 0; - margin-bottom: 1rem; + margin-top: 0; + margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; + margin-bottom: 0; } dt { - font-weight: 700; + font-weight: 700; } dd { - margin-bottom: 0.5rem; - margin-left: 0; + margin-bottom: 0.5rem; + margin-left: 0; } blockquote { - margin: 0 0 1rem; + margin: 0 0 1rem; } b, strong { - font-weight: bolder; + font-weight: bolder; } small, .small { - font-size: 0.875em; + font-size: 0.875em; } mark, .mark { - padding: 0.1875em; - background-color: var(--mdb-highlight-bg); + padding: 0.1875em; + background-color: var(--mdb-highlight-bg); } sub, sup { - position: relative; - font-size: 0.75em; - line-height: 0; - vertical-align: baseline; + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } a { - color: var(--mdb-link-color); - text-decoration: none; + color: var(--mdb-link-color); + text-decoration: none; } + a:hover { - color: var(--mdb-link-hover-color); - text-decoration: none; + color: var(--mdb-link-hover-color); + text-decoration: none; } a:not([href]):not([class]), a:not([href]):not([class]):hover { - color: inherit; - text-decoration: none; + color: inherit; + text-decoration: none; } pre, code, kbd, samp { - font-family: var(--mdb-font-monospace); - font-size: 1em; + font-family: var(--mdb-font-monospace); + font-size: 1em; } pre { - display: block; - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; - font-size: 0.875em; + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; } + pre code { - font-size: inherit; - color: inherit; - word-break: normal; + font-size: inherit; + color: inherit; + word-break: normal; } code { - font-size: 0.875em; - color: var(--mdb-code-color); - word-wrap: break-word; + font-size: 0.875em; + color: var(--mdb-code-color); + word-wrap: break-word; } + a > code { - color: inherit; + color: inherit; } kbd { - padding: 0.1875rem 0.375rem; - font-size: 0.875em; - color: var(--mdb-body-bg); - background-color: var(--mdb-body-color); - border-radius: 0.25rem; + padding: 0.1875rem 0.375rem; + font-size: 0.875em; + color: var(--mdb-body-bg); + background-color: var(--mdb-body-color); + border-radius: 0.25rem; } + kbd kbd { - padding: 0; - font-size: 1em; + padding: 0; + font-size: 1em; } figure { - margin: 0 0 1rem; + margin: 0 0 1rem; } img, svg { - vertical-align: middle; + vertical-align: middle; } table { - caption-side: bottom; - border-collapse: collapse; + caption-side: bottom; + border-collapse: collapse; } caption { - padding-top: 1rem; - padding-bottom: 1rem; - color: #757575; - text-align: left; + padding-top: 1rem; + padding-bottom: 1rem; + color: #757575; + text-align: left; } th { - text-align: inherit; - text-align: -webkit-match-parent; + text-align: inherit; + text-align: -webkit-match-parent; } thead, @@ -321,21 +329,21 @@ tfoot, tr, td, th { - border-color: inherit; - border-style: solid; - border-width: 0; + border-color: inherit; + border-style: solid; + border-width: 0; } label { - display: inline-block; + display: inline-block; } button { - border-radius: 0; + border-radius: 0; } button:focus:not(:focus-visible) { - outline: 0; + outline: 0; } input, @@ -343,76 +351,80 @@ button, select, optgroup, textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } button, select { - text-transform: none; + text-transform: none; } [role=button] { - cursor: pointer; + cursor: pointer; } select { - word-wrap: normal; + word-wrap: normal; } + select:disabled { - opacity: 1; + opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { - display: none !important; + display: none !important; } button, [type=button], [type=reset], [type=submit] { - -webkit-appearance: button; + -webkit-appearance: button; } + button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { - cursor: pointer; + cursor: pointer; } ::-moz-focus-inner { - padding: 0; - border-style: none; + padding: 0; + border-style: none; } textarea { - resize: vertical; + resize: vertical; } fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; + min-width: 0; + padding: 0; + margin: 0; + border: 0; } legend { - float: left; - width: 100%; - padding: 0; - margin-bottom: 0.5rem; - font-size: calc(1.275rem + 0.3vw); - line-height: inherit; + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; } + @media (min-width: 1200px) { - legend { - font-size: 1.5rem; - } + legend { + font-size: 1.5rem; + } } + legend + * { - clear: left; + clear: left; } ::-webkit-datetime-edit-fields-wrapper, @@ -422,16 +434,16 @@ legend + * { ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { - padding: 0; + padding: 0; } ::-webkit-inner-spin-button { - height: auto; + height: auto; } [type=search] { - outline-offset: -2px; - -webkit-appearance: textfield; + outline-offset: -2px; + -webkit-appearance: textfield; } /*!rtl:raw: @@ -443,177 +455,186 @@ legend + * { } */ ::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { - padding: 0; + padding: 0; } ::file-selector-button { - font: inherit; - -webkit-appearance: button; + font: inherit; + -webkit-appearance: button; } output { - display: inline-block; + display: inline-block; } iframe { - border: 0; + border: 0; } summary { - display: list-item; - cursor: pointer; + display: list-item; + cursor: pointer; } progress { - vertical-align: baseline; + vertical-align: baseline; } [hidden] { - display: none !important; + display: none !important; } .lead { - font-size: 1.25rem; - font-weight: 300; + font-size: 1.25rem; + font-weight: 300; } .display-1 { - font-size: calc(1.625rem + 4.5vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-1 { - font-size: 5rem; - } + .display-1 { + font-size: 5rem; + } } .display-2 { - font-size: calc(1.575rem + 3.9vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-2 { - font-size: 4.5rem; - } + .display-2 { + font-size: 4.5rem; + } } .display-3 { - font-size: calc(1.525rem + 3.3vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-3 { - font-size: 4rem; - } + .display-3 { + font-size: 4rem; + } } .display-4 { - font-size: calc(1.475rem + 2.7vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-4 { - font-size: 3.5rem; - } + .display-4 { + font-size: 3.5rem; + } } .display-5 { - font-size: calc(1.425rem + 2.1vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-5 { - font-size: 3rem; - } + .display-5 { + font-size: 3rem; + } } .display-6 { - font-size: calc(1.375rem + 1.5vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-6 { - font-size: 2.5rem; - } + .display-6 { + font-size: 2.5rem; + } } .list-unstyled { - padding-left: 0; - list-style: none; + padding-left: 0; + list-style: none; } .list-inline { - padding-left: 0; - list-style: none; + padding-left: 0; + list-style: none; } .list-inline-item { - display: inline-block; + display: inline-block; } + .list-inline-item:not(:last-child) { - margin-right: 0.5rem; + margin-right: 0.5rem; } .initialism { - font-size: 0.875em; - text-transform: uppercase; + font-size: 0.875em; + text-transform: uppercase; } .blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; + margin-bottom: 1rem; + font-size: 1.25rem; } + .blockquote > :last-child { - margin-bottom: 0; + margin-bottom: 0; } .blockquote-footer { - margin-top: -1rem; - margin-bottom: 1rem; - font-size: 0.875em; - color: #757575; + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #757575; } + .blockquote-footer::before { - content: "— "; + content: "— "; } .img-fluid { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } .img-thumbnail { - padding: 0.25rem; - background-color: #fff; - border: 1px solid var(--mdb-border-color); - border-radius: 0.25rem; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - max-width: 100%; - height: auto; + padding: 0.25rem; + background-color: #fff; + border: 1px solid var(--mdb-border-color); + border-radius: 0.25rem; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + max-width: 100%; + height: auto; } .figure { - display: inline-block; + display: inline-block; } .figure-img { - margin-bottom: 0.5rem; - line-height: 1; + margin-bottom: 0.5rem; + line-height: 1; } .figure-caption { - font-size: 0.875em; - color: #757575; + font-size: 0.875em; + color: #757575; } .container, @@ -623,2014 +644,2339 @@ progress { .container-lg, .container-md, .container-sm { - --mdb-gutter-x: 1.5rem; - --mdb-gutter-y: 0; - width: 100%; - padding-right: calc(var(--mdb-gutter-x) * 0.5); - padding-left: calc(var(--mdb-gutter-x) * 0.5); - margin-right: auto; - margin-left: auto; + --mdb-gutter-x: 1.5rem; + --mdb-gutter-y: 0; + width: 100%; + padding-right: calc(var(--mdb-gutter-x) * 0.5); + padding-left: calc(var(--mdb-gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; } @media (min-width: 576px) { - .container-sm, .container { - max-width: 540px; - } + .container-sm, .container { + max-width: 540px; + } } + @media (min-width: 768px) { - .container-md, .container-sm, .container { - max-width: 720px; - } + .container-md, .container-sm, .container { + max-width: 720px; + } } + @media (min-width: 992px) { - .container-lg, .container-md, .container-sm, .container { - max-width: 960px; - } + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } } + @media (min-width: 1200px) { - .container-xl, .container-lg, .container-md, .container-sm, .container { - max-width: 1140px; - } + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } } + @media (min-width: 1400px) { - .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { - max-width: 1320px; - } + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; + } } + .row { - --mdb-gutter-x: 1.5rem; - --mdb-gutter-y: 0; - display: flex; - flex-wrap: wrap; - margin-top: calc(-1 * var(--mdb-gutter-y)); - margin-right: calc(-0.5 * var(--mdb-gutter-x)); - margin-left: calc(-0.5 * var(--mdb-gutter-x)); + --mdb-gutter-x: 1.5rem; + --mdb-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--mdb-gutter-y)); + margin-right: calc(-0.5 * var(--mdb-gutter-x)); + margin-left: calc(-0.5 * var(--mdb-gutter-x)); } + .row > * { - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--mdb-gutter-x) * 0.5); - padding-left: calc(var(--mdb-gutter-x) * 0.5); - margin-top: var(--mdb-gutter-y); + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--mdb-gutter-x) * 0.5); + padding-left: calc(var(--mdb-gutter-x) * 0.5); + margin-top: var(--mdb-gutter-y); } .col { - flex: 1 0 0%; + flex: 1 0 0%; } .row-cols-auto > * { - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .row-cols-1 > * { - flex: 0 0 auto; - width: 100%; + flex: 0 0 auto; + width: 100%; } .row-cols-2 > * { - flex: 0 0 auto; - width: 50%; + flex: 0 0 auto; + width: 50%; } .row-cols-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; + flex: 0 0 auto; + width: 33.3333333333%; } .row-cols-4 > * { - flex: 0 0 auto; - width: 25%; + flex: 0 0 auto; + width: 25%; } .row-cols-5 > * { - flex: 0 0 auto; - width: 20%; + flex: 0 0 auto; + width: 20%; } .row-cols-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; + flex: 0 0 auto; + width: 16.6666666667%; } .col-auto { - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .col-1 { - flex: 0 0 auto; - width: 8.33333333%; + flex: 0 0 auto; + width: 8.33333333%; } .col-2 { - flex: 0 0 auto; - width: 16.66666667%; + flex: 0 0 auto; + width: 16.66666667%; } .col-3 { - flex: 0 0 auto; - width: 25%; + flex: 0 0 auto; + width: 25%; } .col-4 { - flex: 0 0 auto; - width: 33.33333333%; + flex: 0 0 auto; + width: 33.33333333%; } .col-5 { - flex: 0 0 auto; - width: 41.66666667%; + flex: 0 0 auto; + width: 41.66666667%; } .col-6 { - flex: 0 0 auto; - width: 50%; + flex: 0 0 auto; + width: 50%; } .col-7 { - flex: 0 0 auto; - width: 58.33333333%; + flex: 0 0 auto; + width: 58.33333333%; } .col-8 { - flex: 0 0 auto; - width: 66.66666667%; + flex: 0 0 auto; + width: 66.66666667%; } .col-9 { - flex: 0 0 auto; - width: 75%; + flex: 0 0 auto; + width: 75%; } .col-10 { - flex: 0 0 auto; - width: 83.33333333%; + flex: 0 0 auto; + width: 83.33333333%; } .col-11 { - flex: 0 0 auto; - width: 91.66666667%; + flex: 0 0 auto; + width: 91.66666667%; } .col-12 { - flex: 0 0 auto; - width: 100%; + flex: 0 0 auto; + width: 100%; } .offset-1 { - margin-left: 8.33333333%; + margin-left: 8.33333333%; } .offset-2 { - margin-left: 16.66666667%; + margin-left: 16.66666667%; } .offset-3 { - margin-left: 25%; + margin-left: 25%; } .offset-4 { - margin-left: 33.33333333%; + margin-left: 33.33333333%; } .offset-5 { - margin-left: 41.66666667%; + margin-left: 41.66666667%; } .offset-6 { - margin-left: 50%; + margin-left: 50%; } .offset-7 { - margin-left: 58.33333333%; + margin-left: 58.33333333%; } .offset-8 { - margin-left: 66.66666667%; + margin-left: 66.66666667%; } .offset-9 { - margin-left: 75%; + margin-left: 75%; } .offset-10 { - margin-left: 83.33333333%; + margin-left: 83.33333333%; } .offset-11 { - margin-left: 91.66666667%; + margin-left: 91.66666667%; } .g-0, .gx-0 { - --mdb-gutter-x: 0; + --mdb-gutter-x: 0; } .g-0, .gy-0 { - --mdb-gutter-y: 0; + --mdb-gutter-y: 0; } .g-1, .gx-1 { - --mdb-gutter-x: 0.25rem; + --mdb-gutter-x: 0.25rem; } .g-1, .gy-1 { - --mdb-gutter-y: 0.25rem; + --mdb-gutter-y: 0.25rem; } .g-2, .gx-2 { - --mdb-gutter-x: 0.5rem; + --mdb-gutter-x: 0.5rem; } .g-2, .gy-2 { - --mdb-gutter-y: 0.5rem; + --mdb-gutter-y: 0.5rem; } .g-3, .gx-3 { - --mdb-gutter-x: 1rem; + --mdb-gutter-x: 1rem; } .g-3, .gy-3 { - --mdb-gutter-y: 1rem; + --mdb-gutter-y: 1rem; } .g-4, .gx-4 { - --mdb-gutter-x: 1.5rem; + --mdb-gutter-x: 1.5rem; } .g-4, .gy-4 { - --mdb-gutter-y: 1.5rem; + --mdb-gutter-y: 1.5rem; } .g-5, .gx-5 { - --mdb-gutter-x: 3rem; + --mdb-gutter-x: 3rem; } .g-5, .gy-5 { - --mdb-gutter-y: 3rem; + --mdb-gutter-y: 3rem; } @media (min-width: 576px) { - .col-sm { - flex: 1 0 0%; - } - .row-cols-sm-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-sm-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-sm-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-sm-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .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.6666666667%; - } - .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 { - --mdb-gutter-x: 0; - } - .g-sm-0, - .gy-sm-0 { - --mdb-gutter-y: 0; - } - .g-sm-1, - .gx-sm-1 { - --mdb-gutter-x: 0.25rem; - } - .g-sm-1, - .gy-sm-1 { - --mdb-gutter-y: 0.25rem; - } - .g-sm-2, - .gx-sm-2 { - --mdb-gutter-x: 0.5rem; - } - .g-sm-2, - .gy-sm-2 { - --mdb-gutter-y: 0.5rem; - } - .g-sm-3, - .gx-sm-3 { - --mdb-gutter-x: 1rem; - } - .g-sm-3, - .gy-sm-3 { - --mdb-gutter-y: 1rem; - } - .g-sm-4, - .gx-sm-4 { - --mdb-gutter-x: 1.5rem; - } - .g-sm-4, - .gy-sm-4 { - --mdb-gutter-y: 1.5rem; - } - .g-sm-5, - .gx-sm-5 { - --mdb-gutter-x: 3rem; - } - .g-sm-5, - .gy-sm-5 { - --mdb-gutter-y: 3rem; - } + .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.3333333333%; + } + + .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.6666666667%; + } + + .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 { + --mdb-gutter-x: 0; + } + + .g-sm-0, + .gy-sm-0 { + --mdb-gutter-y: 0; + } + + .g-sm-1, + .gx-sm-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-sm-1, + .gy-sm-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-sm-2, + .gx-sm-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-sm-2, + .gy-sm-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-sm-3, + .gx-sm-3 { + --mdb-gutter-x: 1rem; + } + + .g-sm-3, + .gy-sm-3 { + --mdb-gutter-y: 1rem; + } + + .g-sm-4, + .gx-sm-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-sm-4, + .gy-sm-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-sm-5, + .gx-sm-5 { + --mdb-gutter-x: 3rem; + } + + .g-sm-5, + .gy-sm-5 { + --mdb-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.3333333333%; - } - .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.6666666667%; - } - .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; + .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.3333333333%; + } + + .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.6666666667%; + } + + .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 { + --mdb-gutter-x: 0; + } + + .g-md-0, + .gy-md-0 { + --mdb-gutter-y: 0; + } + + .g-md-1, + .gx-md-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-md-1, + .gy-md-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-md-2, + .gx-md-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-md-2, + .gy-md-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-md-3, + .gx-md-3 { + --mdb-gutter-x: 1rem; + } + + .g-md-3, + .gy-md-3 { + --mdb-gutter-y: 1rem; + } + + .g-md-4, + .gx-md-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-md-4, + .gy-md-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-md-5, + .gx-md-5 { + --mdb-gutter-x: 3rem; + } + + .g-md-5, + .gy-md-5 { + --mdb-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.3333333333%; + } + + .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.6666666667%; + } + + .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 { + --mdb-gutter-x: 0; + } + + .g-lg-0, + .gy-lg-0 { + --mdb-gutter-y: 0; + } + + .g-lg-1, + .gx-lg-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-lg-1, + .gy-lg-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-lg-2, + .gx-lg-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-lg-2, + .gy-lg-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-lg-3, + .gx-lg-3 { + --mdb-gutter-x: 1rem; + } + + .g-lg-3, + .gy-lg-3 { + --mdb-gutter-y: 1rem; + } + + .g-lg-4, + .gx-lg-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-lg-4, + .gy-lg-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-lg-5, + .gx-lg-5 { + --mdb-gutter-x: 3rem; + } + + .g-lg-5, + .gy-lg-5 { + --mdb-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.3333333333%; + } + + .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.6666666667%; + } + + .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 { + --mdb-gutter-x: 0; + } + + .g-xl-0, + .gy-xl-0 { + --mdb-gutter-y: 0; + } + + .g-xl-1, + .gx-xl-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-xl-1, + .gy-xl-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-xl-2, + .gx-xl-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-xl-2, + .gy-xl-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-xl-3, + .gx-xl-3 { + --mdb-gutter-x: 1rem; + } + + .g-xl-3, + .gy-xl-3 { + --mdb-gutter-y: 1rem; + } + + .g-xl-4, + .gx-xl-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-xl-4, + .gy-xl-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-xl-5, + .gx-xl-5 { + --mdb-gutter-x: 3rem; + } + + .g-xl-5, + .gy-xl-5 { + --mdb-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.3333333333%; + } + + .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.6666666667%; + } + + .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 { + --mdb-gutter-x: 0; + } + + .g-xxl-0, + .gy-xxl-0 { + --mdb-gutter-y: 0; + } + + .g-xxl-1, + .gx-xxl-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-xxl-1, + .gy-xxl-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-xxl-2, + .gx-xxl-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-xxl-2, + .gy-xxl-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-xxl-3, + .gx-xxl-3 { + --mdb-gutter-x: 1rem; + } + + .g-xxl-3, + .gy-xxl-3 { + --mdb-gutter-y: 1rem; + } + + .g-xxl-4, + .gx-xxl-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-xxl-4, + .gy-xxl-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-xxl-5, + .gx-xxl-5 { + --mdb-gutter-x: 3rem; + } + + .g-xxl-5, + .gy-xxl-5 { + --mdb-gutter-y: 3rem; + } +} + +.table { + --mdb-table-color: var(--mdb-body-color); + --mdb-table-bg: transparent; + --mdb-table-border-color: var(--mdb-border-color); + --mdb-table-accent-bg: transparent; + --mdb-table-striped-color: var(--mdb-body-color); + --mdb-table-striped-bg: rgba(0, 0, 0, 0.02); + --mdb-table-active-color: var(--mdb-body-color); + --mdb-table-active-bg: rgba(0, 0, 0, 0.1); + --mdb-table-hover-color: var(--mdb-body-color); + --mdb-table-hover-bg: rgba(0, 0, 0, 0.025); 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 { - --mdb-gutter-x: 0; - } - .g-md-0, - .gy-md-0 { - --mdb-gutter-y: 0; - } - .g-md-1, - .gx-md-1 { - --mdb-gutter-x: 0.25rem; - } - .g-md-1, - .gy-md-1 { - --mdb-gutter-y: 0.25rem; - } - .g-md-2, - .gx-md-2 { - --mdb-gutter-x: 0.5rem; - } - .g-md-2, - .gy-md-2 { - --mdb-gutter-y: 0.5rem; - } - .g-md-3, - .gx-md-3 { - --mdb-gutter-x: 1rem; - } - .g-md-3, - .gy-md-3 { - --mdb-gutter-y: 1rem; - } - .g-md-4, - .gx-md-4 { - --mdb-gutter-x: 1.5rem; - } - .g-md-4, - .gy-md-4 { - --mdb-gutter-y: 1.5rem; - } - .g-md-5, - .gx-md-5 { - --mdb-gutter-x: 3rem; - } - .g-md-5, - .gy-md-5 { - --mdb-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.3333333333%; - } - .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.6666666667%; - } - .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 { - --mdb-gutter-x: 0; - } - .g-lg-0, - .gy-lg-0 { - --mdb-gutter-y: 0; - } - .g-lg-1, - .gx-lg-1 { - --mdb-gutter-x: 0.25rem; - } - .g-lg-1, - .gy-lg-1 { - --mdb-gutter-y: 0.25rem; - } - .g-lg-2, - .gx-lg-2 { - --mdb-gutter-x: 0.5rem; - } - .g-lg-2, - .gy-lg-2 { - --mdb-gutter-y: 0.5rem; - } - .g-lg-3, - .gx-lg-3 { - --mdb-gutter-x: 1rem; - } - .g-lg-3, - .gy-lg-3 { - --mdb-gutter-y: 1rem; - } - .g-lg-4, - .gx-lg-4 { - --mdb-gutter-x: 1.5rem; - } - .g-lg-4, - .gy-lg-4 { - --mdb-gutter-y: 1.5rem; - } - .g-lg-5, - .gx-lg-5 { - --mdb-gutter-x: 3rem; - } - .g-lg-5, - .gy-lg-5 { - --mdb-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.3333333333%; - } - .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.6666666667%; - } - .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 { - --mdb-gutter-x: 0; - } - .g-xl-0, - .gy-xl-0 { - --mdb-gutter-y: 0; - } - .g-xl-1, - .gx-xl-1 { - --mdb-gutter-x: 0.25rem; - } - .g-xl-1, - .gy-xl-1 { - --mdb-gutter-y: 0.25rem; - } - .g-xl-2, - .gx-xl-2 { - --mdb-gutter-x: 0.5rem; - } - .g-xl-2, - .gy-xl-2 { - --mdb-gutter-y: 0.5rem; - } - .g-xl-3, - .gx-xl-3 { - --mdb-gutter-x: 1rem; - } - .g-xl-3, - .gy-xl-3 { - --mdb-gutter-y: 1rem; - } - .g-xl-4, - .gx-xl-4 { - --mdb-gutter-x: 1.5rem; - } - .g-xl-4, - .gy-xl-4 { - --mdb-gutter-y: 1.5rem; - } - .g-xl-5, - .gx-xl-5 { - --mdb-gutter-x: 3rem; - } - .g-xl-5, - .gy-xl-5 { - --mdb-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.3333333333%; - } - .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.6666666667%; - } - .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 { - --mdb-gutter-x: 0; - } - .g-xxl-0, - .gy-xxl-0 { - --mdb-gutter-y: 0; - } - .g-xxl-1, - .gx-xxl-1 { - --mdb-gutter-x: 0.25rem; - } - .g-xxl-1, - .gy-xxl-1 { - --mdb-gutter-y: 0.25rem; - } - .g-xxl-2, - .gx-xxl-2 { - --mdb-gutter-x: 0.5rem; - } - .g-xxl-2, - .gy-xxl-2 { - --mdb-gutter-y: 0.5rem; - } - .g-xxl-3, - .gx-xxl-3 { - --mdb-gutter-x: 1rem; - } - .g-xxl-3, - .gy-xxl-3 { - --mdb-gutter-y: 1rem; - } - .g-xxl-4, - .gx-xxl-4 { - --mdb-gutter-x: 1.5rem; - } - .g-xxl-4, - .gy-xxl-4 { - --mdb-gutter-y: 1.5rem; - } - .g-xxl-5, - .gx-xxl-5 { - --mdb-gutter-x: 3rem; - } - .g-xxl-5, - .gy-xxl-5 { - --mdb-gutter-y: 3rem; - } -} -.table { - --mdb-table-color: var(--mdb-body-color); - --mdb-table-bg: transparent; - --mdb-table-border-color: var(--mdb-border-color); - --mdb-table-accent-bg: transparent; - --mdb-table-striped-color: var(--mdb-body-color); - --mdb-table-striped-bg: rgba(0, 0, 0, 0.02); - --mdb-table-active-color: var(--mdb-body-color); - --mdb-table-active-bg: rgba(0, 0, 0, 0.1); - --mdb-table-hover-color: var(--mdb-body-color); - --mdb-table-hover-bg: rgba(0, 0, 0, 0.025); - width: 100%; - margin-bottom: 1rem; - color: var(--mdb-table-color); - vertical-align: top; - border-color: var(--mdb-table-border-color); + margin-bottom: 1rem; + color: var(--mdb-table-color); + vertical-align: top; + border-color: var(--mdb-table-border-color); } + .table > :not(caption) > * > * { - padding: 1rem 1.4rem; - background-color: var(--mdb-table-bg); - border-bottom-width: 1px; - box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg); + padding: 1rem 1.4rem; + background-color: var(--mdb-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg); } + .table > tbody { - vertical-align: inherit; + vertical-align: inherit; } + .table > thead { - vertical-align: bottom; + vertical-align: bottom; } .table-group-divider { - border-top: 2px solid inherit; + border-top: 2px solid inherit; } .caption-top { - caption-side: top; + caption-side: top; } .table-sm > :not(caption) > * > * { - padding: 0.5rem 0.5rem; + padding: 0.5rem 0.5rem; } .table-bordered > :not(caption) > * { - border-width: 1px 0; + border-width: 1px 0; } + .table-bordered > :not(caption) > * > * { - border-width: 0 1px; + border-width: 0 1px; } .table-borderless > :not(caption) > * > * { - border-bottom-width: 0; + border-bottom-width: 0; } + .table-borderless > :not(:first-child) { - border-top-width: 0; + border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { - --mdb-table-accent-bg: var(--mdb-table-striped-bg); - color: var(--mdb-table-striped-color); + --mdb-table-accent-bg: var(--mdb-table-striped-bg); + color: var(--mdb-table-striped-color); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { - --mdb-table-accent-bg: var(--mdb-table-striped-bg); - color: var(--mdb-table-striped-color); + --mdb-table-accent-bg: var(--mdb-table-striped-bg); + color: var(--mdb-table-striped-color); } .table-active { - --mdb-table-accent-bg: var(--mdb-table-active-bg); - color: var(--mdb-table-active-color); + --mdb-table-accent-bg: var(--mdb-table-active-bg); + color: var(--mdb-table-active-color); } .table-hover > tbody > tr:hover > * { - --mdb-table-accent-bg: var(--mdb-table-hover-bg); - color: var(--mdb-table-hover-color); + --mdb-table-accent-bg: var(--mdb-table-hover-bg); + color: var(--mdb-table-hover-color); } .table-primary { - --mdb-table-color: #000; - --mdb-table-bg: #d8e3f4; - --mdb-table-border-color: #c2ccdc; - --mdb-table-striped-bg: #cdd8e8; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #c2ccdc; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #c8d2e2; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #d8e3f4; + --mdb-table-border-color: #c2ccdc; + --mdb-table-striped-bg: #cdd8e8; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #c2ccdc; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #c8d2e2; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-secondary { - --mdb-table-color: #000; - --mdb-table-bg: #ecedf0; - --mdb-table-border-color: #d4d5d8; - --mdb-table-striped-bg: #e0e1e4; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #d4d5d8; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #dadbde; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #ecedf0; + --mdb-table-border-color: #d4d5d8; + --mdb-table-striped-bg: #e0e1e4; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #d4d5d8; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #dadbde; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-success { - --mdb-table-color: #000; - --mdb-table-bg: #d0eddb; - --mdb-table-border-color: #bbd5c5; - --mdb-table-striped-bg: #c6e1d0; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #bbd5c5; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #c0dbcb; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #d0eddb; + --mdb-table-border-color: #bbd5c5; + --mdb-table-striped-bg: #c6e1d0; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #bbd5c5; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #c0dbcb; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-info { - --mdb-table-color: #000; - --mdb-table-bg: #ddf0f6; - --mdb-table-border-color: #c7d8dd; - --mdb-table-striped-bg: #d2e4ea; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #c7d8dd; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #ccdee4; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #ddf0f6; + --mdb-table-border-color: #c7d8dd; + --mdb-table-striped-bg: #d2e4ea; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #c7d8dd; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #ccdee4; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-warning { - --mdb-table-color: #000; - --mdb-table-bg: #faecd1; - --mdb-table-border-color: #e1d4bc; - --mdb-table-striped-bg: #eee0c7; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #e1d4bc; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e7dac1; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #faecd1; + --mdb-table-border-color: #e1d4bc; + --mdb-table-striped-bg: #eee0c7; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #e1d4bc; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e7dac1; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-danger { - --mdb-table-color: #000; - --mdb-table-bg: #f8dbe0; - --mdb-table-border-color: #dfc5ca; - --mdb-table-striped-bg: #ecd0d5; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #dfc5ca; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e5cbcf; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #f8dbe0; + --mdb-table-border-color: #dfc5ca; + --mdb-table-striped-bg: #ecd0d5; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #dfc5ca; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e5cbcf; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-light { - --mdb-table-color: #000; - --mdb-table-bg: #fbfbfb; - --mdb-table-border-color: #e2e2e2; - --mdb-table-striped-bg: #eeeeee; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #e2e2e2; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e8e8e8; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #fbfbfb; + --mdb-table-border-color: #e2e2e2; + --mdb-table-striped-bg: #eeeeee; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #e2e2e2; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e8e8e8; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-dark { - --mdb-table-color: #fff; - --mdb-table-bg: #332d2d; - --mdb-table-border-color: #474242; - --mdb-table-striped-bg: #3d3838; - --mdb-table-striped-color: #fff; - --mdb-table-active-bg: #474242; - --mdb-table-active-color: #fff; - --mdb-table-hover-bg: #423d3d; - --mdb-table-hover-color: #fff; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #fff; + --mdb-table-bg: #332d2d; + --mdb-table-border-color: #474242; + --mdb-table-striped-bg: #3d3838; + --mdb-table-striped-color: #fff; + --mdb-table-active-bg: #474242; + --mdb-table-active-color: #fff; + --mdb-table-hover-bg: #423d3d; + --mdb-table-hover-color: #fff; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-responsive { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { - .table-responsive-sm { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } } + @media (max-width: 767.98px) { - .table-responsive-md { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } + .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; - } + .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; - } + .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; - } + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } } + .form-label { - margin-bottom: 0.5rem; - color: rgba(0, 0, 0, 0.6); + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); } .col-form-label { - padding-top: calc(0.375rem + 1px); - padding-bottom: calc(0.375rem + 1px); - margin-bottom: 0; - font-size: inherit; - line-height: 1.6; - color: rgba(0, 0, 0, 0.6); + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.6; + color: rgba(0, 0, 0, 0.6); } .col-form-label-lg { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - font-size: 1rem; + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1rem; } .col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.775rem; + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.775rem; } .form-text { - margin-top: 0.25rem; - font-size: 0.875em; - color: #757575; + margin-top: 0.25rem; + font-size: 0.875em; + color: #757575; } .form-control { - display: block; - width: 100%; - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.6; - color: #4f4f4f; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #bdbdbd; - appearance: none; - border-radius: 0.25rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - transition: all 0.2s linear; + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.6; + color: #4f4f4f; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #bdbdbd; + appearance: none; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + transition: all 0.2s linear; } + @media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; - } + .form-control { + transition: none; + } } + .form-control[type=file] { - overflow: hidden; + overflow: hidden; } + .form-control[type=file]:not(:disabled):not([readonly]) { - cursor: pointer; + cursor: pointer; } + .form-control:focus { - color: #4f4f4f; - background-color: #fff; - border-color: #3b71ca; - outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + color: #4f4f4f; + background-color: #fff; + border-color: #3b71ca; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-control::-webkit-date-and-time-value { - height: 1.6em; + height: 1.6em; } + .form-control::placeholder { - color: #757575; - opacity: 1; + color: #757575; + opacity: 1; } + .form-control:disabled { - background-color: #eeeeee; - opacity: 1; + background-color: #eeeeee; + opacity: 1; } + .form-control::file-selector-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - margin-inline-end: 0.75rem; - color: #4f4f4f; - background-color: #eeeeee; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + margin-inline-end: 0.75rem; + color: #4f4f4f; + background-color: #eeeeee; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .form-control::file-selector-button { - transition: none; - } + .form-control::file-selector-button { + transition: none; + } } + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: #e2e2e2; + background-color: #e2e2e2; } .form-control-plaintext { - display: block; - width: 100%; - padding: 0.375rem 0; - margin-bottom: 0; - line-height: 1.6; - color: #4f4f4f; - background-color: transparent; - border: solid transparent; - border-width: 1px 0; + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.6; + color: #4f4f4f; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; } + .form-control-plaintext:focus { - outline: 0; + outline: 0; } + .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; + padding-right: 0; + padding-left: 0; } .form-control-sm { - min-height: calc(1.6em + 0.5rem + 2px); - padding: 0.25rem 0.5rem; - font-size: 0.775rem; - border-radius: 0.25rem; + min-height: calc(1.6em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.775rem; + border-radius: 0.25rem; } + .form-control-sm::file-selector-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - margin-inline-end: 0.5rem; + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + margin-inline-end: 0.5rem; } .form-control-lg { - min-height: calc(1.6em + 1rem + 2px); - padding: 0.5rem 1rem; - font-size: 1rem; - border-radius: 0.5rem; + min-height: calc(1.6em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1rem; + border-radius: 0.5rem; } + .form-control-lg::file-selector-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - margin-inline-end: 1rem; + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + margin-inline-end: 1rem; } textarea.form-control { - min-height: calc(1.6em + 0.75rem + 2px); + min-height: calc(1.6em + 0.75rem + 2px); } + textarea.form-control-sm { - min-height: calc(1.6em + 0.5rem + 2px); + min-height: calc(1.6em + 0.5rem + 2px); } + textarea.form-control-lg { - min-height: calc(1.6em + 1rem + 2px); + min-height: calc(1.6em + 1rem + 2px); } .form-control-color { - width: 3rem; - height: calc(1.6em + 0.75rem + 2px); - padding: 0.375rem; + width: 3rem; + height: calc(1.6em + 0.75rem + 2px); + padding: 0.375rem; } + .form-control-color:not(:disabled):not([readonly]) { - cursor: pointer; + cursor: pointer; } + .form-control-color::-moz-color-swatch { - border: 0 !important; - border-radius: 0.25rem; + border: 0 !important; + border-radius: 0.25rem; } + .form-control-color::-webkit-color-swatch { - border-radius: 0.25rem; + border-radius: 0.25rem; } + .form-control-color.form-control-sm { - height: calc(1.6em + 0.5rem + 2px); + height: calc(1.6em + 0.5rem + 2px); } + .form-control-color.form-control-lg { - height: calc(1.6em + 1rem + 2px); + height: calc(1.6em + 1rem + 2px); } .form-select { - display: block; - width: 100%; - padding: 0.375rem 2.25rem 0.375rem 0.75rem; - -moz-padding-start: calc(0.75rem - 3px); - font-size: 1rem; - font-weight: 400; - line-height: 1.6; - color: #4f4f4f; - background-color: #fff; - 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right 0.75rem center; - background-size: 16px 12px; - border: 1px solid #bdbdbd; - border-radius: 0.25rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - transition: all 0.2s linear; - appearance: none; + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; + font-weight: 400; + line-height: 1.6; + color: #4f4f4f; + background-color: #fff; + 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + transition: all 0.2s linear; + appearance: none; } + @media (prefers-reduced-motion: reduce) { - .form-select { - transition: none; - } + .form-select { + transition: none; + } } + .form-select:focus { - border-color: #3b71ca; - outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + border-color: #3b71ca; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-select[multiple], .form-select[size]:not([size="1"]) { - padding-right: 0.75rem; - background-image: none; + padding-right: 0.75rem; + background-image: none; } + .form-select:disabled { - background-color: #eeeeee; + background-color: #eeeeee; } + .form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #4f4f4f; + color: transparent; + text-shadow: 0 0 0 #4f4f4f; } .form-select-sm { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-left: 0.5rem; - font-size: 0.775rem; - border-radius: 0.25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.775rem; + border-radius: 0.25rem; } .form-select-lg { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 1rem; - border-radius: 0.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1rem; + border-radius: 0.5rem; } .form-check { - display: block; - min-height: 1.6rem; - padding-left: 1.5em; - margin-bottom: 0.125rem; + display: block; + min-height: 1.6rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; } + .form-check .form-check-input { - float: left; - margin-left: -1.5em; + float: left; + margin-left: -1.5em; } .form-check-reverse { - padding-right: 1.5em; - padding-left: 0; - text-align: right; + padding-right: 1.5em; + padding-left: 0; + text-align: right; } + .form-check-reverse .form-check-input { - float: right; - margin-right: -1.5em; - margin-left: 0; + float: right; + margin-right: -1.5em; + margin-left: 0; } .form-check-input { - width: 1em; - height: 1em; - margin-top: 0.3em; - 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); - appearance: none; - print-color-adjust: exact; + width: 1em; + height: 1em; + margin-top: 0.3em; + 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); + appearance: none; + print-color-adjust: exact; } + .form-check-input[type=checkbox] { - border-radius: 0.25em; + border-radius: 0.25em; } + .form-check-input[type=radio] { - border-radius: 50%; + border-radius: 50%; } + .form-check-input:active { - filter: brightness(90%); + filter: brightness(90%); } + .form-check-input:focus { - border-color: #3b71ca; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + border-color: #3b71ca; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-check-input:checked { - background-color: #3b71ca; - border-color: #3b71ca; + background-color: #3b71ca; + border-color: #3b71ca; } + .form-check-input:checked[type=checkbox] { - 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 10 3 3 6-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 10 3 3 6-6'/%3e%3c/svg%3e"); } + .form-check-input:checked[type=radio] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } + .form-check-input[type=checkbox]:indeterminate { - background-color: #3b71ca; - border-color: #757575; - 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"); + background-color: #3b71ca; + border-color: #757575; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } + .form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: 0.5; + pointer-events: none; + filter: none; + opacity: 0.5; } + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { - cursor: default; - opacity: 0.5; + cursor: default; + opacity: 0.5; } .form-switch { - padding-left: 2.5em; + padding-left: 2.5em; } + .form-switch .form-check-input { - 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-position: left center; - border-radius: 2em; - transition: background-position 0.15s ease-in-out; + 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-position: left center; + 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 { + transition: none; + } } + .form-switch .form-check-input:focus { - 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='%233b71ca'/%3e%3c/svg%3e"); + 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='%233b71ca'/%3e%3c/svg%3e"); } + .form-switch .form-check-input:checked { - background-position: right center; - 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='%23fff'/%3e%3c/svg%3e"); + background-position: right center; + 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='%23fff'/%3e%3c/svg%3e"); } + .form-switch.form-check-reverse { - padding-right: 2.5em; - padding-left: 0; + padding-right: 2.5em; + padding-left: 0; } + .form-switch.form-check-reverse .form-check-input { - margin-right: -2.5em; - margin-left: 0; + margin-right: -2.5em; + margin-left: 0; } .form-check-inline { - display: inline-block; - margin-right: 1rem; + display: inline-block; + margin-right: 1rem; } .btn-check { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + .btn-check[disabled] + .btn, .btn-check:disabled + .btn { - pointer-events: none; - filter: none; - opacity: 0.65; + pointer-events: none; + filter: none; + opacity: 0.65; } .form-range { - width: 100%; - height: 1.5rem; - padding: 0; - background-color: transparent; - appearance: none; + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + appearance: none; } + .form-range:focus { - outline: 0; + outline: 0; } + .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-range::-moz-focus-outer { - border: 0; + border: 0; } + .form-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #3b71ca; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3b71ca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } + @media (prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - transition: none; - } + .form-range::-webkit-slider-thumb { + transition: none; + } } + .form-range::-webkit-slider-thumb:active { - background-color: #c4d4ef; + background-color: #c4d4ef; } + .form-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #e0e0e0; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e0e0e0; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } + .form-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #3b71ca; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + width: 1rem; + height: 1rem; + background-color: #3b71ca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } + @media (prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - transition: none; - } + .form-range::-moz-range-thumb { + transition: none; + } } + .form-range::-moz-range-thumb:active { - background-color: #c4d4ef; + background-color: #c4d4ef; } + .form-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #e0e0e0; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e0e0e0; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } + .form-range:disabled { - pointer-events: none; + pointer-events: none; } + .form-range:disabled::-webkit-slider-thumb { - background-color: #9e9e9e; + background-color: #9e9e9e; } + .form-range:disabled::-moz-range-thumb { - background-color: #9e9e9e; + background-color: #9e9e9e; } .form-floating { - position: relative; + position: relative; } + .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { - height: calc(3.5rem + 2px); - line-height: 1.25; + height: calc(3.5rem + 2px); + line-height: 1.25; } + .form-floating > label { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 1rem 0.75rem; - overflow: hidden; - text-align: start; - text-overflow: ellipsis; - white-space: nowrap; - pointer-events: none; - border: 1px solid transparent; - transform-origin: 0 0; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 1rem 0.75rem; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .form-floating > label { - transition: none; - } + .form-floating > label { + transition: none; + } } + .form-floating > .form-control, .form-floating > .form-control-plaintext { - padding: 1rem 0.75rem; + padding: 1rem 0.75rem; } + .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { - color: transparent; + color: transparent; } + .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; + 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; + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-select { - padding-top: 1.625rem; - padding-bottom: 0.625rem; + 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, .form-floating > .form-select ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control:-webkit-autofill ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control-plaintext ~ label { - border-width: 1px 0; + border-width: 1px 0; } .input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; } + .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0; + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; } + .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { - z-index: 5; + z-index: 5; } + .input-group .btn { - position: relative; - z-index: 2; + position: relative; + z-index: 2; } + .input-group .btn:focus { - z-index: 5; + z-index: 5; } .input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.6; - color: #4f4f4f; - text-align: center; - white-space: nowrap; - background-color: #eeeeee; - border: 1px solid #bdbdbd; - border-radius: 0.25rem; + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.6; + color: #4f4f4f; + text-align: center; + white-space: nowrap; + background-color: #eeeeee; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 1rem; - border-radius: 0.5rem; + padding: 0.5rem 1rem; + font-size: 1rem; + border-radius: 0.5rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.775rem; - border-radius: 0.25rem; + padding: 0.25rem 0.5rem; + font-size: 0.775rem; + border-radius: 0.25rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { - padding-right: 3rem; + padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-left: -1px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #14a44d; + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #14a44d; } .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 6px 16px; - margin-top: 0.1rem; - font-size: 0.875rem; - color: #000; - background-color: rgba(20, 164, 77, 0.9); - border-radius: 0.25rem; + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 6px 16px; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(20, 164, 77, 0.9); + border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { - display: block; + display: block; } .was-validated .form-control:valid, .form-control.is-valid { - border-color: #14a44d; - padding-right: calc(1.6em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.4em + 0.1875rem) center; - background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + border-color: #14a44d; + padding-right: calc(1.6em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.4em + 0.1875rem) center; + background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #14a44d; - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + border-color: #14a44d; + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { - padding-right: calc(1.6em + 0.75rem); - background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); + padding-right: calc(1.6em + 0.75rem); + background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { - border-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { - padding-right: 4.125rem; - 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + padding-right: 4.125rem; + 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-select:valid:focus, .form-select.is-valid:focus { - border-color: #14a44d; - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + border-color: #14a44d; + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { - width: calc(3rem + calc(1.6em + 0.75rem)); + width: calc(3rem + calc(1.6em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { - border-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { - background-color: #14a44d; + background-color: #14a44d; } + .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #14a44d; + color: #14a44d; } .form-check-inline .form-check-input ~ .valid-feedback { - margin-left: 0.5em; + margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, @@ -2638,89 +2984,95 @@ textarea.form-control-lg { .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; + z-index: 3; } .invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #dc4c64; + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #dc4c64; } .invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 6px 16px; - margin-top: 0.1rem; - font-size: 0.875rem; - color: #000; - background-color: rgba(220, 76, 100, 0.9); - border-radius: 0.25rem; + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 6px 16px; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(220, 76, 100, 0.9); + border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { - display: block; + display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { - border-color: #dc4c64; - padding-right: calc(1.6em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.4em + 0.1875rem) center; - background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + border-color: #dc4c64; + padding-right: calc(1.6em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.4em + 0.1875rem) center; + background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #dc4c64; - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + border-color: #dc4c64; + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { - padding-right: calc(1.6em + 0.75rem); - background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); + padding-right: calc(1.6em + 0.75rem); + background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { - border-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - padding-right: 4.125rem; - 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + padding-right: 4.125rem; + 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { - border-color: #dc4c64; - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + border-color: #dc4c64; + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { - width: calc(3rem + calc(1.6em + 0.75rem)); + width: calc(3rem + calc(1.6em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { - border-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { - background-color: #dc4c64; + background-color: #dc4c64; } + .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #dc4c64; + color: #dc4c64; } .form-check-inline .form-check-input ~ .invalid-feedback { - margin-left: 0.5em; + margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, @@ -2728,433 +3080,449 @@ textarea.form-control-lg { .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; + z-index: 4; } .btn { - --mdb-btn-padding-x: 1.5rem; - --mdb-btn-padding-y: 0.375rem; - --mdb-btn-font-family: ; - --mdb-btn-font-size: 0.75rem; - --mdb-btn-font-weight: 500; - --mdb-btn-line-height: 1.5; - --mdb-btn-color: #4f4f4f; - --mdb-btn-bg: transparent; - --mdb-btn-border-width: 2px; - --mdb-btn-border-color: transparent; - --mdb-btn-border-radius: 0.25rem; - --mdb-btn-hover-border-color: transparent; - --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); - --mdb-btn-disabled-opacity: 0.65; - --mdb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mdb-btn-focus-shadow-rgb), 0.5); - display: inline-block; - padding: var(--mdb-btn-padding-y) var(--mdb-btn-padding-x); - font-family: var(--mdb-btn-font-family); - font-size: var(--mdb-btn-font-size); - font-weight: var(--mdb-btn-font-weight); - line-height: var(--mdb-btn-line-height); - color: var(--mdb-btn-color); - text-align: center; - vertical-align: middle; - cursor: pointer; - user-select: none; - border: var(--mdb-btn-border-width) solid var(--mdb-btn-border-color); - border-radius: var(--mdb-btn-border-radius); - background-color: var(--mdb-btn-bg); - box-shadow: var(--mdb-btn-box-shadow); - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + --mdb-btn-padding-x: 1.5rem; + --mdb-btn-padding-y: 0.375rem; + --mdb-btn-font-family: ; + --mdb-btn-font-size: 0.75rem; + --mdb-btn-font-weight: 500; + --mdb-btn-line-height: 1.5; + --mdb-btn-color: #4f4f4f; + --mdb-btn-bg: transparent; + --mdb-btn-border-width: 2px; + --mdb-btn-border-color: transparent; + --mdb-btn-border-radius: 0.25rem; + --mdb-btn-hover-border-color: transparent; + --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + --mdb-btn-disabled-opacity: 0.65; + --mdb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mdb-btn-focus-shadow-rgb), 0.5); + display: inline-block; + padding: var(--mdb-btn-padding-y) var(--mdb-btn-padding-x); + font-family: var(--mdb-btn-font-family); + font-size: var(--mdb-btn-font-size); + font-weight: var(--mdb-btn-font-weight); + line-height: var(--mdb-btn-line-height); + color: var(--mdb-btn-color); + text-align: center; + vertical-align: middle; + cursor: pointer; + user-select: none; + border: var(--mdb-btn-border-width) solid var(--mdb-btn-border-color); + border-radius: var(--mdb-btn-border-radius); + background-color: var(--mdb-btn-bg); + box-shadow: var(--mdb-btn-box-shadow); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } + .btn { + transition: none; + } } + .btn:hover { - color: var(--mdb-btn-hover-color); - background-color: var(--mdb-btn-hover-bg); - border-color: var(--mdb-btn-hover-border-color); + color: var(--mdb-btn-hover-color); + background-color: var(--mdb-btn-hover-bg); + border-color: var(--mdb-btn-hover-border-color); } + .btn-check + .btn:hover { - color: var(--mdb-btn-color); - background-color: var(--mdb-btn-bg); - border-color: var(--mdb-btn-border-color); + color: var(--mdb-btn-color); + background-color: var(--mdb-btn-bg); + border-color: var(--mdb-btn-border-color); } + .btn:focus-visible { - color: var(--mdb-btn-hover-color); - background-color: var(--mdb-btn-hover-bg); - border-color: var(--mdb-btn-hover-border-color); - outline: 0; - box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow); + color: var(--mdb-btn-hover-color); + background-color: var(--mdb-btn-hover-bg); + border-color: var(--mdb-btn-hover-border-color); + outline: 0; + box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow); } + .btn-check:focus-visible + .btn { - border-color: var(--mdb-btn-hover-border-color); - outline: 0; - box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow); + border-color: var(--mdb-btn-hover-border-color); + outline: 0; + box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow); } + .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { - color: var(--mdb-btn-active-color); - background-color: var(--mdb-btn-active-bg); - border-color: var(--mdb-btn-active-border-color); - box-shadow: var(--mdb-btn-active-shadow); + color: var(--mdb-btn-active-color); + background-color: var(--mdb-btn-active-bg); + border-color: var(--mdb-btn-active-border-color); + box-shadow: var(--mdb-btn-active-shadow); } + .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { - box-shadow: var(--mdb-btn-active-shadow), var(--mdb-btn-focus-box-shadow); + box-shadow: var(--mdb-btn-active-shadow), var(--mdb-btn-focus-box-shadow); } + .btn:disabled, .btn.disabled, fieldset:disabled .btn { - color: var(--mdb-btn-disabled-color); - pointer-events: none; - background-color: var(--mdb-btn-disabled-bg); - border-color: var(--mdb-btn-disabled-border-color); - opacity: var(--mdb-btn-disabled-opacity); - box-shadow: none; + color: var(--mdb-btn-disabled-color); + pointer-events: none; + background-color: var(--mdb-btn-disabled-bg); + border-color: var(--mdb-btn-disabled-border-color); + opacity: var(--mdb-btn-disabled-opacity); + box-shadow: none; } .btn-primary { - --mdb-btn-color: #fff; - --mdb-btn-bg: #3b71ca; - --mdb-btn-border-color: #3b71ca; - --mdb-btn-hover-color: #fff; - --mdb-btn-hover-bg: #386bc0; - --mdb-btn-hover-border-color: #2f5aa2; - --mdb-btn-focus-shadow-rgb: 88, 134, 210; - --mdb-btn-active-color: #fff; - --mdb-btn-active-bg: #3566b6; - --mdb-btn-active-border-color: #2c5598; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #fff; - --mdb-btn-disabled-bg: #3b71ca; - --mdb-btn-disabled-border-color: #3b71ca; + --mdb-btn-color: #fff; + --mdb-btn-bg: #3b71ca; + --mdb-btn-border-color: #3b71ca; + --mdb-btn-hover-color: #fff; + --mdb-btn-hover-bg: #386bc0; + --mdb-btn-hover-border-color: #2f5aa2; + --mdb-btn-focus-shadow-rgb: 88, 134, 210; + --mdb-btn-active-color: #fff; + --mdb-btn-active-bg: #3566b6; + --mdb-btn-active-border-color: #2c5598; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #fff; + --mdb-btn-disabled-bg: #3b71ca; + --mdb-btn-disabled-border-color: #3b71ca; } .btn-secondary { - --mdb-btn-color: #000; - --mdb-btn-bg: #9fa6b2; - --mdb-btn-border-color: #9fa6b2; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #adb3be; - --mdb-btn-hover-border-color: #a9afba; - --mdb-btn-focus-shadow-rgb: 135, 141, 151; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #b2b8c1; - --mdb-btn-active-border-color: #a9afba; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #000; - --mdb-btn-disabled-bg: #9fa6b2; - --mdb-btn-disabled-border-color: #9fa6b2; + --mdb-btn-color: #000; + --mdb-btn-bg: #9fa6b2; + --mdb-btn-border-color: #9fa6b2; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #adb3be; + --mdb-btn-hover-border-color: #a9afba; + --mdb-btn-focus-shadow-rgb: 135, 141, 151; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #b2b8c1; + --mdb-btn-active-border-color: #a9afba; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #000; + --mdb-btn-disabled-bg: #9fa6b2; + --mdb-btn-disabled-border-color: #9fa6b2; } .btn-success { - --mdb-btn-color: #000; - --mdb-btn-bg: #14a44d; - --mdb-btn-border-color: #14a44d; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #37b268; - --mdb-btn-hover-border-color: #2cad5f; - --mdb-btn-focus-shadow-rgb: 17, 139, 65; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #43b671; - --mdb-btn-active-border-color: #2cad5f; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #000; - --mdb-btn-disabled-bg: #14a44d; - --mdb-btn-disabled-border-color: #14a44d; + --mdb-btn-color: #000; + --mdb-btn-bg: #14a44d; + --mdb-btn-border-color: #14a44d; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #37b268; + --mdb-btn-hover-border-color: #2cad5f; + --mdb-btn-focus-shadow-rgb: 17, 139, 65; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #43b671; + --mdb-btn-active-border-color: #2cad5f; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #000; + --mdb-btn-disabled-bg: #14a44d; + --mdb-btn-disabled-border-color: #14a44d; } .btn-danger { - --mdb-btn-color: #000; - --mdb-btn-bg: #dc4c64; - --mdb-btn-border-color: #dc4c64; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #e1677b; - --mdb-btn-hover-border-color: #e05e74; - --mdb-btn-focus-shadow-rgb: 187, 65, 85; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #e37083; - --mdb-btn-active-border-color: #e05e74; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #000; - --mdb-btn-disabled-bg: #dc4c64; - --mdb-btn-disabled-border-color: #dc4c64; + --mdb-btn-color: #000; + --mdb-btn-bg: #dc4c64; + --mdb-btn-border-color: #dc4c64; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #e1677b; + --mdb-btn-hover-border-color: #e05e74; + --mdb-btn-focus-shadow-rgb: 187, 65, 85; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #e37083; + --mdb-btn-active-border-color: #e05e74; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #000; + --mdb-btn-disabled-bg: #dc4c64; + --mdb-btn-disabled-border-color: #dc4c64; } .btn-warning { - --mdb-btn-color: #000; - --mdb-btn-bg: #e4a11b; - --mdb-btn-border-color: #e4a11b; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #e8af3d; - --mdb-btn-hover-border-color: #e7aa32; - --mdb-btn-focus-shadow-rgb: 194, 137, 23; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #e9b449; - --mdb-btn-active-border-color: #e7aa32; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #000; - --mdb-btn-disabled-bg: #e4a11b; - --mdb-btn-disabled-border-color: #e4a11b; + --mdb-btn-color: #000; + --mdb-btn-bg: #e4a11b; + --mdb-btn-border-color: #e4a11b; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #e8af3d; + --mdb-btn-hover-border-color: #e7aa32; + --mdb-btn-focus-shadow-rgb: 194, 137, 23; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #e9b449; + --mdb-btn-active-border-color: #e7aa32; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #000; + --mdb-btn-disabled-bg: #e4a11b; + --mdb-btn-disabled-border-color: #e4a11b; } .btn-info { - --mdb-btn-color: #000; - --mdb-btn-bg: #54b4d3; - --mdb-btn-border-color: #54b4d3; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #6ebfda; - --mdb-btn-hover-border-color: #65bcd7; - --mdb-btn-focus-shadow-rgb: 71, 153, 179; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #76c3dc; - --mdb-btn-active-border-color: #65bcd7; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #000; - --mdb-btn-disabled-bg: #54b4d3; - --mdb-btn-disabled-border-color: #54b4d3; + --mdb-btn-color: #000; + --mdb-btn-bg: #54b4d3; + --mdb-btn-border-color: #54b4d3; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #6ebfda; + --mdb-btn-hover-border-color: #65bcd7; + --mdb-btn-focus-shadow-rgb: 71, 153, 179; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #76c3dc; + --mdb-btn-active-border-color: #65bcd7; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #000; + --mdb-btn-disabled-bg: #54b4d3; + --mdb-btn-disabled-border-color: #54b4d3; } .btn-light { - --mdb-btn-color: #000; - --mdb-btn-bg: #fbfbfb; - --mdb-btn-border-color: #fbfbfb; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #eeeeee; - --mdb-btn-hover-border-color: #c9c9c9; - --mdb-btn-focus-shadow-rgb: 213, 213, 213; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #e2e2e2; - --mdb-btn-active-border-color: #bcbcbc; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #000; - --mdb-btn-disabled-bg: #fbfbfb; - --mdb-btn-disabled-border-color: #fbfbfb; + --mdb-btn-color: #000; + --mdb-btn-bg: #fbfbfb; + --mdb-btn-border-color: #fbfbfb; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #eeeeee; + --mdb-btn-hover-border-color: #c9c9c9; + --mdb-btn-focus-shadow-rgb: 213, 213, 213; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #e2e2e2; + --mdb-btn-active-border-color: #bcbcbc; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #000; + --mdb-btn-disabled-bg: #fbfbfb; + --mdb-btn-disabled-border-color: #fbfbfb; } .btn-dark { - --mdb-btn-color: #fff; - --mdb-btn-bg: #332d2d; - --mdb-btn-border-color: #332d2d; - --mdb-btn-hover-color: #fff; - --mdb-btn-hover-bg: #524d4d; - --mdb-btn-hover-border-color: #474242; - --mdb-btn-focus-shadow-rgb: 82, 77, 77; - --mdb-btn-active-color: #fff; - --mdb-btn-active-bg: #5c5757; - --mdb-btn-active-border-color: #474242; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #fff; - --mdb-btn-disabled-bg: #332d2d; - --mdb-btn-disabled-border-color: #332d2d; + --mdb-btn-color: #fff; + --mdb-btn-bg: #332d2d; + --mdb-btn-border-color: #332d2d; + --mdb-btn-hover-color: #fff; + --mdb-btn-hover-bg: #524d4d; + --mdb-btn-hover-border-color: #474242; + --mdb-btn-focus-shadow-rgb: 82, 77, 77; + --mdb-btn-active-color: #fff; + --mdb-btn-active-bg: #5c5757; + --mdb-btn-active-border-color: #474242; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #fff; + --mdb-btn-disabled-bg: #332d2d; + --mdb-btn-disabled-border-color: #332d2d; } .btn-outline-primary { - --mdb-btn-color: #3b71ca; - --mdb-btn-border-color: #3b71ca; - --mdb-btn-hover-color: #fff; - --mdb-btn-hover-bg: #3b71ca; - --mdb-btn-hover-border-color: #3b71ca; - --mdb-btn-focus-shadow-rgb: 59, 113, 202; - --mdb-btn-active-color: #fff; - --mdb-btn-active-bg: #3b71ca; - --mdb-btn-active-border-color: #3b71ca; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #3b71ca; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #3b71ca; - --mdb-gradient: none; + --mdb-btn-color: #3b71ca; + --mdb-btn-border-color: #3b71ca; + --mdb-btn-hover-color: #fff; + --mdb-btn-hover-bg: #3b71ca; + --mdb-btn-hover-border-color: #3b71ca; + --mdb-btn-focus-shadow-rgb: 59, 113, 202; + --mdb-btn-active-color: #fff; + --mdb-btn-active-bg: #3b71ca; + --mdb-btn-active-border-color: #3b71ca; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #3b71ca; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #3b71ca; + --mdb-gradient: none; } .btn-outline-secondary { - --mdb-btn-color: #9fa6b2; - --mdb-btn-border-color: #9fa6b2; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #9fa6b2; - --mdb-btn-hover-border-color: #9fa6b2; - --mdb-btn-focus-shadow-rgb: 159, 166, 178; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #9fa6b2; - --mdb-btn-active-border-color: #9fa6b2; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #9fa6b2; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #9fa6b2; - --mdb-gradient: none; + --mdb-btn-color: #9fa6b2; + --mdb-btn-border-color: #9fa6b2; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #9fa6b2; + --mdb-btn-hover-border-color: #9fa6b2; + --mdb-btn-focus-shadow-rgb: 159, 166, 178; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #9fa6b2; + --mdb-btn-active-border-color: #9fa6b2; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #9fa6b2; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #9fa6b2; + --mdb-gradient: none; } .btn-outline-success { - --mdb-btn-color: #14a44d; - --mdb-btn-border-color: #14a44d; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #14a44d; - --mdb-btn-hover-border-color: #14a44d; - --mdb-btn-focus-shadow-rgb: 20, 164, 77; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #14a44d; - --mdb-btn-active-border-color: #14a44d; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #14a44d; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #14a44d; - --mdb-gradient: none; + --mdb-btn-color: #14a44d; + --mdb-btn-border-color: #14a44d; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #14a44d; + --mdb-btn-hover-border-color: #14a44d; + --mdb-btn-focus-shadow-rgb: 20, 164, 77; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #14a44d; + --mdb-btn-active-border-color: #14a44d; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #14a44d; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #14a44d; + --mdb-gradient: none; } .btn-outline-danger { - --mdb-btn-color: #dc4c64; - --mdb-btn-border-color: #dc4c64; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #dc4c64; - --mdb-btn-hover-border-color: #dc4c64; - --mdb-btn-focus-shadow-rgb: 220, 76, 100; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #dc4c64; - --mdb-btn-active-border-color: #dc4c64; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #dc4c64; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #dc4c64; - --mdb-gradient: none; + --mdb-btn-color: #dc4c64; + --mdb-btn-border-color: #dc4c64; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #dc4c64; + --mdb-btn-hover-border-color: #dc4c64; + --mdb-btn-focus-shadow-rgb: 220, 76, 100; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #dc4c64; + --mdb-btn-active-border-color: #dc4c64; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #dc4c64; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #dc4c64; + --mdb-gradient: none; } .btn-outline-warning { - --mdb-btn-color: #e4a11b; - --mdb-btn-border-color: #e4a11b; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #e4a11b; - --mdb-btn-hover-border-color: #e4a11b; - --mdb-btn-focus-shadow-rgb: 228, 161, 27; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #e4a11b; - --mdb-btn-active-border-color: #e4a11b; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #e4a11b; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #e4a11b; - --mdb-gradient: none; + --mdb-btn-color: #e4a11b; + --mdb-btn-border-color: #e4a11b; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #e4a11b; + --mdb-btn-hover-border-color: #e4a11b; + --mdb-btn-focus-shadow-rgb: 228, 161, 27; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #e4a11b; + --mdb-btn-active-border-color: #e4a11b; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #e4a11b; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #e4a11b; + --mdb-gradient: none; } .btn-outline-info { - --mdb-btn-color: #54b4d3; - --mdb-btn-border-color: #54b4d3; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #54b4d3; - --mdb-btn-hover-border-color: #54b4d3; - --mdb-btn-focus-shadow-rgb: 84, 180, 211; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #54b4d3; - --mdb-btn-active-border-color: #54b4d3; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #54b4d3; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #54b4d3; - --mdb-gradient: none; + --mdb-btn-color: #54b4d3; + --mdb-btn-border-color: #54b4d3; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #54b4d3; + --mdb-btn-hover-border-color: #54b4d3; + --mdb-btn-focus-shadow-rgb: 84, 180, 211; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #54b4d3; + --mdb-btn-active-border-color: #54b4d3; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #54b4d3; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #54b4d3; + --mdb-gradient: none; } .btn-outline-light { - --mdb-btn-color: #fbfbfb; - --mdb-btn-border-color: #fbfbfb; - --mdb-btn-hover-color: #000; - --mdb-btn-hover-bg: #fbfbfb; - --mdb-btn-hover-border-color: #fbfbfb; - --mdb-btn-focus-shadow-rgb: 251, 251, 251; - --mdb-btn-active-color: #000; - --mdb-btn-active-bg: #fbfbfb; - --mdb-btn-active-border-color: #fbfbfb; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #fbfbfb; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #fbfbfb; - --mdb-gradient: none; + --mdb-btn-color: #fbfbfb; + --mdb-btn-border-color: #fbfbfb; + --mdb-btn-hover-color: #000; + --mdb-btn-hover-bg: #fbfbfb; + --mdb-btn-hover-border-color: #fbfbfb; + --mdb-btn-focus-shadow-rgb: 251, 251, 251; + --mdb-btn-active-color: #000; + --mdb-btn-active-bg: #fbfbfb; + --mdb-btn-active-border-color: #fbfbfb; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #fbfbfb; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #fbfbfb; + --mdb-gradient: none; } .btn-outline-dark { - --mdb-btn-color: #332d2d; - --mdb-btn-border-color: #332d2d; - --mdb-btn-hover-color: #fff; - --mdb-btn-hover-bg: #332d2d; - --mdb-btn-hover-border-color: #332d2d; - --mdb-btn-focus-shadow-rgb: 51, 45, 45; - --mdb-btn-active-color: #fff; - --mdb-btn-active-bg: #332d2d; - --mdb-btn-active-border-color: #332d2d; - --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-disabled-color: #332d2d; - --mdb-btn-disabled-bg: transparent; - --mdb-btn-disabled-border-color: #332d2d; - --mdb-gradient: none; + --mdb-btn-color: #332d2d; + --mdb-btn-border-color: #332d2d; + --mdb-btn-hover-color: #fff; + --mdb-btn-hover-bg: #332d2d; + --mdb-btn-hover-border-color: #332d2d; + --mdb-btn-focus-shadow-rgb: 51, 45, 45; + --mdb-btn-active-color: #fff; + --mdb-btn-active-bg: #332d2d; + --mdb-btn-active-border-color: #332d2d; + --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-disabled-color: #332d2d; + --mdb-btn-disabled-bg: transparent; + --mdb-btn-disabled-border-color: #332d2d; + --mdb-gradient: none; } .btn-link { - --mdb-btn-font-weight: 400; - --mdb-btn-color: #3b71ca; - --mdb-btn-bg: transparent; - --mdb-btn-border-color: transparent; - --mdb-btn-hover-color: #386bc0; - --mdb-btn-hover-border-color: transparent; - --mdb-btn-active-color: #386bc0; - --mdb-btn-active-border-color: transparent; - --mdb-btn-disabled-color: #9e9e9e; - --mdb-btn-disabled-border-color: transparent; - --mdb-btn-box-shadow: none; - --mdb-btn-focus-shadow-rgb: 88, 134, 210; - text-decoration: none; + --mdb-btn-font-weight: 400; + --mdb-btn-color: #3b71ca; + --mdb-btn-bg: transparent; + --mdb-btn-border-color: transparent; + --mdb-btn-hover-color: #386bc0; + --mdb-btn-hover-border-color: transparent; + --mdb-btn-active-color: #386bc0; + --mdb-btn-active-border-color: transparent; + --mdb-btn-disabled-color: #9e9e9e; + --mdb-btn-disabled-border-color: transparent; + --mdb-btn-box-shadow: none; + --mdb-btn-focus-shadow-rgb: 88, 134, 210; + text-decoration: none; } + .btn-link:hover, .btn-link:focus-visible { - text-decoration: none; + text-decoration: none; } + .btn-link:focus-visible { - color: var(--mdb-btn-color); + color: var(--mdb-btn-color); } + .btn-link:hover { - color: var(--mdb-btn-hover-color); + color: var(--mdb-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { - --mdb-btn-padding-y: 0.5rem; - --mdb-btn-padding-x: 1.6875rem; - --mdb-btn-font-size: 0.875rem; - --mdb-btn-border-radius: 0.5rem; + --mdb-btn-padding-y: 0.5rem; + --mdb-btn-padding-x: 1.6875rem; + --mdb-btn-font-size: 0.875rem; + --mdb-btn-border-radius: 0.5rem; } .btn-sm, .btn-group-sm > .btn { - --mdb-btn-padding-y: 0.25rem; - --mdb-btn-padding-x: 1rem; - --mdb-btn-font-size: 0.75rem; - --mdb-btn-border-radius: 0.25rem; + --mdb-btn-padding-y: 0.25rem; + --mdb-btn-padding-x: 1rem; + --mdb-btn-font-size: 0.75rem; + --mdb-btn-border-radius: 0.25rem; } .fade { - transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } + .fade { + transition: none; + } } + .fade:not(.show) { - opacity: 0; + opacity: 0; } .collapse:not(.show) { - display: none; + display: none; } .collapsing { - height: 0; - overflow: hidden; - transition: height 0.35s ease; + height: 0; + overflow: hidden; + transition: height 0.35s ease; } + @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; - } + .collapsing { + transition: none; + } } + .collapsing.collapse-horizontal { - width: 0; - height: auto; - transition: width 0.35s ease; + width: 0; + height: auto; + transition: width 0.35s ease; } + @media (prefers-reduced-motion: reduce) { - .collapsing.collapse-horizontal { - transition: none; - } + .collapsing.collapse-horizontal { + transition: none; + } } .dropup, @@ -3163,327 +3531,367 @@ textarea.form-control-lg { .dropstart, .dropup-center, .dropdown-center { - position: relative; + position: relative; } .dropdown-toggle { - white-space: nowrap; + white-space: nowrap; } + .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; } + .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } .dropdown-menu { - --mdb-dropdown-zindex: 1000; - --mdb-dropdown-min-width: 10rem; - --mdb-dropdown-padding-x: 0; - --mdb-dropdown-padding-y: 0.5rem; - --mdb-dropdown-spacer: 0.125rem; - --mdb-dropdown-font-size: 0.875rem; - --mdb-dropdown-color: #4f4f4f; - --mdb-dropdown-bg: #fff; - --mdb-dropdown-border-color: var(--mdb-border-color-translucent); - --mdb-dropdown-border-radius: 0.5rem; - --mdb-dropdown-border-width: 1px; - --mdb-dropdown-inner-border-radius: calc(0.5rem - 1px); - --mdb-dropdown-divider-bg: hsl(0, 0%, 96%); - --mdb-dropdown-divider-margin-y: 0.5rem; - --mdb-dropdown-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); - --mdb-dropdown-link-color: #262626; - --mdb-dropdown-link-hover-color: #222222; - --mdb-dropdown-link-hover-bg: #eeeeee; - --mdb-dropdown-link-active-color: #fff; - --mdb-dropdown-link-active-bg: #3b71ca; - --mdb-dropdown-link-disabled-color: #9e9e9e; - --mdb-dropdown-item-padding-x: 1rem; - --mdb-dropdown-item-padding-y: 0.5rem; - --mdb-dropdown-header-color: #757575; - --mdb-dropdown-header-padding-x: 1rem; - --mdb-dropdown-header-padding-y: 0.5rem; - position: absolute; - z-index: var(--mdb-dropdown-zindex); - display: none; - min-width: var(--mdb-dropdown-min-width); - padding: var(--mdb-dropdown-padding-y) var(--mdb-dropdown-padding-x); - margin: 0; - font-size: var(--mdb-dropdown-font-size); - color: var(--mdb-dropdown-color); - text-align: left; - list-style: none; - background-color: var(--mdb-dropdown-bg); - background-clip: padding-box; - border: var(--mdb-dropdown-border-width) solid var(--mdb-dropdown-border-color); - border-radius: var(--mdb-dropdown-border-radius); - box-shadow: var(--mdb-dropdown-box-shadow); + --mdb-dropdown-zindex: 1000; + --mdb-dropdown-min-width: 10rem; + --mdb-dropdown-padding-x: 0; + --mdb-dropdown-padding-y: 0.5rem; + --mdb-dropdown-spacer: 0.125rem; + --mdb-dropdown-font-size: 0.875rem; + --mdb-dropdown-color: #4f4f4f; + --mdb-dropdown-bg: #fff; + --mdb-dropdown-border-color: var(--mdb-border-color-translucent); + --mdb-dropdown-border-radius: 0.5rem; + --mdb-dropdown-border-width: 1px; + --mdb-dropdown-inner-border-radius: calc(0.5rem - 1px); + --mdb-dropdown-divider-bg: hsl(0, 0%, 96%); + --mdb-dropdown-divider-margin-y: 0.5rem; + --mdb-dropdown-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); + --mdb-dropdown-link-color: #262626; + --mdb-dropdown-link-hover-color: #222222; + --mdb-dropdown-link-hover-bg: #eeeeee; + --mdb-dropdown-link-active-color: #fff; + --mdb-dropdown-link-active-bg: #3b71ca; + --mdb-dropdown-link-disabled-color: #9e9e9e; + --mdb-dropdown-item-padding-x: 1rem; + --mdb-dropdown-item-padding-y: 0.5rem; + --mdb-dropdown-header-color: #757575; + --mdb-dropdown-header-padding-x: 1rem; + --mdb-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: var(--mdb-dropdown-zindex); + display: none; + min-width: var(--mdb-dropdown-min-width); + padding: var(--mdb-dropdown-padding-y) var(--mdb-dropdown-padding-x); + margin: 0; + font-size: var(--mdb-dropdown-font-size); + color: var(--mdb-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--mdb-dropdown-bg); + background-clip: padding-box; + border: var(--mdb-dropdown-border-width) solid var(--mdb-dropdown-border-color); + border-radius: var(--mdb-dropdown-border-radius); + box-shadow: var(--mdb-dropdown-box-shadow); } + .dropdown-menu[data-mdb-popper] { - top: 100%; - left: 0; - margin-top: var(--mdb-dropdown-spacer); + top: 100%; + left: 0; + margin-top: var(--mdb-dropdown-spacer); } .dropdown-menu-start { - --mdb-position: start; + --mdb-position: start; } + .dropdown-menu-start[data-mdb-popper] { - right: auto; - left: 0; + right: auto; + left: 0; } .dropdown-menu-end { - --mdb-position: end; + --mdb-position: end; } + .dropdown-menu-end[data-mdb-popper] { - right: 0; - left: auto; + right: 0; + left: auto; } @media (min-width: 576px) { - .dropdown-menu-sm-start { - --mdb-position: start; - } - .dropdown-menu-sm-start[data-mdb-popper] { - right: auto; - left: 0; - } - .dropdown-menu-sm-end { - --mdb-position: end; - } - .dropdown-menu-sm-end[data-mdb-popper] { - right: 0; - left: auto; - } + .dropdown-menu-sm-start { + --mdb-position: start; + } + + .dropdown-menu-sm-start[data-mdb-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-sm-end { + --mdb-position: end; + } + + .dropdown-menu-sm-end[data-mdb-popper] { + right: 0; + left: auto; + } } + @media (min-width: 768px) { - .dropdown-menu-md-start { - --mdb-position: start; - } - .dropdown-menu-md-start[data-mdb-popper] { - right: auto; - left: 0; - } - .dropdown-menu-md-end { - --mdb-position: end; - } - .dropdown-menu-md-end[data-mdb-popper] { - right: 0; - left: auto; - } + .dropdown-menu-md-start { + --mdb-position: start; + } + + .dropdown-menu-md-start[data-mdb-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-md-end { + --mdb-position: end; + } + + .dropdown-menu-md-end[data-mdb-popper] { + right: 0; + left: auto; + } } + @media (min-width: 992px) { - .dropdown-menu-lg-start { - --mdb-position: start; - } - .dropdown-menu-lg-start[data-mdb-popper] { - right: auto; - left: 0; - } - .dropdown-menu-lg-end { - --mdb-position: end; - } - .dropdown-menu-lg-end[data-mdb-popper] { - right: 0; - left: auto; - } + .dropdown-menu-lg-start { + --mdb-position: start; + } + + .dropdown-menu-lg-start[data-mdb-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-lg-end { + --mdb-position: end; + } + + .dropdown-menu-lg-end[data-mdb-popper] { + right: 0; + left: auto; + } } + @media (min-width: 1200px) { - .dropdown-menu-xl-start { - --mdb-position: start; - } - .dropdown-menu-xl-start[data-mdb-popper] { - right: auto; - left: 0; - } - .dropdown-menu-xl-end { - --mdb-position: end; - } - .dropdown-menu-xl-end[data-mdb-popper] { - right: 0; - left: auto; - } + .dropdown-menu-xl-start { + --mdb-position: start; + } + + .dropdown-menu-xl-start[data-mdb-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xl-end { + --mdb-position: end; + } + + .dropdown-menu-xl-end[data-mdb-popper] { + right: 0; + left: auto; + } } + @media (min-width: 1400px) { - .dropdown-menu-xxl-start { - --mdb-position: start; - } - .dropdown-menu-xxl-start[data-mdb-popper] { - right: auto; - left: 0; - } - .dropdown-menu-xxl-end { - --mdb-position: end; - } - .dropdown-menu-xxl-end[data-mdb-popper] { - right: 0; - left: auto; - } + .dropdown-menu-xxl-start { + --mdb-position: start; + } + + .dropdown-menu-xxl-start[data-mdb-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xxl-end { + --mdb-position: end; + } + + .dropdown-menu-xxl-end[data-mdb-popper] { + right: 0; + left: auto; + } } + .dropup .dropdown-menu[data-mdb-popper] { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: var(--mdb-dropdown-spacer); + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--mdb-dropdown-spacer); } + .dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } + .dropup .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } .dropend .dropdown-menu[data-mdb-popper] { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: var(--mdb-dropdown-spacer); + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--mdb-dropdown-spacer); } + .dropend .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; } + .dropend .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } + .dropend .dropdown-toggle::after { - vertical-align: 0; + vertical-align: 0; } .dropstart .dropdown-menu[data-mdb-popper] { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: var(--mdb-dropdown-spacer); + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--mdb-dropdown-spacer); } + .dropstart .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; } + .dropstart .dropdown-toggle::after { - display: none; + display: none; } + .dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; } + .dropstart .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } + .dropstart .dropdown-toggle::before { - vertical-align: 0; + vertical-align: 0; } .dropdown-divider { - height: 0; - margin: var(--mdb-dropdown-divider-margin-y) 0; - overflow: hidden; - border-top: 1px solid var(--mdb-dropdown-divider-bg); - opacity: 1; + height: 0; + margin: var(--mdb-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--mdb-dropdown-divider-bg); + opacity: 1; } .dropdown-item { - display: block; - width: 100%; - padding: var(--mdb-dropdown-item-padding-y) var(--mdb-dropdown-item-padding-x); - clear: both; - font-weight: 400; - color: var(--mdb-dropdown-link-color); - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; + display: block; + width: 100%; + padding: var(--mdb-dropdown-item-padding-y) var(--mdb-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--mdb-dropdown-link-color); + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; } + .dropdown-item:hover, .dropdown-item:focus { - color: var(--mdb-dropdown-link-hover-color); - background-color: var(--mdb-dropdown-link-hover-bg); + color: var(--mdb-dropdown-link-hover-color); + background-color: var(--mdb-dropdown-link-hover-bg); } + .dropdown-item.active, .dropdown-item:active { - color: var(--mdb-dropdown-link-active-color); - text-decoration: none; - background-color: var(--mdb-dropdown-link-active-bg); + color: var(--mdb-dropdown-link-active-color); + text-decoration: none; + background-color: var(--mdb-dropdown-link-active-bg); } + .dropdown-item.disabled, .dropdown-item:disabled { - color: var(--mdb-dropdown-link-disabled-color); - pointer-events: none; - background-color: transparent; + color: var(--mdb-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; } .dropdown-menu.show { - display: block; + display: block; } .dropdown-header { - display: block; - padding: var(--mdb-dropdown-header-padding-y) var(--mdb-dropdown-header-padding-x); - margin-bottom: 0; - font-size: 0.875rem; - color: var(--mdb-dropdown-header-color); - white-space: nowrap; + display: block; + padding: var(--mdb-dropdown-header-padding-y) var(--mdb-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.875rem; + color: var(--mdb-dropdown-header-color); + white-space: nowrap; } .dropdown-item-text { - display: block; - padding: var(--mdb-dropdown-item-padding-y) var(--mdb-dropdown-item-padding-x); - color: var(--mdb-dropdown-link-color); + display: block; + padding: var(--mdb-dropdown-item-padding-y) var(--mdb-dropdown-item-padding-x); + color: var(--mdb-dropdown-link-color); } .dropdown-menu-dark { - --mdb-dropdown-color: #e0e0e0; - --mdb-dropdown-bg: #4f4f4f; - --mdb-dropdown-border-color: var(--mdb-border-color-translucent); - --mdb-dropdown-box-shadow: ; - --mdb-dropdown-link-color: #e0e0e0; - --mdb-dropdown-link-hover-color: #fff; - --mdb-dropdown-divider-bg: hsl(0, 0%, 96%); - --mdb-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); - --mdb-dropdown-link-active-color: #fff; - --mdb-dropdown-link-active-bg: #3b71ca; - --mdb-dropdown-link-disabled-color: #9e9e9e; - --mdb-dropdown-header-color: #9e9e9e; + --mdb-dropdown-color: #e0e0e0; + --mdb-dropdown-bg: #4f4f4f; + --mdb-dropdown-border-color: var(--mdb-border-color-translucent); + --mdb-dropdown-box-shadow: ; + --mdb-dropdown-link-color: #e0e0e0; + --mdb-dropdown-link-hover-color: #fff; + --mdb-dropdown-divider-bg: hsl(0, 0%, 96%); + --mdb-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --mdb-dropdown-link-active-color: #fff; + --mdb-dropdown-link-active-bg: #3b71ca; + --mdb-dropdown-link-disabled-color: #9e9e9e; + --mdb-dropdown-header-color: #9e9e9e; } .btn-group, .btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; + position: relative; + display: inline-flex; + vertical-align: middle; } + .btn-group > .btn, .btn-group-vertical > .btn { - position: relative; - flex: 1 1 auto; + position: relative; + flex: 1 1 auto; } + .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, @@ -3496,238 +3904,262 @@ textarea.form-control-lg { .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { - z-index: 1; + z-index: 1; } .btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } + .btn-toolbar .input-group { - width: auto; + width: auto; } .btn-group { - border-radius: 0.25rem; + border-radius: 0.25rem; } + .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { - margin-left: -2px; + margin-left: -2px; } + .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-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } + .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { - margin-left: 0; + margin-left: 0; } + .dropstart .dropdown-toggle-split::before { - margin-right: 0; + margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; + padding-right: 0.75rem; + padding-left: 0.75rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 1.265625rem; - padding-left: 1.265625rem; + padding-right: 1.265625rem; + padding-left: 1.265625rem; } .btn-group.show .dropdown-toggle { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); } + .btn-group.show .dropdown-toggle.btn-link { - box-shadow: none; + box-shadow: none; } .btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center; + flex-direction: column; + align-items: flex-start; + justify-content: center; } + .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { - width: 100%; + width: 100%; } + .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -2px; + margin-top: -2px; } + .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; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; } .nav { - --mdb-nav-link-padding-x: 1rem; - --mdb-nav-link-padding-y: 0.5rem; - --mdb-nav-link-font-weight: ; - --mdb-nav-link-color: var(--mdb-link-color); - --mdb-nav-link-hover-color: var(--mdb-link-hover-color); - --mdb-nav-link-disabled-color: #757575; - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; + --mdb-nav-link-padding-x: 1rem; + --mdb-nav-link-padding-y: 0.5rem; + --mdb-nav-link-font-weight: ; + --mdb-nav-link-color: var(--mdb-link-color); + --mdb-nav-link-hover-color: var(--mdb-link-hover-color); + --mdb-nav-link-disabled-color: #757575; + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } .nav-link { - display: block; - padding: var(--mdb-nav-link-padding-y) var(--mdb-nav-link-padding-x); - font-size: var(--mdb-nav-link-font-size); - font-weight: var(--mdb-nav-link-font-weight); - color: var(--mdb-nav-link-color); - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; + display: block; + padding: var(--mdb-nav-link-padding-y) var(--mdb-nav-link-padding-x); + font-size: var(--mdb-nav-link-font-size); + font-weight: var(--mdb-nav-link-font-weight); + color: var(--mdb-nav-link-color); + 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 { + transition: none; + } } + .nav-link:hover, .nav-link:focus { - color: var(--mdb-nav-link-hover-color); + color: var(--mdb-nav-link-hover-color); } + .nav-link.disabled { - color: var(--mdb-nav-link-disabled-color); - pointer-events: none; - cursor: default; + color: var(--mdb-nav-link-disabled-color); + pointer-events: none; + cursor: default; } .nav-tabs { - --mdb-nav-tabs-border-width: 1px; - --mdb-nav-tabs-border-color: #e0e0e0; - --mdb-nav-tabs-border-radius: 0.25rem; - --mdb-nav-tabs-link-hover-border-color: #eeeeee #eeeeee #e0e0e0; - --mdb-nav-tabs-link-active-color: #3b71ca; - --mdb-nav-tabs-link-active-bg: #fff; - --mdb-nav-tabs-link-active-border-color: #3b71ca; - border-bottom: var(--mdb-nav-tabs-border-width) solid var(--mdb-nav-tabs-border-color); + --mdb-nav-tabs-border-width: 1px; + --mdb-nav-tabs-border-color: #e0e0e0; + --mdb-nav-tabs-border-radius: 0.25rem; + --mdb-nav-tabs-link-hover-border-color: #eeeeee #eeeeee #e0e0e0; + --mdb-nav-tabs-link-active-color: #3b71ca; + --mdb-nav-tabs-link-active-bg: #fff; + --mdb-nav-tabs-link-active-border-color: #3b71ca; + border-bottom: var(--mdb-nav-tabs-border-width) solid var(--mdb-nav-tabs-border-color); } + .nav-tabs .nav-link { - margin-bottom: calc(-1 * var(--mdb-nav-tabs-border-width)); - background: none; - border: var(--mdb-nav-tabs-border-width) solid transparent; - border-top-left-radius: var(--mdb-nav-tabs-border-radius); - border-top-right-radius: var(--mdb-nav-tabs-border-radius); + margin-bottom: calc(-1 * var(--mdb-nav-tabs-border-width)); + background: none; + border: var(--mdb-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--mdb-nav-tabs-border-radius); + border-top-right-radius: var(--mdb-nav-tabs-border-radius); } + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - isolation: isolate; - border-color: var(--mdb-nav-tabs-link-hover-border-color); + isolation: isolate; + border-color: var(--mdb-nav-tabs-link-hover-border-color); } + .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { - color: var(--mdb-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; + color: var(--mdb-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { - color: var(--mdb-nav-tabs-link-active-color); - background-color: var(--mdb-nav-tabs-link-active-bg); - border-color: var(--mdb-nav-tabs-link-active-border-color); + color: var(--mdb-nav-tabs-link-active-color); + background-color: var(--mdb-nav-tabs-link-active-bg); + border-color: var(--mdb-nav-tabs-link-active-border-color); } + .nav-tabs .dropdown-menu { - margin-top: calc(-1 * var(--mdb-nav-tabs-border-width)); - border-top-left-radius: 0; - border-top-right-radius: 0; + margin-top: calc(-1 * var(--mdb-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; } .nav-pills { - --mdb-nav-pills-border-radius: 0.25rem; - --mdb-nav-pills-link-active-color: #285192; - --mdb-nav-pills-link-active-bg: #e3ebf7; + --mdb-nav-pills-border-radius: 0.25rem; + --mdb-nav-pills-link-active-color: #285192; + --mdb-nav-pills-link-active-bg: #e3ebf7; } + .nav-pills .nav-link { - background: none; - border: 0; - border-radius: var(--mdb-nav-pills-border-radius); + background: none; + border: 0; + border-radius: var(--mdb-nav-pills-border-radius); } + .nav-pills .nav-link:disabled { - color: var(--mdb-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; + color: var(--mdb-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; } + .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - color: var(--mdb-nav-pills-link-active-color); - background-color: var(--mdb-nav-pills-link-active-bg); + color: var(--mdb-nav-pills-link-active-color); + background-color: var(--mdb-nav-pills-link-active-bg); } .nav-fill > .nav-link, .nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; + flex: 1 1 auto; + text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; + flex-basis: 0; + flex-grow: 1; + text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { - width: 100%; + width: 100%; } .tab-content > .tab-pane { - display: none; + display: none; } + .tab-content > .active { - display: block; + display: block; } .navbar { - --mdb-navbar-padding-x: 0; - --mdb-navbar-padding-y: 0.5rem; - --mdb-navbar-color: rgba(0, 0, 0, 0.55); - --mdb-navbar-hover-color: rgba(0, 0, 0, 0.7); - --mdb-navbar-disabled-color: rgba(0, 0, 0, 0.3); - --mdb-navbar-active-color: rgba(0, 0, 0, 0.9); - --mdb-navbar-brand-padding-y: 0.3rem; - --mdb-navbar-brand-margin-end: 1rem; - --mdb-navbar-brand-font-size: 1.25rem; - --mdb-navbar-brand-color: rgba(0, 0, 0, 0.9); - --mdb-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); - --mdb-navbar-nav-link-padding-x: 0.5rem; - --mdb-navbar-toggler-padding-y: 0.25rem; - --mdb-navbar-toggler-padding-x: 0.75rem; - --mdb-navbar-toggler-font-size: 1.25rem; - --mdb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); - --mdb-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); - --mdb-navbar-toggler-border-radius: 0.25rem; - --mdb-navbar-toggler-focus-width: 0.25rem; - --mdb-navbar-toggler-transition: box-shadow 0.15s ease-in-out; - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding: var(--mdb-navbar-padding-y) var(--mdb-navbar-padding-x); + --mdb-navbar-padding-x: 0; + --mdb-navbar-padding-y: 0.5rem; + --mdb-navbar-color: rgba(0, 0, 0, 0.55); + --mdb-navbar-hover-color: rgba(0, 0, 0, 0.7); + --mdb-navbar-disabled-color: rgba(0, 0, 0, 0.3); + --mdb-navbar-active-color: rgba(0, 0, 0, 0.9); + --mdb-navbar-brand-padding-y: 0.3rem; + --mdb-navbar-brand-margin-end: 1rem; + --mdb-navbar-brand-font-size: 1.25rem; + --mdb-navbar-brand-color: rgba(0, 0, 0, 0.9); + --mdb-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); + --mdb-navbar-nav-link-padding-x: 0.5rem; + --mdb-navbar-toggler-padding-y: 0.25rem; + --mdb-navbar-toggler-padding-x: 0.75rem; + --mdb-navbar-toggler-font-size: 1.25rem; + --mdb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --mdb-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); + --mdb-navbar-toggler-border-radius: 0.25rem; + --mdb-navbar-toggler-focus-width: 0.25rem; + --mdb-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--mdb-navbar-padding-y) var(--mdb-navbar-padding-x); } + .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, @@ -3735,319 +4167,431 @@ textarea.form-control-lg { .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { - display: flex; - flex-wrap: inherit; - align-items: center; - justify-content: space-between; + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; } + .navbar-brand { - padding-top: var(--mdb-navbar-brand-padding-y); - padding-bottom: var(--mdb-navbar-brand-padding-y); - margin-right: var(--mdb-navbar-brand-margin-end); - font-size: var(--mdb-navbar-brand-font-size); - color: var(--mdb-navbar-brand-color); - white-space: nowrap; + padding-top: var(--mdb-navbar-brand-padding-y); + padding-bottom: var(--mdb-navbar-brand-padding-y); + margin-right: var(--mdb-navbar-brand-margin-end); + font-size: var(--mdb-navbar-brand-font-size); + color: var(--mdb-navbar-brand-color); + white-space: nowrap; } + .navbar-brand:hover, .navbar-brand:focus { - color: var(--mdb-navbar-brand-hover-color); + color: var(--mdb-navbar-brand-hover-color); } .navbar-nav { - --mdb-nav-link-padding-x: 0; - --mdb-nav-link-padding-y: 0.5rem; - --mdb-nav-link-font-weight: ; - --mdb-nav-link-color: var(--mdb-navbar-color); - --mdb-nav-link-hover-color: var(--mdb-navbar-hover-color); - --mdb-nav-link-disabled-color: var(--mdb-navbar-disabled-color); - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - list-style: none; + --mdb-nav-link-padding-x: 0; + --mdb-nav-link-padding-y: 0.5rem; + --mdb-nav-link-font-weight: ; + --mdb-nav-link-color: var(--mdb-navbar-color); + --mdb-nav-link-hover-color: var(--mdb-navbar-hover-color); + --mdb-nav-link-disabled-color: var(--mdb-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + .navbar-nav .show > .nav-link, .navbar-nav .nav-link.active { - color: var(--mdb-navbar-active-color); + color: var(--mdb-navbar-active-color); } + .navbar-nav .dropdown-menu { - position: static; + position: static; } .navbar-text { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - color: var(--mdb-navbar-color); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--mdb-navbar-color); } + .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { - color: var(--mdb-navbar-active-color); + color: var(--mdb-navbar-active-color); } .navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; + flex-basis: 100%; + flex-grow: 1; + align-items: center; } .navbar-toggler { - padding: var(--mdb-navbar-toggler-padding-y) var(--mdb-navbar-toggler-padding-x); - font-size: var(--mdb-navbar-toggler-font-size); - line-height: 1; - color: var(--mdb-navbar-color); - background-color: transparent; - border: var(--mdb-border-width) solid var(--mdb-navbar-toggler-border-color); - border-radius: var(--mdb-navbar-toggler-border-radius); - transition: var(--mdb-navbar-toggler-transition); + padding: var(--mdb-navbar-toggler-padding-y) var(--mdb-navbar-toggler-padding-x); + font-size: var(--mdb-navbar-toggler-font-size); + line-height: 1; + color: var(--mdb-navbar-color); + background-color: transparent; + border: var(--mdb-border-width) solid var(--mdb-navbar-toggler-border-color); + border-radius: var(--mdb-navbar-toggler-border-radius); + transition: var(--mdb-navbar-toggler-transition); } + @media (prefers-reduced-motion: reduce) { - .navbar-toggler { - transition: none; - } + .navbar-toggler { + transition: none; + } } + .navbar-toggler:hover { - text-decoration: none; + text-decoration: none; } + .navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 var(--mdb-navbar-toggler-focus-width); + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--mdb-navbar-toggler-focus-width); } .navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - background-image: var(--mdb-navbar-toggler-icon-bg); - background-repeat: no-repeat; - background-position: center; - background-size: 100%; + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--mdb-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; } .navbar-nav-scroll { - max-height: var(--mdb-scroll-height, 75vh); - overflow-y: auto; + max-height: var(--mdb-scroll-height, 75vh); + overflow-y: auto; } @media (min-width: 576px) { - .navbar-expand-sm { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-sm .navbar-nav { - flex-direction: row; - } - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: var(--mdb-navbar-nav-link-padding-x); - padding-left: var(--mdb-navbar-nav-link-padding-x); - } - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-sm .navbar-toggler { - display: none; - } - .navbar-expand-sm .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - box-shadow: none; - transition: none; - } - .navbar-expand-sm .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-sm .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: var(--mdb-navbar-nav-link-padding-x); + padding-left: var(--mdb-navbar-nav-link-padding-x); + } + + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-sm .navbar-toggler { + display: none; + } + + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } } + @media (min-width: 768px) { - .navbar-expand-md { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-md .navbar-nav { - flex-direction: row; - } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: var(--mdb-navbar-nav-link-padding-x); - padding-left: var(--mdb-navbar-nav-link-padding-x); - } - .navbar-expand-md .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-md .navbar-toggler { - display: none; - } - .navbar-expand-md .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - box-shadow: none; - transition: none; - } - .navbar-expand-md .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-md .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } + .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(--mdb-navbar-nav-link-padding-x); + padding-left: var(--mdb-navbar-nav-link-padding-x); + } + + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-md .navbar-toggler { + display: none; + } + + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } } + @media (min-width: 992px) { - .navbar-expand-lg { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-lg .navbar-nav { - flex-direction: row; - } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: var(--mdb-navbar-nav-link-padding-x); - padding-left: var(--mdb-navbar-nav-link-padding-x); - } - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-lg .navbar-toggler { - display: none; - } - .navbar-expand-lg .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - box-shadow: none; - transition: none; - } - .navbar-expand-lg .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-lg .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } + .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(--mdb-navbar-nav-link-padding-x); + padding-left: var(--mdb-navbar-nav-link-padding-x); + } + + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } + + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } } + @media (min-width: 1200px) { - .navbar-expand-xl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: var(--mdb-navbar-nav-link-padding-x); - padding-left: var(--mdb-navbar-nav-link-padding-x); - } - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xl .navbar-toggler { - display: none; - } - .navbar-expand-xl .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - box-shadow: none; - transition: none; - } - .navbar-expand-xl .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-xl .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } + .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(--mdb-navbar-nav-link-padding-x); + padding-left: var(--mdb-navbar-nav-link-padding-x); + } + + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } + + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } } + @media (min-width: 1400px) { - .navbar-expand-xxl { + .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(--mdb-navbar-nav-link-padding-x); + padding-left: var(--mdb-navbar-nav-link-padding-x); + } + + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xxl .navbar-toggler { + display: none; + } + + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + box-shadow: none; + transition: none; + } + + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +.navbar-expand { flex-wrap: nowrap; justify-content: flex-start; - } - .navbar-expand-xxl .navbar-nav { +} + +.navbar-expand .navbar-nav { flex-direction: row; - } - .navbar-expand-xxl .navbar-nav .dropdown-menu { +} + +.navbar-expand .navbar-nav .dropdown-menu { position: absolute; - } - .navbar-expand-xxl .navbar-nav .nav-link { +} + +.navbar-expand .navbar-nav .nav-link { padding-right: var(--mdb-navbar-nav-link-padding-x); padding-left: var(--mdb-navbar-nav-link-padding-x); - } - .navbar-expand-xxl .navbar-nav-scroll { +} + +.navbar-expand .navbar-nav-scroll { overflow: visible; - } - .navbar-expand-xxl .navbar-collapse { +} + +.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; - } - .navbar-expand-xxl .navbar-toggler { +} + +.navbar-expand .navbar-toggler { display: none; - } - .navbar-expand-xxl .offcanvas { +} + +.navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; @@ -4059,1776 +4603,1920 @@ textarea.form-control-lg { transform: none !important; box-shadow: none; transition: none; - } - .navbar-expand-xxl .offcanvas .offcanvas-header { +} + +.navbar-expand .offcanvas .offcanvas-header { display: none; - } - .navbar-expand-xxl .offcanvas .offcanvas-body { +} + +.navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; - } -} -.navbar-expand { - flex-wrap: nowrap; - justify-content: flex-start; -} -.navbar-expand .navbar-nav { - flex-direction: row; -} -.navbar-expand .navbar-nav .dropdown-menu { - position: absolute; -} -.navbar-expand .navbar-nav .nav-link { - padding-right: var(--mdb-navbar-nav-link-padding-x); - padding-left: var(--mdb-navbar-nav-link-padding-x); -} -.navbar-expand .navbar-nav-scroll { - overflow: visible; -} -.navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto; -} -.navbar-expand .navbar-toggler { - display: none; -} -.navbar-expand .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - box-shadow: none; - transition: none; -} -.navbar-expand .offcanvas .offcanvas-header { - display: none; -} -.navbar-expand .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; } .navbar-dark { - --mdb-navbar-color: rgba(255, 255, 255, 0.55); - --mdb-navbar-hover-color: rgba(255, 255, 255, 0.75); - --mdb-navbar-disabled-color: rgba(255, 255, 255, 0.25); - --mdb-navbar-active-color: #fff; - --mdb-navbar-brand-color: #fff; - --mdb-navbar-brand-hover-color: #fff; - --mdb-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); - --mdb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --mdb-navbar-color: rgba(255, 255, 255, 0.55); + --mdb-navbar-hover-color: rgba(255, 255, 255, 0.75); + --mdb-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --mdb-navbar-active-color: #fff; + --mdb-navbar-brand-color: #fff; + --mdb-navbar-brand-hover-color: #fff; + --mdb-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --mdb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { - --mdb-card-spacer-y: 1.5rem; - --mdb-card-spacer-x: 1.5rem; - --mdb-card-title-spacer-y: 0.5rem; - --mdb-card-border-width: 1px; - --mdb-card-border-color: var(--mdb-border-color-translucent); - --mdb-card-border-radius: 0.5rem; - --mdb-card-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); - --mdb-card-inner-border-radius: calc(0.5rem - 1px); - --mdb-card-cap-padding-y: 0.75rem; - --mdb-card-cap-padding-x: 1.5rem; - --mdb-card-cap-bg: rgba(255, 255, 255, 0); - --mdb-card-cap-color: ; - --mdb-card-height: ; - --mdb-card-color: ; - --mdb-card-bg: #fff; - --mdb-card-img-overlay-padding: 1.5rem; - --mdb-card-group-margin: 0.75rem; - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - height: var(--mdb-card-height); - word-wrap: break-word; - background-color: var(--mdb-card-bg); - background-clip: border-box; - border: var(--mdb-card-border-width) solid var(--mdb-card-border-color); - border-radius: var(--mdb-card-border-radius); - box-shadow: var(--mdb-card-box-shadow); + --mdb-card-spacer-y: 1.5rem; + --mdb-card-spacer-x: 1.5rem; + --mdb-card-title-spacer-y: 0.5rem; + --mdb-card-border-width: 1px; + --mdb-card-border-color: var(--mdb-border-color-translucent); + --mdb-card-border-radius: 0.5rem; + --mdb-card-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); + --mdb-card-inner-border-radius: calc(0.5rem - 1px); + --mdb-card-cap-padding-y: 0.75rem; + --mdb-card-cap-padding-x: 1.5rem; + --mdb-card-cap-bg: rgba(255, 255, 255, 0); + --mdb-card-cap-color: ; + --mdb-card-height: ; + --mdb-card-color: ; + --mdb-card-bg: #fff; + --mdb-card-img-overlay-padding: 1.5rem; + --mdb-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--mdb-card-height); + word-wrap: break-word; + background-color: var(--mdb-card-bg); + background-clip: border-box; + border: var(--mdb-card-border-width) solid var(--mdb-card-border-color); + border-radius: var(--mdb-card-border-radius); + box-shadow: var(--mdb-card-box-shadow); } + .card > hr { - margin-right: 0; - margin-left: 0; + margin-right: 0; + margin-left: 0; } + .card > .list-group { - border-top: inherit; - border-bottom: inherit; + border-top: inherit; + border-bottom: inherit; } + .card > .list-group:first-child { - border-top-width: 0; - border-top-left-radius: var(--mdb-card-inner-border-radius); - border-top-right-radius: var(--mdb-card-inner-border-radius); + border-top-width: 0; + border-top-left-radius: var(--mdb-card-inner-border-radius); + border-top-right-radius: var(--mdb-card-inner-border-radius); } + .card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: var(--mdb-card-inner-border-radius); - border-bottom-left-radius: var(--mdb-card-inner-border-radius); + border-bottom-width: 0; + border-bottom-right-radius: var(--mdb-card-inner-border-radius); + border-bottom-left-radius: var(--mdb-card-inner-border-radius); } + .card > .card-header + .list-group, .card > .list-group + .card-footer { - border-top: 0; + border-top: 0; } .card-body { - flex: 1 1 auto; - padding: var(--mdb-card-spacer-y) var(--mdb-card-spacer-x); - color: var(--mdb-card-color); + flex: 1 1 auto; + padding: var(--mdb-card-spacer-y) var(--mdb-card-spacer-x); + color: var(--mdb-card-color); } .card-title { - margin-bottom: var(--mdb-card-title-spacer-y); + margin-bottom: var(--mdb-card-title-spacer-y); } .card-subtitle { - margin-top: calc(-0.5 * var(--mdb-card-title-spacer-y)); - margin-bottom: 0; + margin-top: calc(-0.5 * var(--mdb-card-title-spacer-y)); + margin-bottom: 0; } .card-text:last-child { - margin-bottom: 0; + margin-bottom: 0; } .card-link + .card-link { - margin-left: var(--mdb-card-spacer-x); + margin-left: var(--mdb-card-spacer-x); } .card-header { - padding: var(--mdb-card-cap-padding-y) var(--mdb-card-cap-padding-x); - margin-bottom: 0; - color: var(--mdb-card-cap-color); - background-color: var(--mdb-card-cap-bg); - border-bottom: var(--mdb-card-border-width) solid var(--mdb-card-border-color); + padding: var(--mdb-card-cap-padding-y) var(--mdb-card-cap-padding-x); + margin-bottom: 0; + color: var(--mdb-card-cap-color); + background-color: var(--mdb-card-cap-bg); + border-bottom: var(--mdb-card-border-width) solid var(--mdb-card-border-color); } + .card-header:first-child { - border-radius: var(--mdb-card-inner-border-radius) var(--mdb-card-inner-border-radius) 0 0; + border-radius: var(--mdb-card-inner-border-radius) var(--mdb-card-inner-border-radius) 0 0; } .card-footer { - padding: var(--mdb-card-cap-padding-y) var(--mdb-card-cap-padding-x); - color: var(--mdb-card-cap-color); - background-color: var(--mdb-card-cap-bg); - border-top: var(--mdb-card-border-width) solid var(--mdb-card-border-color); + padding: var(--mdb-card-cap-padding-y) var(--mdb-card-cap-padding-x); + color: var(--mdb-card-cap-color); + background-color: var(--mdb-card-cap-bg); + border-top: var(--mdb-card-border-width) solid var(--mdb-card-border-color); } + .card-footer:last-child { - border-radius: 0 0 var(--mdb-card-inner-border-radius) var(--mdb-card-inner-border-radius); + border-radius: 0 0 var(--mdb-card-inner-border-radius) var(--mdb-card-inner-border-radius); } .card-header-tabs { - margin-right: calc(-0.5 * var(--mdb-card-cap-padding-x)); - margin-bottom: calc(-1 * var(--mdb-card-cap-padding-y)); - margin-left: calc(-0.5 * var(--mdb-card-cap-padding-x)); - border-bottom: 0; + margin-right: calc(-0.5 * var(--mdb-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--mdb-card-cap-padding-y)); + margin-left: calc(-0.5 * var(--mdb-card-cap-padding-x)); + border-bottom: 0; } + .card-header-tabs .nav-link.active { - background-color: var(--mdb-card-bg); - border-bottom-color: var(--mdb-card-bg); + background-color: var(--mdb-card-bg); + border-bottom-color: var(--mdb-card-bg); } .card-header-pills { - margin-right: calc(-0.5 * var(--mdb-card-cap-padding-x)); - margin-left: calc(-0.5 * var(--mdb-card-cap-padding-x)); + margin-right: calc(-0.5 * var(--mdb-card-cap-padding-x)); + margin-left: calc(-0.5 * var(--mdb-card-cap-padding-x)); } .card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: var(--mdb-card-img-overlay-padding); - border-radius: var(--mdb-card-inner-border-radius); -} - + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--mdb-card-img-overlay-padding); + border-radius: var(--mdb-card-inner-border-radius); +} + .card-img, .card-img-top, .card-img-bottom { - width: 100%; + width: 100%; } .card-img, .card-img-top { - border-top-left-radius: var(--mdb-card-inner-border-radius); - border-top-right-radius: var(--mdb-card-inner-border-radius); + border-top-left-radius: var(--mdb-card-inner-border-radius); + border-top-right-radius: var(--mdb-card-inner-border-radius); } .card-img, .card-img-bottom { - border-bottom-right-radius: var(--mdb-card-inner-border-radius); - border-bottom-left-radius: var(--mdb-card-inner-border-radius); + border-bottom-right-radius: var(--mdb-card-inner-border-radius); + border-bottom-left-radius: var(--mdb-card-inner-border-radius); } .card-group > .card { - margin-bottom: var(--mdb-card-group-margin); + margin-bottom: var(--mdb-card-group-margin); } + @media (min-width: 576px) { - .card-group { - display: flex; - flex-flow: row wrap; - } - .card-group > .card { - flex: 1 0 0%; - margin-bottom: 0; - } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; - } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; - } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; - } + .card-group { + display: flex; + flex-flow: row wrap; + } + + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } } .breadcrumb { - --mdb-breadcrumb-padding-x: 0; - --mdb-breadcrumb-padding-y: 0; - --mdb-breadcrumb-margin-bottom: 1rem; - --mdb-breadcrumb-bg: ; - --mdb-breadcrumb-border-radius: ; - --mdb-breadcrumb-divider-color: #757575; - --mdb-breadcrumb-item-padding-x: 0.5rem; - --mdb-breadcrumb-item-active-color: #757575; - display: flex; - flex-wrap: wrap; - padding: var(--mdb-breadcrumb-padding-y) var(--mdb-breadcrumb-padding-x); - margin-bottom: var(--mdb-breadcrumb-margin-bottom); - font-size: var(--mdb-breadcrumb-font-size); - list-style: none; - background-color: var(--mdb-breadcrumb-bg); - border-radius: var(--mdb-breadcrumb-border-radius); + --mdb-breadcrumb-padding-x: 0; + --mdb-breadcrumb-padding-y: 0; + --mdb-breadcrumb-margin-bottom: 1rem; + --mdb-breadcrumb-bg: ; + --mdb-breadcrumb-border-radius: ; + --mdb-breadcrumb-divider-color: #757575; + --mdb-breadcrumb-item-padding-x: 0.5rem; + --mdb-breadcrumb-item-active-color: #757575; + display: flex; + flex-wrap: wrap; + padding: var(--mdb-breadcrumb-padding-y) var(--mdb-breadcrumb-padding-x); + margin-bottom: var(--mdb-breadcrumb-margin-bottom); + font-size: var(--mdb-breadcrumb-font-size); + list-style: none; + background-color: var(--mdb-breadcrumb-bg); + border-radius: var(--mdb-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { - padding-left: var(--mdb-breadcrumb-item-padding-x); + padding-left: var(--mdb-breadcrumb-item-padding-x); } + .breadcrumb-item + .breadcrumb-item::before { - float: left; - padding-right: var(--mdb-breadcrumb-item-padding-x); - color: var(--mdb-breadcrumb-divider-color); - content: var(--mdb-breadcrumb-divider, "/") /* rtl: var(--mdb-breadcrumb-divider, "/") */; + float: left; + padding-right: var(--mdb-breadcrumb-item-padding-x); + color: var(--mdb-breadcrumb-divider-color); + content: var(--mdb-breadcrumb-divider, "/") /* rtl: var(--mdb-breadcrumb-divider, "/") */; } + .breadcrumb-item.active { - color: var(--mdb-breadcrumb-item-active-color); + color: var(--mdb-breadcrumb-item-active-color); } .pagination { - --mdb-pagination-padding-x: 0.75rem; - --mdb-pagination-padding-y: 0.375rem; - --mdb-pagination-font-size: 0.9rem; - --mdb-pagination-color: #4f4f4f; - --mdb-pagination-bg: #fff; - --mdb-pagination-border-width: 1px; - --mdb-pagination-border-color: #e0e0e0; - --mdb-pagination-border-radius: 0.25rem; - --mdb-pagination-hover-color: #4f4f4f; - --mdb-pagination-hover-bg: #eeeeee; - --mdb-pagination-hover-border-color: #e0e0e0; - --mdb-pagination-focus-color: var(--mdb-link-hover-color); - --mdb-pagination-focus-bg: #eeeeee; - --mdb-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); - --mdb-pagination-active-color: #285192; - --mdb-pagination-active-bg: #e3ebf7; - --mdb-pagination-active-border-color: #e3ebf7; - --mdb-pagination-disabled-color: #757575; - --mdb-pagination-disabled-bg: #fff; - --mdb-pagination-disabled-border-color: #e0e0e0; - display: flex; - padding-left: 0; - list-style: none; + --mdb-pagination-padding-x: 0.75rem; + --mdb-pagination-padding-y: 0.375rem; + --mdb-pagination-font-size: 0.9rem; + --mdb-pagination-color: #4f4f4f; + --mdb-pagination-bg: #fff; + --mdb-pagination-border-width: 1px; + --mdb-pagination-border-color: #e0e0e0; + --mdb-pagination-border-radius: 0.25rem; + --mdb-pagination-hover-color: #4f4f4f; + --mdb-pagination-hover-bg: #eeeeee; + --mdb-pagination-hover-border-color: #e0e0e0; + --mdb-pagination-focus-color: var(--mdb-link-hover-color); + --mdb-pagination-focus-bg: #eeeeee; + --mdb-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + --mdb-pagination-active-color: #285192; + --mdb-pagination-active-bg: #e3ebf7; + --mdb-pagination-active-border-color: #e3ebf7; + --mdb-pagination-disabled-color: #757575; + --mdb-pagination-disabled-bg: #fff; + --mdb-pagination-disabled-border-color: #e0e0e0; + display: flex; + padding-left: 0; + list-style: none; } .page-link { - position: relative; - display: block; - padding: var(--mdb-pagination-padding-y) var(--mdb-pagination-padding-x); - font-size: var(--mdb-pagination-font-size); - color: var(--mdb-pagination-color); - background-color: var(--mdb-pagination-bg); - border: var(--mdb-pagination-border-width) solid var(--mdb-pagination-border-color); - transition: all 0.3s linear; + position: relative; + display: block; + padding: var(--mdb-pagination-padding-y) var(--mdb-pagination-padding-x); + font-size: var(--mdb-pagination-font-size); + color: var(--mdb-pagination-color); + background-color: var(--mdb-pagination-bg); + border: var(--mdb-pagination-border-width) solid var(--mdb-pagination-border-color); + transition: all 0.3s linear; } + @media (prefers-reduced-motion: reduce) { - .page-link { - transition: none; - } + .page-link { + transition: none; + } } + .page-link:hover { - z-index: 2; - color: var(--mdb-pagination-hover-color); - background-color: var(--mdb-pagination-hover-bg); - border-color: var(--mdb-pagination-hover-border-color); + z-index: 2; + color: var(--mdb-pagination-hover-color); + background-color: var(--mdb-pagination-hover-bg); + border-color: var(--mdb-pagination-hover-border-color); } + .page-link:focus { - z-index: 3; - color: var(--mdb-pagination-focus-color); - background-color: var(--mdb-pagination-focus-bg); - outline: 0; - box-shadow: var(--mdb-pagination-focus-box-shadow); + z-index: 3; + color: var(--mdb-pagination-focus-color); + background-color: var(--mdb-pagination-focus-bg); + outline: 0; + box-shadow: var(--mdb-pagination-focus-box-shadow); } + .page-link.active, .active > .page-link { - z-index: 3; - color: var(--mdb-pagination-active-color); - background-color: var(--mdb-pagination-active-bg); - border-color: var(--mdb-pagination-active-border-color); + z-index: 3; + color: var(--mdb-pagination-active-color); + background-color: var(--mdb-pagination-active-bg); + border-color: var(--mdb-pagination-active-border-color); } + .page-link.disabled, .disabled > .page-link { - color: var(--mdb-pagination-disabled-color); - pointer-events: none; - background-color: var(--mdb-pagination-disabled-bg); - border-color: var(--mdb-pagination-disabled-border-color); + color: var(--mdb-pagination-disabled-color); + pointer-events: none; + background-color: var(--mdb-pagination-disabled-bg); + border-color: var(--mdb-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { - margin-left: -1px; + margin-left: -1px; } + .page-item:first-child .page-link { - border-top-left-radius: var(--mdb-pagination-border-radius); - border-bottom-left-radius: var(--mdb-pagination-border-radius); + border-top-left-radius: var(--mdb-pagination-border-radius); + border-bottom-left-radius: var(--mdb-pagination-border-radius); } + .page-item:last-child .page-link { - border-top-right-radius: var(--mdb-pagination-border-radius); - border-bottom-right-radius: var(--mdb-pagination-border-radius); + border-top-right-radius: var(--mdb-pagination-border-radius); + border-bottom-right-radius: var(--mdb-pagination-border-radius); } .pagination-lg { - --mdb-pagination-padding-x: 1.5rem; - --mdb-pagination-padding-y: 0.75rem; - --mdb-pagination-font-size: 1.25rem; - --mdb-pagination-border-radius: 0.5rem; + --mdb-pagination-padding-x: 1.5rem; + --mdb-pagination-padding-y: 0.75rem; + --mdb-pagination-font-size: 1.25rem; + --mdb-pagination-border-radius: 0.5rem; } .pagination-sm { - --mdb-pagination-padding-x: 0.5rem; - --mdb-pagination-padding-y: 0.25rem; - --mdb-pagination-font-size: 0.875rem; - --mdb-pagination-border-radius: 0.25rem; + --mdb-pagination-padding-x: 0.5rem; + --mdb-pagination-padding-y: 0.25rem; + --mdb-pagination-font-size: 0.875rem; + --mdb-pagination-border-radius: 0.25rem; } .badge { - --mdb-badge-padding-x: 0.65em; - --mdb-badge-padding-y: 0.35em; - --mdb-badge-font-size: 0.75em; - --mdb-badge-font-weight: 700; - --mdb-badge-color: #fff; - --mdb-badge-border-radius: 0.27rem; - display: inline-block; - padding: var(--mdb-badge-padding-y) var(--mdb-badge-padding-x); - font-size: var(--mdb-badge-font-size); - font-weight: var(--mdb-badge-font-weight); - line-height: 1; - color: var(--mdb-badge-color); - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: var(--mdb-badge-border-radius); + --mdb-badge-padding-x: 0.65em; + --mdb-badge-padding-y: 0.35em; + --mdb-badge-font-size: 0.75em; + --mdb-badge-font-weight: 700; + --mdb-badge-color: #fff; + --mdb-badge-border-radius: 0.27rem; + display: inline-block; + padding: var(--mdb-badge-padding-y) var(--mdb-badge-padding-x); + font-size: var(--mdb-badge-font-size); + font-weight: var(--mdb-badge-font-weight); + line-height: 1; + color: var(--mdb-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--mdb-badge-border-radius); } + .badge:empty { - display: none; + display: none; } .btn .badge { - position: relative; - top: -1px; + position: relative; + top: -1px; } .alert { - --mdb-alert-bg: transparent; - --mdb-alert-padding-x: 1.5rem; - --mdb-alert-padding-y: 1.25rem; - --mdb-alert-margin-bottom: 1rem; - --mdb-alert-color: inherit; - --mdb-alert-border-color: transparent; - --mdb-alert-border: 1px solid var(--mdb-alert-border-color); - --mdb-alert-border-radius: 0.5rem; - position: relative; - padding: var(--mdb-alert-padding-y) var(--mdb-alert-padding-x); - margin-bottom: var(--mdb-alert-margin-bottom); - color: var(--mdb-alert-color); - background-color: var(--mdb-alert-bg); - border: var(--mdb-alert-border); - border-radius: var(--mdb-alert-border-radius); + --mdb-alert-bg: transparent; + --mdb-alert-padding-x: 1.5rem; + --mdb-alert-padding-y: 1.25rem; + --mdb-alert-margin-bottom: 1rem; + --mdb-alert-color: inherit; + --mdb-alert-border-color: transparent; + --mdb-alert-border: 1px solid var(--mdb-alert-border-color); + --mdb-alert-border-radius: 0.5rem; + position: relative; + padding: var(--mdb-alert-padding-y) var(--mdb-alert-padding-x); + margin-bottom: var(--mdb-alert-margin-bottom); + color: var(--mdb-alert-color); + background-color: var(--mdb-alert-bg); + border: var(--mdb-alert-border); + border-radius: var(--mdb-alert-border-radius); } .alert-heading { - color: inherit; + color: inherit; } .alert-link { - font-weight: 700; + font-weight: 700; } .alert-dismissible { - padding-right: 4.5rem; + padding-right: 4.5rem; } + .alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.5625rem 1.5rem; + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.5625rem 1.5rem; } .alert-primary { - --mdb-alert-color: #234479; - --mdb-alert-bg: #d8e3f4; - --mdb-alert-border-color: #c4d4ef; + --mdb-alert-color: #234479; + --mdb-alert-bg: #d8e3f4; + --mdb-alert-border-color: #c4d4ef; } + .alert-primary .alert-link { - color: #1c3661; + color: #1c3661; } .alert-secondary { - --mdb-alert-color: #5f646b; - --mdb-alert-bg: #ecedf0; - --mdb-alert-border-color: #e2e4e8; + --mdb-alert-color: #5f646b; + --mdb-alert-bg: #ecedf0; + --mdb-alert-border-color: #e2e4e8; } + .alert-secondary .alert-link { - color: #4c5056; + color: #4c5056; } .alert-success { - --mdb-alert-color: #0c622e; - --mdb-alert-bg: #d0eddb; - --mdb-alert-border-color: #b9e4ca; + --mdb-alert-color: #0c622e; + --mdb-alert-bg: #d0eddb; + --mdb-alert-border-color: #b9e4ca; } + .alert-success .alert-link { - color: #0a4e25; + color: #0a4e25; } .alert-danger { - --mdb-alert-color: #842e3c; - --mdb-alert-bg: #f8dbe0; - --mdb-alert-border-color: #f5c9d1; + --mdb-alert-color: #842e3c; + --mdb-alert-bg: #f8dbe0; + --mdb-alert-border-color: #f5c9d1; } + .alert-danger .alert-link { - color: #6a2530; + color: #6a2530; } .alert-warning { - --mdb-alert-color: #896110; - --mdb-alert-bg: #faecd1; - --mdb-alert-border-color: #f7e3bb; + --mdb-alert-color: #896110; + --mdb-alert-bg: #faecd1; + --mdb-alert-border-color: #f7e3bb; } + .alert-warning .alert-link { - color: #6e4e0d; + color: #6e4e0d; } .alert-info { - --mdb-alert-color: #326c7f; - --mdb-alert-bg: #ddf0f6; - --mdb-alert-border-color: #cce9f2; + --mdb-alert-color: #326c7f; + --mdb-alert-bg: #ddf0f6; + --mdb-alert-border-color: #cce9f2; } + .alert-info .alert-link { - color: #285666; + color: #285666; } .alert-light { - --mdb-alert-color: #646464; - --mdb-alert-bg: #fefefe; - --mdb-alert-border-color: #fefefe; + --mdb-alert-color: #646464; + --mdb-alert-bg: #fefefe; + --mdb-alert-border-color: #fefefe; } + .alert-light .alert-link { - color: #505050; + color: #505050; } .alert-dark { - --mdb-alert-color: #1f1b1b; - --mdb-alert-bg: #d6d5d5; - --mdb-alert-border-color: #c2c0c0; + --mdb-alert-color: #1f1b1b; + --mdb-alert-bg: #d6d5d5; + --mdb-alert-border-color: #c2c0c0; } + .alert-dark .alert-link { - color: #191616; + color: #191616; } .accordion { - --mdb-accordion-color: #4f4f4f; - --mdb-accordion-bg: #fff; - --mdb-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; - --mdb-accordion-border-color: var(--mdb-border-color); - --mdb-accordion-border-width: 1px; - --mdb-accordion-border-radius: 0.5rem; - --mdb-accordion-inner-border-radius: calc(0.5rem - 1px); - --mdb-accordion-btn-padding-x: 1.5rem; - --mdb-accordion-btn-padding-y: 1.15rem; - --mdb-accordion-btn-color: #4f4f4f; - --mdb-accordion-btn-bg: var(--mdb-accordion-bg); - --mdb-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --mdb-accordion-btn-icon-width: 1.25rem; - --mdb-accordion-btn-icon-transform: rotate(-180deg); - --mdb-accordion-btn-icon-transition: transform 0.2s ease-in-out; - --mdb-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233b71ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --mdb-accordion-btn-focus-border-color: #3b71ca; - --mdb-accordion-btn-focus-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); - --mdb-accordion-body-padding-x: 1.5rem; - --mdb-accordion-body-padding-y: 1.15rem; - --mdb-accordion-active-color: #3b71ca; - --mdb-accordion-active-bg: #fff; + --mdb-accordion-color: #4f4f4f; + --mdb-accordion-bg: #fff; + --mdb-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; + --mdb-accordion-border-color: var(--mdb-border-color); + --mdb-accordion-border-width: 1px; + --mdb-accordion-border-radius: 0.5rem; + --mdb-accordion-inner-border-radius: calc(0.5rem - 1px); + --mdb-accordion-btn-padding-x: 1.5rem; + --mdb-accordion-btn-padding-y: 1.15rem; + --mdb-accordion-btn-color: #4f4f4f; + --mdb-accordion-btn-bg: var(--mdb-accordion-bg); + --mdb-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --mdb-accordion-btn-icon-width: 1.25rem; + --mdb-accordion-btn-icon-transform: rotate(-180deg); + --mdb-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --mdb-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233b71ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --mdb-accordion-btn-focus-border-color: #3b71ca; + --mdb-accordion-btn-focus-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); + --mdb-accordion-body-padding-x: 1.5rem; + --mdb-accordion-body-padding-y: 1.15rem; + --mdb-accordion-active-color: #3b71ca; + --mdb-accordion-active-bg: #fff; } .accordion-button { - position: relative; - display: flex; - align-items: center; - width: 100%; - padding: var(--mdb-accordion-btn-padding-y) var(--mdb-accordion-btn-padding-x); - font-size: 1rem; - color: var(--mdb-accordion-btn-color); - text-align: left; - background-color: var(--mdb-accordion-btn-bg); - border: 0; - border-radius: 0; - overflow-anchor: none; - transition: var(--mdb-accordion-transition); + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--mdb-accordion-btn-padding-y) var(--mdb-accordion-btn-padding-x); + font-size: 1rem; + color: var(--mdb-accordion-btn-color); + text-align: left; + background-color: var(--mdb-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--mdb-accordion-transition); } + @media (prefers-reduced-motion: reduce) { - .accordion-button { - transition: none; - } + .accordion-button { + transition: none; + } } + .accordion-button:not(.collapsed) { - color: var(--mdb-accordion-active-color); - background-color: var(--mdb-accordion-active-bg); - box-shadow: inset 0 calc(-1 * var(--mdb-accordion-border-width)) 0 var(--mdb-accordion-border-color); + color: var(--mdb-accordion-active-color); + background-color: var(--mdb-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--mdb-accordion-border-width)) 0 var(--mdb-accordion-border-color); } + .accordion-button:not(.collapsed)::after { - background-image: var(--mdb-accordion-btn-active-icon); - transform: var(--mdb-accordion-btn-icon-transform); + background-image: var(--mdb-accordion-btn-active-icon); + transform: var(--mdb-accordion-btn-icon-transform); } + .accordion-button::after { - flex-shrink: 0; - width: var(--mdb-accordion-btn-icon-width); - height: var(--mdb-accordion-btn-icon-width); - margin-left: auto; - content: ""; - background-image: var(--mdb-accordion-btn-icon); - background-repeat: no-repeat; - background-size: var(--mdb-accordion-btn-icon-width); - transition: var(--mdb-accordion-btn-icon-transition); + flex-shrink: 0; + width: var(--mdb-accordion-btn-icon-width); + height: var(--mdb-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--mdb-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--mdb-accordion-btn-icon-width); + transition: var(--mdb-accordion-btn-icon-transition); } + @media (prefers-reduced-motion: reduce) { - .accordion-button::after { - transition: none; - } + .accordion-button::after { + transition: none; + } } + .accordion-button:hover { - z-index: 2; + z-index: 2; } + .accordion-button:focus { - z-index: 3; - border-color: var(--mdb-accordion-btn-focus-border-color); - outline: 0; - box-shadow: var(--mdb-accordion-btn-focus-box-shadow); + z-index: 3; + border-color: var(--mdb-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--mdb-accordion-btn-focus-box-shadow); } .accordion-header { - margin-bottom: 0; + margin-bottom: 0; } .accordion-item { - color: var(--mdb-accordion-color); - background-color: var(--mdb-accordion-bg); - border: var(--mdb-accordion-border-width) solid var(--mdb-accordion-border-color); + color: var(--mdb-accordion-color); + background-color: var(--mdb-accordion-bg); + border: var(--mdb-accordion-border-width) solid var(--mdb-accordion-border-color); } + .accordion-item:first-of-type { - border-top-left-radius: var(--mdb-accordion-border-radius); - border-top-right-radius: var(--mdb-accordion-border-radius); + border-top-left-radius: var(--mdb-accordion-border-radius); + border-top-right-radius: var(--mdb-accordion-border-radius); } + .accordion-item:first-of-type .accordion-button { - border-top-left-radius: var(--mdb-accordion-inner-border-radius); - border-top-right-radius: var(--mdb-accordion-inner-border-radius); + border-top-left-radius: var(--mdb-accordion-inner-border-radius); + border-top-right-radius: var(--mdb-accordion-inner-border-radius); } + .accordion-item:not(:first-of-type) { - border-top: 0; + border-top: 0; } + .accordion-item:last-of-type { - border-bottom-right-radius: var(--mdb-accordion-border-radius); - border-bottom-left-radius: var(--mdb-accordion-border-radius); + border-bottom-right-radius: var(--mdb-accordion-border-radius); + border-bottom-left-radius: var(--mdb-accordion-border-radius); } + .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: var(--mdb-accordion-inner-border-radius); - border-bottom-left-radius: var(--mdb-accordion-inner-border-radius); + border-bottom-right-radius: var(--mdb-accordion-inner-border-radius); + border-bottom-left-radius: var(--mdb-accordion-inner-border-radius); } + .accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: var(--mdb-accordion-border-radius); - border-bottom-left-radius: var(--mdb-accordion-border-radius); + border-bottom-right-radius: var(--mdb-accordion-border-radius); + border-bottom-left-radius: var(--mdb-accordion-border-radius); } .accordion-body { - padding: var(--mdb-accordion-body-padding-y) var(--mdb-accordion-body-padding-x); + padding: var(--mdb-accordion-body-padding-y) var(--mdb-accordion-body-padding-x); } .accordion-flush .accordion-collapse { - border-width: 0; + border-width: 0; } + .accordion-flush .accordion-item { - border-right: 0; - border-left: 0; - border-radius: 0; + border-right: 0; + border-left: 0; + border-radius: 0; } + .accordion-flush .accordion-item:first-child { - border-top: 0; + border-top: 0; } + .accordion-flush .accordion-item:last-child { - border-bottom: 0; + border-bottom: 0; } + .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { - border-radius: 0; + border-radius: 0; } @keyframes progress-bar-stripes { - 0% { - background-position-x: 4px; - } + 0% { + background-position-x: 4px; + } } + .progress { - --mdb-progress-height: 4px; - --mdb-progress-font-size: 0.75rem; - --mdb-progress-bg: #eeeeee; - --mdb-progress-border-radius: 0.25rem; - --mdb-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - --mdb-progress-bar-color: #fff; - --mdb-progress-bar-bg: #3b71ca; - --mdb-progress-bar-transition: width 0.6s ease; - display: flex; - height: var(--mdb-progress-height); - overflow: hidden; - font-size: var(--mdb-progress-font-size); - background-color: var(--mdb-progress-bg); - border-radius: var(--mdb-progress-border-radius); - box-shadow: var(--mdb-progress-box-shadow); + --mdb-progress-height: 4px; + --mdb-progress-font-size: 0.75rem; + --mdb-progress-bg: #eeeeee; + --mdb-progress-border-radius: 0.25rem; + --mdb-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --mdb-progress-bar-color: #fff; + --mdb-progress-bar-bg: #3b71ca; + --mdb-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--mdb-progress-height); + overflow: hidden; + font-size: var(--mdb-progress-font-size); + background-color: var(--mdb-progress-bg); + border-radius: var(--mdb-progress-border-radius); + box-shadow: var(--mdb-progress-box-shadow); } .progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: var(--mdb-progress-bar-color); - text-align: center; - white-space: nowrap; - background-color: var(--mdb-progress-bar-bg); - transition: var(--mdb-progress-bar-transition); + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--mdb-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--mdb-progress-bar-bg); + transition: var(--mdb-progress-bar-transition); } + @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; - } + .progress-bar { + transition: none; + } } .progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: var(--mdb-progress-height) var(--mdb-progress-height); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: var(--mdb-progress-height) var(--mdb-progress-height); } .progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; } + @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; - } + .progress-bar-animated { + animation: none; + } } .placeholder { - display: inline-block; - min-height: 1em; - vertical-align: middle; - cursor: wait; - background-color: currentcolor; - opacity: 0.5; + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; } + .placeholder.btn::before { - display: inline-block; - content: ""; + display: inline-block; + content: ""; } .placeholder-xs { - min-height: 0.6em; + min-height: 0.6em; } .placeholder-sm { - min-height: 0.8em; + min-height: 0.8em; } .placeholder-lg { - min-height: 1.2em; + min-height: 1.2em; } .placeholder-glow .placeholder { - animation: placeholder-glow 2s ease-in-out infinite; + animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { - 50% { - opacity: 0.2; - } + 50% { + opacity: 0.2; + } } + .placeholder-wave { - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - mask-size: 200% 100%; - animation: placeholder-wave 2s linear infinite; + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { - 100% { - mask-position: -200% 0%; - } + 100% { + mask-position: -200% 0%; + } } + .list-group { - --mdb-list-group-color: #4f4f4f; - --mdb-list-group-bg: #fff; - --mdb-list-group-border-color: rgba(0, 0, 0, 0.125); - --mdb-list-group-border-width: 1px; - --mdb-list-group-border-radius: 0.5rem; - --mdb-list-group-item-padding-x: 1.5rem; - --mdb-list-group-item-padding-y: 0.5rem; - --mdb-list-group-action-color: #616161; - --mdb-list-group-action-hover-color: #616161; - --mdb-list-group-action-hover-bg: #f5f5f5; - --mdb-list-group-action-active-color: #4f4f4f; - --mdb-list-group-action-active-bg: #eeeeee; - --mdb-list-group-disabled-color: #757575; - --mdb-list-group-disabled-bg: #fff; - --mdb-list-group-active-color: rgb(44, 88, 160); - --mdb-list-group-active-bg: rgb(223, 231, 246); - --mdb-list-group-active-border-color: rgb(223, 231, 246); - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: var(--mdb-list-group-border-radius); + --mdb-list-group-color: #4f4f4f; + --mdb-list-group-bg: #fff; + --mdb-list-group-border-color: rgba(0, 0, 0, 0.125); + --mdb-list-group-border-width: 1px; + --mdb-list-group-border-radius: 0.5rem; + --mdb-list-group-item-padding-x: 1.5rem; + --mdb-list-group-item-padding-y: 0.5rem; + --mdb-list-group-action-color: #616161; + --mdb-list-group-action-hover-color: #616161; + --mdb-list-group-action-hover-bg: #f5f5f5; + --mdb-list-group-action-active-color: #4f4f4f; + --mdb-list-group-action-active-bg: #eeeeee; + --mdb-list-group-disabled-color: #757575; + --mdb-list-group-disabled-bg: #fff; + --mdb-list-group-active-color: rgb(44, 88, 160); + --mdb-list-group-active-bg: rgb(223, 231, 246); + --mdb-list-group-active-border-color: rgb(223, 231, 246); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--mdb-list-group-border-radius); } .list-group-numbered { - list-style-type: none; - counter-reset: section; + list-style-type: none; + counter-reset: section; } + .list-group-numbered > .list-group-item::before { - content: counters(section, ".") ". "; - counter-increment: section; + content: counters(section, ".") ". "; + counter-increment: section; } .list-group-item-action { - width: 100%; - color: var(--mdb-list-group-action-color); - text-align: inherit; + width: 100%; + color: var(--mdb-list-group-action-color); + text-align: inherit; } + .list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: var(--mdb-list-group-action-hover-color); - text-decoration: none; - background-color: var(--mdb-list-group-action-hover-bg); + z-index: 1; + color: var(--mdb-list-group-action-hover-color); + text-decoration: none; + background-color: var(--mdb-list-group-action-hover-bg); } + .list-group-item-action:active { - color: var(--mdb-list-group-action-active-color); - background-color: var(--mdb-list-group-action-active-bg); + color: var(--mdb-list-group-action-active-color); + background-color: var(--mdb-list-group-action-active-bg); } .list-group-item { - position: relative; - display: block; - padding: var(--mdb-list-group-item-padding-y) var(--mdb-list-group-item-padding-x); - color: var(--mdb-list-group-color); - background-color: var(--mdb-list-group-bg); - border: var(--mdb-list-group-border-width) solid var(--mdb-list-group-border-color); + position: relative; + display: block; + padding: var(--mdb-list-group-item-padding-y) var(--mdb-list-group-item-padding-x); + color: var(--mdb-list-group-color); + background-color: var(--mdb-list-group-bg); + border: var(--mdb-list-group-border-width) solid var(--mdb-list-group-border-color); } + .list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; + 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; + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; } + .list-group-item.disabled, .list-group-item:disabled { - color: var(--mdb-list-group-disabled-color); - pointer-events: none; - background-color: var(--mdb-list-group-disabled-bg); + color: var(--mdb-list-group-disabled-color); + pointer-events: none; + background-color: var(--mdb-list-group-disabled-bg); } + .list-group-item.active { - z-index: 2; - color: var(--mdb-list-group-active-color); - background-color: var(--mdb-list-group-active-bg); - border-color: var(--mdb-list-group-active-border-color); + z-index: 2; + color: var(--mdb-list-group-active-color); + background-color: var(--mdb-list-group-active-bg); + border-color: var(--mdb-list-group-active-border-color); } + .list-group-item + .list-group-item { - border-top-width: 0; + border-top-width: 0; } + .list-group-item + .list-group-item.active { - margin-top: calc(-1 * var(--mdb-list-group-border-width)); - border-top-width: var(--mdb-list-group-border-width); + margin-top: calc(-1 * var(--mdb-list-group-border-width)); + border-top-width: var(--mdb-list-group-border-width); } .list-group-horizontal { - flex-direction: row; + flex-direction: row; } + .list-group-horizontal > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--mdb-list-group-border-radius); - border-top-right-radius: 0; + border-bottom-left-radius: var(--mdb-list-group-border-radius); + border-top-right-radius: 0; } + .list-group-horizontal > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--mdb-list-group-border-radius); - border-bottom-left-radius: 0; + border-top-right-radius: var(--mdb-list-group-border-radius); + border-bottom-left-radius: 0; } + .list-group-horizontal > .list-group-item.active { - margin-top: 0; + margin-top: 0; } + .list-group-horizontal > .list-group-item + .list-group-item { - border-top-width: var(--mdb-list-group-border-width); - border-left-width: 0; + border-top-width: var(--mdb-list-group-border-width); + border-left-width: 0; } + .list-group-horizontal > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--mdb-list-group-border-width)); - border-left-width: var(--mdb-list-group-border-width); + margin-left: calc(-1 * var(--mdb-list-group-border-width)); + border-left-width: var(--mdb-list-group-border-width); } @media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; - } - .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--mdb-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--mdb-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-sm > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item { - border-top-width: var(--mdb-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--mdb-list-group-border-width)); - border-left-width: var(--mdb-list-group-border-width); - } + .list-group-horizontal-sm { + flex-direction: row; + } + + .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--mdb-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--mdb-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: var(--mdb-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--mdb-list-group-border-width)); + border-left-width: var(--mdb-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(--mdb-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--mdb-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-md > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item { - border-top-width: var(--mdb-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--mdb-list-group-border-width)); - border-left-width: var(--mdb-list-group-border-width); - } + .list-group-horizontal-md { + flex-direction: row; + } + + .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--mdb-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--mdb-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: var(--mdb-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--mdb-list-group-border-width)); + border-left-width: var(--mdb-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(--mdb-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--mdb-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-lg > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item { - border-top-width: var(--mdb-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--mdb-list-group-border-width)); - border-left-width: var(--mdb-list-group-border-width); - } + .list-group-horizontal-lg { + flex-direction: row; + } + + .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--mdb-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--mdb-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: var(--mdb-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--mdb-list-group-border-width)); + border-left-width: var(--mdb-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(--mdb-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--mdb-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-xl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item { - border-top-width: var(--mdb-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--mdb-list-group-border-width)); - border-left-width: var(--mdb-list-group-border-width); - } + .list-group-horizontal-xl { + flex-direction: row; + } + + .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--mdb-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--mdb-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: var(--mdb-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--mdb-list-group-border-width)); + border-left-width: var(--mdb-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(--mdb-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--mdb-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: var(--mdb-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--mdb-list-group-border-width)); - border-left-width: var(--mdb-list-group-border-width); - } + .list-group-horizontal-xxl { + flex-direction: row; + } + + .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--mdb-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--mdb-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: var(--mdb-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--mdb-list-group-border-width)); + border-left-width: var(--mdb-list-group-border-width); + } } + .list-group-flush { - border-radius: 0; + border-radius: 0; } + .list-group-flush > .list-group-item { - border-width: 0 0 var(--mdb-list-group-border-width); + border-width: 0 0 var(--mdb-list-group-border-width); } + .list-group-flush > .list-group-item:last-child { - border-bottom-width: 0; + border-bottom-width: 0; } .list-group-item-primary { - color: #234479; - background-color: #d8e3f4; + color: #234479; + background-color: #d8e3f4; } + .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #234479; - background-color: #c2ccdc; + color: #234479; + background-color: #c2ccdc; } + .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #234479; - border-color: #234479; + color: #fff; + background-color: #234479; + border-color: #234479; } .list-group-item-secondary { - color: #5f646b; - background-color: #ecedf0; + color: #5f646b; + background-color: #ecedf0; } + .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #5f646b; - background-color: #d4d5d8; + color: #5f646b; + background-color: #d4d5d8; } + .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #5f646b; - border-color: #5f646b; + color: #fff; + background-color: #5f646b; + border-color: #5f646b; } .list-group-item-success { - color: #0c622e; - background-color: #d0eddb; + color: #0c622e; + background-color: #d0eddb; } + .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #0c622e; - background-color: #bbd5c5; + color: #0c622e; + background-color: #bbd5c5; } + .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #0c622e; - border-color: #0c622e; + color: #fff; + background-color: #0c622e; + border-color: #0c622e; } .list-group-item-danger { - color: #842e3c; - background-color: #f8dbe0; + color: #842e3c; + background-color: #f8dbe0; } + .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #842e3c; - background-color: #dfc5ca; + color: #842e3c; + background-color: #dfc5ca; } + .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #842e3c; - border-color: #842e3c; + color: #fff; + background-color: #842e3c; + border-color: #842e3c; } .list-group-item-warning { - color: #896110; - background-color: #faecd1; + color: #896110; + background-color: #faecd1; } + .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #896110; - background-color: #e1d4bc; + color: #896110; + background-color: #e1d4bc; } + .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #896110; - border-color: #896110; + color: #fff; + background-color: #896110; + border-color: #896110; } .list-group-item-info { - color: #326c7f; - background-color: #ddf0f6; + color: #326c7f; + background-color: #ddf0f6; } + .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #326c7f; - background-color: #c7d8dd; + color: #326c7f; + background-color: #c7d8dd; } + .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #326c7f; - border-color: #326c7f; + color: #fff; + background-color: #326c7f; + border-color: #326c7f; } .list-group-item-light { - color: #646464; - background-color: #fefefe; + color: #646464; + background-color: #fefefe; } + .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #646464; - background-color: #e5e5e5; + color: #646464; + background-color: #e5e5e5; } + .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #646464; - border-color: #646464; + color: #fff; + background-color: #646464; + border-color: #646464; } .list-group-item-dark { - color: #1f1b1b; - background-color: #d6d5d5; + color: #1f1b1b; + background-color: #d6d5d5; } + .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #1f1b1b; - background-color: #c1c0c0; + color: #1f1b1b; + background-color: #c1c0c0; } + .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #1f1b1b; - border-color: #1f1b1b; + color: #fff; + background-color: #1f1b1b; + border-color: #1f1b1b; } .btn-close { - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: #000; - background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; - border: 0; - border-radius: 0.25rem; - opacity: 0.5; + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #000; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.25rem; + opacity: 0.5; } + .btn-close:hover { - color: #000; - text-decoration: none; - opacity: 0.75; + color: #000; + text-decoration: none; + opacity: 0.75; } + .btn-close:focus { - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); - opacity: 1; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + opacity: 1; } + .btn-close:disabled, .btn-close.disabled { - pointer-events: none; - user-select: none; - opacity: 0.25; + pointer-events: none; + user-select: none; + opacity: 0.25; } .btn-close-white { - filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); } .toast { - --mdb-toast-zindex: 1060; - --mdb-toast-padding-x: 1rem; - --mdb-toast-padding-y: 0.65rem; - --mdb-toast-spacing: 1.5rem; - --mdb-toast-max-width: 350px; - --mdb-toast-font-size: 0.875rem; - --mdb-toast-color: ; - --mdb-toast-bg: #fff; - --mdb-toast-border-width: 1px; - --mdb-toast-border-color: var(--mdb-border-color-translucent); - --mdb-toast-border-radius: 0.5rem; - --mdb-toast-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); - --mdb-toast-header-color: #757575; - --mdb-toast-header-bg: #fff; - --mdb-toast-header-border-color: rgba(0, 0, 0, 0.05); - width: var(--mdb-toast-max-width); - max-width: 100%; - font-size: var(--mdb-toast-font-size); - color: var(--mdb-toast-color); - pointer-events: auto; - background-color: var(--mdb-toast-bg); - background-clip: padding-box; - border: var(--mdb-toast-border-width) solid var(--mdb-toast-border-color); - box-shadow: var(--mdb-toast-box-shadow); - border-radius: var(--mdb-toast-border-radius); + --mdb-toast-zindex: 1060; + --mdb-toast-padding-x: 1rem; + --mdb-toast-padding-y: 0.65rem; + --mdb-toast-spacing: 1.5rem; + --mdb-toast-max-width: 350px; + --mdb-toast-font-size: 0.875rem; + --mdb-toast-color: ; + --mdb-toast-bg: #fff; + --mdb-toast-border-width: 1px; + --mdb-toast-border-color: var(--mdb-border-color-translucent); + --mdb-toast-border-radius: 0.5rem; + --mdb-toast-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); + --mdb-toast-header-color: #757575; + --mdb-toast-header-bg: #fff; + --mdb-toast-header-border-color: rgba(0, 0, 0, 0.05); + width: var(--mdb-toast-max-width); + max-width: 100%; + font-size: var(--mdb-toast-font-size); + color: var(--mdb-toast-color); + pointer-events: auto; + background-color: var(--mdb-toast-bg); + background-clip: padding-box; + border: var(--mdb-toast-border-width) solid var(--mdb-toast-border-color); + box-shadow: var(--mdb-toast-box-shadow); + border-radius: var(--mdb-toast-border-radius); } + .toast.showing { - opacity: 0; + opacity: 0; } + .toast:not(.show) { - display: none; + display: none; } .toast-container { - --mdb-toast-zindex: 1060; - position: absolute; - z-index: var(--mdb-toast-zindex); - width: max-content; - max-width: 100%; - pointer-events: none; + --mdb-toast-zindex: 1060; + position: absolute; + z-index: var(--mdb-toast-zindex); + width: max-content; + max-width: 100%; + pointer-events: none; } + .toast-container > :not(:last-child) { - margin-bottom: var(--mdb-toast-spacing); + margin-bottom: var(--mdb-toast-spacing); } .toast-header { - display: flex; - align-items: center; - padding: var(--mdb-toast-padding-y) var(--mdb-toast-padding-x); - color: var(--mdb-toast-header-color); - background-color: var(--mdb-toast-header-bg); - background-clip: padding-box; - border-bottom: var(--mdb-toast-border-width) solid var(--mdb-toast-header-border-color); - border-top-left-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width)); - border-top-right-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width)); + display: flex; + align-items: center; + padding: var(--mdb-toast-padding-y) var(--mdb-toast-padding-x); + color: var(--mdb-toast-header-color); + background-color: var(--mdb-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--mdb-toast-border-width) solid var(--mdb-toast-header-border-color); + border-top-left-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width)); + border-top-right-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width)); } + .toast-header .btn-close { - margin-right: calc(-0.5 * var(--mdb-toast-padding-x)); - margin-left: var(--mdb-toast-padding-x); + margin-right: calc(-0.5 * var(--mdb-toast-padding-x)); + margin-left: var(--mdb-toast-padding-x); } .toast-body { - padding: var(--mdb-toast-padding-x); - word-wrap: break-word; + padding: var(--mdb-toast-padding-x); + word-wrap: break-word; } .modal { - --mdb-modal-zindex: 1055; - --mdb-modal-width: 500px; - --mdb-modal-padding: 1rem; - --mdb-modal-margin: 0.5rem; - --mdb-modal-color: ; - --mdb-modal-bg: #fff; - --mdb-modal-border-color: var(--mdb-border-color-translucent); - --mdb-modal-border-width: 1px; - --mdb-modal-border-radius: 0.5rem; - --mdb-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --mdb-modal-inner-border-radius: calc(0.5rem - 1px); - --mdb-modal-header-padding-x: 1rem; - --mdb-modal-header-padding-y: 1rem; - --mdb-modal-header-padding: 1rem 1rem; - --mdb-modal-header-border-color: hsl(0, 0%, 96%); - --mdb-modal-header-border-width: 2px; - --mdb-modal-title-line-height: 1.6; - --mdb-modal-footer-gap: 0.5rem; - --mdb-modal-footer-bg: ; - --mdb-modal-footer-border-color: hsl(0, 0%, 96%); - --mdb-modal-footer-border-width: 2px; - position: fixed; - top: 0; - left: 0; - z-index: var(--mdb-modal-zindex); - display: none; - width: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - outline: 0; + --mdb-modal-zindex: 1055; + --mdb-modal-width: 500px; + --mdb-modal-padding: 1rem; + --mdb-modal-margin: 0.5rem; + --mdb-modal-color: ; + --mdb-modal-bg: #fff; + --mdb-modal-border-color: var(--mdb-border-color-translucent); + --mdb-modal-border-width: 1px; + --mdb-modal-border-radius: 0.5rem; + --mdb-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --mdb-modal-inner-border-radius: calc(0.5rem - 1px); + --mdb-modal-header-padding-x: 1rem; + --mdb-modal-header-padding-y: 1rem; + --mdb-modal-header-padding: 1rem 1rem; + --mdb-modal-header-border-color: hsl(0, 0%, 96%); + --mdb-modal-header-border-width: 2px; + --mdb-modal-title-line-height: 1.6; + --mdb-modal-footer-gap: 0.5rem; + --mdb-modal-footer-bg: ; + --mdb-modal-footer-border-color: hsl(0, 0%, 96%); + --mdb-modal-footer-border-width: 2px; + position: fixed; + top: 0; + left: 0; + z-index: var(--mdb-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; } .modal-dialog { - position: relative; - width: auto; - margin: var(--mdb-modal-margin); - pointer-events: none; + position: relative; + width: auto; + margin: var(--mdb-modal-margin); + pointer-events: none; } + .modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); + transition: transform 0.3s ease-out; + transform: translate(0, -50px); } + @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; - } + .modal.fade .modal-dialog { + transition: none; + } } + .modal.show .modal-dialog { - transform: none; + transform: none; } + .modal.modal-static .modal-dialog { - transform: scale(1.02); + transform: scale(1.02); } .modal-dialog-scrollable { - height: calc(100% - var(--mdb-modal-margin) * 2); + height: calc(100% - var(--mdb-modal-margin) * 2); } + .modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; + max-height: 100%; + overflow: hidden; } + .modal-dialog-scrollable .modal-body { - overflow-y: auto; + overflow-y: auto; } .modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - var(--mdb-modal-margin) * 2); + display: flex; + align-items: center; + min-height: calc(100% - var(--mdb-modal-margin) * 2); } .modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - color: var(--mdb-modal-color); - pointer-events: auto; - background-color: var(--mdb-modal-bg); - background-clip: padding-box; - border: var(--mdb-modal-border-width) solid var(--mdb-modal-border-color); - border-radius: var(--mdb-modal-border-radius); - box-shadow: var(--mdb-modal-box-shadow); - outline: 0; + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--mdb-modal-color); + pointer-events: auto; + background-color: var(--mdb-modal-bg); + background-clip: padding-box; + border: var(--mdb-modal-border-width) solid var(--mdb-modal-border-color); + border-radius: var(--mdb-modal-border-radius); + box-shadow: var(--mdb-modal-box-shadow); + outline: 0; } .modal-backdrop { - --mdb-backdrop-zindex: 1050; - --mdb-backdrop-bg: #000; - --mdb-backdrop-opacity: 0.5; - position: fixed; - top: 0; - left: 0; - z-index: var(--mdb-backdrop-zindex); - width: 100vw; - height: 100vh; - background-color: var(--mdb-backdrop-bg); + --mdb-backdrop-zindex: 1050; + --mdb-backdrop-bg: #000; + --mdb-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--mdb-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--mdb-backdrop-bg); } + .modal-backdrop.fade { - opacity: 0; + opacity: 0; } + .modal-backdrop.show { - opacity: var(--mdb-backdrop-opacity); + opacity: var(--mdb-backdrop-opacity); } .modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: space-between; - padding: var(--mdb-modal-header-padding); - border-bottom: var(--mdb-modal-header-border-width) solid var(--mdb-modal-header-border-color); - border-top-left-radius: var(--mdb-modal-inner-border-radius); - border-top-right-radius: var(--mdb-modal-inner-border-radius); + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--mdb-modal-header-padding); + border-bottom: var(--mdb-modal-header-border-width) solid var(--mdb-modal-header-border-color); + border-top-left-radius: var(--mdb-modal-inner-border-radius); + border-top-right-radius: var(--mdb-modal-inner-border-radius); } + .modal-header .btn-close { - padding: calc(var(--mdb-modal-header-padding-y) * 0.5) calc(var(--mdb-modal-header-padding-x) * 0.5); - margin: calc(-0.5 * var(--mdb-modal-header-padding-y)) calc(-0.5 * var(--mdb-modal-header-padding-x)) calc(-0.5 * var(--mdb-modal-header-padding-y)) auto; + padding: calc(var(--mdb-modal-header-padding-y) * 0.5) calc(var(--mdb-modal-header-padding-x) * 0.5); + margin: calc(-0.5 * var(--mdb-modal-header-padding-y)) calc(-0.5 * var(--mdb-modal-header-padding-x)) calc(-0.5 * var(--mdb-modal-header-padding-y)) auto; } .modal-title { - margin-bottom: 0; - line-height: var(--mdb-modal-title-line-height); + margin-bottom: 0; + line-height: var(--mdb-modal-title-line-height); } .modal-body { - position: relative; - flex: 1 1 auto; - padding: var(--mdb-modal-padding); + position: relative; + flex: 1 1 auto; + padding: var(--mdb-modal-padding); } .modal-footer { - display: flex; - flex-shrink: 0; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: calc(var(--mdb-modal-padding) - var(--mdb-modal-footer-gap) * 0.5); - background-color: var(--mdb-modal-footer-bg); - border-top: var(--mdb-modal-footer-border-width) solid var(--mdb-modal-footer-border-color); - border-bottom-right-radius: var(--mdb-modal-inner-border-radius); - border-bottom-left-radius: var(--mdb-modal-inner-border-radius); + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--mdb-modal-padding) - var(--mdb-modal-footer-gap) * 0.5); + background-color: var(--mdb-modal-footer-bg); + border-top: var(--mdb-modal-footer-border-width) solid var(--mdb-modal-footer-border-color); + border-bottom-right-radius: var(--mdb-modal-inner-border-radius); + border-bottom-left-radius: var(--mdb-modal-inner-border-radius); } + .modal-footer > * { - margin: calc(var(--mdb-modal-footer-gap) * 0.5); + margin: calc(var(--mdb-modal-footer-gap) * 0.5); } @media (min-width: 576px) { - .modal { - --mdb-modal-margin: 1.75rem; - --mdb-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - } - .modal-dialog { - max-width: var(--mdb-modal-width); - margin-right: auto; - margin-left: auto; - } - .modal-sm { - --mdb-modal-width: 300px; - } + .modal { + --mdb-modal-margin: 1.75rem; + --mdb-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + } + + .modal-dialog { + max-width: var(--mdb-modal-width); + margin-right: auto; + margin-left: auto; + } + + .modal-sm { + --mdb-modal-width: 300px; + } } + @media (min-width: 992px) { - .modal-lg, - .modal-xl { - --mdb-modal-width: 800px; - } + .modal-lg, + .modal-xl { + --mdb-modal-width: 800px; + } } + @media (min-width: 1200px) { - .modal-xl { - --mdb-modal-width: 1140px; - } + .modal-xl { + --mdb-modal-width: 1140px; + } } + .modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { - border-radius: 0; + border-radius: 0; } + .modal-fullscreen .modal-body { - overflow-y: auto; + overflow-y: auto; } @media (max-width: 575.98px) { - .modal-fullscreen-sm-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-header, - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto; - } + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } } + @media (max-width: 767.98px) { - .modal-fullscreen-md-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-md-down .modal-header, - .modal-fullscreen-md-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-md-down .modal-body { - overflow-y: auto; - } + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } } + @media (max-width: 991.98px) { - .modal-fullscreen-lg-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-header, - .modal-fullscreen-lg-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto; - } + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } } + @media (max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-header, - .modal-fullscreen-xl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto; - } + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } } + @media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-header, - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; - } + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } } + .popover { - --mdb-popover-zindex: 1080; - --mdb-popover-max-width: 276px; - --mdb-popover-font-size: 0.875rem; - --mdb-popover-bg: #fff; - --mdb-popover-border-width: 1px; - --mdb-popover-border-color: hsl(0, 0%, 96%); - --mdb-popover-border-radius: 0.5rem; - --mdb-popover-inner-border-radius: calc(0.5rem - 1px); - --mdb-popover-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04); - --mdb-popover-header-padding-x: 1rem; - --mdb-popover-header-padding-y: 0.5rem; - --mdb-popover-header-font-size: 1rem; - --mdb-popover-header-color: ; - --mdb-popover-header-bg: #fff; - --mdb-popover-body-padding-x: 1rem; - --mdb-popover-body-padding-y: 1rem; - --mdb-popover-body-color: #4f4f4f; - --mdb-popover-arrow-width: 1rem; - --mdb-popover-arrow-height: 0.5rem; - --mdb-popover-arrow-border: var(--mdb-popover-border-color); - z-index: var(--mdb-popover-zindex); - display: block; - max-width: var(--mdb-popover-max-width); - font-family: var(--mdb-font-roboto); - font-style: normal; - font-weight: 400; - line-height: 1.6; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--mdb-popover-font-size); - word-wrap: break-word; - background-color: var(--mdb-popover-bg); - background-clip: padding-box; - border: var(--mdb-popover-border-width) solid var(--mdb-popover-border-color); - border-radius: var(--mdb-popover-border-radius); - box-shadow: var(--mdb-popover-box-shadow); + --mdb-popover-zindex: 1080; + --mdb-popover-max-width: 276px; + --mdb-popover-font-size: 0.875rem; + --mdb-popover-bg: #fff; + --mdb-popover-border-width: 1px; + --mdb-popover-border-color: hsl(0, 0%, 96%); + --mdb-popover-border-radius: 0.5rem; + --mdb-popover-inner-border-radius: calc(0.5rem - 1px); + --mdb-popover-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04); + --mdb-popover-header-padding-x: 1rem; + --mdb-popover-header-padding-y: 0.5rem; + --mdb-popover-header-font-size: 1rem; + --mdb-popover-header-color: ; + --mdb-popover-header-bg: #fff; + --mdb-popover-body-padding-x: 1rem; + --mdb-popover-body-padding-y: 1rem; + --mdb-popover-body-color: #4f4f4f; + --mdb-popover-arrow-width: 1rem; + --mdb-popover-arrow-height: 0.5rem; + --mdb-popover-arrow-border: var(--mdb-popover-border-color); + z-index: var(--mdb-popover-zindex); + display: block; + max-width: var(--mdb-popover-max-width); + font-family: var(--mdb-font-roboto); + font-style: normal; + font-weight: 400; + line-height: 1.6; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--mdb-popover-font-size); + word-wrap: break-word; + background-color: var(--mdb-popover-bg); + background-clip: padding-box; + border: var(--mdb-popover-border-width) solid var(--mdb-popover-border-color); + border-radius: var(--mdb-popover-border-radius); + box-shadow: var(--mdb-popover-box-shadow); } + .popover .popover-arrow { - display: block; - width: var(--mdb-popover-arrow-width); - height: var(--mdb-popover-arrow-height); + display: block; + width: var(--mdb-popover-arrow-width); + height: var(--mdb-popover-arrow-height); } + .popover .popover-arrow::before, .popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; - border-width: 0; + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { - bottom: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); + bottom: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); } + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { - border-width: var(--mdb-popover-arrow-height) calc(var(--mdb-popover-arrow-width) * 0.5) 0; + border-width: var(--mdb-popover-arrow-height) calc(var(--mdb-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(--mdb-popover-arrow-border); + bottom: 0; + border-top-color: var(--mdb-popover-arrow-border); } + .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { - bottom: var(--mdb-popover-border-width); - border-top-color: var(--mdb-popover-bg); + bottom: var(--mdb-popover-border-width); + border-top-color: var(--mdb-popover-bg); } /*!rtl:begin:ignore*/ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { - left: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); - width: var(--mdb-popover-arrow-height); - height: var(--mdb-popover-arrow-width); + left: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); + width: var(--mdb-popover-arrow-height); + height: var(--mdb-popover-arrow-width); } + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { - border-width: calc(var(--mdb-popover-arrow-width) * 0.5) var(--mdb-popover-arrow-height) calc(var(--mdb-popover-arrow-width) * 0.5) 0; + border-width: calc(var(--mdb-popover-arrow-width) * 0.5) var(--mdb-popover-arrow-height) calc(var(--mdb-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(--mdb-popover-arrow-border); + left: 0; + border-right-color: var(--mdb-popover-arrow-border); } + .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { - left: var(--mdb-popover-border-width); - border-right-color: var(--mdb-popover-bg); + left: var(--mdb-popover-border-width); + border-right-color: var(--mdb-popover-bg); } /*!rtl:end:ignore*/ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { - top: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); + top: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); } + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { - border-width: 0 calc(var(--mdb-popover-arrow-width) * 0.5) var(--mdb-popover-arrow-height); + border-width: 0 calc(var(--mdb-popover-arrow-width) * 0.5) var(--mdb-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(--mdb-popover-arrow-border); + top: 0; + border-bottom-color: var(--mdb-popover-arrow-border); } + .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { - top: var(--mdb-popover-border-width); - border-bottom-color: var(--mdb-popover-bg); + top: var(--mdb-popover-border-width); + border-bottom-color: var(--mdb-popover-bg); } + .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: var(--mdb-popover-arrow-width); - margin-left: calc(-0.5 * var(--mdb-popover-arrow-width)); - content: ""; - border-bottom: var(--mdb-popover-border-width) solid var(--mdb-popover-header-bg); + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--mdb-popover-arrow-width); + margin-left: calc(-0.5 * var(--mdb-popover-arrow-width)); + content: ""; + border-bottom: var(--mdb-popover-border-width) solid var(--mdb-popover-header-bg); } /*!rtl:begin:ignore*/ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { - right: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); - width: var(--mdb-popover-arrow-height); - height: var(--mdb-popover-arrow-width); + right: calc(-1 * (var(--mdb-popover-arrow-height)) - var(--mdb-popover-border-width)); + width: var(--mdb-popover-arrow-height); + height: var(--mdb-popover-arrow-width); } + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { - border-width: calc(var(--mdb-popover-arrow-width) * 0.5) 0 calc(var(--mdb-popover-arrow-width) * 0.5) var(--mdb-popover-arrow-height); + border-width: calc(var(--mdb-popover-arrow-width) * 0.5) 0 calc(var(--mdb-popover-arrow-width) * 0.5) var(--mdb-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(--mdb-popover-arrow-border); + right: 0; + border-left-color: var(--mdb-popover-arrow-border); } + .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { - right: var(--mdb-popover-border-width); - border-left-color: var(--mdb-popover-bg); + right: var(--mdb-popover-border-width); + border-left-color: var(--mdb-popover-bg); } /*!rtl:end:ignore*/ .popover-header { - padding: var(--mdb-popover-header-padding-y) var(--mdb-popover-header-padding-x); - margin-bottom: 0; - font-size: var(--mdb-popover-header-font-size); - color: var(--mdb-popover-header-color); - background-color: var(--mdb-popover-header-bg); - border-bottom: var(--mdb-popover-border-width) solid var(--mdb-popover-border-color); - border-top-left-radius: var(--mdb-popover-inner-border-radius); - border-top-right-radius: var(--mdb-popover-inner-border-radius); + padding: var(--mdb-popover-header-padding-y) var(--mdb-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--mdb-popover-header-font-size); + color: var(--mdb-popover-header-color); + background-color: var(--mdb-popover-header-bg); + border-bottom: var(--mdb-popover-border-width) solid var(--mdb-popover-border-color); + border-top-left-radius: var(--mdb-popover-inner-border-radius); + border-top-right-radius: var(--mdb-popover-inner-border-radius); } + .popover-header:empty { - display: none; + display: none; } .popover-body { - padding: var(--mdb-popover-body-padding-y) var(--mdb-popover-body-padding-x); - color: var(--mdb-popover-body-color); + padding: var(--mdb-popover-body-padding-y) var(--mdb-popover-body-padding-x); + color: var(--mdb-popover-body-color); } .carousel { - position: relative; + position: relative; } .carousel.pointer-event { - touch-action: pan-y; + touch-action: pan-y; } .carousel-inner { - position: relative; - width: 100%; - overflow: hidden; + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner::after { - display: block; - clear: both; - content: ""; + display: block; + clear: both; + content: ""; } .carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; - } + .carousel-item { + transition: none; + } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: block; + display: block; } /*!rtl:begin:ignore*/ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { - transform: translateX(100%); + transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { - transform: translateX(-100%); + transform: translateX(-100%); } /*!rtl:end:ignore*/ .carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none; + opacity: 0; + transition-property: opacity; + transform: none; } + .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { - z-index: 1; - opacity: 1; + 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; + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; } + @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - transition: none; - } + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } } .carousel-control-prev, .carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 15%; - padding: 0; - color: #fff; - text-align: center; - background: none; - border: 0; - opacity: 0.5; - transition: opacity 0.15s ease; + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; } + @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - transition: none; - } + .carousel-control-prev, + .carousel-control-next { + transition: none; + } } + .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: 0.9; + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; } .carousel-control-prev { - left: 0; + left: 0; } .carousel-control-next { - right: 0; + right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { - display: inline-block; - width: 2rem; - height: 2rem; - background-repeat: no-repeat; - background-position: 50%; - background-size: 100% 100%; + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; } /*!rtl:options:{ @@ -5840,509 +6528,655 @@ textarea.form-control-lg { } ] } */ .carousel-control-prev-icon { - background-image: none; + background-image: none; } .carousel-control-next-icon { - background-image: none; + background-image: none; } .carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: flex; - justify-content: center; - padding: 0; - margin-right: 15%; - margin-bottom: 1rem; - margin-left: 15%; - list-style: none; + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; } + .carousel-indicators [data-mdb-target] { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - transition: opacity 0.6s ease; + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; } + @media (prefers-reduced-motion: reduce) { - .carousel-indicators [data-mdb-target] { - transition: none; - } + .carousel-indicators [data-mdb-target] { + transition: none; + } } + .carousel-indicators .active { - opacity: 1; + opacity: 1; } .carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center; + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { - filter: invert(1) grayscale(100); + filter: invert(1) grayscale(100); } + .carousel-dark .carousel-indicators [data-mdb-target] { - background-color: #000; + background-color: #000; } + .carousel-dark .carousel-caption { - color: #000; + color: #000; } .spinner-grow, .spinner-border { - display: inline-block; - width: var(--mdb-spinner-width); - height: var(--mdb-spinner-height); - vertical-align: var(--mdb-spinner-vertical-align); - border-radius: 50%; - animation: var(--mdb-spinner-animation-speed) linear infinite var(--mdb-spinner-animation-name); + display: inline-block; + width: var(--mdb-spinner-width); + height: var(--mdb-spinner-height); + vertical-align: var(--mdb-spinner-vertical-align); + border-radius: 50%; + animation: var(--mdb-spinner-animation-speed) linear infinite var(--mdb-spinner-animation-name); } @keyframes spinner-border { - to { - transform: rotate(360deg) /* rtl:ignore */; - } + to { + transform: rotate(360deg) /* rtl:ignore */; + } } + .spinner-border { - --mdb-spinner-width: 2rem; - --mdb-spinner-height: 2rem; - --mdb-spinner-vertical-align: -0.125em; - --mdb-spinner-border-width: 0.25em; - --mdb-spinner-animation-speed: 0.75s; - --mdb-spinner-animation-name: spinner-border; - border: var(--mdb-spinner-border-width) solid currentcolor; - border-right-color: transparent; + --mdb-spinner-width: 2rem; + --mdb-spinner-height: 2rem; + --mdb-spinner-vertical-align: -0.125em; + --mdb-spinner-border-width: 0.25em; + --mdb-spinner-animation-speed: 0.75s; + --mdb-spinner-animation-name: spinner-border; + border: var(--mdb-spinner-border-width) solid currentcolor; + border-right-color: transparent; } .spinner-border-sm { - --mdb-spinner-width: 1rem; - --mdb-spinner-height: 1rem; - --mdb-spinner-border-width: 0.2em; + --mdb-spinner-width: 1rem; + --mdb-spinner-height: 1rem; + --mdb-spinner-border-width: 0.2em; } @keyframes spinner-grow { - 0% { - transform: scale(0); - } - 50% { - opacity: 1; - transform: none; - } + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } } + .spinner-grow { - --mdb-spinner-width: 2rem; - --mdb-spinner-height: 2rem; - --mdb-spinner-vertical-align: -0.125em; - --mdb-spinner-animation-speed: 0.75s; - --mdb-spinner-animation-name: spinner-grow; - background-color: currentcolor; - opacity: 0; + --mdb-spinner-width: 2rem; + --mdb-spinner-height: 2rem; + --mdb-spinner-vertical-align: -0.125em; + --mdb-spinner-animation-speed: 0.75s; + --mdb-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; } .spinner-grow-sm { - --mdb-spinner-width: 1rem; - --mdb-spinner-height: 1rem; + --mdb-spinner-width: 1rem; + --mdb-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { - .spinner-border, - .spinner-grow { - --mdb-spinner-animation-speed: 1.5s; - } + .spinner-border, + .spinner-grow { + --mdb-spinner-animation-speed: 1.5s; + } } + .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { - --mdb-offcanvas-zindex: 1045; - --mdb-offcanvas-width: 400px; - --mdb-offcanvas-height: 30vh; - --mdb-offcanvas-padding-x: 1rem; - --mdb-offcanvas-padding-y: 1rem; - --mdb-offcanvas-color: ; - --mdb-offcanvas-bg: #fff; - --mdb-offcanvas-border-width: 1px; - --mdb-offcanvas-border-color: var(--mdb-border-color-translucent); - --mdb-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --mdb-offcanvas-zindex: 1045; + --mdb-offcanvas-width: 400px; + --mdb-offcanvas-height: 30vh; + --mdb-offcanvas-padding-x: 1rem; + --mdb-offcanvas-padding-y: 1rem; + --mdb-offcanvas-color: ; + --mdb-offcanvas-bg: #fff; + --mdb-offcanvas-border-width: 1px; + --mdb-offcanvas-border-color: var(--mdb-border-color-translucent); + --mdb-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } @media (max-width: 575.98px) { - .offcanvas-sm { - position: fixed; - bottom: 0; - z-index: var(--mdb-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--mdb-offcanvas-color); - visibility: hidden; - background-color: var(--mdb-offcanvas-bg); - background-clip: padding-box; - outline: 0; - box-shadow: var(--mdb-offcanvas-box-shadow); - transition: transform 0.3s ease-in-out; - } + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--mdb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--mdb-offcanvas-color); + visibility: hidden; + background-color: var(--mdb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--mdb-offcanvas-box-shadow); + transition: transform 0.3s ease-in-out; + } } + @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-sm { - transition: none; - } + .offcanvas-sm { + transition: none; + } } + @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-start { - top: 0; - left: 0; - width: var(--mdb-offcanvas-width); - border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(-100%); - } + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--mdb-offcanvas-width); + border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(-100%); + } } + @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-end { - top: 0; - right: 0; - width: var(--mdb-offcanvas-width); - border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(100%); - } + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--mdb-offcanvas-width); + border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(100%); + } } + @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(-100%); - } + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(-100%); + } } + @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-bottom { - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(100%); - } + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(100%); + } } + @media (max-width: 575.98px) { - .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { - transform: none; - } + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { + transform: none; + } } + @media (max-width: 575.98px) { - .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { - visibility: visible; - } + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { + visibility: visible; + } } + @media (min-width: 576px) { - .offcanvas-sm { - --mdb-offcanvas-height: auto; - --mdb-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-sm .offcanvas-header { - display: none; - } - .offcanvas-sm .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } + .offcanvas-sm { + --mdb-offcanvas-height: auto; + --mdb-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-sm .offcanvas-header { + display: none; + } + + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } } @media (max-width: 767.98px) { - .offcanvas-md { - position: fixed; - bottom: 0; - z-index: var(--mdb-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--mdb-offcanvas-color); - visibility: hidden; - background-color: var(--mdb-offcanvas-bg); - background-clip: padding-box; - outline: 0; - box-shadow: var(--mdb-offcanvas-box-shadow); - transition: transform 0.3s ease-in-out; - } + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--mdb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--mdb-offcanvas-color); + visibility: hidden; + background-color: var(--mdb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--mdb-offcanvas-box-shadow); + transition: transform 0.3s ease-in-out; + } } + @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-md { - transition: none; - } + .offcanvas-md { + transition: none; + } } + @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-start { - top: 0; - left: 0; - width: var(--mdb-offcanvas-width); - border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(-100%); - } + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--mdb-offcanvas-width); + border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(-100%); + } } + @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-end { - top: 0; - right: 0; - width: var(--mdb-offcanvas-width); - border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(100%); - } + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--mdb-offcanvas-width); + border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(100%); + } } + @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(-100%); - } + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(-100%); + } } + @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-bottom { - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(100%); - } + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(100%); + } } + @media (max-width: 767.98px) { - .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { - transform: none; - } + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; + } } + @media (max-width: 767.98px) { - .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { - visibility: visible; - } + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { + visibility: visible; + } } + @media (min-width: 768px) { - .offcanvas-md { - --mdb-offcanvas-height: auto; - --mdb-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-md .offcanvas-header { - display: none; - } - .offcanvas-md .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } + .offcanvas-md { + --mdb-offcanvas-height: auto; + --mdb-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-md .offcanvas-header { + display: none; + } + + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } } @media (max-width: 991.98px) { - .offcanvas-lg { - position: fixed; - bottom: 0; - z-index: var(--mdb-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--mdb-offcanvas-color); - visibility: hidden; - background-color: var(--mdb-offcanvas-bg); - background-clip: padding-box; - outline: 0; - box-shadow: var(--mdb-offcanvas-box-shadow); - transition: transform 0.3s ease-in-out; - } + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--mdb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--mdb-offcanvas-color); + visibility: hidden; + background-color: var(--mdb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--mdb-offcanvas-box-shadow); + transition: transform 0.3s ease-in-out; + } } + @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-lg { - transition: none; - } + .offcanvas-lg { + transition: none; + } } + @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-start { - top: 0; - left: 0; - width: var(--mdb-offcanvas-width); - border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(-100%); - } + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--mdb-offcanvas-width); + border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(-100%); + } } + @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-end { - top: 0; - right: 0; - width: var(--mdb-offcanvas-width); - border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(100%); - } + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--mdb-offcanvas-width); + border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(100%); + } } + @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(-100%); - } + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(-100%); + } } + @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-bottom { - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(100%); - } + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(100%); + } } + @media (max-width: 991.98px) { - .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { - transform: none; - } + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; + } } + @media (max-width: 991.98px) { - .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { - visibility: visible; - } + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; + } } + @media (min-width: 992px) { - .offcanvas-lg { - --mdb-offcanvas-height: auto; - --mdb-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-lg .offcanvas-header { - display: none; - } - .offcanvas-lg .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } + .offcanvas-lg { + --mdb-offcanvas-height: auto; + --mdb-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-lg .offcanvas-header { + display: none; + } + + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } } @media (max-width: 1199.98px) { - .offcanvas-xl { - position: fixed; - bottom: 0; - z-index: var(--mdb-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--mdb-offcanvas-color); - visibility: hidden; - background-color: var(--mdb-offcanvas-bg); - background-clip: padding-box; - outline: 0; - box-shadow: var(--mdb-offcanvas-box-shadow); - transition: transform 0.3s ease-in-out; - } + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--mdb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--mdb-offcanvas-color); + visibility: hidden; + background-color: var(--mdb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--mdb-offcanvas-box-shadow); + transition: transform 0.3s ease-in-out; + } } + @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-xl { - transition: none; - } + .offcanvas-xl { + transition: none; + } } + @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-start { - top: 0; - left: 0; - width: var(--mdb-offcanvas-width); - border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(-100%); - } + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--mdb-offcanvas-width); + border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(-100%); + } } + @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-end { - top: 0; - right: 0; - width: var(--mdb-offcanvas-width); - border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(100%); - } + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--mdb-offcanvas-width); + border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(100%); + } } + @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(-100%); - } + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(-100%); + } } + @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-bottom { - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(100%); - } + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(100%); + } } + @media (max-width: 1199.98px) { - .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { - transform: none; - } + .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; + } } + @media (max-width: 1199.98px) { - .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { - visibility: visible; - } + .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; + } } + @media (min-width: 1200px) { - .offcanvas-xl { - --mdb-offcanvas-height: auto; - --mdb-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-xl .offcanvas-header { - display: none; - } - .offcanvas-xl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } + .offcanvas-xl { + --mdb-offcanvas-height: auto; + --mdb-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-xl .offcanvas-header { + display: none; + } + + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--mdb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--mdb-offcanvas-color); + visibility: hidden; + background-color: var(--mdb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--mdb-offcanvas-box-shadow); + transition: transform 0.3s ease-in-out; + } +} + +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--mdb-offcanvas-width); + border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(-100%); + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--mdb-offcanvas-width); + border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateX(100%); + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(-100%); + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--mdb-offcanvas-height); + max-height: 100%; + border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); + transform: translateY(100%); + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { + transform: none; + } } @media (max-width: 1399.98px) { - .offcanvas-xxl { + .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { + visibility: visible; + } +} + +@media (min-width: 1400px) { + .offcanvas-xxl { + --mdb-offcanvas-height: auto; + --mdb-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-xxl .offcanvas-header { + display: none; + } + + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas { position: fixed; bottom: 0; z-index: var(--mdb-offcanvas-zindex); @@ -6356,33 +7190,31 @@ textarea.form-control-lg { outline: 0; box-shadow: var(--mdb-offcanvas-box-shadow); transition: transform 0.3s ease-in-out; - } } -@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-xxl { - transition: none; - } + +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } } -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-start { + +.offcanvas.offcanvas-start { top: 0; left: 0; width: var(--mdb-offcanvas-width); border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); transform: translateX(-100%); - } } -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-end { + +.offcanvas.offcanvas-end { top: 0; right: 0; width: var(--mdb-offcanvas-width); border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); transform: translateX(100%); - } } -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-top { + +.offcanvas.offcanvas-top { top: 0; right: 0; left: 0; @@ -6390,5812 +7222,6780 @@ textarea.form-control-lg { max-height: 100%; border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); transform: translateY(-100%); - } } -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-bottom { + +.offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--mdb-offcanvas-height); max-height: 100%; border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); transform: translateY(100%); - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { - transform: none; - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { - visibility: visible; - } -} -@media (min-width: 1400px) { - .offcanvas-xxl { - --mdb-offcanvas-height: auto; - --mdb-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-xxl .offcanvas-header { - display: none; - } - .offcanvas-xxl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } } -.offcanvas { - position: fixed; - bottom: 0; - z-index: var(--mdb-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--mdb-offcanvas-color); - visibility: hidden; - background-color: var(--mdb-offcanvas-bg); - background-clip: padding-box; - outline: 0; - box-shadow: var(--mdb-offcanvas-box-shadow); - transition: transform 0.3s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .offcanvas { - transition: none; - } -} -.offcanvas.offcanvas-start { - top: 0; - left: 0; - width: var(--mdb-offcanvas-width); - border-right: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(-100%); -} -.offcanvas.offcanvas-end { - top: 0; - right: 0; - width: var(--mdb-offcanvas-width); - border-left: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateX(100%); -} -.offcanvas.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-bottom: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(-100%); -} -.offcanvas.offcanvas-bottom { - right: 0; - left: 0; - height: var(--mdb-offcanvas-height); - max-height: 100%; - border-top: var(--mdb-offcanvas-border-width) solid var(--mdb-offcanvas-border-color); - transform: translateY(100%); -} .offcanvas.showing, .offcanvas.show:not(.hiding) { - transform: none; + transform: none; } + .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { - visibility: visible; + visibility: visible; } .offcanvas-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; } + .offcanvas-backdrop.fade { - opacity: 0; + opacity: 0; } + .offcanvas-backdrop.show { - opacity: 0.5; + opacity: 0.5; } .offcanvas-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: var(--mdb-offcanvas-padding-y) var(--mdb-offcanvas-padding-x); + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--mdb-offcanvas-padding-y) var(--mdb-offcanvas-padding-x); } + .offcanvas-header .btn-close { - padding: calc(var(--mdb-offcanvas-padding-y) * 0.5) calc(var(--mdb-offcanvas-padding-x) * 0.5); - margin-top: calc(-0.5 * var(--mdb-offcanvas-padding-y)); - margin-right: calc(-0.5 * var(--mdb-offcanvas-padding-x)); - margin-bottom: calc(-0.5 * var(--mdb-offcanvas-padding-y)); + padding: calc(var(--mdb-offcanvas-padding-y) * 0.5) calc(var(--mdb-offcanvas-padding-x) * 0.5); + margin-top: calc(-0.5 * var(--mdb-offcanvas-padding-y)); + margin-right: calc(-0.5 * var(--mdb-offcanvas-padding-x)); + margin-bottom: calc(-0.5 * var(--mdb-offcanvas-padding-y)); } .offcanvas-title { - margin-bottom: 0; - line-height: 1.6; + margin-bottom: 0; + line-height: 1.6; } .offcanvas-body { - flex-grow: 1; - padding: var(--mdb-offcanvas-padding-y) var(--mdb-offcanvas-padding-x); - overflow-y: auto; + flex-grow: 1; + padding: var(--mdb-offcanvas-padding-y) var(--mdb-offcanvas-padding-x); + overflow-y: auto; } .tooltip { - --mdb-tooltip-zindex: 1090; - --mdb-tooltip-max-width: 200px; - --mdb-tooltip-padding-x: 16px; - --mdb-tooltip-padding-y: 6px; - --mdb-tooltip-margin: ; - --mdb-tooltip-font-size: 0.875rem; - --mdb-tooltip-color: #fff; - --mdb-tooltip-bg: #6d6d6d; - --mdb-tooltip-border-radius: 0.25rem; - --mdb-tooltip-opacity: 0.9; - --mdb-tooltip-arrow-width: 0.8rem; - --mdb-tooltip-arrow-height: 0.4rem; - z-index: var(--mdb-tooltip-zindex); - display: block; - padding: var(--mdb-tooltip-arrow-height); - margin: var(--mdb-tooltip-margin); - font-family: var(--mdb-font-roboto); - font-style: normal; - font-weight: 400; - line-height: 1.6; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--mdb-tooltip-font-size); - word-wrap: break-word; - opacity: 0; + --mdb-tooltip-zindex: 1090; + --mdb-tooltip-max-width: 200px; + --mdb-tooltip-padding-x: 16px; + --mdb-tooltip-padding-y: 6px; + --mdb-tooltip-margin: ; + --mdb-tooltip-font-size: 0.875rem; + --mdb-tooltip-color: #fff; + --mdb-tooltip-bg: #6d6d6d; + --mdb-tooltip-border-radius: 0.25rem; + --mdb-tooltip-opacity: 0.9; + --mdb-tooltip-arrow-width: 0.8rem; + --mdb-tooltip-arrow-height: 0.4rem; + z-index: var(--mdb-tooltip-zindex); + display: block; + padding: var(--mdb-tooltip-arrow-height); + margin: var(--mdb-tooltip-margin); + font-family: var(--mdb-font-roboto); + font-style: normal; + font-weight: 400; + line-height: 1.6; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--mdb-tooltip-font-size); + word-wrap: break-word; + opacity: 0; } + .tooltip.show { - opacity: var(--mdb-tooltip-opacity); + opacity: var(--mdb-tooltip-opacity); } + .tooltip .tooltip-arrow { - display: block; - width: var(--mdb-tooltip-arrow-width); - height: var(--mdb-tooltip-arrow-height); + display: block; + width: var(--mdb-tooltip-arrow-width); + height: var(--mdb-tooltip-arrow-height); } + .tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { - bottom: 0; + bottom: 0; } + .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { - top: -1px; - border-width: var(--mdb-tooltip-arrow-height) calc(var(--mdb-tooltip-arrow-width) * 0.5) 0; - border-top-color: var(--mdb-tooltip-bg); + top: -1px; + border-width: var(--mdb-tooltip-arrow-height) calc(var(--mdb-tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--mdb-tooltip-bg); } /*!rtl:begin:ignore*/ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { - left: 0; - width: var(--mdb-tooltip-arrow-height); - height: var(--mdb-tooltip-arrow-width); + left: 0; + width: var(--mdb-tooltip-arrow-height); + height: var(--mdb-tooltip-arrow-width); } + .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { - right: -1px; - border-width: calc(var(--mdb-tooltip-arrow-width) * 0.5) var(--mdb-tooltip-arrow-height) calc(var(--mdb-tooltip-arrow-width) * 0.5) 0; - border-right-color: var(--mdb-tooltip-bg); + right: -1px; + border-width: calc(var(--mdb-tooltip-arrow-width) * 0.5) var(--mdb-tooltip-arrow-height) calc(var(--mdb-tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--mdb-tooltip-bg); } /*!rtl:end:ignore*/ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { - top: 0; + top: 0; } + .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 calc(var(--mdb-tooltip-arrow-width) * 0.5) var(--mdb-tooltip-arrow-height); - border-bottom-color: var(--mdb-tooltip-bg); + bottom: -1px; + border-width: 0 calc(var(--mdb-tooltip-arrow-width) * 0.5) var(--mdb-tooltip-arrow-height); + border-bottom-color: var(--mdb-tooltip-bg); } /*!rtl:begin:ignore*/ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { - right: 0; - width: var(--mdb-tooltip-arrow-height); - height: var(--mdb-tooltip-arrow-width); + right: 0; + width: var(--mdb-tooltip-arrow-height); + height: var(--mdb-tooltip-arrow-width); } + .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { - left: -1px; - border-width: calc(var(--mdb-tooltip-arrow-width) * 0.5) 0 calc(var(--mdb-tooltip-arrow-width) * 0.5) var(--mdb-tooltip-arrow-height); - border-left-color: var(--mdb-tooltip-bg); + left: -1px; + border-width: calc(var(--mdb-tooltip-arrow-width) * 0.5) 0 calc(var(--mdb-tooltip-arrow-width) * 0.5) var(--mdb-tooltip-arrow-height); + border-left-color: var(--mdb-tooltip-bg); } /*!rtl:end:ignore*/ .tooltip-inner { - max-width: var(--mdb-tooltip-max-width); - padding: var(--mdb-tooltip-padding-y) var(--mdb-tooltip-padding-x); - color: var(--mdb-tooltip-color); - text-align: center; - background-color: var(--mdb-tooltip-bg); - border-radius: var(--mdb-tooltip-border-radius); + max-width: var(--mdb-tooltip-max-width); + padding: var(--mdb-tooltip-padding-y) var(--mdb-tooltip-padding-x); + color: var(--mdb-tooltip-color); + text-align: center; + background-color: var(--mdb-tooltip-bg); + border-radius: var(--mdb-tooltip-border-radius); } .clearfix::after { - display: block; - clear: both; - content: ""; + display: block; + clear: both; + content: ""; } .text-bg-primary { - color: #fff !important; - background-color: RGBA(59, 113, 202, var(--mdb-bg-opacity, 1)) !important; + color: #fff !important; + background-color: RGBA(59, 113, 202, var(--mdb-bg-opacity, 1)) !important; } .text-bg-secondary { - color: #000 !important; - background-color: RGBA(159, 166, 178, var(--mdb-bg-opacity, 1)) !important; + color: #000 !important; + background-color: RGBA(159, 166, 178, var(--mdb-bg-opacity, 1)) !important; } .text-bg-success { - color: #000 !important; - background-color: RGBA(20, 164, 77, var(--mdb-bg-opacity, 1)) !important; + color: #000 !important; + background-color: RGBA(20, 164, 77, var(--mdb-bg-opacity, 1)) !important; } .text-bg-danger { - color: #000 !important; - background-color: RGBA(220, 76, 100, var(--mdb-bg-opacity, 1)) !important; + color: #000 !important; + background-color: RGBA(220, 76, 100, var(--mdb-bg-opacity, 1)) !important; } .text-bg-warning { - color: #000 !important; - background-color: RGBA(228, 161, 27, var(--mdb-bg-opacity, 1)) !important; + color: #000 !important; + background-color: RGBA(228, 161, 27, var(--mdb-bg-opacity, 1)) !important; } .text-bg-info { - color: #000 !important; - background-color: RGBA(84, 180, 211, var(--mdb-bg-opacity, 1)) !important; + color: #000 !important; + background-color: RGBA(84, 180, 211, var(--mdb-bg-opacity, 1)) !important; } .text-bg-light { - color: #000 !important; - background-color: RGBA(251, 251, 251, var(--mdb-bg-opacity, 1)) !important; + color: #000 !important; + background-color: RGBA(251, 251, 251, var(--mdb-bg-opacity, 1)) !important; } .text-bg-dark { - color: #fff !important; - background-color: RGBA(51, 45, 45, var(--mdb-bg-opacity, 1)) !important; + color: #fff !important; + background-color: RGBA(51, 45, 45, var(--mdb-bg-opacity, 1)) !important; } .link-primary { - color: #3b71ca !important; + color: #3b71ca !important; } + .link-primary:hover, .link-primary:focus { - color: #386bc0 !important; + color: #386bc0 !important; } .link-secondary { - color: #9fa6b2 !important; + color: #9fa6b2 !important; } + .link-secondary:hover, .link-secondary:focus { - color: #a4aab6 !important; + color: #a4aab6 !important; } .link-success { - color: #14a44d !important; + color: #14a44d !important; } + .link-success:hover, .link-success:focus { - color: #20a956 !important; + color: #20a956 !important; } .link-danger { - color: #dc4c64 !important; + color: #dc4c64 !important; } + .link-danger:hover, .link-danger:focus { - color: #de556c !important; + color: #de556c !important; } .link-warning { - color: #e4a11b !important; + color: #e4a11b !important; } + .link-warning:hover, .link-warning:focus { - color: #e5a626 !important; + color: #e5a626 !important; } .link-info { - color: #54b4d3 !important; + color: #54b4d3 !important; } + .link-info:hover, .link-info:focus { - color: #5db8d5 !important; + color: #5db8d5 !important; } .link-light { - color: #fbfbfb !important; + color: #fbfbfb !important; } + .link-light:hover, .link-light:focus { - color: #fbfbfb !important; + color: #fbfbfb !important; } .link-dark { - color: #332d2d !important; + color: #332d2d !important; } + .link-dark:hover, .link-dark:focus { - color: #302b2b !important; + color: #302b2b !important; } .ratio { - position: relative; - width: 100%; + position: relative; + width: 100%; } + .ratio::before { - display: block; - padding-top: var(--mdb-aspect-ratio); - content: ""; + display: block; + padding-top: var(--mdb-aspect-ratio); + content: ""; } + .ratio > * { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } .ratio-1x1 { - --mdb-aspect-ratio: 100%; + --mdb-aspect-ratio: 100%; } .ratio-4x3 { - --mdb-aspect-ratio: 75%; + --mdb-aspect-ratio: 75%; } .ratio-16x9 { - --mdb-aspect-ratio: 56.25%; + --mdb-aspect-ratio: 56.25%; } .ratio-21x9 { - --mdb-aspect-ratio: 42.8571428571%; + --mdb-aspect-ratio: 42.8571428571%; } .fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } .fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; } .sticky-top { - position: sticky; - top: 0; - z-index: 1020; -} - -.sticky-bottom { - position: sticky; - bottom: 0; - z-index: 1020; -} - -@media (min-width: 576px) { - .sticky-sm-top { position: sticky; top: 0; z-index: 1020; - } - .sticky-sm-bottom { +} + +.sticky-bottom { position: sticky; bottom: 0; z-index: 1020; - } } + +@media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-sm-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} + @media (min-width: 768px) { - .sticky-md-top { - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-md-bottom { - position: sticky; - bottom: 0; - z-index: 1020; - } + .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; - } + .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; - } + .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; - } + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-xxl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } } + .hstack { - display: flex; - flex-direction: row; - align-items: center; - align-self: stretch; + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; } .vstack { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-self: stretch; + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; } .stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; } .text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .vr { - display: inline-block; - align-self: stretch; - width: 1px; - min-height: 1em; - background-color: currentcolor; - opacity: 0.25; + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; } /* Numeric */ .diagonal-fractions { - font-variant-numeric: diagonal-fractions; + font-variant-numeric: diagonal-fractions; } /* Background colors */ .bg-super-light { - --mdb-bg-super-light: #fbfbfb; - background-color: var(--mdb-bg-super-light); + --mdb-bg-super-light: #fbfbfb; + background-color: var(--mdb-bg-super-light); } /* Background attachment */ .bg-fixed { - background-attachment: fixed; + background-attachment: fixed; } .bg-local { - background-attachment: local; + background-attachment: local; } .bg-scroll { - background-attachment: scroll; + background-attachment: scroll; } /* Overflow */ .overflow-y-scroll { - overflow-y: scroll; + overflow-y: scroll; } .overflow-x-scroll { - overflow-x: scroll; + overflow-x: scroll; } /* Tables */ .table-fixed { - table-layout: fixed; + table-layout: fixed; } .table-auto { - table-layout: auto; + table-layout: auto; } .link-primary { - transition: color 0.15s; + transition: color 0.15s; } .link-secondary { - transition: color 0.15s; + transition: color 0.15s; } .link-success { - transition: color 0.15s; + transition: color 0.15s; } .link-danger { - transition: color 0.15s; + transition: color 0.15s; } .link-warning { - transition: color 0.15s; + transition: color 0.15s; } .link-info { - transition: color 0.15s; + transition: color 0.15s; } .link-light { - transition: color 0.15s; + transition: color 0.15s; } .link-dark { - transition: color 0.15s; + transition: color 0.15s; } .align-baseline { - vertical-align: baseline !important; + vertical-align: baseline !important; } .align-top { - vertical-align: top !important; + vertical-align: top !important; } .align-middle { - vertical-align: middle !important; + vertical-align: middle !important; } .align-bottom { - vertical-align: bottom !important; + vertical-align: bottom !important; } .align-text-bottom { - vertical-align: text-bottom !important; + vertical-align: text-bottom !important; } .align-text-top { - vertical-align: text-top !important; + vertical-align: text-top !important; } .float-start { - float: left !important; + float: left !important; } .float-end { - float: right !important; + float: right !important; } .float-none { - float: none !important; + float: none !important; } .opacity-0 { - opacity: 0 !important; + opacity: 0 !important; } .opacity-5 { - opacity: 0.05 !important; + opacity: 0.05 !important; } .opacity-10 { - opacity: 0.1 !important; + opacity: 0.1 !important; } .opacity-15 { - opacity: 0.15 !important; + opacity: 0.15 !important; } .opacity-20 { - opacity: 0.2 !important; + opacity: 0.2 !important; } .opacity-25 { - opacity: 0.25 !important; + opacity: 0.25 !important; } .opacity-30 { - opacity: 0.3 !important; + opacity: 0.3 !important; } .opacity-35 { - opacity: 0.35 !important; + opacity: 0.35 !important; } .opacity-40 { - opacity: 0.4 !important; + opacity: 0.4 !important; } .opacity-45 { - opacity: 0.45 !important; + opacity: 0.45 !important; } .opacity-50 { - opacity: 0.5 !important; + opacity: 0.5 !important; } .opacity-55 { - opacity: 0.55 !important; + opacity: 0.55 !important; } .opacity-60 { - opacity: 0.6 !important; + opacity: 0.6 !important; } .opacity-65 { - opacity: 0.65 !important; + opacity: 0.65 !important; } .opacity-70 { - opacity: 0.7 !important; + opacity: 0.7 !important; } .opacity-75 { - opacity: 0.75 !important; + opacity: 0.75 !important; } .opacity-80 { - opacity: 0.8 !important; + opacity: 0.8 !important; } .opacity-85 { - opacity: 0.85 !important; + opacity: 0.85 !important; } .opacity-90 { - opacity: 0.9 !important; + opacity: 0.9 !important; } .opacity-95 { - opacity: 0.95 !important; + opacity: 0.95 !important; } .opacity-100 { - opacity: 1 !important; + opacity: 1 !important; } .overflow-auto { - overflow: auto !important; + overflow: auto !important; } .overflow-hidden { - overflow: hidden !important; + overflow: hidden !important; } .overflow-visible { - overflow: visible !important; + overflow: visible !important; } .overflow-scroll { - overflow: scroll !important; + overflow: scroll !important; } .d-inline { - display: inline !important; + display: inline !important; } .d-inline-block { - display: inline-block !important; + display: inline-block !important; } .d-block { - display: block !important; + display: block !important; } .d-grid { - display: grid !important; + display: grid !important; } .d-table { - display: table !important; + display: table !important; } .d-table-row { - display: table-row !important; + display: table-row !important; } .d-table-cell { - display: table-cell !important; + display: table-cell !important; } .d-flex { - display: flex !important; + display: flex !important; } .d-inline-flex { - display: inline-flex !important; + display: inline-flex !important; } .d-none { - display: none !important; + display: none !important; } .shadow { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { - box-shadow: none !important; + box-shadow: none !important; } .shadow-0 { - box-shadow: none !important; + box-shadow: none !important; } .shadow-1 { - box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0, 0, 0, 0.04) !important; } .shadow-2 { - box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04) !important; } .shadow-3 { - box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.07), 0 6px 18px -1px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.07), 0 6px 18px -1px rgba(0, 0, 0, 0.04) !important; } .shadow-4 { - box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04) !important; } .shadow-5 { - box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04) !important; } .shadow-6 { - box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.21), 0 50px 40px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.21), 0 50px 40px -5px rgba(0, 0, 0, 0.04) !important; } .shadow-1-soft { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-2-soft { - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-3-soft { - box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-4-soft { - box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-5-soft { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-6-soft { - box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-1-strong { - box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; } .shadow-2-strong { - box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.1) !important; } .shadow-3-strong { - box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.16), 0 6px 18px -1px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.16), 0 6px 18px -1px rgba(0, 0, 0, 0.1) !important; } .shadow-4-strong { - box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1) !important; } .shadow-5-strong { - box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.16), 0 25px 21px -5px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.16), 0 25px 21px -5px rgba(0, 0, 0, 0.1) !important; } .shadow-6-strong { - box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.26), 0 50px 40px -5px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.26), 0 50px 40px -5px rgba(0, 0, 0, 0.1) !important; } .shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .position-static { - position: static !important; + position: static !important; } .position-relative { - position: relative !important; + position: relative !important; } .position-absolute { - position: absolute !important; + position: absolute !important; } .position-fixed { - position: fixed !important; + position: fixed !important; } .position-sticky { - position: sticky !important; + position: sticky !important; } .top-0 { - top: 0 !important; + top: 0 !important; } .top-50 { - top: 50% !important; + top: 50% !important; } .top-100 { - top: 100% !important; + top: 100% !important; } .bottom-0 { - bottom: 0 !important; + bottom: 0 !important; } .bottom-50 { - bottom: 50% !important; + bottom: 50% !important; } .bottom-100 { - bottom: 100% !important; + bottom: 100% !important; } .start-0 { - left: 0 !important; + left: 0 !important; } .start-50 { - left: 50% !important; + left: 50% !important; } .start-100 { - left: 100% !important; + left: 100% !important; } .end-0 { - right: 0 !important; + right: 0 !important; } .end-50 { - right: 50% !important; + right: 50% !important; } .end-100 { - right: 100% !important; + right: 100% !important; } .translate-middle { - transform: translate(-50%, -50%) !important; + transform: translate(-50%, -50%) !important; } .translate-middle-x { - transform: translateX(-50%) !important; + transform: translateX(-50%) !important; } .translate-middle-y { - transform: translateY(-50%) !important; + transform: translateY(-50%) !important; } .border { - border: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-0 { - border: 0 !important; + border: 0 !important; } .border-top { - border-top: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-top: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-top-0 { - border-top: 0 !important; + border-top: 0 !important; } .border-end { - border-right: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-right: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-end-0 { - border-right: 0 !important; + border-right: 0 !important; } .border-bottom { - border-bottom: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-bottom: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-bottom-0 { - border-bottom: 0 !important; + border-bottom: 0 !important; } .border-start { - border-left: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-left: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-start-0 { - border-left: 0 !important; + border-left: 0 !important; } .border-primary { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-primary-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-primary-rgb), var(--mdb-border-opacity)) !important; } .border-secondary { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-secondary-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-secondary-rgb), var(--mdb-border-opacity)) !important; } .border-success { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-success-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-success-rgb), var(--mdb-border-opacity)) !important; } .border-danger { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-danger-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-danger-rgb), var(--mdb-border-opacity)) !important; } .border-warning { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-warning-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-warning-rgb), var(--mdb-border-opacity)) !important; } .border-info { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-info-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-info-rgb), var(--mdb-border-opacity)) !important; } .border-light { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-light-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-light-rgb), var(--mdb-border-opacity)) !important; } .border-dark { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-dark-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-dark-rgb), var(--mdb-border-opacity)) !important; } .border-white { - --mdb-border-opacity: 1; - border-color: rgba(var(--mdb-white-rgb), var(--mdb-border-opacity)) !important; + --mdb-border-opacity: 1; + border-color: rgba(var(--mdb-white-rgb), var(--mdb-border-opacity)) !important; } .border-1 { - --mdb-border-width: 1px; + --mdb-border-width: 1px; } .border-2 { - --mdb-border-width: 2px; + --mdb-border-width: 2px; } .border-3 { - --mdb-border-width: 3px; + --mdb-border-width: 3px; } .border-4 { - --mdb-border-width: 4px; + --mdb-border-width: 4px; } .border-5 { - --mdb-border-width: 5px; + --mdb-border-width: 5px; } .border-opacity-10 { - --mdb-border-opacity: 0.1; + --mdb-border-opacity: 0.1; } .border-opacity-25 { - --mdb-border-opacity: 0.25; + --mdb-border-opacity: 0.25; } .border-opacity-50 { - --mdb-border-opacity: 0.5; + --mdb-border-opacity: 0.5; } .border-opacity-75 { - --mdb-border-opacity: 0.75; + --mdb-border-opacity: 0.75; } .border-opacity-100 { - --mdb-border-opacity: 1; + --mdb-border-opacity: 1; } .w-25 { - width: 25% !important; + width: 25% !important; } .w-50 { - width: 50% !important; + width: 50% !important; } .w-75 { - width: 75% !important; + width: 75% !important; } .w-100 { - width: 100% !important; + width: 100% !important; } .w-auto { - width: auto !important; + width: auto !important; } .mw-100 { - max-width: 100% !important; + max-width: 100% !important; } .vw-100 { - width: 100vw !important; + width: 100vw !important; } .min-vw-100 { - min-width: 100vw !important; + min-width: 100vw !important; } .h-25 { - height: 25% !important; + height: 25% !important; } .h-50 { - height: 50% !important; + height: 50% !important; } .h-75 { - height: 75% !important; + height: 75% !important; } .h-100 { - height: 100% !important; + height: 100% !important; } .h-auto { - height: auto !important; + height: auto !important; } .mh-100 { - max-height: 100% !important; + max-height: 100% !important; } .vh-100 { - height: 100vh !important; + height: 100vh !important; } .min-vh-100 { - min-height: 100vh !important; + min-height: 100vh !important; } .flex-fill { - flex: 1 1 auto !important; + flex: 1 1 auto !important; } .flex-row { - flex-direction: row !important; + flex-direction: row !important; } .flex-column { - flex-direction: column !important; + flex-direction: column !important; } .flex-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } .flex-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important; } .flex-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important; } .flex-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important; } .flex-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important; } .flex-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important; } .flex-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important; } .flex-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important; } .flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; } .justify-content-start { - justify-content: flex-start !important; + justify-content: flex-start !important; } .justify-content-end { - justify-content: flex-end !important; + justify-content: flex-end !important; } .justify-content-center { - justify-content: center !important; + justify-content: center !important; } .justify-content-between { - justify-content: space-between !important; + justify-content: space-between !important; } .justify-content-around { - justify-content: space-around !important; + justify-content: space-around !important; } .justify-content-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important; } .align-items-start { - align-items: flex-start !important; + align-items: flex-start !important; } .align-items-end { - align-items: flex-end !important; + align-items: flex-end !important; } .align-items-center { - align-items: center !important; + align-items: center !important; } .align-items-baseline { - align-items: baseline !important; + align-items: baseline !important; } .align-items-stretch { - align-items: stretch !important; + align-items: stretch !important; } .align-content-start { - align-content: flex-start !important; + align-content: flex-start !important; } .align-content-end { - align-content: flex-end !important; + align-content: flex-end !important; } .align-content-center { - align-content: center !important; + align-content: center !important; } .align-content-between { - align-content: space-between !important; + align-content: space-between !important; } .align-content-around { - align-content: space-around !important; + align-content: space-around !important; } .align-content-stretch { - align-content: stretch !important; + align-content: stretch !important; } .align-self-auto { - align-self: auto !important; + align-self: auto !important; } .align-self-start { - align-self: flex-start !important; + align-self: flex-start !important; } .align-self-end { - align-self: flex-end !important; + align-self: flex-end !important; } .align-self-center { - align-self: center !important; + align-self: center !important; } .align-self-baseline { - align-self: baseline !important; + align-self: baseline !important; } .align-self-stretch { - align-self: stretch !important; + align-self: stretch !important; } .order-first { - order: -1 !important; + order: -1 !important; } .order-0 { - order: 0 !important; + order: 0 !important; } .order-1 { - order: 1 !important; + order: 1 !important; } .order-2 { - order: 2 !important; + order: 2 !important; } .order-3 { - order: 3 !important; + order: 3 !important; } .order-4 { - order: 4 !important; + order: 4 !important; } .order-5 { - order: 5 !important; + order: 5 !important; } .order-last { - order: 6 !important; + order: 6 !important; } .m-0 { - margin: 0 !important; + margin: 0 !important; } .m-1 { - margin: 0.25rem !important; + margin: 0.25rem !important; } .m-2 { - margin: 0.5rem !important; + margin: 0.5rem !important; } .m-3 { - margin: 1rem !important; + margin: 1rem !important; } .m-4 { - margin: 1.5rem !important; + margin: 1.5rem !important; } .m-5 { - margin: 3rem !important; + margin: 3rem !important; } .m-auto { - margin: auto !important; + margin: auto !important; } .mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-right: 0 !important; + margin-left: 0 !important; } .mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } .mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } .mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-right: 1rem !important; + margin-left: 1rem !important; } .mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } .mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-right: 3rem !important; + margin-left: 3rem !important; } .mx-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-right: auto !important; + margin-left: auto !important; } .my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-top: 0 !important; + margin-bottom: 0 !important; } .my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } .my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } .my-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-top: 1rem !important; + margin-bottom: 1rem !important; } .my-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } .my-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-top: 3rem !important; + margin-bottom: 3rem !important; } .my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-top: auto !important; + margin-bottom: auto !important; } .mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .mt-1 { - margin-top: 0.25rem !important; + margin-top: 0.25rem !important; } .mt-2 { - margin-top: 0.5rem !important; + margin-top: 0.5rem !important; } .mt-3 { - margin-top: 1rem !important; + margin-top: 1rem !important; } .mt-4 { - margin-top: 1.5rem !important; + margin-top: 1.5rem !important; } .mt-5 { - margin-top: 3rem !important; + margin-top: 3rem !important; } .mt-auto { - margin-top: auto !important; + margin-top: auto !important; } .me-0 { - margin-right: 0 !important; + margin-right: 0 !important; } .me-1 { - margin-right: 0.25rem !important; + margin-right: 0.25rem !important; } .me-2 { - margin-right: 0.5rem !important; + margin-right: 0.5rem !important; } .me-3 { - margin-right: 1rem !important; + margin-right: 1rem !important; } .me-4 { - margin-right: 1.5rem !important; + margin-right: 1.5rem !important; } .me-5 { - margin-right: 3rem !important; + margin-right: 3rem !important; } .me-auto { - margin-right: auto !important; + margin-right: auto !important; } .mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .mb-1 { - margin-bottom: 0.25rem !important; + margin-bottom: 0.25rem !important; } .mb-2 { - margin-bottom: 0.5rem !important; + margin-bottom: 0.5rem !important; } .mb-3 { - margin-bottom: 1rem !important; + margin-bottom: 1rem !important; } .mb-4 { - margin-bottom: 1.5rem !important; + margin-bottom: 1.5rem !important; } .mb-5 { - margin-bottom: 3rem !important; + margin-bottom: 3rem !important; } .mb-auto { - margin-bottom: auto !important; + margin-bottom: auto !important; } .mb-6 { - margin-bottom: 3.5rem !important; + margin-bottom: 3.5rem !important; } .mb-7 { - margin-bottom: 4rem !important; + margin-bottom: 4rem !important; } .mb-8 { - margin-bottom: 5rem !important; + margin-bottom: 5rem !important; } .mb-9 { - margin-bottom: 6rem !important; + margin-bottom: 6rem !important; } .mb-10 { - margin-bottom: 8rem !important; + margin-bottom: 8rem !important; } .mb-11 { - margin-bottom: 10rem !important; + margin-bottom: 10rem !important; } .mb-12 { - margin-bottom: 12rem !important; + margin-bottom: 12rem !important; } .mb-13 { - margin-bottom: 14rem !important; + margin-bottom: 14rem !important; } .mb-14 { - margin-bottom: 16rem !important; + margin-bottom: 16rem !important; } .ms-0 { - margin-left: 0 !important; + margin-left: 0 !important; } .ms-1 { - margin-left: 0.25rem !important; + margin-left: 0.25rem !important; } .ms-2 { - margin-left: 0.5rem !important; + margin-left: 0.5rem !important; } .ms-3 { - margin-left: 1rem !important; + margin-left: 1rem !important; } .ms-4 { - margin-left: 1.5rem !important; + margin-left: 1.5rem !important; } .ms-5 { - margin-left: 3rem !important; + margin-left: 3rem !important; } .ms-auto { - margin-left: auto !important; + margin-left: auto !important; } .m-n1 { - margin: -0.25rem !important; + margin: -0.25rem !important; } .m-n2 { - margin: -0.5rem !important; + margin: -0.5rem !important; } .m-n3 { - margin: -1rem !important; + margin: -1rem !important; } .m-n4 { - margin: -1.5rem !important; + margin: -1.5rem !important; } .m-n5 { - margin: -3rem !important; + margin: -3rem !important; } .mx-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } .mx-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } .mx-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-right: -1rem !important; + margin-left: -1rem !important; } .mx-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } .mx-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-right: -3rem !important; + margin-left: -3rem !important; } .my-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } .my-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } .my-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-top: -1rem !important; + margin-bottom: -1rem !important; } .my-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } .my-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-top: -3rem !important; + margin-bottom: -3rem !important; } .mt-n1 { - margin-top: -0.25rem !important; + margin-top: -0.25rem !important; } .mt-n2 { - margin-top: -0.5rem !important; + margin-top: -0.5rem !important; } .mt-n3 { - margin-top: -1rem !important; + margin-top: -1rem !important; } .mt-n4 { - margin-top: -1.5rem !important; + margin-top: -1.5rem !important; } .mt-n5 { - margin-top: -3rem !important; + margin-top: -3rem !important; } .me-n1 { - margin-right: -0.25rem !important; + margin-right: -0.25rem !important; } .me-n2 { - margin-right: -0.5rem !important; + margin-right: -0.5rem !important; } .me-n3 { - margin-right: -1rem !important; + margin-right: -1rem !important; } .me-n4 { - margin-right: -1.5rem !important; + margin-right: -1.5rem !important; } .me-n5 { - margin-right: -3rem !important; + margin-right: -3rem !important; } .mb-n1 { - margin-bottom: -0.25rem !important; + margin-bottom: -0.25rem !important; } .mb-n2 { - margin-bottom: -0.5rem !important; + margin-bottom: -0.5rem !important; } .mb-n3 { - margin-bottom: -1rem !important; + margin-bottom: -1rem !important; } .mb-n4 { - margin-bottom: -1.5rem !important; + margin-bottom: -1.5rem !important; } .mb-n5 { - margin-bottom: -3rem !important; + margin-bottom: -3rem !important; } .ms-n1 { - margin-left: -0.25rem !important; + margin-left: -0.25rem !important; } .ms-n2 { - margin-left: -0.5rem !important; + margin-left: -0.5rem !important; } .ms-n3 { - margin-left: -1rem !important; + margin-left: -1rem !important; } .ms-n4 { - margin-left: -1.5rem !important; + margin-left: -1.5rem !important; } .ms-n5 { - margin-left: -3rem !important; + margin-left: -3rem !important; } .p-0 { - padding: 0 !important; + padding: 0 !important; } .p-1 { - padding: 0.25rem !important; + padding: 0.25rem !important; } .p-2 { - padding: 0.5rem !important; + padding: 0.5rem !important; } .p-3 { - padding: 1rem !important; + padding: 1rem !important; } .p-4 { - padding: 1.5rem !important; + padding: 1.5rem !important; } .p-5 { - padding: 3rem !important; + padding: 3rem !important; } .px-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-right: 0 !important; + padding-left: 0 !important; } .px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } .px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } .px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-right: 1rem !important; + padding-left: 1rem !important; } .px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } .px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-right: 3rem !important; + padding-left: 3rem !important; } .py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-top: 0 !important; + padding-bottom: 0 !important; } .py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } .py-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-top: 1rem !important; + padding-bottom: 1rem !important; } .py-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } .py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-top: 3rem !important; + padding-bottom: 3rem !important; } .pt-0 { - padding-top: 0 !important; + padding-top: 0 !important; } .pt-1 { - padding-top: 0.25rem !important; + padding-top: 0.25rem !important; } .pt-2 { - padding-top: 0.5rem !important; + padding-top: 0.5rem !important; } .pt-3 { - padding-top: 1rem !important; + padding-top: 1rem !important; } .pt-4 { - padding-top: 1.5rem !important; + padding-top: 1.5rem !important; } .pt-5 { - padding-top: 3rem !important; + padding-top: 3rem !important; } .pe-0 { - padding-right: 0 !important; + padding-right: 0 !important; } .pe-1 { - padding-right: 0.25rem !important; + padding-right: 0.25rem !important; } .pe-2 { - padding-right: 0.5rem !important; + padding-right: 0.5rem !important; } .pe-3 { - padding-right: 1rem !important; + padding-right: 1rem !important; } .pe-4 { - padding-right: 1.5rem !important; + padding-right: 1.5rem !important; } .pe-5 { - padding-right: 3rem !important; + padding-right: 3rem !important; } .pb-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important; } .pb-1 { - padding-bottom: 0.25rem !important; + padding-bottom: 0.25rem !important; } .pb-2 { - padding-bottom: 0.5rem !important; + padding-bottom: 0.5rem !important; } .pb-3 { - padding-bottom: 1rem !important; + padding-bottom: 1rem !important; } .pb-4 { - padding-bottom: 1.5rem !important; + padding-bottom: 1.5rem !important; } .pb-5 { - padding-bottom: 3rem !important; + padding-bottom: 3rem !important; } .ps-0 { - padding-left: 0 !important; + padding-left: 0 !important; } .ps-1 { - padding-left: 0.25rem !important; + padding-left: 0.25rem !important; } .ps-2 { - padding-left: 0.5rem !important; + padding-left: 0.5rem !important; } .ps-3 { - padding-left: 1rem !important; + padding-left: 1rem !important; } .ps-4 { - padding-left: 1.5rem !important; + padding-left: 1.5rem !important; } .ps-5 { - padding-left: 3rem !important; + padding-left: 3rem !important; } .gap-0 { - gap: 0 !important; + gap: 0 !important; } .gap-1 { - gap: 0.25rem !important; + gap: 0.25rem !important; } .gap-2 { - gap: 0.5rem !important; + gap: 0.5rem !important; } .gap-3 { - gap: 1rem !important; + gap: 1rem !important; } .gap-4 { - gap: 1.5rem !important; + gap: 1.5rem !important; } .gap-5 { - gap: 3rem !important; + gap: 3rem !important; } .font-monospace { - font-family: var(--mdb-font-monospace) !important; + font-family: var(--mdb-font-monospace) !important; } .fs-1 { - font-size: calc(1.375rem + 1.5vw) !important; + font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { - font-size: calc(1.325rem + 0.9vw) !important; + font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { - font-size: calc(1.3rem + 0.6vw) !important; + font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; + font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { - font-size: 1.25rem !important; + font-size: 1.25rem !important; } .fs-6 { - font-size: 1rem !important; + font-size: 1rem !important; } .fst-italic { - font-style: italic !important; + font-style: italic !important; } .fst-normal { - font-style: normal !important; + font-style: normal !important; } .fw-light { - font-weight: 300 !important; + font-weight: 300 !important; } .fw-lighter { - font-weight: lighter !important; + font-weight: lighter !important; } .fw-normal { - font-weight: 400 !important; + font-weight: 400 !important; } .fw-bold { - font-weight: 700 !important; + font-weight: 700 !important; } .fw-semibold { - font-weight: 600 !important; + font-weight: 600 !important; } .fw-bolder { - font-weight: bolder !important; + font-weight: bolder !important; } .lh-1 { - line-height: 1 !important; + line-height: 1 !important; } .lh-sm { - line-height: 1.25 !important; + line-height: 1.25 !important; } .lh-base { - line-height: 1.6 !important; + line-height: 1.6 !important; } .lh-lg { - line-height: 2 !important; + line-height: 2 !important; } .text-start { - text-align: left !important; + text-align: left !important; } .text-end { - text-align: right !important; + text-align: right !important; } .text-center { - text-align: center !important; + text-align: center !important; } .text-decoration-none { - text-decoration: none !important; + text-decoration: none !important; } .text-decoration-underline { - text-decoration: underline !important; + text-decoration: underline !important; } .text-decoration-line-through { - text-decoration: line-through !important; + text-decoration: line-through !important; } .text-lowercase { - text-transform: lowercase !important; + text-transform: lowercase !important; } .text-uppercase { - text-transform: uppercase !important; + text-transform: uppercase !important; } .text-capitalize { - text-transform: capitalize !important; + text-transform: capitalize !important; } .text-wrap { - white-space: normal !important; + white-space: normal !important; } .text-nowrap { - white-space: nowrap !important; + white-space: nowrap !important; } /*!rtl:begin:remove*/ .text-break { - word-wrap: break-word !important; - word-break: break-word !important; + word-wrap: break-word !important; + word-break: break-word !important; } /*!rtl:end:remove*/ .text-primary { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-primary-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-primary-rgb), var(--mdb-text-opacity)) !important; } .text-secondary { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-secondary-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-secondary-rgb), var(--mdb-text-opacity)) !important; } .text-success { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-success-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-success-rgb), var(--mdb-text-opacity)) !important; } .text-danger { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-danger-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-danger-rgb), var(--mdb-text-opacity)) !important; } .text-warning { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-warning-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-warning-rgb), var(--mdb-text-opacity)) !important; } .text-info { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-info-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-info-rgb), var(--mdb-text-opacity)) !important; } .text-light { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-light-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-light-rgb), var(--mdb-text-opacity)) !important; } .text-dark { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-dark-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-dark-rgb), var(--mdb-text-opacity)) !important; } .text-black { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-black-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-black-rgb), var(--mdb-text-opacity)) !important; } .text-white { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-white-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-white-rgb), var(--mdb-text-opacity)) !important; } .text-body { - --mdb-text-opacity: 1; - color: rgba(var(--mdb-body-color-rgb), var(--mdb-text-opacity)) !important; + --mdb-text-opacity: 1; + color: rgba(var(--mdb-body-color-rgb), var(--mdb-text-opacity)) !important; } .text-muted { - --mdb-text-opacity: 1; - color: #757575 !important; + --mdb-text-opacity: 1; + color: #757575 !important; } .text-black-50 { - --mdb-text-opacity: 1; - color: rgba(0, 0, 0, 0.5) !important; + --mdb-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { - --mdb-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; + --mdb-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; } .text-reset { - --mdb-text-opacity: 1; - color: inherit !important; + --mdb-text-opacity: 1; + color: inherit !important; } .text-opacity-25 { - --mdb-text-opacity: 0.25; + --mdb-text-opacity: 0.25; } .text-opacity-50 { - --mdb-text-opacity: 0.5; + --mdb-text-opacity: 0.5; } .text-opacity-75 { - --mdb-text-opacity: 0.75; + --mdb-text-opacity: 0.75; } .text-opacity-100 { - --mdb-text-opacity: 1; + --mdb-text-opacity: 1; } .bg-primary { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-primary-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-primary-rgb), var(--mdb-bg-opacity)) !important; } .bg-secondary { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-secondary-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-secondary-rgb), var(--mdb-bg-opacity)) !important; } .bg-success { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-success-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-success-rgb), var(--mdb-bg-opacity)) !important; } .bg-danger { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-danger-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-danger-rgb), var(--mdb-bg-opacity)) !important; } .bg-warning { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-warning-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-warning-rgb), var(--mdb-bg-opacity)) !important; } .bg-info { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-info-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-info-rgb), var(--mdb-bg-opacity)) !important; } .bg-light { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-light-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-light-rgb), var(--mdb-bg-opacity)) !important; } .bg-dark { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-dark-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-dark-rgb), var(--mdb-bg-opacity)) !important; } .bg-black { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-black-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-black-rgb), var(--mdb-bg-opacity)) !important; } .bg-white { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-white-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-white-rgb), var(--mdb-bg-opacity)) !important; } .bg-body { - --mdb-bg-opacity: 1; - background-color: rgba(var(--mdb-body-bg-rgb), var(--mdb-bg-opacity)) !important; + --mdb-bg-opacity: 1; + background-color: rgba(var(--mdb-body-bg-rgb), var(--mdb-bg-opacity)) !important; } .bg-transparent { - --mdb-bg-opacity: 1; - background-color: transparent !important; + --mdb-bg-opacity: 1; + background-color: transparent !important; } .bg-opacity-10 { - --mdb-bg-opacity: 0.1; + --mdb-bg-opacity: 0.1; } .bg-opacity-25 { - --mdb-bg-opacity: 0.25; + --mdb-bg-opacity: 0.25; } .bg-opacity-50 { - --mdb-bg-opacity: 0.5; + --mdb-bg-opacity: 0.5; } .bg-opacity-75 { - --mdb-bg-opacity: 0.75; + --mdb-bg-opacity: 0.75; } .bg-opacity-100 { - --mdb-bg-opacity: 1; + --mdb-bg-opacity: 1; } .bg-gradient { - background-image: var(--mdb-gradient) !important; + background-image: var(--mdb-gradient) !important; } .user-select-all { - user-select: all !important; + user-select: all !important; } .user-select-auto { - user-select: auto !important; + user-select: auto !important; } .user-select-none { - user-select: none !important; + user-select: none !important; } .pe-none { - pointer-events: none !important; + pointer-events: none !important; } .pe-auto { - pointer-events: auto !important; + pointer-events: auto !important; } .rounded { - border-radius: var(--mdb-border-radius) !important; + border-radius: var(--mdb-border-radius) !important; } .rounded-0 { - border-radius: 0 !important; + border-radius: 0 !important; } .rounded-1 { - border-radius: var(--mdb-border-radius-sm) !important; + border-radius: var(--mdb-border-radius-sm) !important; } .rounded-2 { - border-radius: var(--mdb-border-radius) !important; + border-radius: var(--mdb-border-radius) !important; } .rounded-3 { - border-radius: var(--mdb-border-radius-lg) !important; + border-radius: var(--mdb-border-radius-lg) !important; } .rounded-4 { - border-radius: 0.375rem !important; + border-radius: 0.375rem !important; } .rounded-5 { - border-radius: 0.5rem !important; + border-radius: 0.5rem !important; } .rounded-circle { - border-radius: 50% !important; + border-radius: 50% !important; } .rounded-pill { - border-radius: var(--mdb-border-radius-pill) !important; + border-radius: var(--mdb-border-radius-pill) !important; } .rounded-6 { - border-radius: 0.75rem !important; + border-radius: 0.75rem !important; } .rounded-7 { - border-radius: 1rem !important; + border-radius: 1rem !important; } .rounded-8 { - border-radius: 1.25rem !important; + border-radius: 1.25rem !important; } .rounded-9 { - border-radius: 1.5rem !important; + border-radius: 1.5rem !important; } .rounded-top { - border-top-left-radius: var(--mdb-border-radius) !important; - border-top-right-radius: var(--mdb-border-radius) !important; + border-top-left-radius: var(--mdb-border-radius) !important; + border-top-right-radius: var(--mdb-border-radius) !important; } .rounded-end { - border-top-right-radius: var(--mdb-border-radius) !important; - border-bottom-right-radius: var(--mdb-border-radius) !important; + border-top-right-radius: var(--mdb-border-radius) !important; + border-bottom-right-radius: var(--mdb-border-radius) !important; } .rounded-bottom { - border-bottom-right-radius: var(--mdb-border-radius) !important; - border-bottom-left-radius: var(--mdb-border-radius) !important; + border-bottom-right-radius: var(--mdb-border-radius) !important; + border-bottom-left-radius: var(--mdb-border-radius) !important; } .rounded-start { - border-bottom-left-radius: var(--mdb-border-radius) !important; - border-top-left-radius: var(--mdb-border-radius) !important; + border-bottom-left-radius: var(--mdb-border-radius) !important; + border-top-left-radius: var(--mdb-border-radius) !important; } .visible { - visibility: visible !important; + visibility: visible !important; } .invisible { - visibility: hidden !important; + visibility: hidden !important; } .ls-tighter { - letter-spacing: -0.05em !important; + letter-spacing: -0.05em !important; } .ls-tight { - letter-spacing: -0.025em !important; + letter-spacing: -0.025em !important; } .ls-normal { - letter-spacing: 0em !important; + letter-spacing: 0em !important; } .ls-wide { - letter-spacing: 0.025em !important; + letter-spacing: 0.025em !important; } .ls-wider { - letter-spacing: 0.05em !important; + letter-spacing: 0.05em !important; } .ls-widest { - letter-spacing: 0.1em !important; + letter-spacing: 0.1em !important; } .object-cover { - object-fit: cover !important; + object-fit: cover !important; } .object-top { - object-position: top !important; + object-position: top !important; } .object-center { - object-position: center !important; + object-position: center !important; } .object-bottom { - object-position: bottom !important; + object-position: bottom !important; } @media (min-width: 576px) { - .float-sm-start { - float: left !important; - } - .float-sm-end { - float: right !important; - } - .float-sm-none { - float: none !important; - } - .d-sm-inline { - display: inline !important; - } - .d-sm-inline-block { - display: inline-block !important; - } - .d-sm-block { - display: block !important; - } - .d-sm-grid { - display: grid !important; - } - .d-sm-table { - display: table !important; - } - .d-sm-table-row { - display: table-row !important; - } - .d-sm-table-cell { - display: table-cell !important; - } - .d-sm-flex { - display: flex !important; - } - .d-sm-inline-flex { - display: inline-flex !important; - } - .d-sm-none { - display: none !important; - } - .flex-sm-fill { - flex: 1 1 auto !important; - } - .flex-sm-row { - flex-direction: row !important; - } - .flex-sm-column { - flex-direction: column !important; - } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - .flex-sm-grow-0 { - flex-grow: 0 !important; - } - .flex-sm-grow-1 { - flex-grow: 1 !important; - } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; - } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; - } - .flex-sm-wrap { - flex-wrap: wrap !important; - } - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-sm-start { - justify-content: flex-start !important; - } - .justify-content-sm-end { - justify-content: flex-end !important; - } - .justify-content-sm-center { - justify-content: center !important; - } - .justify-content-sm-between { - justify-content: space-between !important; - } - .justify-content-sm-around { - justify-content: space-around !important; - } - .justify-content-sm-evenly { - justify-content: space-evenly !important; - } - .align-items-sm-start { - align-items: flex-start !important; - } - .align-items-sm-end { - align-items: flex-end !important; - } - .align-items-sm-center { - align-items: center !important; - } - .align-items-sm-baseline { - align-items: baseline !important; - } - .align-items-sm-stretch { - align-items: stretch !important; - } - .align-content-sm-start { - align-content: flex-start !important; - } - .align-content-sm-end { - align-content: flex-end !important; - } - .align-content-sm-center { - align-content: center !important; - } - .align-content-sm-between { - align-content: space-between !important; - } - .align-content-sm-around { - align-content: space-around !important; - } - .align-content-sm-stretch { - align-content: stretch !important; - } - .align-self-sm-auto { - align-self: auto !important; - } - .align-self-sm-start { - align-self: flex-start !important; - } - .align-self-sm-end { - align-self: flex-end !important; - } - .align-self-sm-center { - align-self: center !important; - } - .align-self-sm-baseline { - align-self: baseline !important; - } - .align-self-sm-stretch { - align-self: stretch !important; - } - .order-sm-first { - order: -1 !important; - } - .order-sm-0 { - order: 0 !important; - } - .order-sm-1 { - order: 1 !important; - } - .order-sm-2 { - order: 2 !important; - } - .order-sm-3 { - order: 3 !important; - } - .order-sm-4 { - order: 4 !important; - } - .order-sm-5 { - order: 5 !important; - } - .order-sm-last { - order: 6 !important; - } - .m-sm-0 { - margin: 0 !important; - } - .m-sm-1 { - margin: 0.25rem !important; - } - .m-sm-2 { - margin: 0.5rem !important; - } - .m-sm-3 { - margin: 1rem !important; - } - .m-sm-4 { - margin: 1.5rem !important; - } - .m-sm-5 { - margin: 3rem !important; - } - .m-sm-auto { - margin: auto !important; - } - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-sm-0 { - margin-top: 0 !important; - } - .mt-sm-1 { - margin-top: 0.25rem !important; - } - .mt-sm-2 { - margin-top: 0.5rem !important; - } - .mt-sm-3 { - margin-top: 1rem !important; - } - .mt-sm-4 { - margin-top: 1.5rem !important; - } - .mt-sm-5 { - margin-top: 3rem !important; - } - .mt-sm-auto { - margin-top: auto !important; - } - .me-sm-0 { - margin-right: 0 !important; - } - .me-sm-1 { - margin-right: 0.25rem !important; - } - .me-sm-2 { - margin-right: 0.5rem !important; - } - .me-sm-3 { - margin-right: 1rem !important; - } - .me-sm-4 { - margin-right: 1.5rem !important; - } - .me-sm-5 { - margin-right: 3rem !important; - } - .me-sm-auto { - margin-right: auto !important; - } - .mb-sm-0 { - margin-bottom: 0 !important; - } - .mb-sm-1 { - margin-bottom: 0.25rem !important; - } - .mb-sm-2 { - margin-bottom: 0.5rem !important; - } - .mb-sm-3 { - margin-bottom: 1rem !important; - } - .mb-sm-4 { - margin-bottom: 1.5rem !important; - } - .mb-sm-5 { - margin-bottom: 3rem !important; - } - .mb-sm-auto { - margin-bottom: auto !important; - } - .mb-sm-6 { - margin-bottom: 3.5rem !important; - } - .mb-sm-7 { - margin-bottom: 4rem !important; - } - .mb-sm-8 { - margin-bottom: 5rem !important; - } - .mb-sm-9 { - margin-bottom: 6rem !important; - } - .mb-sm-10 { - margin-bottom: 8rem !important; - } - .mb-sm-11 { - margin-bottom: 10rem !important; - } - .mb-sm-12 { - margin-bottom: 12rem !important; - } - .mb-sm-13 { - margin-bottom: 14rem !important; - } - .mb-sm-14 { - margin-bottom: 16rem !important; - } - .ms-sm-0 { - margin-left: 0 !important; - } - .ms-sm-1 { - margin-left: 0.25rem !important; - } - .ms-sm-2 { - margin-left: 0.5rem !important; - } - .ms-sm-3 { - margin-left: 1rem !important; - } - .ms-sm-4 { - margin-left: 1.5rem !important; - } - .ms-sm-5 { - margin-left: 3rem !important; - } - .ms-sm-auto { - margin-left: auto !important; - } - .m-sm-n1 { - margin: -0.25rem !important; - } - .m-sm-n2 { - margin: -0.5rem !important; - } - .m-sm-n3 { - margin: -1rem !important; - } - .m-sm-n4 { - margin: -1.5rem !important; - } - .m-sm-n5 { - margin: -3rem !important; - } - .mx-sm-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-sm-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-sm-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-sm-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-sm-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-sm-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-sm-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-sm-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-sm-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-sm-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-sm-n1 { - margin-top: -0.25rem !important; - } - .mt-sm-n2 { - margin-top: -0.5rem !important; - } - .mt-sm-n3 { - margin-top: -1rem !important; - } - .mt-sm-n4 { - margin-top: -1.5rem !important; - } - .mt-sm-n5 { - margin-top: -3rem !important; - } - .me-sm-n1 { - margin-right: -0.25rem !important; - } - .me-sm-n2 { - margin-right: -0.5rem !important; - } - .me-sm-n3 { - margin-right: -1rem !important; - } - .me-sm-n4 { - margin-right: -1.5rem !important; - } - .me-sm-n5 { - margin-right: -3rem !important; - } - .mb-sm-n1 { - margin-bottom: -0.25rem !important; - } - .mb-sm-n2 { - margin-bottom: -0.5rem !important; - } - .mb-sm-n3 { - margin-bottom: -1rem !important; - } - .mb-sm-n4 { - margin-bottom: -1.5rem !important; - } - .mb-sm-n5 { - margin-bottom: -3rem !important; - } - .ms-sm-n1 { - margin-left: -0.25rem !important; - } - .ms-sm-n2 { - margin-left: -0.5rem !important; - } - .ms-sm-n3 { - margin-left: -1rem !important; - } - .ms-sm-n4 { - margin-left: -1.5rem !important; - } - .ms-sm-n5 { - margin-left: -3rem !important; - } - .p-sm-0 { - padding: 0 !important; - } - .p-sm-1 { - padding: 0.25rem !important; - } - .p-sm-2 { - padding: 0.5rem !important; - } - .p-sm-3 { - padding: 1rem !important; - } - .p-sm-4 { - padding: 1.5rem !important; - } - .p-sm-5 { - padding: 3rem !important; - } - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-sm-0 { - padding-top: 0 !important; - } - .pt-sm-1 { - padding-top: 0.25rem !important; - } - .pt-sm-2 { - padding-top: 0.5rem !important; - } - .pt-sm-3 { - padding-top: 1rem !important; - } - .pt-sm-4 { - padding-top: 1.5rem !important; - } - .pt-sm-5 { - padding-top: 3rem !important; - } - .pe-sm-0 { - padding-right: 0 !important; - } - .pe-sm-1 { - padding-right: 0.25rem !important; - } - .pe-sm-2 { - padding-right: 0.5rem !important; - } - .pe-sm-3 { - padding-right: 1rem !important; - } - .pe-sm-4 { - padding-right: 1.5rem !important; - } - .pe-sm-5 { - padding-right: 3rem !important; - } - .pb-sm-0 { - padding-bottom: 0 !important; - } - .pb-sm-1 { - padding-bottom: 0.25rem !important; - } - .pb-sm-2 { - padding-bottom: 0.5rem !important; - } - .pb-sm-3 { - padding-bottom: 1rem !important; - } - .pb-sm-4 { - padding-bottom: 1.5rem !important; - } - .pb-sm-5 { - padding-bottom: 3rem !important; - } - .ps-sm-0 { - padding-left: 0 !important; - } - .ps-sm-1 { - padding-left: 0.25rem !important; - } - .ps-sm-2 { - padding-left: 0.5rem !important; - } - .ps-sm-3 { - padding-left: 1rem !important; - } - .ps-sm-4 { - padding-left: 1.5rem !important; - } - .ps-sm-5 { - padding-left: 3rem !important; - } - .gap-sm-0 { - gap: 0 !important; - } - .gap-sm-1 { - gap: 0.25rem !important; - } - .gap-sm-2 { - gap: 0.5rem !important; - } - .gap-sm-3 { - gap: 1rem !important; - } - .gap-sm-4 { - gap: 1.5rem !important; - } - .gap-sm-5 { - gap: 3rem !important; - } - .text-sm-start { - text-align: left !important; - } - .text-sm-end { - text-align: right !important; - } - .text-sm-center { - text-align: center !important; - } + .float-sm-start { + float: left !important; + } + + .float-sm-end { + float: right !important; + } + + .float-sm-none { + float: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-grid { + display: grid !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } + + .d-sm-none { + display: none !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } + + .order-sm-first { + order: -1 !important; + } + + .order-sm-0 { + order: 0 !important; + } + + .order-sm-1 { + order: 1 !important; + } + + .order-sm-2 { + order: 2 !important; + } + + .order-sm-3 { + order: 3 !important; + } + + .order-sm-4 { + order: 4 !important; + } + + .order-sm-5 { + order: 5 !important; + } + + .order-sm-last { + order: 6 !important; + } + + .m-sm-0 { + margin: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-sm-0 { + margin-top: 0 !important; + } + + .mt-sm-1 { + margin-top: 0.25rem !important; + } + + .mt-sm-2 { + margin-top: 0.5rem !important; + } + + .mt-sm-3 { + margin-top: 1rem !important; + } + + .mt-sm-4 { + margin-top: 1.5rem !important; + } + + .mt-sm-5 { + margin-top: 3rem !important; + } + + .mt-sm-auto { + margin-top: auto !important; + } + + .me-sm-0 { + margin-right: 0 !important; + } + + .me-sm-1 { + margin-right: 0.25rem !important; + } + + .me-sm-2 { + margin-right: 0.5rem !important; + } + + .me-sm-3 { + margin-right: 1rem !important; + } + + .me-sm-4 { + margin-right: 1.5rem !important; + } + + .me-sm-5 { + margin-right: 3rem !important; + } + + .me-sm-auto { + margin-right: auto !important; + } + + .mb-sm-0 { + margin-bottom: 0 !important; + } + + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + + .mb-sm-3 { + margin-bottom: 1rem !important; + } + + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + + .mb-sm-5 { + margin-bottom: 3rem !important; + } + + .mb-sm-auto { + margin-bottom: auto !important; + } + + .mb-sm-6 { + margin-bottom: 3.5rem !important; + } + + .mb-sm-7 { + margin-bottom: 4rem !important; + } + + .mb-sm-8 { + margin-bottom: 5rem !important; + } + + .mb-sm-9 { + margin-bottom: 6rem !important; + } + + .mb-sm-10 { + margin-bottom: 8rem !important; + } + + .mb-sm-11 { + margin-bottom: 10rem !important; + } + + .mb-sm-12 { + margin-bottom: 12rem !important; + } + + .mb-sm-13 { + margin-bottom: 14rem !important; + } + + .mb-sm-14 { + margin-bottom: 16rem !important; + } + + .ms-sm-0 { + margin-left: 0 !important; + } + + .ms-sm-1 { + margin-left: 0.25rem !important; + } + + .ms-sm-2 { + margin-left: 0.5rem !important; + } + + .ms-sm-3 { + margin-left: 1rem !important; + } + + .ms-sm-4 { + margin-left: 1.5rem !important; + } + + .ms-sm-5 { + margin-left: 3rem !important; + } + + .ms-sm-auto { + margin-left: auto !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mx-sm-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-sm-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-sm-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-sm-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-sm-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-sm-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-sm-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-sm-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-sm-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-sm-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-sm-n1 { + margin-top: -0.25rem !important; + } + + .mt-sm-n2 { + margin-top: -0.5rem !important; + } + + .mt-sm-n3 { + margin-top: -1rem !important; + } + + .mt-sm-n4 { + margin-top: -1.5rem !important; + } + + .mt-sm-n5 { + margin-top: -3rem !important; + } + + .me-sm-n1 { + margin-right: -0.25rem !important; + } + + .me-sm-n2 { + margin-right: -0.5rem !important; + } + + .me-sm-n3 { + margin-right: -1rem !important; + } + + .me-sm-n4 { + margin-right: -1.5rem !important; + } + + .me-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-sm-n3 { + margin-bottom: -1rem !important; + } + + .mb-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-sm-n5 { + margin-bottom: -3rem !important; + } + + .ms-sm-n1 { + margin-left: -0.25rem !important; + } + + .ms-sm-n2 { + margin-left: -0.5rem !important; + } + + .ms-sm-n3 { + margin-left: -1rem !important; + } + + .ms-sm-n4 { + margin-left: -1.5rem !important; + } + + .ms-sm-n5 { + margin-left: -3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-sm-0 { + padding-top: 0 !important; + } + + .pt-sm-1 { + padding-top: 0.25rem !important; + } + + .pt-sm-2 { + padding-top: 0.5rem !important; + } + + .pt-sm-3 { + padding-top: 1rem !important; + } + + .pt-sm-4 { + padding-top: 1.5rem !important; + } + + .pt-sm-5 { + padding-top: 3rem !important; + } + + .pe-sm-0 { + padding-right: 0 !important; + } + + .pe-sm-1 { + padding-right: 0.25rem !important; + } + + .pe-sm-2 { + padding-right: 0.5rem !important; + } + + .pe-sm-3 { + padding-right: 1rem !important; + } + + .pe-sm-4 { + padding-right: 1.5rem !important; + } + + .pe-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-0 { + padding-bottom: 0 !important; + } + + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pb-sm-3 { + padding-bottom: 1rem !important; + } + + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pb-sm-5 { + padding-bottom: 3rem !important; + } + + .ps-sm-0 { + padding-left: 0 !important; + } + + .ps-sm-1 { + padding-left: 0.25rem !important; + } + + .ps-sm-2 { + padding-left: 0.5rem !important; + } + + .ps-sm-3 { + padding-left: 1rem !important; + } + + .ps-sm-4 { + padding-left: 1.5rem !important; + } + + .ps-sm-5 { + padding-left: 3rem !important; + } + + .gap-sm-0 { + gap: 0 !important; + } + + .gap-sm-1 { + gap: 0.25rem !important; + } + + .gap-sm-2 { + gap: 0.5rem !important; + } + + .gap-sm-3 { + gap: 1rem !important; + } + + .gap-sm-4 { + gap: 1.5rem !important; + } + + .gap-sm-5 { + gap: 3rem !important; + } + + .text-sm-start { + text-align: left !important; + } + + .text-sm-end { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } } + @media (min-width: 768px) { - .float-md-start { - float: left !important; - } - .float-md-end { - float: right !important; - } - .float-md-none { - float: none !important; - } - .d-md-inline { - display: inline !important; - } - .d-md-inline-block { - display: inline-block !important; - } - .d-md-block { - display: block !important; - } - .d-md-grid { - display: grid !important; - } - .d-md-table { - display: table !important; - } - .d-md-table-row { - display: table-row !important; - } - .d-md-table-cell { - display: table-cell !important; - } - .d-md-flex { - display: flex !important; - } - .d-md-inline-flex { - display: inline-flex !important; - } - .d-md-none { - display: none !important; - } - .flex-md-fill { - flex: 1 1 auto !important; - } - .flex-md-row { - flex-direction: row !important; - } - .flex-md-column { - flex-direction: column !important; - } - .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - .flex-md-grow-0 { - flex-grow: 0 !important; - } - .flex-md-grow-1 { - flex-grow: 1 !important; - } - .flex-md-shrink-0 { - flex-shrink: 0 !important; - } - .flex-md-shrink-1 { - flex-shrink: 1 !important; - } - .flex-md-wrap { - flex-wrap: wrap !important; - } - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-md-start { - justify-content: flex-start !important; - } - .justify-content-md-end { - justify-content: flex-end !important; - } - .justify-content-md-center { - justify-content: center !important; - } - .justify-content-md-between { - justify-content: space-between !important; - } - .justify-content-md-around { - justify-content: space-around !important; - } - .justify-content-md-evenly { - justify-content: space-evenly !important; - } - .align-items-md-start { - align-items: flex-start !important; - } - .align-items-md-end { - align-items: flex-end !important; - } - .align-items-md-center { - align-items: center !important; - } - .align-items-md-baseline { - align-items: baseline !important; - } - .align-items-md-stretch { - align-items: stretch !important; - } - .align-content-md-start { - align-content: flex-start !important; - } - .align-content-md-end { - align-content: flex-end !important; - } - .align-content-md-center { - align-content: center !important; - } - .align-content-md-between { - align-content: space-between !important; - } - .align-content-md-around { - align-content: space-around !important; - } - .align-content-md-stretch { - align-content: stretch !important; - } - .align-self-md-auto { - align-self: auto !important; - } - .align-self-md-start { - align-self: flex-start !important; - } - .align-self-md-end { - align-self: flex-end !important; - } - .align-self-md-center { - align-self: center !important; - } - .align-self-md-baseline { - align-self: baseline !important; - } - .align-self-md-stretch { - align-self: stretch !important; - } - .order-md-first { - order: -1 !important; - } - .order-md-0 { - order: 0 !important; - } - .order-md-1 { - order: 1 !important; - } - .order-md-2 { - order: 2 !important; - } - .order-md-3 { - order: 3 !important; - } - .order-md-4 { - order: 4 !important; - } - .order-md-5 { - order: 5 !important; - } - .order-md-last { - order: 6 !important; - } - .m-md-0 { - margin: 0 !important; - } - .m-md-1 { - margin: 0.25rem !important; - } - .m-md-2 { - margin: 0.5rem !important; - } - .m-md-3 { - margin: 1rem !important; - } - .m-md-4 { - margin: 1.5rem !important; - } - .m-md-5 { - margin: 3rem !important; - } - .m-md-auto { - margin: auto !important; - } - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-md-0 { - margin-top: 0 !important; - } - .mt-md-1 { - margin-top: 0.25rem !important; - } - .mt-md-2 { - margin-top: 0.5rem !important; - } - .mt-md-3 { - margin-top: 1rem !important; - } - .mt-md-4 { - margin-top: 1.5rem !important; - } - .mt-md-5 { - margin-top: 3rem !important; - } - .mt-md-auto { - margin-top: auto !important; - } - .me-md-0 { - margin-right: 0 !important; - } - .me-md-1 { - margin-right: 0.25rem !important; - } - .me-md-2 { - margin-right: 0.5rem !important; - } - .me-md-3 { - margin-right: 1rem !important; - } - .me-md-4 { - margin-right: 1.5rem !important; - } - .me-md-5 { - margin-right: 3rem !important; - } - .me-md-auto { - margin-right: auto !important; - } - .mb-md-0 { - margin-bottom: 0 !important; - } - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - .mb-md-3 { - margin-bottom: 1rem !important; - } - .mb-md-4 { - margin-bottom: 1.5rem !important; - } - .mb-md-5 { - margin-bottom: 3rem !important; - } - .mb-md-auto { - margin-bottom: auto !important; - } - .mb-md-6 { - margin-bottom: 3.5rem !important; - } - .mb-md-7 { - margin-bottom: 4rem !important; - } - .mb-md-8 { - margin-bottom: 5rem !important; - } - .mb-md-9 { - margin-bottom: 6rem !important; - } - .mb-md-10 { - margin-bottom: 8rem !important; - } - .mb-md-11 { - margin-bottom: 10rem !important; - } - .mb-md-12 { - margin-bottom: 12rem !important; - } - .mb-md-13 { - margin-bottom: 14rem !important; - } - .mb-md-14 { - margin-bottom: 16rem !important; - } - .ms-md-0 { - margin-left: 0 !important; - } - .ms-md-1 { - margin-left: 0.25rem !important; - } - .ms-md-2 { - margin-left: 0.5rem !important; - } - .ms-md-3 { - margin-left: 1rem !important; - } - .ms-md-4 { - margin-left: 1.5rem !important; - } - .ms-md-5 { - margin-left: 3rem !important; - } - .ms-md-auto { - margin-left: auto !important; - } - .m-md-n1 { - margin: -0.25rem !important; - } - .m-md-n2 { - margin: -0.5rem !important; - } - .m-md-n3 { - margin: -1rem !important; - } - .m-md-n4 { - margin: -1.5rem !important; - } - .m-md-n5 { - margin: -3rem !important; - } - .mx-md-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-md-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-md-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-md-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-md-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-md-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-md-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-md-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-md-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-md-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-md-n1 { - margin-top: -0.25rem !important; - } - .mt-md-n2 { - margin-top: -0.5rem !important; - } - .mt-md-n3 { - margin-top: -1rem !important; - } - .mt-md-n4 { - margin-top: -1.5rem !important; - } - .mt-md-n5 { - margin-top: -3rem !important; - } - .me-md-n1 { - margin-right: -0.25rem !important; - } - .me-md-n2 { - margin-right: -0.5rem !important; - } - .me-md-n3 { - margin-right: -1rem !important; - } - .me-md-n4 { - margin-right: -1.5rem !important; - } - .me-md-n5 { - margin-right: -3rem !important; - } - .mb-md-n1 { - margin-bottom: -0.25rem !important; - } - .mb-md-n2 { - margin-bottom: -0.5rem !important; - } - .mb-md-n3 { - margin-bottom: -1rem !important; - } - .mb-md-n4 { - margin-bottom: -1.5rem !important; - } - .mb-md-n5 { - margin-bottom: -3rem !important; - } - .ms-md-n1 { - margin-left: -0.25rem !important; - } - .ms-md-n2 { - margin-left: -0.5rem !important; - } - .ms-md-n3 { - margin-left: -1rem !important; - } - .ms-md-n4 { - margin-left: -1.5rem !important; - } - .ms-md-n5 { - margin-left: -3rem !important; - } - .p-md-0 { - padding: 0 !important; - } - .p-md-1 { - padding: 0.25rem !important; - } - .p-md-2 { - padding: 0.5rem !important; - } - .p-md-3 { - padding: 1rem !important; - } - .p-md-4 { - padding: 1.5rem !important; - } - .p-md-5 { - padding: 3rem !important; - } - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-md-0 { - padding-top: 0 !important; - } - .pt-md-1 { - padding-top: 0.25rem !important; - } - .pt-md-2 { - padding-top: 0.5rem !important; - } - .pt-md-3 { - padding-top: 1rem !important; - } - .pt-md-4 { - padding-top: 1.5rem !important; - } - .pt-md-5 { - padding-top: 3rem !important; - } - .pe-md-0 { - padding-right: 0 !important; - } - .pe-md-1 { - padding-right: 0.25rem !important; - } - .pe-md-2 { - padding-right: 0.5rem !important; - } - .pe-md-3 { - padding-right: 1rem !important; - } - .pe-md-4 { - padding-right: 1.5rem !important; - } - .pe-md-5 { - padding-right: 3rem !important; - } - .pb-md-0 { - padding-bottom: 0 !important; - } - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - .pb-md-2 { - padding-bottom: 0.5rem !important; - } - .pb-md-3 { - padding-bottom: 1rem !important; - } - .pb-md-4 { - padding-bottom: 1.5rem !important; - } - .pb-md-5 { - padding-bottom: 3rem !important; - } - .ps-md-0 { - padding-left: 0 !important; - } - .ps-md-1 { - padding-left: 0.25rem !important; - } - .ps-md-2 { - padding-left: 0.5rem !important; - } - .ps-md-3 { - padding-left: 1rem !important; - } - .ps-md-4 { - padding-left: 1.5rem !important; - } - .ps-md-5 { - padding-left: 3rem !important; - } - .gap-md-0 { - gap: 0 !important; - } - .gap-md-1 { - gap: 0.25rem !important; - } - .gap-md-2 { - gap: 0.5rem !important; - } - .gap-md-3 { - gap: 1rem !important; - } - .gap-md-4 { - gap: 1.5rem !important; - } - .gap-md-5 { - gap: 3rem !important; - } - .text-md-start { - text-align: left !important; - } - .text-md-end { - text-align: right !important; - } - .text-md-center { - text-align: center !important; - } + .float-md-start { + float: left !important; + } + + .float-md-end { + float: right !important; + } + + .float-md-none { + float: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-grid { + display: grid !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } + + .d-md-none { + display: none !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } + + .order-md-first { + order: -1 !important; + } + + .order-md-0 { + order: 0 !important; + } + + .order-md-1 { + order: 1 !important; + } + + .order-md-2 { + order: 2 !important; + } + + .order-md-3 { + order: 3 !important; + } + + .order-md-4 { + order: 4 !important; + } + + .order-md-5 { + order: 5 !important; + } + + .order-md-last { + order: 6 !important; + } + + .m-md-0 { + margin: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-md-0 { + margin-top: 0 !important; + } + + .mt-md-1 { + margin-top: 0.25rem !important; + } + + .mt-md-2 { + margin-top: 0.5rem !important; + } + + .mt-md-3 { + margin-top: 1rem !important; + } + + .mt-md-4 { + margin-top: 1.5rem !important; + } + + .mt-md-5 { + margin-top: 3rem !important; + } + + .mt-md-auto { + margin-top: auto !important; + } + + .me-md-0 { + margin-right: 0 !important; + } + + .me-md-1 { + margin-right: 0.25rem !important; + } + + .me-md-2 { + margin-right: 0.5rem !important; + } + + .me-md-3 { + margin-right: 1rem !important; + } + + .me-md-4 { + margin-right: 1.5rem !important; + } + + .me-md-5 { + margin-right: 3rem !important; + } + + .me-md-auto { + margin-right: auto !important; + } + + .mb-md-0 { + margin-bottom: 0 !important; + } + + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + + .mb-md-3 { + margin-bottom: 1rem !important; + } + + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + + .mb-md-5 { + margin-bottom: 3rem !important; + } + + .mb-md-auto { + margin-bottom: auto !important; + } + + .mb-md-6 { + margin-bottom: 3.5rem !important; + } + + .mb-md-7 { + margin-bottom: 4rem !important; + } + + .mb-md-8 { + margin-bottom: 5rem !important; + } + + .mb-md-9 { + margin-bottom: 6rem !important; + } + + .mb-md-10 { + margin-bottom: 8rem !important; + } + + .mb-md-11 { + margin-bottom: 10rem !important; + } + + .mb-md-12 { + margin-bottom: 12rem !important; + } + + .mb-md-13 { + margin-bottom: 14rem !important; + } + + .mb-md-14 { + margin-bottom: 16rem !important; + } + + .ms-md-0 { + margin-left: 0 !important; + } + + .ms-md-1 { + margin-left: 0.25rem !important; + } + + .ms-md-2 { + margin-left: 0.5rem !important; + } + + .ms-md-3 { + margin-left: 1rem !important; + } + + .ms-md-4 { + margin-left: 1.5rem !important; + } + + .ms-md-5 { + margin-left: 3rem !important; + } + + .ms-md-auto { + margin-left: auto !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mx-md-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-md-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-md-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-md-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-md-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-md-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-md-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-md-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-md-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-md-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-md-n1 { + margin-top: -0.25rem !important; + } + + .mt-md-n2 { + margin-top: -0.5rem !important; + } + + .mt-md-n3 { + margin-top: -1rem !important; + } + + .mt-md-n4 { + margin-top: -1.5rem !important; + } + + .mt-md-n5 { + margin-top: -3rem !important; + } + + .me-md-n1 { + margin-right: -0.25rem !important; + } + + .me-md-n2 { + margin-right: -0.5rem !important; + } + + .me-md-n3 { + margin-right: -1rem !important; + } + + .me-md-n4 { + margin-right: -1.5rem !important; + } + + .me-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-md-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-md-n3 { + margin-bottom: -1rem !important; + } + + .mb-md-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-md-n5 { + margin-bottom: -3rem !important; + } + + .ms-md-n1 { + margin-left: -0.25rem !important; + } + + .ms-md-n2 { + margin-left: -0.5rem !important; + } + + .ms-md-n3 { + margin-left: -1rem !important; + } + + .ms-md-n4 { + margin-left: -1.5rem !important; + } + + .ms-md-n5 { + margin-left: -3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-md-0 { + padding-top: 0 !important; + } + + .pt-md-1 { + padding-top: 0.25rem !important; + } + + .pt-md-2 { + padding-top: 0.5rem !important; + } + + .pt-md-3 { + padding-top: 1rem !important; + } + + .pt-md-4 { + padding-top: 1.5rem !important; + } + + .pt-md-5 { + padding-top: 3rem !important; + } + + .pe-md-0 { + padding-right: 0 !important; + } + + .pe-md-1 { + padding-right: 0.25rem !important; + } + + .pe-md-2 { + padding-right: 0.5rem !important; + } + + .pe-md-3 { + padding-right: 1rem !important; + } + + .pe-md-4 { + padding-right: 1.5rem !important; + } + + .pe-md-5 { + padding-right: 3rem !important; + } + + .pb-md-0 { + padding-bottom: 0 !important; + } + + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + + .pb-md-3 { + padding-bottom: 1rem !important; + } + + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + + .pb-md-5 { + padding-bottom: 3rem !important; + } + + .ps-md-0 { + padding-left: 0 !important; + } + + .ps-md-1 { + padding-left: 0.25rem !important; + } + + .ps-md-2 { + padding-left: 0.5rem !important; + } + + .ps-md-3 { + padding-left: 1rem !important; + } + + .ps-md-4 { + padding-left: 1.5rem !important; + } + + .ps-md-5 { + padding-left: 3rem !important; + } + + .gap-md-0 { + gap: 0 !important; + } + + .gap-md-1 { + gap: 0.25rem !important; + } + + .gap-md-2 { + gap: 0.5rem !important; + } + + .gap-md-3 { + gap: 1rem !important; + } + + .gap-md-4 { + gap: 1.5rem !important; + } + + .gap-md-5 { + gap: 3rem !important; + } + + .text-md-start { + text-align: left !important; + } + + .text-md-end { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } } + @media (min-width: 992px) { - .float-lg-start { - float: left !important; - } - .float-lg-end { - float: right !important; - } - .float-lg-none { - float: none !important; - } - .d-lg-inline { - display: inline !important; - } - .d-lg-inline-block { - display: inline-block !important; - } - .d-lg-block { - display: block !important; - } - .d-lg-grid { - display: grid !important; - } - .d-lg-table { - display: table !important; - } - .d-lg-table-row { - display: table-row !important; - } - .d-lg-table-cell { - display: table-cell !important; - } - .d-lg-flex { - display: flex !important; - } - .d-lg-inline-flex { - display: inline-flex !important; - } - .d-lg-none { - display: none !important; - } - .flex-lg-fill { - flex: 1 1 auto !important; - } - .flex-lg-row { - flex-direction: row !important; - } - .flex-lg-column { - flex-direction: column !important; - } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - .flex-lg-grow-0 { - flex-grow: 0 !important; - } - .flex-lg-grow-1 { - flex-grow: 1 !important; - } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; - } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; - } - .flex-lg-wrap { - flex-wrap: wrap !important; - } - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-lg-start { - justify-content: flex-start !important; - } - .justify-content-lg-end { - justify-content: flex-end !important; - } - .justify-content-lg-center { - justify-content: center !important; - } - .justify-content-lg-between { - justify-content: space-between !important; - } - .justify-content-lg-around { - justify-content: space-around !important; - } - .justify-content-lg-evenly { - justify-content: space-evenly !important; - } - .align-items-lg-start { - align-items: flex-start !important; - } - .align-items-lg-end { - align-items: flex-end !important; - } - .align-items-lg-center { - align-items: center !important; - } - .align-items-lg-baseline { - align-items: baseline !important; - } - .align-items-lg-stretch { - align-items: stretch !important; - } - .align-content-lg-start { - align-content: flex-start !important; - } - .align-content-lg-end { - align-content: flex-end !important; - } - .align-content-lg-center { - align-content: center !important; - } - .align-content-lg-between { - align-content: space-between !important; - } - .align-content-lg-around { - align-content: space-around !important; - } - .align-content-lg-stretch { - align-content: stretch !important; - } - .align-self-lg-auto { - align-self: auto !important; - } - .align-self-lg-start { - align-self: flex-start !important; - } - .align-self-lg-end { - align-self: flex-end !important; - } - .align-self-lg-center { - align-self: center !important; - } - .align-self-lg-baseline { - align-self: baseline !important; - } - .align-self-lg-stretch { - align-self: stretch !important; - } - .order-lg-first { - order: -1 !important; - } - .order-lg-0 { - order: 0 !important; - } - .order-lg-1 { - order: 1 !important; - } - .order-lg-2 { - order: 2 !important; - } - .order-lg-3 { - order: 3 !important; - } - .order-lg-4 { - order: 4 !important; - } - .order-lg-5 { - order: 5 !important; - } - .order-lg-last { - order: 6 !important; - } - .m-lg-0 { - margin: 0 !important; - } - .m-lg-1 { - margin: 0.25rem !important; - } - .m-lg-2 { - margin: 0.5rem !important; - } - .m-lg-3 { - margin: 1rem !important; - } - .m-lg-4 { - margin: 1.5rem !important; - } - .m-lg-5 { - margin: 3rem !important; - } - .m-lg-auto { - margin: auto !important; - } - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-lg-0 { - margin-top: 0 !important; - } - .mt-lg-1 { - margin-top: 0.25rem !important; - } - .mt-lg-2 { - margin-top: 0.5rem !important; - } - .mt-lg-3 { - margin-top: 1rem !important; - } - .mt-lg-4 { - margin-top: 1.5rem !important; - } - .mt-lg-5 { - margin-top: 3rem !important; - } - .mt-lg-auto { - margin-top: auto !important; - } - .me-lg-0 { - margin-right: 0 !important; - } - .me-lg-1 { - margin-right: 0.25rem !important; - } - .me-lg-2 { - margin-right: 0.5rem !important; - } - .me-lg-3 { - margin-right: 1rem !important; - } - .me-lg-4 { - margin-right: 1.5rem !important; - } - .me-lg-5 { - margin-right: 3rem !important; - } - .me-lg-auto { - margin-right: auto !important; - } - .mb-lg-0 { - margin-bottom: 0 !important; - } - .mb-lg-1 { - margin-bottom: 0.25rem !important; - } - .mb-lg-2 { - margin-bottom: 0.5rem !important; - } - .mb-lg-3 { - margin-bottom: 1rem !important; - } - .mb-lg-4 { - margin-bottom: 1.5rem !important; - } - .mb-lg-5 { - margin-bottom: 3rem !important; - } - .mb-lg-auto { - margin-bottom: auto !important; - } - .mb-lg-6 { - margin-bottom: 3.5rem !important; - } - .mb-lg-7 { - margin-bottom: 4rem !important; - } - .mb-lg-8 { - margin-bottom: 5rem !important; - } - .mb-lg-9 { - margin-bottom: 6rem !important; - } - .mb-lg-10 { - margin-bottom: 8rem !important; - } - .mb-lg-11 { - margin-bottom: 10rem !important; - } - .mb-lg-12 { - margin-bottom: 12rem !important; - } - .mb-lg-13 { - margin-bottom: 14rem !important; - } - .mb-lg-14 { - margin-bottom: 16rem !important; - } - .ms-lg-0 { - margin-left: 0 !important; - } - .ms-lg-1 { - margin-left: 0.25rem !important; - } - .ms-lg-2 { - margin-left: 0.5rem !important; - } - .ms-lg-3 { - margin-left: 1rem !important; - } - .ms-lg-4 { - margin-left: 1.5rem !important; - } - .ms-lg-5 { - margin-left: 3rem !important; - } - .ms-lg-auto { - margin-left: auto !important; - } - .m-lg-n1 { - margin: -0.25rem !important; - } - .m-lg-n2 { - margin: -0.5rem !important; - } - .m-lg-n3 { - margin: -1rem !important; - } - .m-lg-n4 { - margin: -1.5rem !important; - } - .m-lg-n5 { - margin: -3rem !important; - } - .mx-lg-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-lg-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-lg-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-lg-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-lg-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-lg-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-lg-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-lg-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-lg-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-lg-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-lg-n1 { - margin-top: -0.25rem !important; - } - .mt-lg-n2 { - margin-top: -0.5rem !important; - } - .mt-lg-n3 { - margin-top: -1rem !important; - } - .mt-lg-n4 { - margin-top: -1.5rem !important; - } - .mt-lg-n5 { - margin-top: -3rem !important; - } - .me-lg-n1 { - margin-right: -0.25rem !important; - } - .me-lg-n2 { - margin-right: -0.5rem !important; - } - .me-lg-n3 { - margin-right: -1rem !important; - } - .me-lg-n4 { - margin-right: -1.5rem !important; - } - .me-lg-n5 { - margin-right: -3rem !important; - } - .mb-lg-n1 { - margin-bottom: -0.25rem !important; - } - .mb-lg-n2 { - margin-bottom: -0.5rem !important; - } - .mb-lg-n3 { - margin-bottom: -1rem !important; - } - .mb-lg-n4 { - margin-bottom: -1.5rem !important; - } - .mb-lg-n5 { - margin-bottom: -3rem !important; - } - .ms-lg-n1 { - margin-left: -0.25rem !important; - } - .ms-lg-n2 { - margin-left: -0.5rem !important; - } - .ms-lg-n3 { - margin-left: -1rem !important; - } - .ms-lg-n4 { - margin-left: -1.5rem !important; - } - .ms-lg-n5 { - margin-left: -3rem !important; - } - .p-lg-0 { - padding: 0 !important; - } - .p-lg-1 { - padding: 0.25rem !important; - } - .p-lg-2 { - padding: 0.5rem !important; - } - .p-lg-3 { - padding: 1rem !important; - } - .p-lg-4 { - padding: 1.5rem !important; - } - .p-lg-5 { - padding: 3rem !important; - } - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-lg-0 { - padding-top: 0 !important; - } - .pt-lg-1 { - padding-top: 0.25rem !important; - } - .pt-lg-2 { - padding-top: 0.5rem !important; - } - .pt-lg-3 { - padding-top: 1rem !important; - } - .pt-lg-4 { - padding-top: 1.5rem !important; - } - .pt-lg-5 { - padding-top: 3rem !important; - } - .pe-lg-0 { - padding-right: 0 !important; - } - .pe-lg-1 { - padding-right: 0.25rem !important; - } - .pe-lg-2 { - padding-right: 0.5rem !important; - } - .pe-lg-3 { - padding-right: 1rem !important; - } - .pe-lg-4 { - padding-right: 1.5rem !important; - } - .pe-lg-5 { - padding-right: 3rem !important; - } - .pb-lg-0 { - padding-bottom: 0 !important; - } - .pb-lg-1 { - padding-bottom: 0.25rem !important; - } - .pb-lg-2 { - padding-bottom: 0.5rem !important; - } - .pb-lg-3 { - padding-bottom: 1rem !important; - } - .pb-lg-4 { - padding-bottom: 1.5rem !important; - } - .pb-lg-5 { - padding-bottom: 3rem !important; - } - .ps-lg-0 { - padding-left: 0 !important; - } - .ps-lg-1 { - padding-left: 0.25rem !important; - } - .ps-lg-2 { - padding-left: 0.5rem !important; - } - .ps-lg-3 { - padding-left: 1rem !important; - } - .ps-lg-4 { - padding-left: 1.5rem !important; - } - .ps-lg-5 { - padding-left: 3rem !important; - } - .gap-lg-0 { - gap: 0 !important; - } - .gap-lg-1 { - gap: 0.25rem !important; - } - .gap-lg-2 { - gap: 0.5rem !important; - } - .gap-lg-3 { - gap: 1rem !important; - } - .gap-lg-4 { - gap: 1.5rem !important; - } - .gap-lg-5 { - gap: 3rem !important; - } - .text-lg-start { - text-align: left !important; - } - .text-lg-end { - text-align: right !important; - } - .text-lg-center { - text-align: center !important; - } + .float-lg-start { + float: left !important; + } + + .float-lg-end { + float: right !important; + } + + .float-lg-none { + float: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-grid { + display: grid !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } + + .d-lg-none { + display: none !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } + + .order-lg-first { + order: -1 !important; + } + + .order-lg-0 { + order: 0 !important; + } + + .order-lg-1 { + order: 1 !important; + } + + .order-lg-2 { + order: 2 !important; + } + + .order-lg-3 { + order: 3 !important; + } + + .order-lg-4 { + order: 4 !important; + } + + .order-lg-5 { + order: 5 !important; + } + + .order-lg-last { + order: 6 !important; + } + + .m-lg-0 { + margin: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-lg-0 { + margin-top: 0 !important; + } + + .mt-lg-1 { + margin-top: 0.25rem !important; + } + + .mt-lg-2 { + margin-top: 0.5rem !important; + } + + .mt-lg-3 { + margin-top: 1rem !important; + } + + .mt-lg-4 { + margin-top: 1.5rem !important; + } + + .mt-lg-5 { + margin-top: 3rem !important; + } + + .mt-lg-auto { + margin-top: auto !important; + } + + .me-lg-0 { + margin-right: 0 !important; + } + + .me-lg-1 { + margin-right: 0.25rem !important; + } + + .me-lg-2 { + margin-right: 0.5rem !important; + } + + .me-lg-3 { + margin-right: 1rem !important; + } + + .me-lg-4 { + margin-right: 1.5rem !important; + } + + .me-lg-5 { + margin-right: 3rem !important; + } + + .me-lg-auto { + margin-right: auto !important; + } + + .mb-lg-0 { + margin-bottom: 0 !important; + } + + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + + .mb-lg-3 { + margin-bottom: 1rem !important; + } + + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + + .mb-lg-5 { + margin-bottom: 3rem !important; + } + + .mb-lg-auto { + margin-bottom: auto !important; + } + + .mb-lg-6 { + margin-bottom: 3.5rem !important; + } + + .mb-lg-7 { + margin-bottom: 4rem !important; + } + + .mb-lg-8 { + margin-bottom: 5rem !important; + } + + .mb-lg-9 { + margin-bottom: 6rem !important; + } + + .mb-lg-10 { + margin-bottom: 8rem !important; + } + + .mb-lg-11 { + margin-bottom: 10rem !important; + } + + .mb-lg-12 { + margin-bottom: 12rem !important; + } + + .mb-lg-13 { + margin-bottom: 14rem !important; + } + + .mb-lg-14 { + margin-bottom: 16rem !important; + } + + .ms-lg-0 { + margin-left: 0 !important; + } + + .ms-lg-1 { + margin-left: 0.25rem !important; + } + + .ms-lg-2 { + margin-left: 0.5rem !important; + } + + .ms-lg-3 { + margin-left: 1rem !important; + } + + .ms-lg-4 { + margin-left: 1.5rem !important; + } + + .ms-lg-5 { + margin-left: 3rem !important; + } + + .ms-lg-auto { + margin-left: auto !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mx-lg-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-lg-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-lg-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-lg-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-lg-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-lg-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-lg-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-lg-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-lg-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-lg-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-lg-n1 { + margin-top: -0.25rem !important; + } + + .mt-lg-n2 { + margin-top: -0.5rem !important; + } + + .mt-lg-n3 { + margin-top: -1rem !important; + } + + .mt-lg-n4 { + margin-top: -1.5rem !important; + } + + .mt-lg-n5 { + margin-top: -3rem !important; + } + + .me-lg-n1 { + margin-right: -0.25rem !important; + } + + .me-lg-n2 { + margin-right: -0.5rem !important; + } + + .me-lg-n3 { + margin-right: -1rem !important; + } + + .me-lg-n4 { + margin-right: -1.5rem !important; + } + + .me-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-lg-n3 { + margin-bottom: -1rem !important; + } + + .mb-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-lg-n5 { + margin-bottom: -3rem !important; + } + + .ms-lg-n1 { + margin-left: -0.25rem !important; + } + + .ms-lg-n2 { + margin-left: -0.5rem !important; + } + + .ms-lg-n3 { + margin-left: -1rem !important; + } + + .ms-lg-n4 { + margin-left: -1.5rem !important; + } + + .ms-lg-n5 { + margin-left: -3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-lg-0 { + padding-top: 0 !important; + } + + .pt-lg-1 { + padding-top: 0.25rem !important; + } + + .pt-lg-2 { + padding-top: 0.5rem !important; + } + + .pt-lg-3 { + padding-top: 1rem !important; + } + + .pt-lg-4 { + padding-top: 1.5rem !important; + } + + .pt-lg-5 { + padding-top: 3rem !important; + } + + .pe-lg-0 { + padding-right: 0 !important; + } + + .pe-lg-1 { + padding-right: 0.25rem !important; + } + + .pe-lg-2 { + padding-right: 0.5rem !important; + } + + .pe-lg-3 { + padding-right: 1rem !important; + } + + .pe-lg-4 { + padding-right: 1.5rem !important; + } + + .pe-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-0 { + padding-bottom: 0 !important; + } + + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pb-lg-3 { + padding-bottom: 1rem !important; + } + + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pb-lg-5 { + padding-bottom: 3rem !important; + } + + .ps-lg-0 { + padding-left: 0 !important; + } + + .ps-lg-1 { + padding-left: 0.25rem !important; + } + + .ps-lg-2 { + padding-left: 0.5rem !important; + } + + .ps-lg-3 { + padding-left: 1rem !important; + } + + .ps-lg-4 { + padding-left: 1.5rem !important; + } + + .ps-lg-5 { + padding-left: 3rem !important; + } + + .gap-lg-0 { + gap: 0 !important; + } + + .gap-lg-1 { + gap: 0.25rem !important; + } + + .gap-lg-2 { + gap: 0.5rem !important; + } + + .gap-lg-3 { + gap: 1rem !important; + } + + .gap-lg-4 { + gap: 1.5rem !important; + } + + .gap-lg-5 { + gap: 3rem !important; + } + + .text-lg-start { + text-align: left !important; + } + + .text-lg-end { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } } + @media (min-width: 1200px) { - .float-xl-start { - float: left !important; - } - .float-xl-end { - float: right !important; - } - .float-xl-none { - float: none !important; - } - .d-xl-inline { - display: inline !important; - } - .d-xl-inline-block { - display: inline-block !important; - } - .d-xl-block { - display: block !important; - } - .d-xl-grid { - display: grid !important; - } - .d-xl-table { - display: table !important; - } - .d-xl-table-row { - display: table-row !important; - } - .d-xl-table-cell { - display: table-cell !important; - } - .d-xl-flex { - display: flex !important; - } - .d-xl-inline-flex { - display: inline-flex !important; - } - .d-xl-none { - display: none !important; - } - .flex-xl-fill { - flex: 1 1 auto !important; - } - .flex-xl-row { - flex-direction: row !important; - } - .flex-xl-column { - flex-direction: column !important; - } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xl-grow-0 { - flex-grow: 0 !important; - } - .flex-xl-grow-1 { - flex-grow: 1 !important; - } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xl-wrap { - flex-wrap: wrap !important; - } - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-xl-start { - justify-content: flex-start !important; - } - .justify-content-xl-end { - justify-content: flex-end !important; - } - .justify-content-xl-center { - justify-content: center !important; - } - .justify-content-xl-between { - justify-content: space-between !important; - } - .justify-content-xl-around { - justify-content: space-around !important; - } - .justify-content-xl-evenly { - justify-content: space-evenly !important; - } - .align-items-xl-start { - align-items: flex-start !important; - } - .align-items-xl-end { - align-items: flex-end !important; - } - .align-items-xl-center { - align-items: center !important; - } - .align-items-xl-baseline { - align-items: baseline !important; - } - .align-items-xl-stretch { - align-items: stretch !important; - } - .align-content-xl-start { - align-content: flex-start !important; - } - .align-content-xl-end { - align-content: flex-end !important; - } - .align-content-xl-center { - align-content: center !important; - } - .align-content-xl-between { - align-content: space-between !important; - } - .align-content-xl-around { - align-content: space-around !important; - } - .align-content-xl-stretch { - align-content: stretch !important; - } - .align-self-xl-auto { - align-self: auto !important; - } - .align-self-xl-start { - align-self: flex-start !important; - } - .align-self-xl-end { - align-self: flex-end !important; - } - .align-self-xl-center { - align-self: center !important; - } - .align-self-xl-baseline { - align-self: baseline !important; - } - .align-self-xl-stretch { - align-self: stretch !important; - } - .order-xl-first { - order: -1 !important; - } - .order-xl-0 { - order: 0 !important; - } - .order-xl-1 { - order: 1 !important; - } - .order-xl-2 { - order: 2 !important; - } - .order-xl-3 { - order: 3 !important; - } - .order-xl-4 { - order: 4 !important; - } - .order-xl-5 { - order: 5 !important; - } - .order-xl-last { - order: 6 !important; - } - .m-xl-0 { - margin: 0 !important; - } - .m-xl-1 { - margin: 0.25rem !important; - } - .m-xl-2 { - margin: 0.5rem !important; - } - .m-xl-3 { - margin: 1rem !important; - } - .m-xl-4 { - margin: 1.5rem !important; - } - .m-xl-5 { - margin: 3rem !important; - } - .m-xl-auto { - margin: auto !important; - } - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xl-0 { - margin-top: 0 !important; - } - .mt-xl-1 { - margin-top: 0.25rem !important; - } - .mt-xl-2 { - margin-top: 0.5rem !important; - } - .mt-xl-3 { - margin-top: 1rem !important; - } - .mt-xl-4 { - margin-top: 1.5rem !important; - } - .mt-xl-5 { - margin-top: 3rem !important; - } - .mt-xl-auto { - margin-top: auto !important; - } - .me-xl-0 { - margin-right: 0 !important; - } - .me-xl-1 { - margin-right: 0.25rem !important; - } - .me-xl-2 { - margin-right: 0.5rem !important; - } - .me-xl-3 { - margin-right: 1rem !important; - } - .me-xl-4 { - margin-right: 1.5rem !important; - } - .me-xl-5 { - margin-right: 3rem !important; - } - .me-xl-auto { - margin-right: auto !important; - } - .mb-xl-0 { - margin-bottom: 0 !important; - } - .mb-xl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xl-3 { - margin-bottom: 1rem !important; - } - .mb-xl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xl-5 { - margin-bottom: 3rem !important; - } - .mb-xl-auto { - margin-bottom: auto !important; - } - .mb-xl-6 { - margin-bottom: 3.5rem !important; - } - .mb-xl-7 { - margin-bottom: 4rem !important; - } - .mb-xl-8 { - margin-bottom: 5rem !important; - } - .mb-xl-9 { - margin-bottom: 6rem !important; - } - .mb-xl-10 { - margin-bottom: 8rem !important; - } - .mb-xl-11 { - margin-bottom: 10rem !important; - } - .mb-xl-12 { - margin-bottom: 12rem !important; - } - .mb-xl-13 { - margin-bottom: 14rem !important; - } - .mb-xl-14 { - margin-bottom: 16rem !important; - } - .ms-xl-0 { - margin-left: 0 !important; - } - .ms-xl-1 { - margin-left: 0.25rem !important; - } - .ms-xl-2 { - margin-left: 0.5rem !important; - } - .ms-xl-3 { - margin-left: 1rem !important; - } - .ms-xl-4 { - margin-left: 1.5rem !important; - } - .ms-xl-5 { - margin-left: 3rem !important; - } - .ms-xl-auto { - margin-left: auto !important; - } - .m-xl-n1 { - margin: -0.25rem !important; - } - .m-xl-n2 { - margin: -0.5rem !important; - } - .m-xl-n3 { - margin: -1rem !important; - } - .m-xl-n4 { - margin: -1.5rem !important; - } - .m-xl-n5 { - margin: -3rem !important; - } - .mx-xl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-xl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-xl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-xl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-xl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-xl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-xl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-xl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-xl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-xl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-xl-n1 { - margin-top: -0.25rem !important; - } - .mt-xl-n2 { - margin-top: -0.5rem !important; - } - .mt-xl-n3 { - margin-top: -1rem !important; - } - .mt-xl-n4 { - margin-top: -1.5rem !important; - } - .mt-xl-n5 { - margin-top: -3rem !important; - } - .me-xl-n1 { - margin-right: -0.25rem !important; - } - .me-xl-n2 { - margin-right: -0.5rem !important; - } - .me-xl-n3 { - margin-right: -1rem !important; - } - .me-xl-n4 { - margin-right: -1.5rem !important; - } - .me-xl-n5 { - margin-right: -3rem !important; - } - .mb-xl-n1 { - margin-bottom: -0.25rem !important; - } - .mb-xl-n2 { - margin-bottom: -0.5rem !important; - } - .mb-xl-n3 { - margin-bottom: -1rem !important; - } - .mb-xl-n4 { - margin-bottom: -1.5rem !important; - } - .mb-xl-n5 { - margin-bottom: -3rem !important; - } - .ms-xl-n1 { - margin-left: -0.25rem !important; - } - .ms-xl-n2 { - margin-left: -0.5rem !important; - } - .ms-xl-n3 { - margin-left: -1rem !important; - } - .ms-xl-n4 { - margin-left: -1.5rem !important; - } - .ms-xl-n5 { - margin-left: -3rem !important; - } - .p-xl-0 { - padding: 0 !important; - } - .p-xl-1 { - padding: 0.25rem !important; - } - .p-xl-2 { - padding: 0.5rem !important; - } - .p-xl-3 { - padding: 1rem !important; - } - .p-xl-4 { - padding: 1.5rem !important; - } - .p-xl-5 { - padding: 3rem !important; - } - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xl-0 { - padding-top: 0 !important; - } - .pt-xl-1 { - padding-top: 0.25rem !important; - } - .pt-xl-2 { - padding-top: 0.5rem !important; - } - .pt-xl-3 { - padding-top: 1rem !important; - } - .pt-xl-4 { - padding-top: 1.5rem !important; - } - .pt-xl-5 { - padding-top: 3rem !important; - } - .pe-xl-0 { - padding-right: 0 !important; - } - .pe-xl-1 { - padding-right: 0.25rem !important; - } - .pe-xl-2 { - padding-right: 0.5rem !important; - } - .pe-xl-3 { - padding-right: 1rem !important; - } - .pe-xl-4 { - padding-right: 1.5rem !important; - } - .pe-xl-5 { - padding-right: 3rem !important; - } - .pb-xl-0 { - padding-bottom: 0 !important; - } - .pb-xl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xl-3 { - padding-bottom: 1rem !important; - } - .pb-xl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xl-5 { - padding-bottom: 3rem !important; - } - .ps-xl-0 { - padding-left: 0 !important; - } - .ps-xl-1 { - padding-left: 0.25rem !important; - } - .ps-xl-2 { - padding-left: 0.5rem !important; - } - .ps-xl-3 { - padding-left: 1rem !important; - } - .ps-xl-4 { - padding-left: 1.5rem !important; - } - .ps-xl-5 { - padding-left: 3rem !important; - } - .gap-xl-0 { - gap: 0 !important; - } - .gap-xl-1 { - gap: 0.25rem !important; - } - .gap-xl-2 { - gap: 0.5rem !important; - } - .gap-xl-3 { - gap: 1rem !important; - } - .gap-xl-4 { - gap: 1.5rem !important; - } - .gap-xl-5 { - gap: 3rem !important; - } - .text-xl-start { - text-align: left !important; - } - .text-xl-end { - text-align: right !important; - } - .text-xl-center { - text-align: center !important; - } + .float-xl-start { + float: left !important; + } + + .float-xl-end { + float: right !important; + } + + .float-xl-none { + float: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-grid { + display: grid !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } + + .d-xl-none { + display: none !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } + + .order-xl-first { + order: -1 !important; + } + + .order-xl-0 { + order: 0 !important; + } + + .order-xl-1 { + order: 1 !important; + } + + .order-xl-2 { + order: 2 !important; + } + + .order-xl-3 { + order: 3 !important; + } + + .order-xl-4 { + order: 4 !important; + } + + .order-xl-5 { + order: 5 !important; + } + + .order-xl-last { + order: 6 !important; + } + + .m-xl-0 { + margin: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xl-0 { + margin-top: 0 !important; + } + + .mt-xl-1 { + margin-top: 0.25rem !important; + } + + .mt-xl-2 { + margin-top: 0.5rem !important; + } + + .mt-xl-3 { + margin-top: 1rem !important; + } + + .mt-xl-4 { + margin-top: 1.5rem !important; + } + + .mt-xl-5 { + margin-top: 3rem !important; + } + + .mt-xl-auto { + margin-top: auto !important; + } + + .me-xl-0 { + margin-right: 0 !important; + } + + .me-xl-1 { + margin-right: 0.25rem !important; + } + + .me-xl-2 { + margin-right: 0.5rem !important; + } + + .me-xl-3 { + margin-right: 1rem !important; + } + + .me-xl-4 { + margin-right: 1.5rem !important; + } + + .me-xl-5 { + margin-right: 3rem !important; + } + + .me-xl-auto { + margin-right: auto !important; + } + + .mb-xl-0 { + margin-bottom: 0 !important; + } + + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xl-3 { + margin-bottom: 1rem !important; + } + + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xl-5 { + margin-bottom: 3rem !important; + } + + .mb-xl-auto { + margin-bottom: auto !important; + } + + .mb-xl-6 { + margin-bottom: 3.5rem !important; + } + + .mb-xl-7 { + margin-bottom: 4rem !important; + } + + .mb-xl-8 { + margin-bottom: 5rem !important; + } + + .mb-xl-9 { + margin-bottom: 6rem !important; + } + + .mb-xl-10 { + margin-bottom: 8rem !important; + } + + .mb-xl-11 { + margin-bottom: 10rem !important; + } + + .mb-xl-12 { + margin-bottom: 12rem !important; + } + + .mb-xl-13 { + margin-bottom: 14rem !important; + } + + .mb-xl-14 { + margin-bottom: 16rem !important; + } + + .ms-xl-0 { + margin-left: 0 !important; + } + + .ms-xl-1 { + margin-left: 0.25rem !important; + } + + .ms-xl-2 { + margin-left: 0.5rem !important; + } + + .ms-xl-3 { + margin-left: 1rem !important; + } + + .ms-xl-4 { + margin-left: 1.5rem !important; + } + + .ms-xl-5 { + margin-left: 3rem !important; + } + + .ms-xl-auto { + margin-left: auto !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mx-xl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-xl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-xl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xl-n3 { + margin-top: -1rem !important; + } + + .mt-xl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xl-n5 { + margin-top: -3rem !important; + } + + .me-xl-n1 { + margin-right: -0.25rem !important; + } + + .me-xl-n2 { + margin-right: -0.5rem !important; + } + + .me-xl-n3 { + margin-right: -1rem !important; + } + + .me-xl-n4 { + margin-right: -1.5rem !important; + } + + .me-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xl-n5 { + margin-bottom: -3rem !important; + } + + .ms-xl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xl-n3 { + margin-left: -1rem !important; + } + + .ms-xl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xl-n5 { + margin-left: -3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-xl-0 { + padding-top: 0 !important; + } + + .pt-xl-1 { + padding-top: 0.25rem !important; + } + + .pt-xl-2 { + padding-top: 0.5rem !important; + } + + .pt-xl-3 { + padding-top: 1rem !important; + } + + .pt-xl-4 { + padding-top: 1.5rem !important; + } + + .pt-xl-5 { + padding-top: 3rem !important; + } + + .pe-xl-0 { + padding-right: 0 !important; + } + + .pe-xl-1 { + padding-right: 0.25rem !important; + } + + .pe-xl-2 { + padding-right: 0.5rem !important; + } + + .pe-xl-3 { + padding-right: 1rem !important; + } + + .pe-xl-4 { + padding-right: 1.5rem !important; + } + + .pe-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-0 { + padding-bottom: 0 !important; + } + + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xl-3 { + padding-bottom: 1rem !important; + } + + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xl-5 { + padding-bottom: 3rem !important; + } + + .ps-xl-0 { + padding-left: 0 !important; + } + + .ps-xl-1 { + padding-left: 0.25rem !important; + } + + .ps-xl-2 { + padding-left: 0.5rem !important; + } + + .ps-xl-3 { + padding-left: 1rem !important; + } + + .ps-xl-4 { + padding-left: 1.5rem !important; + } + + .ps-xl-5 { + padding-left: 3rem !important; + } + + .gap-xl-0 { + gap: 0 !important; + } + + .gap-xl-1 { + gap: 0.25rem !important; + } + + .gap-xl-2 { + gap: 0.5rem !important; + } + + .gap-xl-3 { + gap: 1rem !important; + } + + .gap-xl-4 { + gap: 1.5rem !important; + } + + .gap-xl-5 { + gap: 3rem !important; + } + + .text-xl-start { + text-align: left !important; + } + + .text-xl-end { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } } + @media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - .float-xxl-end { - float: right !important; - } - .float-xxl-none { - float: none !important; - } - .d-xxl-inline { - display: inline !important; - } - .d-xxl-inline-block { - display: inline-block !important; - } - .d-xxl-block { - display: block !important; - } - .d-xxl-grid { - display: grid !important; - } - .d-xxl-table { - display: table !important; - } - .d-xxl-table-row { - display: table-row !important; - } - .d-xxl-table-cell { - display: table-cell !important; - } - .d-xxl-flex { - display: flex !important; - } - .d-xxl-inline-flex { - display: inline-flex !important; - } - .d-xxl-none { - display: none !important; - } - .flex-xxl-fill { - flex: 1 1 auto !important; - } - .flex-xxl-row { - flex-direction: row !important; - } - .flex-xxl-column { - flex-direction: column !important; - } - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-xxl-start { - justify-content: flex-start !important; - } - .justify-content-xxl-end { - justify-content: flex-end !important; - } - .justify-content-xxl-center { - justify-content: center !important; - } - .justify-content-xxl-between { - justify-content: space-between !important; - } - .justify-content-xxl-around { - justify-content: space-around !important; - } - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - .align-items-xxl-start { - align-items: flex-start !important; - } - .align-items-xxl-end { - align-items: flex-end !important; - } - .align-items-xxl-center { - align-items: center !important; - } - .align-items-xxl-baseline { - align-items: baseline !important; - } - .align-items-xxl-stretch { - align-items: stretch !important; - } - .align-content-xxl-start { - align-content: flex-start !important; - } - .align-content-xxl-end { - align-content: flex-end !important; - } - .align-content-xxl-center { - align-content: center !important; - } - .align-content-xxl-between { - align-content: space-between !important; - } - .align-content-xxl-around { - align-content: space-around !important; - } - .align-content-xxl-stretch { - align-content: stretch !important; - } - .align-self-xxl-auto { - align-self: auto !important; - } - .align-self-xxl-start { - align-self: flex-start !important; - } - .align-self-xxl-end { - align-self: flex-end !important; - } - .align-self-xxl-center { - align-self: center !important; - } - .align-self-xxl-baseline { - align-self: baseline !important; - } - .align-self-xxl-stretch { - align-self: stretch !important; - } - .order-xxl-first { - order: -1 !important; - } - .order-xxl-0 { - order: 0 !important; - } - .order-xxl-1 { - order: 1 !important; - } - .order-xxl-2 { - order: 2 !important; - } - .order-xxl-3 { - order: 3 !important; - } - .order-xxl-4 { - order: 4 !important; - } - .order-xxl-5 { - order: 5 !important; - } - .order-xxl-last { - order: 6 !important; - } - .m-xxl-0 { - margin: 0 !important; - } - .m-xxl-1 { - margin: 0.25rem !important; - } - .m-xxl-2 { - margin: 0.5rem !important; - } - .m-xxl-3 { - margin: 1rem !important; - } - .m-xxl-4 { - margin: 1.5rem !important; - } - .m-xxl-5 { - margin: 3rem !important; - } - .m-xxl-auto { - margin: auto !important; - } - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xxl-0 { - margin-top: 0 !important; - } - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - .mt-xxl-3 { - margin-top: 1rem !important; - } - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - .mt-xxl-5 { - margin-top: 3rem !important; - } - .mt-xxl-auto { - margin-top: auto !important; - } - .me-xxl-0 { - margin-right: 0 !important; - } - .me-xxl-1 { - margin-right: 0.25rem !important; - } - .me-xxl-2 { - margin-right: 0.5rem !important; - } - .me-xxl-3 { - margin-right: 1rem !important; - } - .me-xxl-4 { - margin-right: 1.5rem !important; - } - .me-xxl-5 { - margin-right: 3rem !important; - } - .me-xxl-auto { - margin-right: auto !important; - } - .mb-xxl-0 { - margin-bottom: 0 !important; - } - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - .mb-xxl-auto { - margin-bottom: auto !important; - } - .mb-xxl-6 { - margin-bottom: 3.5rem !important; - } - .mb-xxl-7 { - margin-bottom: 4rem !important; - } - .mb-xxl-8 { - margin-bottom: 5rem !important; - } - .mb-xxl-9 { - margin-bottom: 6rem !important; - } - .mb-xxl-10 { - margin-bottom: 8rem !important; - } - .mb-xxl-11 { - margin-bottom: 10rem !important; - } - .mb-xxl-12 { - margin-bottom: 12rem !important; - } - .mb-xxl-13 { - margin-bottom: 14rem !important; - } - .mb-xxl-14 { - margin-bottom: 16rem !important; - } - .ms-xxl-0 { - margin-left: 0 !important; - } - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - .ms-xxl-3 { - margin-left: 1rem !important; - } - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - .ms-xxl-5 { - margin-left: 3rem !important; - } - .ms-xxl-auto { - margin-left: auto !important; - } - .m-xxl-n1 { - margin: -0.25rem !important; - } - .m-xxl-n2 { - margin: -0.5rem !important; - } - .m-xxl-n3 { - margin: -1rem !important; - } - .m-xxl-n4 { - margin: -1.5rem !important; - } - .m-xxl-n5 { - margin: -3rem !important; - } - .mx-xxl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-xxl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-xxl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-xxl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-xxl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-xxl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-xxl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-xxl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-xxl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-xxl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-xxl-n1 { - margin-top: -0.25rem !important; - } - .mt-xxl-n2 { - margin-top: -0.5rem !important; - } - .mt-xxl-n3 { - margin-top: -1rem !important; - } - .mt-xxl-n4 { - margin-top: -1.5rem !important; - } - .mt-xxl-n5 { - margin-top: -3rem !important; - } - .me-xxl-n1 { - margin-right: -0.25rem !important; - } - .me-xxl-n2 { - margin-right: -0.5rem !important; - } - .me-xxl-n3 { - margin-right: -1rem !important; - } - .me-xxl-n4 { - margin-right: -1.5rem !important; - } - .me-xxl-n5 { - margin-right: -3rem !important; - } - .mb-xxl-n1 { - margin-bottom: -0.25rem !important; - } - .mb-xxl-n2 { - margin-bottom: -0.5rem !important; - } - .mb-xxl-n3 { - margin-bottom: -1rem !important; - } - .mb-xxl-n4 { - margin-bottom: -1.5rem !important; - } - .mb-xxl-n5 { - margin-bottom: -3rem !important; - } - .ms-xxl-n1 { - margin-left: -0.25rem !important; - } - .ms-xxl-n2 { - margin-left: -0.5rem !important; - } - .ms-xxl-n3 { - margin-left: -1rem !important; - } - .ms-xxl-n4 { - margin-left: -1.5rem !important; - } - .ms-xxl-n5 { - margin-left: -3rem !important; - } - .p-xxl-0 { - padding: 0 !important; - } - .p-xxl-1 { - padding: 0.25rem !important; - } - .p-xxl-2 { - padding: 0.5rem !important; - } - .p-xxl-3 { - padding: 1rem !important; - } - .p-xxl-4 { - padding: 1.5rem !important; - } - .p-xxl-5 { - padding: 3rem !important; - } - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xxl-0 { - padding-top: 0 !important; - } - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - .pt-xxl-3 { - padding-top: 1rem !important; - } - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - .pt-xxl-5 { - padding-top: 3rem !important; - } - .pe-xxl-0 { - padding-right: 0 !important; - } - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - .pe-xxl-3 { - padding-right: 1rem !important; - } - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - .pe-xxl-5 { - padding-right: 3rem !important; - } - .pb-xxl-0 { - padding-bottom: 0 !important; - } - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xxl-5 { - padding-bottom: 3rem !important; - } - .ps-xxl-0 { - padding-left: 0 !important; - } - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - .ps-xxl-3 { - padding-left: 1rem !important; - } - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - .ps-xxl-5 { - padding-left: 3rem !important; - } - .gap-xxl-0 { - gap: 0 !important; - } - .gap-xxl-1 { - gap: 0.25rem !important; - } - .gap-xxl-2 { - gap: 0.5rem !important; - } - .gap-xxl-3 { - gap: 1rem !important; - } - .gap-xxl-4 { - gap: 1.5rem !important; - } - .gap-xxl-5 { - gap: 3rem !important; - } - .text-xxl-start { - text-align: left !important; - } - .text-xxl-end { - text-align: right !important; - } - .text-xxl-center { - text-align: center !important; - } -} -@media (min-width: 1200px) { - .fs-1 { - font-size: 2.5rem !important; - } - .fs-2 { - font-size: 2rem !important; - } - .fs-3 { - font-size: 1.75rem !important; - } - .fs-4 { - font-size: 1.5rem !important; - } -} -@media print { - .d-print-inline { - display: inline !important; - } - .d-print-inline-block { - display: inline-block !important; - } - .d-print-block { - display: block !important; - } - .d-print-grid { - display: grid !important; - } - .d-print-table { - display: table !important; - } - .d-print-table-row { - display: table-row !important; - } - .d-print-table-cell { - display: table-cell !important; - } - .d-print-flex { - display: flex !important; - } - .d-print-inline-flex { - display: inline-flex !important; - } - .d-print-none { - display: none !important; - } -} -/* Numeric */ -.diagonal-fractions { - font-variant-numeric: diagonal-fractions; -} + .float-xxl-start { + float: left !important; + } -/* Background colors */ -.bg-super-light { - --mdb-bg-super-light: #fbfbfb; - background-color: var(--mdb-bg-super-light); -} + .float-xxl-end { + float: right !important; + } -/* Background attachment */ -.bg-fixed { - background-attachment: fixed; -} + .float-xxl-none { + float: none !important; + } -.bg-local { - background-attachment: local; -} + .d-xxl-inline { + display: inline !important; + } -.bg-scroll { - background-attachment: scroll; -} + .d-xxl-inline-block { + display: inline-block !important; + } -/* Overflow */ -.overflow-y-scroll { - overflow-y: scroll; -} + .d-xxl-block { + display: block !important; + } -.overflow-x-scroll { - overflow-x: scroll; -} + .d-xxl-grid { + display: grid !important; + } -/* Tables */ -.table-fixed { - table-layout: fixed; -} + .d-xxl-table { + display: table !important; + } -.table-auto { - table-layout: auto; + .d-xxl-table-row { + display: table-row !important; + } + + .d-xxl-table-cell { + display: table-cell !important; + } + + .d-xxl-flex { + display: flex !important; + } + + .d-xxl-inline-flex { + display: inline-flex !important; + } + + .d-xxl-none { + display: none !important; + } + + .flex-xxl-fill { + flex: 1 1 auto !important; + } + + .flex-xxl-row { + flex-direction: row !important; + } + + .flex-xxl-column { + flex-direction: column !important; + } + + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-xxl-start { + justify-content: flex-start !important; + } + + .justify-content-xxl-end { + justify-content: flex-end !important; + } + + .justify-content-xxl-center { + justify-content: center !important; + } + + .justify-content-xxl-between { + justify-content: space-between !important; + } + + .justify-content-xxl-around { + justify-content: space-around !important; + } + + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xxl-start { + align-items: flex-start !important; + } + + .align-items-xxl-end { + align-items: flex-end !important; + } + + .align-items-xxl-center { + align-items: center !important; + } + + .align-items-xxl-baseline { + align-items: baseline !important; + } + + .align-items-xxl-stretch { + align-items: stretch !important; + } + + .align-content-xxl-start { + align-content: flex-start !important; + } + + .align-content-xxl-end { + align-content: flex-end !important; + } + + .align-content-xxl-center { + align-content: center !important; + } + + .align-content-xxl-between { + align-content: space-between !important; + } + + .align-content-xxl-around { + align-content: space-around !important; + } + + .align-content-xxl-stretch { + align-content: stretch !important; + } + + .align-self-xxl-auto { + align-self: auto !important; + } + + .align-self-xxl-start { + align-self: flex-start !important; + } + + .align-self-xxl-end { + align-self: flex-end !important; + } + + .align-self-xxl-center { + align-self: center !important; + } + + .align-self-xxl-baseline { + align-self: baseline !important; + } + + .align-self-xxl-stretch { + align-self: stretch !important; + } + + .order-xxl-first { + order: -1 !important; + } + + .order-xxl-0 { + order: 0 !important; + } + + .order-xxl-1 { + order: 1 !important; + } + + .order-xxl-2 { + order: 2 !important; + } + + .order-xxl-3 { + order: 3 !important; + } + + .order-xxl-4 { + order: 4 !important; + } + + .order-xxl-5 { + order: 5 !important; + } + + .order-xxl-last { + order: 6 !important; + } + + .m-xxl-0 { + margin: 0 !important; + } + + .m-xxl-1 { + margin: 0.25rem !important; + } + + .m-xxl-2 { + margin: 0.5rem !important; + } + + .m-xxl-3 { + margin: 1rem !important; + } + + .m-xxl-4 { + margin: 1.5rem !important; + } + + .m-xxl-5 { + margin: 3rem !important; + } + + .m-xxl-auto { + margin: auto !important; + } + + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xxl-0 { + margin-top: 0 !important; + } + + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + + .mt-xxl-3 { + margin-top: 1rem !important; + } + + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + + .mt-xxl-5 { + margin-top: 3rem !important; + } + + .mt-xxl-auto { + margin-top: auto !important; + } + + .me-xxl-0 { + margin-right: 0 !important; + } + + .me-xxl-1 { + margin-right: 0.25rem !important; + } + + .me-xxl-2 { + margin-right: 0.5rem !important; + } + + .me-xxl-3 { + margin-right: 1rem !important; + } + + .me-xxl-4 { + margin-right: 1.5rem !important; + } + + .me-xxl-5 { + margin-right: 3rem !important; + } + + .me-xxl-auto { + margin-right: auto !important; + } + + .mb-xxl-0 { + margin-bottom: 0 !important; + } + + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + + .mb-xxl-auto { + margin-bottom: auto !important; + } + + .mb-xxl-6 { + margin-bottom: 3.5rem !important; + } + + .mb-xxl-7 { + margin-bottom: 4rem !important; + } + + .mb-xxl-8 { + margin-bottom: 5rem !important; + } + + .mb-xxl-9 { + margin-bottom: 6rem !important; + } + + .mb-xxl-10 { + margin-bottom: 8rem !important; + } + + .mb-xxl-11 { + margin-bottom: 10rem !important; + } + + .mb-xxl-12 { + margin-bottom: 12rem !important; + } + + .mb-xxl-13 { + margin-bottom: 14rem !important; + } + + .mb-xxl-14 { + margin-bottom: 16rem !important; + } + + .ms-xxl-0 { + margin-left: 0 !important; + } + + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + + .ms-xxl-3 { + margin-left: 1rem !important; + } + + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + + .ms-xxl-5 { + margin-left: 3rem !important; + } + + .ms-xxl-auto { + margin-left: auto !important; + } + + .m-xxl-n1 { + margin: -0.25rem !important; + } + + .m-xxl-n2 { + margin: -0.5rem !important; + } + + .m-xxl-n3 { + margin: -1rem !important; + } + + .m-xxl-n4 { + margin: -1.5rem !important; + } + + .m-xxl-n5 { + margin: -3rem !important; + } + + .mx-xxl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xxl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xxl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xxl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xxl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-xxl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xxl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xxl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xxl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xxl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-xxl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xxl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xxl-n3 { + margin-top: -1rem !important; + } + + .mt-xxl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xxl-n5 { + margin-top: -3rem !important; + } + + .me-xxl-n1 { + margin-right: -0.25rem !important; + } + + .me-xxl-n2 { + margin-right: -0.5rem !important; + } + + .me-xxl-n3 { + margin-right: -1rem !important; + } + + .me-xxl-n4 { + margin-right: -1.5rem !important; + } + + .me-xxl-n5 { + margin-right: -3rem !important; + } + + .mb-xxl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xxl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xxl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xxl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xxl-n5 { + margin-bottom: -3rem !important; + } + + .ms-xxl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xxl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xxl-n3 { + margin-left: -1rem !important; + } + + .ms-xxl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xxl-n5 { + margin-left: -3rem !important; + } + + .p-xxl-0 { + padding: 0 !important; + } + + .p-xxl-1 { + padding: 0.25rem !important; + } + + .p-xxl-2 { + padding: 0.5rem !important; + } + + .p-xxl-3 { + padding: 1rem !important; + } + + .p-xxl-4 { + padding: 1.5rem !important; + } + + .p-xxl-5 { + padding: 3rem !important; + } + + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-xxl-0 { + padding-top: 0 !important; + } + + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + + .pt-xxl-3 { + padding-top: 1rem !important; + } + + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + + .pt-xxl-5 { + padding-top: 3rem !important; + } + + .pe-xxl-0 { + padding-right: 0 !important; + } + + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + + .pe-xxl-3 { + padding-right: 1rem !important; + } + + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + + .pe-xxl-5 { + padding-right: 3rem !important; + } + + .pb-xxl-0 { + padding-bottom: 0 !important; + } + + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + + .ps-xxl-0 { + padding-left: 0 !important; + } + + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + + .ps-xxl-3 { + padding-left: 1rem !important; + } + + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + + .ps-xxl-5 { + padding-left: 3rem !important; + } + + .gap-xxl-0 { + gap: 0 !important; + } + + .gap-xxl-1 { + gap: 0.25rem !important; + } + + .gap-xxl-2 { + gap: 0.5rem !important; + } + + .gap-xxl-3 { + gap: 1rem !important; + } + + .gap-xxl-4 { + gap: 1.5rem !important; + } + + .gap-xxl-5 { + gap: 3rem !important; + } + + .text-xxl-start { + text-align: left !important; + } + + .text-xxl-end { + text-align: right !important; + } + + .text-xxl-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .fs-1 { + font-size: 2.5rem !important; + } + + .fs-2 { + font-size: 2rem !important; + } + + .fs-3 { + font-size: 1.75rem !important; + } + + .fs-4 { + font-size: 1.5rem !important; + } +} + +@media print { + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-grid { + display: grid !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } + + .d-print-none { + display: none !important; + } +} + +/* Numeric */ +.diagonal-fractions { + font-variant-numeric: diagonal-fractions; +} + +/* Background colors */ +.bg-super-light { + --mdb-bg-super-light: #fbfbfb; + background-color: var(--mdb-bg-super-light); +} + +/* Background attachment */ +.bg-fixed { + background-attachment: fixed; +} + +.bg-local { + background-attachment: local; +} + +.bg-scroll { + background-attachment: scroll; +} + +/* Overflow */ +.overflow-y-scroll { + overflow-y: scroll; +} + +.overflow-x-scroll { + overflow-x: scroll; +} + +/* Tables */ +.table-fixed { + table-layout: fixed; +} + +.table-auto { + table-layout: auto; } .link-primary { - transition: color 0.15s; + transition: color 0.15s; } .link-secondary { - transition: color 0.15s; + transition: color 0.15s; } .link-success { - transition: color 0.15s; + transition: color 0.15s; } .link-danger { - transition: color 0.15s; + transition: color 0.15s; } .link-warning { - transition: color 0.15s; + transition: color 0.15s; } .link-info { - transition: color 0.15s; + transition: color 0.15s; } .link-light { - transition: color 0.15s; + transition: color 0.15s; } .link-dark { - transition: color 0.15s; + transition: color 0.15s; } :root { - --mdb-font-roboto: "Roboto", sans-serif; - --mdb-bg-opacity: 1; + --mdb-font-roboto: "Roboto", sans-serif; + --mdb-bg-opacity: 1; } hr:not([size]).hr { - --mdb-divider-height: 2px; - --mdb-divider-bg: hsl(0, 0%, 96%); - --mdb-divider-opacity: 1; - --mdb-divider-blurry-bg: transparent; - --mdb-divider-blurry-bg-image: linear-gradient(90deg, transparent, hsl(0, 0%, 40%), transparent); - --mdb-divider-blurry-height: 1px; - --mdb-divider-blurry-opacity: 0.25; - height: var(--mdb-divider-height); - background-color: var(--mdb-divider-bg); - opacity: var(--mdb-divider-opacity); + --mdb-divider-height: 2px; + --mdb-divider-bg: hsl(0, 0%, 96%); + --mdb-divider-opacity: 1; + --mdb-divider-blurry-bg: transparent; + --mdb-divider-blurry-bg-image: linear-gradient(90deg, transparent, hsl(0, 0%, 40%), transparent); + --mdb-divider-blurry-height: 1px; + --mdb-divider-blurry-opacity: 0.25; + height: var(--mdb-divider-height); + background-color: var(--mdb-divider-bg); + opacity: var(--mdb-divider-opacity); } + hr:not([size]).hr.hr-blurry { - background-color: var(--mdb-divider-blurry-bg); - background-image: var(--mdb-divider-blurry-bg-image); - height: var(--mdb-divider-blurry-height); - opacity: var(--mdb-divider-blurry-opacity); + background-color: var(--mdb-divider-blurry-bg); + background-image: var(--mdb-divider-blurry-bg-image); + height: var(--mdb-divider-blurry-height); + opacity: var(--mdb-divider-blurry-opacity); } + hr:not([size]).vr { - height: auto; + height: auto; } hr.hr, hr.vr { - border-top: none !important; + border-top: none !important; } .vr { - --mdb-divider-width: 2px; - --mdb-divider-bg: hsl(0, 0%, 96%); - --mdb-divider-opacity: 1; - width: var(--mdb-divider-width); - background-color: var(--mdb-divider-bg); - opacity: var(--mdb-divider-opacity); + --mdb-divider-width: 2px; + --mdb-divider-bg: hsl(0, 0%, 96%); + --mdb-divider-opacity: 1; + width: var(--mdb-divider-width); + background-color: var(--mdb-divider-bg); + opacity: var(--mdb-divider-opacity); } .vr-blurry { - --mdb-divider-blurry-vr-bg-image: linear-gradient(180deg, transparent, hsl(0, 0%, 40%), transparent); - --mdb-divider-blurry-vr-width: 1px; - --mdb-divider-blurry-opacity: 0.25; - background-image: var(--mdb-divider-blurry-vr-bg-image); - width: var(--mdb-divider-blurry-vr-width); - opacity: var(--mdb-divider-blurry-opacity); + --mdb-divider-blurry-vr-bg-image: linear-gradient(180deg, transparent, hsl(0, 0%, 40%), transparent); + --mdb-divider-blurry-vr-width: 1px; + --mdb-divider-blurry-opacity: 0.25; + background-image: var(--mdb-divider-blurry-vr-bg-image); + width: var(--mdb-divider-blurry-vr-width); + opacity: var(--mdb-divider-blurry-opacity); } a { - text-decoration: none; + text-decoration: none; } .note { - --mdb-note-padding: 10px; - --mdb-note-border-width: 6px; - --mdb-note-border-radius: 5px; - --mdb-note-strong-font-weight: 600; - padding: var(--mdb-note-padding); - border-left: var(--mdb-note-border-width) solid; - border-radius: var(--mdb-note-border-radius); + --mdb-note-padding: 10px; + --mdb-note-border-width: 6px; + --mdb-note-border-radius: 5px; + --mdb-note-strong-font-weight: 600; + padding: var(--mdb-note-padding); + border-left: var(--mdb-note-border-width) solid; + border-radius: var(--mdb-note-border-radius); } + .note strong { - font-weight: var(--mdb-note-strong-font-weight); + font-weight: var(--mdb-note-strong-font-weight); } .note-primary { - background-color: rgb(223, 231, 246); - border-color: rgb(55, 111, 200); + background-color: rgb(223, 231, 246); + border-color: rgb(55, 111, 200); } .note-secondary { - background-color: rgb(235, 237, 239); - border-color: rgb(86, 94, 108); + background-color: rgb(235, 237, 239); + border-color: rgb(86, 94, 108); } .note-success { - background-color: rgb(214, 240, 224); - border-color: rgb(19, 150, 71); + background-color: rgb(214, 240, 224); + border-color: rgb(19, 150, 71); } .note-danger { - background-color: rgb(249, 225, 229); - border-color: rgb(214, 46, 74); + background-color: rgb(249, 225, 229); + border-color: rgb(214, 46, 74); } .note-warning { - background-color: rgb(251, 240, 218); - border-color: rgb(161, 113, 18); + background-color: rgb(251, 240, 218); + border-color: rgb(161, 113, 18); } .note-info { - background-color: rgb(222, 241, 247); - border-color: rgb(38, 134, 166); + background-color: rgb(222, 241, 247); + border-color: rgb(38, 134, 166); } .note-light { - background-color: rgb(245, 245, 245); - border-color: rgb(140, 140, 140); + background-color: rgb(245, 245, 245); + border-color: rgb(140, 140, 140); } .note-dark { - background-color: rgb(51, 46, 46); - border-color: rgb(232, 232, 232); + background-color: rgb(51, 46, 46); + border-color: rgb(232, 232, 232); } @media (min-width: 1199px) { - .w-responsive { - width: 75%; - } + .w-responsive { + width: 75%; + } } .bg-primary { - --mdb--bg-opacity: 1; - background-color: rgba(59, 113, 202, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(59, 113, 202, var(--mdb--bg-opacity)); } .bg-secondary { - --mdb--bg-opacity: 1; - background-color: rgba(159, 166, 178, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(159, 166, 178, var(--mdb--bg-opacity)); } .bg-success { - --mdb--bg-opacity: 1; - background-color: rgba(20, 164, 77, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(20, 164, 77, var(--mdb--bg-opacity)); } .bg-danger { - --mdb--bg-opacity: 1; - background-color: rgba(220, 76, 100, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(220, 76, 100, var(--mdb--bg-opacity)); } .bg-warning { - --mdb--bg-opacity: 1; - background-color: rgba(228, 161, 27, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(228, 161, 27, var(--mdb--bg-opacity)); } .bg-info { - --mdb--bg-opacity: 1; - background-color: rgba(84, 180, 211, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(84, 180, 211, var(--mdb--bg-opacity)); } .bg-light { - --mdb--bg-opacity: 1; - background-color: rgba(251, 251, 251, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(251, 251, 251, var(--mdb--bg-opacity)); } .bg-dark { - --mdb--bg-opacity: 1; - background-color: rgba(51, 45, 45, var(--mdb--bg-opacity)); + --mdb--bg-opacity: 1; + background-color: rgba(51, 45, 45, var(--mdb--bg-opacity)); } /*! @@ -12211,4015 +14011,4690 @@ a { Flag *******************************/ #mdb-table-flag tr { - cursor: pointer; + cursor: pointer; } .mdb-flag-selected { - border-top-left-radius: 5px; - border-top-right-radius: 5px; - text-align: center; - max-width: 150px; - margin: 0 auto; - margin-top: 10px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + text-align: center; + max-width: 150px; + margin: 0 auto; + margin-top: 10px; } .mdb-selected-flag-text { - margin: 0 auto; - max-width: 150px; + margin: 0 auto; + max-width: 150px; } i.flag:not(.icon) { - display: inline-block; - width: 16px; - height: 11px; - margin: 0 0.5em 0 0; - line-height: 11px; - text-decoration: inherit; - vertical-align: baseline; - backface-visibility: hidden; + display: inline-block; + width: 16px; + height: 11px; + margin: 0 0.5em 0 0; + line-height: 11px; + text-decoration: inherit; + vertical-align: baseline; + backface-visibility: hidden; } /* Sprite */ i.flag { - /* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */ - /******************************* + /* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */ + /******************************* Theme Overrides *******************************/ } + i.flag::before { - display: inline-block; - width: 16px; - height: 11px; - content: ""; - background: url("https://mdbootstrap.com/img/svg/flags.png") no-repeat -108px -1976px; + display: inline-block; + width: 16px; + height: 11px; + content: ""; + background: url("https://mdbootstrap.com/img/svg/flags.png") no-repeat -108px -1976px; } + i.flag-ad:before, i.flag-andorra:before { - background-position: 0 0 !important; + background-position: 0 0 !important; } + i.flag-ae:before, i.flag-united-arab-emirates:before, i.flag-uae:before { - background-position: 0 -26px !important; + background-position: 0 -26px !important; } + i.flag-af:before, i.flag-afghanistan:before { - background-position: 0 -52px !important; + background-position: 0 -52px !important; } + i.flag-ag:before, i.flag-antigua:before { - background-position: 0 -78px !important; + background-position: 0 -78px !important; } + i.flag-ai:before, i.flag-anguilla:before { - background-position: 0 -104px !important; + background-position: 0 -104px !important; } + i.flag-al:before, i.flag-albania:before { - background-position: 0 -130px !important; + background-position: 0 -130px !important; } + i.flag-am:before, i.flag-armenia:before { - background-position: 0 -156px !important; + background-position: 0 -156px !important; } + i.flag-an:before, i.flag-netherlands-antilles:before { - background-position: 0 -182px !important; + background-position: 0 -182px !important; } + i.flag-ao:before, i.flag-angola:before { - background-position: 0 -208px !important; + background-position: 0 -208px !important; } + i.flag-ar:before, i.flag-argentina:before { - background-position: 0 -234px !important; + background-position: 0 -234px !important; } + i.flag-as:before, i.flag-american-samoa:before { - background-position: 0 -260px !important; + background-position: 0 -260px !important; } + i.flag-at:before, i.flag-austria:before { - background-position: 0 -286px !important; + background-position: 0 -286px !important; } + i.flag-au:before, i.flag-australia:before { - background-position: 0 -312px !important; + background-position: 0 -312px !important; } + i.flag-aw:before, i.flag-aruba:before { - background-position: 0 -338px !important; + background-position: 0 -338px !important; } + i.flag-ax:before, i.flag-aland-islands:before { - background-position: 0 -364px !important; + background-position: 0 -364px !important; } + i.flag-az:before, i.flag-azerbaijan:before { - background-position: 0 -390px !important; + background-position: 0 -390px !important; } + i.flag-ba:before, i.flag-bosnia:before { - background-position: 0 -416px !important; + background-position: 0 -416px !important; } + i.flag-bb:before, i.flag-barbados:before { - background-position: 0 -442px !important; + background-position: 0 -442px !important; } + i.flag-bd:before, i.flag-bangladesh:before { - background-position: 0 -468px !important; + background-position: 0 -468px !important; } + i.flag-be:before, i.flag-belgium:before { - background-position: 0 -494px !important; + background-position: 0 -494px !important; } + i.flag-bf:before, i.flag-burkina-faso:before { - background-position: 0 -520px !important; + background-position: 0 -520px !important; } + i.flag-bg:before, i.flag-bulgaria:before { - background-position: 0 -546px !important; + background-position: 0 -546px !important; } + i.flag-bh:before, i.flag-bahrain:before { - background-position: 0 -572px !important; + background-position: 0 -572px !important; } + i.flag-bi:before, i.flag-burundi:before { - background-position: 0 -598px !important; + background-position: 0 -598px !important; } + i.flag-bj:before, i.flag-benin:before { - background-position: 0 -624px !important; + background-position: 0 -624px !important; } + i.flag-bm:before, i.flag-bermuda:before { - background-position: 0 -650px !important; + background-position: 0 -650px !important; } + i.flag-bn:before, i.flag-brunei:before { - background-position: 0 -676px !important; + background-position: 0 -676px !important; } + i.flag-bo:before, i.flag-bolivia:before { - background-position: 0 -702px !important; + background-position: 0 -702px !important; } + i.flag-br:before, i.flag-brazil:before { - background-position: 0 -728px !important; + background-position: 0 -728px !important; } + i.flag-bs:before, i.flag-bahamas:before { - background-position: 0 -754px !important; + background-position: 0 -754px !important; } + i.flag-bt:before, i.flag-bhutan:before { - background-position: 0 -780px !important; + background-position: 0 -780px !important; } + i.flag-bv:before, i.flag-bouvet-island:before { - background-position: 0 -806px !important; + background-position: 0 -806px !important; } + i.flag-bw:before, i.flag-botswana:before { - background-position: 0 -832px !important; + background-position: 0 -832px !important; } + i.flag-by:before, i.flag-belarus:before { - background-position: 0 -858px !important; + background-position: 0 -858px !important; } + i.flag-bz:before, i.flag-belize:before { - background-position: 0 -884px !important; + background-position: 0 -884px !important; } + i.flag-ca:before, i.flag-canada:before { - background-position: 0 -910px !important; + background-position: 0 -910px !important; } + i.flag-cc:before, i.flag-cocos-islands:before { - background-position: 0 -962px !important; + background-position: 0 -962px !important; } + i.flag-cd:before, i.flag-congo:before { - background-position: 0 -988px !important; + background-position: 0 -988px !important; } + i.flag-cf:before, i.flag-central-african-republic:before { - background-position: 0 -1014px !important; + background-position: 0 -1014px !important; } + i.flag-cg:before, i.flag-congo-brazzaville:before { - background-position: 0 -1040px !important; + background-position: 0 -1040px !important; } + i.flag-ch:before, i.flag-switzerland:before { - background-position: 0 -1066px !important; + background-position: 0 -1066px !important; } + i.flag-ci:before, i.flag-cote-divoire:before { - background-position: 0 -1092px !important; + background-position: 0 -1092px !important; } + i.flag-ck:before, i.flag-cook-islands:before { - background-position: 0 -1118px !important; + background-position: 0 -1118px !important; } + i.flag-cl:before, i.flag-chile:before { - background-position: 0 -1144px !important; + background-position: 0 -1144px !important; } + i.flag-cm:before, i.flag-cameroon:before { - background-position: 0 -1170px !important; + background-position: 0 -1170px !important; } + i.flag-cn:before, i.flag-china:before { - background-position: 0 -1196px !important; + background-position: 0 -1196px !important; } + i.flag-co:before, i.flag-colombia:before { - background-position: 0 -1222px !important; + background-position: 0 -1222px !important; } + i.flag-cr:before, i.flag-costa-rica:before { - background-position: 0 -1248px !important; + background-position: 0 -1248px !important; } + i.flag-cs:before, i.flag-serbia:before { - background-position: 0 -1274px !important; + background-position: 0 -1274px !important; } + i.flag-cu:before, i.flag-cuba:before { - background-position: 0 -1300px !important; + background-position: 0 -1300px !important; } + i.flag-cv:before, i.flag-cape-verde:before { - background-position: 0 -1326px !important; + background-position: 0 -1326px !important; } + i.flag-cx:before, i.flag-christmas-island:before { - background-position: 0 -1352px !important; + background-position: 0 -1352px !important; } + i.flag-cy:before, i.flag-cyprus:before { - background-position: 0 -1378px !important; + background-position: 0 -1378px !important; } + i.flag-cz:before, i.flag-czech-republic:before { - background-position: 0 -1404px !important; + background-position: 0 -1404px !important; } + i.flag-de:before, i.flag-germany:before { - background-position: 0 -1430px !important; + background-position: 0 -1430px !important; } + i.flag-dj:before, i.flag-djibouti:before { - background-position: 0 -1456px !important; + background-position: 0 -1456px !important; } + i.flag-dk:before, i.flag-denmark:before { - background-position: 0 -1482px !important; + background-position: 0 -1482px !important; } + i.flag-dm:before, i.flag-dominica:before { - background-position: 0 -1508px !important; + background-position: 0 -1508px !important; } + i.flag-do:before, i.flag-dominican-republic:before { - background-position: 0 -1534px !important; + background-position: 0 -1534px !important; } + i.flag-dz:before, i.flag-algeria:before { - background-position: 0 -1560px !important; + background-position: 0 -1560px !important; } + i.flag-ec:before, i.flag-ecuador:before { - background-position: 0 -1586px !important; + background-position: 0 -1586px !important; } + i.flag-ee:before, i.flag-estonia:before { - background-position: 0 -1612px !important; + background-position: 0 -1612px !important; } + i.flag-eg:before, i.flag-egypt:before { - background-position: 0 -1638px !important; + background-position: 0 -1638px !important; } + i.flag-eh:before, i.flag-western-sahara:before { - background-position: 0 -1664px !important; + background-position: 0 -1664px !important; } + i.flag-gb-eng:before, i.flag-england:before { - background-position: 0 -1690px !important; + background-position: 0 -1690px !important; } + i.flag-er:before, i.flag-eritrea:before { - background-position: 0 -1716px !important; + background-position: 0 -1716px !important; } + i.flag-es:before, i.flag-spain:before { - background-position: 0 -1742px !important; + background-position: 0 -1742px !important; } + i.flag-et:before, i.flag-ethiopia:before { - background-position: 0 -1768px !important; + background-position: 0 -1768px !important; } + i.flag-eu:before, i.flag-european-union:before { - background-position: 0 -1794px !important; + background-position: 0 -1794px !important; } + i.flag-fi:before, i.flag-finland:before { - background-position: 0 -1846px !important; + background-position: 0 -1846px !important; } + i.flag-fj:before, i.flag-fiji:before { - background-position: 0 -1872px !important; + background-position: 0 -1872px !important; } + i.flag-fk:before, i.flag-falkland-islands:before { - background-position: 0 -1898px !important; + background-position: 0 -1898px !important; } + i.flag-fm:before, i.flag-micronesia:before { - background-position: 0 -1924px !important; + background-position: 0 -1924px !important; } + i.flag-fo:before, i.flag-faroe-islands:before { - background-position: 0 -1950px !important; + background-position: 0 -1950px !important; } + i.flag-fr:before, i.flag-france:before { - background-position: 0 -1976px !important; + background-position: 0 -1976px !important; } + i.flag-ga:before, i.flag-gabon:before { - background-position: -36px 0 !important; + background-position: -36px 0 !important; } + i.flag-gb:before, i.flag-uk:before, i.flag-united-kingdom:before { - background-position: -36px -26px !important; + background-position: -36px -26px !important; } + i.flag-gd:before, i.flag-grenada:before { - background-position: -36px -52px !important; + background-position: -36px -52px !important; } + i.flag-ge:before, i.flag-georgia:before { - background-position: -36px -78px !important; + background-position: -36px -78px !important; } + i.flag-gf:before, i.flag-french-guiana:before { - background-position: -36px -104px !important; + background-position: -36px -104px !important; } + i.flag-gh:before, i.flag-ghana:before { - background-position: -36px -130px !important; + background-position: -36px -130px !important; } + i.flag-gi:before, i.flag-gibraltar:before { - background-position: -36px -156px !important; + background-position: -36px -156px !important; } + i.flag-gl:before, i.flag-greenland:before { - background-position: -36px -182px !important; + background-position: -36px -182px !important; } + i.flag-gm:before, i.flag-gambia:before { - background-position: -36px -208px !important; + background-position: -36px -208px !important; } + i.flag-gn:before, i.flag-guinea:before { - background-position: -36px -234px !important; + background-position: -36px -234px !important; } + i.flag-gp:before, i.flag-guadeloupe:before { - background-position: -36px -260px !important; + background-position: -36px -260px !important; } + i.flag-gq:before, i.flag-equatorial-guinea:before { - background-position: -36px -286px !important; + background-position: -36px -286px !important; } + i.flag-gr:before, i.flag-greece:before { - background-position: -36px -312px !important; + background-position: -36px -312px !important; } + i.flag-gs:before, i.flag-sandwich-islands:before { - background-position: -36px -338px !important; + background-position: -36px -338px !important; } + i.flag-gt:before, i.flag-guatemala:before { - background-position: -36px -364px !important; + background-position: -36px -364px !important; } + i.flag-gu:before, i.flag-guam:before { - background-position: -36px -390px !important; + background-position: -36px -390px !important; } + i.flag-gw:before, i.flag-guinea-bissau:before { - background-position: -36px -416px !important; + background-position: -36px -416px !important; } + i.flag-gy:before, i.flag-guyana:before { - background-position: -36px -442px !important; + background-position: -36px -442px !important; } + i.flag-hk:before, i.flag-hong-kong:before { - background-position: -36px -468px !important; + background-position: -36px -468px !important; } + i.flag-hm:before, i.flag-heard-island:before { - background-position: -36px -494px !important; + background-position: -36px -494px !important; } + i.flag-hn:before, i.flag-honduras:before { - background-position: -36px -520px !important; + background-position: -36px -520px !important; } + i.flag-hr:before, i.flag-croatia:before { - background-position: -36px -546px !important; + background-position: -36px -546px !important; } + i.flag-ht:before, i.flag-haiti:before { - background-position: -36px -572px !important; + background-position: -36px -572px !important; } + i.flag-hu:before, i.flag-hungary:before { - background-position: -36px -598px !important; + background-position: -36px -598px !important; } + i.flag-id:before, i.flag-indonesia:before { - background-position: -36px -624px !important; + background-position: -36px -624px !important; } + i.flag-ie:before, i.flag-ireland:before { - background-position: -36px -650px !important; + background-position: -36px -650px !important; } + i.flag-il:before, i.flag-israel:before { - background-position: -36px -676px !important; + background-position: -36px -676px !important; } + i.flag-in:before, i.flag-india:before { - background-position: -36px -702px !important; + background-position: -36px -702px !important; } + i.flag-io:before, i.flag-indian-ocean-territory:before { - background-position: -36px -728px !important; + background-position: -36px -728px !important; } + i.flag-iq:before, i.flag-iraq:before { - background-position: -36px -754px !important; + background-position: -36px -754px !important; } + i.flag-ir:before, i.flag-iran:before { - background-position: -36px -780px !important; + background-position: -36px -780px !important; } + i.flag-is:before, i.flag-iceland:before { - background-position: -36px -806px !important; + background-position: -36px -806px !important; } + i.flag-it:before, i.flag-italy:before { - background-position: -36px -832px !important; + background-position: -36px -832px !important; } + i.flag-jm:before, i.flag-jamaica:before { - background-position: -36px -858px !important; + background-position: -36px -858px !important; } + i.flag-jo:before, i.flag-jordan:before { - background-position: -36px -884px !important; + background-position: -36px -884px !important; } + i.flag-jp:before, i.flag-japan:before { - background-position: -36px -910px !important; + background-position: -36px -910px !important; } + i.flag-ke:before, i.flag-kenya:before { - background-position: -36px -936px !important; + background-position: -36px -936px !important; } + i.flag-kg:before, i.flag-kyrgyzstan:before { - background-position: -36px -962px !important; + background-position: -36px -962px !important; } + i.flag-kh:before, i.flag-cambodia:before { - background-position: -36px -988px !important; + background-position: -36px -988px !important; } + i.flag-ki:before, i.flag-kiribati:before { - background-position: -36px -1014px !important; + background-position: -36px -1014px !important; } + i.flag-km:before, i.flag-comoros:before { - background-position: -36px -1040px !important; + background-position: -36px -1040px !important; } + i.flag-kn:before, i.flag-saint-kitts-and-nevis:before { - background-position: -36px -1066px !important; + background-position: -36px -1066px !important; } + i.flag-kp:before, i.flag-north-korea:before { - background-position: -36px -1092px !important; + background-position: -36px -1092px !important; } + i.flag-kr:before, i.flag-south-korea:before { - background-position: -36px -1118px !important; + background-position: -36px -1118px !important; } + i.flag-kw:before, i.flag-kuwait:before { - background-position: -36px -1144px !important; + background-position: -36px -1144px !important; } + i.flag-ky:before, i.flag-cayman-islands:before { - background-position: -36px -1170px !important; + background-position: -36px -1170px !important; } + i.flag-kz:before, i.flag-kazakhstan:before { - background-position: -36px -1196px !important; + background-position: -36px -1196px !important; } + i.flag-la:before, i.flag-laos:before { - background-position: -36px -1222px !important; + background-position: -36px -1222px !important; } + i.flag-lb:before, i.flag-lebanon:before { - background-position: -36px -1248px !important; + background-position: -36px -1248px !important; } + i.flag-lc:before, i.flag-saint-lucia:before { - background-position: -36px -1274px !important; + background-position: -36px -1274px !important; } + i.flag-li:before, i.flag-liechtenstein:before { - background-position: -36px -1300px !important; + background-position: -36px -1300px !important; } + i.flag-lk:before, i.flag-sri-lanka:before { - background-position: -36px -1326px !important; + background-position: -36px -1326px !important; } + i.flag-lr:before, i.flag-liberia:before { - background-position: -36px -1352px !important; + background-position: -36px -1352px !important; } + i.flag-ls:before, i.flag-lesotho:before { - background-position: -36px -1378px !important; + background-position: -36px -1378px !important; } + i.flag-lt:before, i.flag-lithuania:before { - background-position: -36px -1404px !important; + background-position: -36px -1404px !important; } + i.flag-lu:before, i.flag-luxembourg:before { - background-position: -36px -1430px !important; + background-position: -36px -1430px !important; } + i.flag-lv:before, i.flag-latvia:before { - background-position: -36px -1456px !important; + background-position: -36px -1456px !important; } + i.flag-ly:before, i.flag-libya:before { - background-position: -36px -1482px !important; + background-position: -36px -1482px !important; } + i.flag-ma:before, i.flag-morocco:before { - background-position: -36px -1508px !important; + background-position: -36px -1508px !important; } + i.flag-mc:before, i.flag-monaco:before { - background-position: -36px -1534px !important; + background-position: -36px -1534px !important; } + i.flag-md:before, i.flag-moldova:before { - background-position: -36px -1560px !important; + background-position: -36px -1560px !important; } + i.flag-me:before, i.flag-montenegro:before { - background-position: -36px -1586px !important; + background-position: -36px -1586px !important; } + i.flag-mg:before, i.flag-madagascar:before { - background-position: -36px -1613px !important; + background-position: -36px -1613px !important; } + i.flag-mh:before, i.flag-marshall-islands:before { - background-position: -36px -1639px !important; + background-position: -36px -1639px !important; } + i.flag-mk:before, i.flag-macedonia:before { - background-position: -36px -1665px !important; + background-position: -36px -1665px !important; } + i.flag-ml:before, i.flag-mali:before { - background-position: -36px -1691px !important; + background-position: -36px -1691px !important; } + i.flag-mm:before, i.flag-myanmar:before, i.flag-burma:before { - background-position: -73px -1821px !important; + background-position: -73px -1821px !important; } + i.flag-mn:before, i.flag-mongolia:before { - background-position: -36px -1743px !important; + background-position: -36px -1743px !important; } + i.flag-mo:before, i.flag-macau:before { - background-position: -36px -1769px !important; + background-position: -36px -1769px !important; } + i.flag-mp:before, i.flag-northern-mariana-islands:before { - background-position: -36px -1795px !important; + background-position: -36px -1795px !important; } + i.flag-mq:before, i.flag-martinique:before { - background-position: -36px -1821px !important; + background-position: -36px -1821px !important; } + i.flag-mr:before, i.flag-mauritania:before { - background-position: -36px -1847px !important; + background-position: -36px -1847px !important; } + i.flag-ms:before, i.flag-montserrat:before { - background-position: -36px -1873px !important; + background-position: -36px -1873px !important; } + i.flag-mt:before, i.flag-malta:before { - background-position: -36px -1899px !important; + background-position: -36px -1899px !important; } + i.flag-mu:before, i.flag-mauritius:before { - background-position: -36px -1925px !important; + background-position: -36px -1925px !important; } + i.flag-mv:before, i.flag-maldives:before { - background-position: -36px -1951px !important; + background-position: -36px -1951px !important; } + i.flag-mw:before, i.flag-malawi:before { - background-position: -36px -1977px !important; + background-position: -36px -1977px !important; } + i.flag-mx:before, i.flag-mexico:before { - background-position: -72px 0 !important; + background-position: -72px 0 !important; } + i.flag-my:before, i.flag-malaysia:before { - background-position: -72px -26px !important; + background-position: -72px -26px !important; } + i.flag-mz:before, i.flag-mozambique:before { - background-position: -72px -52px !important; + background-position: -72px -52px !important; } + i.flag-na:before, i.flag-namibia:before { - background-position: -72px -78px !important; + background-position: -72px -78px !important; } + i.flag-nc:before, i.flag-new-caledonia:before { - background-position: -72px -104px !important; + background-position: -72px -104px !important; } + i.flag-ne:before, i.flag-niger:before { - background-position: -72px -130px !important; + background-position: -72px -130px !important; } + i.flag-nf:before, i.flag-norfolk-island:before { - background-position: -72px -156px !important; + background-position: -72px -156px !important; } + i.flag-ng:before, i.flag-nigeria:before { - background-position: -72px -182px !important; + background-position: -72px -182px !important; } + i.flag-ni:before, i.flag-nicaragua:before { - background-position: -72px -208px !important; + background-position: -72px -208px !important; } + i.flag-nl:before, i.flag-netherlands:before { - background-position: -72px -234px !important; + background-position: -72px -234px !important; } + i.flag-no:before, i.flag-norway:before { - background-position: -72px -260px !important; + background-position: -72px -260px !important; } + i.flag-np:before, i.flag-nepal:before { - background-position: -72px -286px !important; + background-position: -72px -286px !important; } + i.flag-nr:before, i.flag-nauru:before { - background-position: -72px -312px !important; + background-position: -72px -312px !important; } + i.flag-nu:before, i.flag-niue:before { - background-position: -72px -338px !important; + background-position: -72px -338px !important; } + i.flag-nz:before, i.flag-new-zealand:before { - background-position: -72px -364px !important; + background-position: -72px -364px !important; } + i.flag-om:before, i.flag-oman:before { - background-position: -72px -390px !important; + background-position: -72px -390px !important; } + i.flag-pa:before, i.flag-panama:before { - background-position: -72px -416px !important; + background-position: -72px -416px !important; } + i.flag-pe:before, i.flag-peru:before { - background-position: -72px -442px !important; + background-position: -72px -442px !important; } + i.flag-pf:before, i.flag-french-polynesia:before { - background-position: -72px -468px !important; + background-position: -72px -468px !important; } + i.flag-pg:before, i.flag-new-guinea:before { - background-position: -72px -494px !important; + background-position: -72px -494px !important; } + i.flag-ph:before, i.flag-philippines:before { - background-position: -72px -520px !important; + background-position: -72px -520px !important; } + i.flag-pk:before, i.flag-pakistan:before { - background-position: -72px -546px !important; + background-position: -72px -546px !important; } + i.flag-pl:before, i.flag-poland:before { - background-position: -72px -572px !important; + background-position: -72px -572px !important; } + i.flag-pm:before, i.flag-saint-pierre:before { - background-position: -72px -598px !important; + background-position: -72px -598px !important; } + i.flag-pn:before, i.flag-pitcairn-islands:before { - background-position: -72px -624px !important; + background-position: -72px -624px !important; } + i.flag-pr:before, i.flag-puerto-rico:before { - background-position: -72px -650px !important; + background-position: -72px -650px !important; } + i.flag-ps:before, i.flag-palestine:before { - background-position: -72px -676px !important; + background-position: -72px -676px !important; } + i.flag-pt:before, i.flag-portugal:before { - background-position: -72px -702px !important; + background-position: -72px -702px !important; } + i.flag-pw:before, i.flag-palau:before { - background-position: -72px -728px !important; + background-position: -72px -728px !important; } + i.flag-py:before, i.flag-paraguay:before { - background-position: -72px -754px !important; + background-position: -72px -754px !important; } + i.flag-qa:before, i.flag-qatar:before { - background-position: -72px -780px !important; + background-position: -72px -780px !important; } + i.flag-re:before, i.flag-reunion:before { - background-position: -72px -806px !important; + background-position: -72px -806px !important; } + i.flag-ro:before, i.flag-romania:before { - background-position: -72px -832px !important; + background-position: -72px -832px !important; } + i.flag-rs:before, i.flag-serbia:before { - background-position: -72px -858px !important; + background-position: -72px -858px !important; } + i.flag-ru:before, i.flag-russia:before { - background-position: -72px -884px !important; + background-position: -72px -884px !important; } + i.flag-rw:before, i.flag-rwanda:before { - background-position: -72px -910px !important; + background-position: -72px -910px !important; } + i.flag-sa:before, i.flag-saudi-arabia:before { - background-position: -72px -936px !important; + background-position: -72px -936px !important; } + i.flag-sb:before, i.flag-solomon-islands:before { - background-position: -72px -962px !important; + background-position: -72px -962px !important; } + i.flag-sc:before, i.flag-seychelles:before { - background-position: -72px -988px !important; + background-position: -72px -988px !important; } + i.flag-gb-sct:before, i.flag-scotland:before { - background-position: -72px -1014px !important; + background-position: -72px -1014px !important; } + i.flag-sd:before, i.flag-sudan:before { - background-position: -72px -1040px !important; + background-position: -72px -1040px !important; } + i.flag-se:before, i.flag-sweden:before { - background-position: -72px -1066px !important; + background-position: -72px -1066px !important; } + i.flag-sg:before, i.flag-singapore:before { - background-position: -72px -1092px !important; + background-position: -72px -1092px !important; } + i.flag-sh:before, i.flag-saint-helena:before { - background-position: -72px -1118px !important; + background-position: -72px -1118px !important; } + i.flag-si:before, i.flag-slovenia:before { - background-position: -72px -1144px !important; + background-position: -72px -1144px !important; } + i.flag-sj:before, i.flag-svalbard:before, i.flag-jan-mayen:before { - background-position: -72px -1170px !important; + background-position: -72px -1170px !important; } + i.flag-sk:before, i.flag-slovakia:before { - background-position: -72px -1196px !important; + background-position: -72px -1196px !important; } + i.flag-sl:before, i.flag-sierra-leone:before { - background-position: -72px -1222px !important; + background-position: -72px -1222px !important; } + i.flag-sm:before, i.flag-san-marino:before { - background-position: -72px -1248px !important; + background-position: -72px -1248px !important; } + i.flag-sn:before, i.flag-senegal:before { - background-position: -72px -1274px !important; + background-position: -72px -1274px !important; } + i.flag-so:before, i.flag-somalia:before { - background-position: -72px -1300px !important; + background-position: -72px -1300px !important; } + i.flag-sr:before, i.flag-suriname:before { - background-position: -72px -1326px !important; + background-position: -72px -1326px !important; } + i.flag-st:before, i.flag-sao-tome:before { - background-position: -72px -1352px !important; + background-position: -72px -1352px !important; } + i.flag-sv:before, i.flag-el-salvador:before { - background-position: -72px -1378px !important; + background-position: -72px -1378px !important; } + i.flag-sy:before, i.flag-syria:before { - background-position: -72px -1404px !important; + background-position: -72px -1404px !important; } + i.flag-sz:before, i.flag-swaziland:before { - background-position: -72px -1430px !important; + background-position: -72px -1430px !important; } + i.flag-tc:before, i.flag-caicos-islands:before { - background-position: -72px -1456px !important; + background-position: -72px -1456px !important; } + i.flag-td:before, i.flag-chad:before { - background-position: -72px -1482px !important; + background-position: -72px -1482px !important; } + i.flag-tf:before, i.flag-french-territories:before { - background-position: -72px -1508px !important; + background-position: -72px -1508px !important; } + i.flag-tg:before, i.flag-togo:before { - background-position: -72px -1534px !important; + background-position: -72px -1534px !important; } + i.flag-th:before, i.flag-thailand:before { - background-position: -72px -1560px !important; + background-position: -72px -1560px !important; } + i.flag-tj:before, i.flag-tajikistan:before { - background-position: -72px -1586px !important; + background-position: -72px -1586px !important; } + i.flag-tk:before, i.flag-tokelau:before { - background-position: -72px -1612px !important; + background-position: -72px -1612px !important; } + i.flag-tl:before, i.flag-timorleste:before { - background-position: -72px -1638px !important; + background-position: -72px -1638px !important; } + i.flag-tm:before, i.flag-turkmenistan:before { - background-position: -72px -1664px !important; + background-position: -72px -1664px !important; } + i.flag-tn:before, i.flag-tunisia:before { - background-position: -72px -1690px !important; + background-position: -72px -1690px !important; } + i.flag-to:before, i.flag-tonga:before { - background-position: -72px -1716px !important; + background-position: -72px -1716px !important; } + i.flag-tr:before, i.flag-turkey:before { - background-position: -72px -1742px !important; + background-position: -72px -1742px !important; } + i.flag-tt:before, i.flag-trinidad:before { - background-position: -72px -1768px !important; + background-position: -72px -1768px !important; } + i.flag-tv:before, i.flag-tuvalu:before { - background-position: -72px -1794px !important; + background-position: -72px -1794px !important; } + i.flag-tw:before, i.flag-taiwan:before { - background-position: -72px -1820px !important; + background-position: -72px -1820px !important; } + i.flag-tz:before, i.flag-tanzania:before { - background-position: -72px -1846px !important; + background-position: -72px -1846px !important; } + i.flag-ua:before, i.flag-ukraine:before { - background-position: -72px -1872px !important; + background-position: -72px -1872px !important; } + i.flag-ug:before, i.flag-uganda:before { - background-position: -72px -1898px !important; + background-position: -72px -1898px !important; } + i.flag-um:before, i.flag-us-minor-islands:before { - background-position: -72px -1924px !important; + background-position: -72px -1924px !important; } + i.flag-us:before, i.flag-america:before, i.flag-united-states:before { - background-position: -72px -1950px !important; + background-position: -72px -1950px !important; } + i.flag-uy:before, i.flag-uruguay:before { - background-position: -72px -1976px !important; + background-position: -72px -1976px !important; } + i.flag-uz:before, i.flag-uzbekistan:before { - background-position: -108px 0 !important; + background-position: -108px 0 !important; } + i.flag-va:before, i.flag-vatican-city:before { - background-position: -108px -26px !important; + background-position: -108px -26px !important; } + i.flag-vc:before, i.flag-saint-vincent:before { - background-position: -108px -52px !important; + background-position: -108px -52px !important; } + i.flag-ve:before, i.flag-venezuela:before { - background-position: -108px -78px !important; + background-position: -108px -78px !important; } + i.flag-vg:before, i.flag-british-virgin-islands:before { - background-position: -108px -104px !important; + background-position: -108px -104px !important; } + i.flag-vi:before, i.flag-us-virgin-islands:before { - background-position: -108px -130px !important; + background-position: -108px -130px !important; } + i.flag-vn:before, i.flag-vietnam:before { - background-position: -108px -156px !important; + background-position: -108px -156px !important; } + i.flag-vu:before, i.flag-vanuatu:before { - background-position: -108px -182px !important; + background-position: -108px -182px !important; } + i.flag-gb-wls:before, i.flag-wales:before { - background-position: -108px -208px !important; + background-position: -108px -208px !important; } + i.flag-wf:before, i.flag-wallis-and-futuna:before { - background-position: -108px -234px !important; + background-position: -108px -234px !important; } + i.flag-ws:before, i.flag-samoa:before { - background-position: -108px -260px !important; + background-position: -108px -260px !important; } + i.flag-ye:before, i.flag-yemen:before { - background-position: -108px -286px !important; + background-position: -108px -286px !important; } + i.flag-yt:before, i.flag-mayotte:before { - background-position: -108px -312px !important; + background-position: -108px -312px !important; } + i.flag-za:before, i.flag-south-africa:before { - background-position: -108px -338px !important; + background-position: -108px -338px !important; } + i.flag-zm:before, i.flag-zambia:before { - background-position: -108px -364px !important; + background-position: -108px -364px !important; } + i.flag-zw:before, i.flag-zimbabwe:before { - background-position: -108px -390px !important; + background-position: -108px -390px !important; } /******************************* Site Overrides *******************************/ .bg-fixed { - background-attachment: fixed; + background-attachment: fixed; } .bg-image { - position: relative; - overflow: hidden; - background-repeat: no-repeat; - background-size: cover; - background-position: center center; + position: relative; + overflow: hidden; + background-repeat: no-repeat; + background-size: cover; + background-position: center center; } .mask { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - overflow: hidden; - background-attachment: fixed; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + background-attachment: fixed; } .hover-overlay .mask { - --mdb-image-hover-transition: all 0.3s ease-in-out; - opacity: 0; - transition: var(--mdb-image-hover-transition); + --mdb-image-hover-transition: all 0.3s ease-in-out; + opacity: 0; + transition: var(--mdb-image-hover-transition); } + .hover-overlay .mask:hover { - opacity: 1; + opacity: 1; } .hover-zoom { - --mdb-image-hover-zoom-transition: all 0.3s linear; - --mdb-image-hover-zoom-transform: scale(1.1); + --mdb-image-hover-zoom-transition: all 0.3s linear; + --mdb-image-hover-zoom-transform: scale(1.1); } + .hover-zoom img, .hover-zoom video { - transition: var(--mdb-image-hover-zoom-transition); + transition: var(--mdb-image-hover-zoom-transition); } + .hover-zoom:hover img, .hover-zoom:hover video { - transform: var(--mdb-image-hover-zoom-transform); + transform: var(--mdb-image-hover-zoom-transform); } .hover-shadow, .card.hover-shadow, .hover-shadow-soft, .card.hover-shadow-soft { - --mdb-image-hover-shadow-transition: all 0.3s ease-in-out; - transition: var(--mdb-image-hover-shadow-transition); + --mdb-image-hover-shadow-transition: all 0.3s ease-in-out; + transition: var(--mdb-image-hover-shadow-transition); } + .hover-shadow:hover, .card.hover-shadow:hover, .hover-shadow-soft:hover, .card.hover-shadow-soft:hover { - transition: var(--mdb-image-hover-shadow-transition); + transition: var(--mdb-image-hover-shadow-transition); } .hover-shadow, .card.hover-shadow { - --mdb-image-hover-shadow-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1); - box-shadow: none; + --mdb-image-hover-shadow-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1); + box-shadow: none; } + .hover-shadow:hover, .card.hover-shadow:hover { - box-shadow: var(--mdb-image-hover-shadow-box-shadow); + box-shadow: var(--mdb-image-hover-shadow-box-shadow); } .hover-shadow-soft, .card.hover-shadow-soft { - --mdb-image-hover-shadow-box-shadow-soft: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04); - box-shadow: none; + --mdb-image-hover-shadow-box-shadow-soft: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04); + box-shadow: none; } + .hover-shadow-soft:hover, .card.hover-shadow-soft:hover { - box-shadow: var(--mdb-image-hover-shadow-box-shadow-soft); + box-shadow: var(--mdb-image-hover-shadow-box-shadow-soft); } .form-control { - min-height: auto; - padding: 4.5px 12px 3.68px 12px; - transition: all 0.1s linear; + min-height: auto; + padding: 4.5px 12px 3.68px 12px; + transition: all 0.1s linear; } + .form-control:focus { - box-shadow: none; - transition: all 0.1s linear; - border-color: #3b71ca; - box-shadow: inset 0px 0px 0px 1px #3b71ca; + box-shadow: none; + transition: all 0.1s linear; + border-color: #3b71ca; + box-shadow: inset 0px 0px 0px 1px #3b71ca; } + .form-control.form-control-sm { - font-size: 0.775rem; - line-height: 1.5; + font-size: 0.775rem; + line-height: 1.5; } + .form-control.form-control-lg { - line-height: 2.15; - border-radius: 0.25rem; + line-height: 2.15; + border-radius: 0.25rem; } .form-outline { - position: relative; - width: 100%; + position: relative; + width: 100%; } + .form-outline .form-helper { - width: 100%; - position: absolute; - font-size: 0.875em; - color: #757575; + width: 100%; + position: absolute; + font-size: 0.875em; + color: #757575; } + .form-outline .form-helper .form-counter { - text-align: right; + text-align: right; } + .form-outline .trailing { - position: absolute; - right: 10px; - left: initial; - top: 50%; - transform: translateY(-50%); - pointer-events: none; + position: absolute; + right: 10px; + left: initial; + top: 50%; + transform: translateY(-50%); + pointer-events: none; } + .form-outline .form-icon-trailing { - padding-right: 2rem !important; + padding-right: 2rem !important; } + .form-outline .form-control { - min-height: auto; - padding-top: 0.32rem; - padding-bottom: 0.32rem; - padding-left: 0.75rem; - padding-right: 0.75rem; - border: 0; - background: transparent; - transition: all 0.2s linear; + min-height: auto; + padding-top: 0.32rem; + padding-bottom: 0.32rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + border: 0; + background: transparent; + transition: all 0.2s linear; } + .form-outline .form-control ~ .form-label { - position: absolute; - top: 0; - max-width: 90%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - left: 0.75rem; - padding-top: 0.37rem; - pointer-events: none; - transform-origin: 0 0; - transition: all 0.2s ease-out; - color: rgba(0, 0, 0, 0.6); - margin-bottom: 0; + position: absolute; + top: 0; + max-width: 90%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + left: 0.75rem; + padding-top: 0.37rem; + pointer-events: none; + transform-origin: 0 0; + transition: all 0.2s ease-out; + color: rgba(0, 0, 0, 0.6); + margin-bottom: 0; } + .form-outline .form-control ~ .form-notch { - display: flex; - position: absolute; - left: 0; - top: 0; - width: 100%; - max-width: 100%; - height: 100%; - text-align: left; - pointer-events: none; + display: flex; + position: absolute; + left: 0; + top: 0; + width: 100%; + max-width: 100%; + height: 100%; + text-align: left; + pointer-events: none; } + .form-outline .form-control ~ .form-notch div { - pointer-events: none; - border: 1px solid; - border-color: #bdbdbd; - box-sizing: border-box; - background: transparent; - transition: all 0.2s linear; + pointer-events: none; + border: 1px solid; + border-color: #bdbdbd; + box-sizing: border-box; + background: transparent; + transition: all 0.2s linear; } + .form-outline .form-control ~ .form-notch .form-notch-leading { - left: 0; - top: 0; - height: 100%; - width: 0.5rem; - border-right: none; - border-radius: 0.25rem 0 0 0.25rem; + left: 0; + top: 0; + height: 100%; + width: 0.5rem; + border-right: none; + border-radius: 0.25rem 0 0 0.25rem; } + .form-outline .form-control ~ .form-notch .form-notch-middle { - flex: 0 0 auto; - width: auto; - max-width: calc(100% - 1rem); - height: 100%; - border-right: none; - border-left: none; + flex: 0 0 auto; + width: auto; + max-width: calc(100% - 1rem); + height: 100%; + border-right: none; + border-left: none; } + .form-outline .form-control ~ .form-notch .form-notch-trailing { - flex-grow: 1; - height: 100%; - border-left: none; - border-radius: 0 0.25rem 0.25rem 0; + flex-grow: 1; + height: 100%; + border-left: none; + border-radius: 0 0.25rem 0.25rem 0; } + .form-outline .form-control:not(.placeholder-active)::placeholder { - opacity: 0; + opacity: 0; } + .form-outline .form-control:focus::placeholder, .form-outline .form-control.active::placeholder { - opacity: 1; + opacity: 1; } + .form-outline .form-control:focus { - box-shadow: none !important; + box-shadow: none !important; } + .form-outline .form-control:focus ~ .form-label, .form-outline .form-control.active ~ .form-label { - transform: translateY(-1rem) translateY(0.1rem) scale(0.8); + transform: translateY(-1rem) translateY(0.1rem) scale(0.8); } + .form-outline .form-control:focus ~ .form-label { - color: #3b71ca; + color: #3b71ca; } + .form-outline .form-control:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.active ~ .form-notch .form-notch-middle { - border-right: none; - border-left: none; - border-top: 1px solid transparent; + border-right: none; + border-left: none; + border-top: 1px solid transparent; } + .form-outline .form-control:focus ~ .form-notch .form-notch-middle { - border-color: #3b71ca; - box-shadow: 0 1px 0 0 #3b71ca; - border-top: 1px solid transparent; + border-color: #3b71ca; + box-shadow: 0 1px 0 0 #3b71ca; + border-top: 1px solid transparent; } + .form-outline .form-control:focus ~ .form-notch .form-notch-leading, .form-outline .form-control.active ~ .form-notch .form-notch-leading { - border-right: none; + border-right: none; } + .form-outline .form-control:focus ~ .form-notch .form-notch-leading { - border-color: #3b71ca; - box-shadow: -1px 0 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca; + border-color: #3b71ca; + box-shadow: -1px 0 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca; } + .form-outline .form-control:focus ~ .form-notch .form-notch-trailing, .form-outline .form-control.active ~ .form-notch .form-notch-trailing { - border-left: none; + border-left: none; } + .form-outline .form-control:focus ~ .form-notch .form-notch-trailing { - border-color: #3b71ca; - box-shadow: 1px 0 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca; + border-color: #3b71ca; + box-shadow: 1px 0 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca; } + .form-outline .form-control:disabled, .form-outline .form-control.disabled, .form-outline .form-control[readonly] { - background-color: #e9ecef; + background-color: #e9ecef; } + .form-outline .form-control.form-control-lg { - font-size: 1rem; - line-height: 2.15; + font-size: 1rem; + line-height: 2.15; } + .form-outline .form-control.form-control-lg ~ .form-label { - padding-top: 0.7rem; + padding-top: 0.7rem; } + .form-outline .form-control.form-control-lg:focus ~ .form-label, .form-outline .form-control.form-control-lg.active ~ .form-label { - transform: translateY(-1.25rem) translateY(0.1rem) scale(0.8); + transform: translateY(-1.25rem) translateY(0.1rem) scale(0.8); } + .form-outline .form-control.form-control-sm { - padding-top: 0.32rem; - padding-bottom: 0.32rem; - font-size: 0.775rem; - line-height: 1.5; + padding-top: 0.32rem; + padding-bottom: 0.32rem; + font-size: 0.775rem; + line-height: 1.5; } + .form-outline .form-control.form-control-sm ~ .form-label { - padding-top: 0.33rem; - font-size: 0.775rem; + padding-top: 0.33rem; + font-size: 0.775rem; } + .form-outline .form-control.form-control-sm:focus ~ .form-label, .form-outline .form-control.form-control-sm.active ~ .form-label { - transform: translateY(-0.85rem) translateY(0.1rem) scale(0.8); + transform: translateY(-0.85rem) translateY(0.1rem) scale(0.8); } + .form-outline.form-white .form-control { - color: #fff; + color: #fff; } + .form-outline.form-white .form-control ~ .form-label { - color: #fbfbfb; + color: #fbfbfb; } + .form-outline.form-white .form-control ~ .form-notch div { - border-color: #fbfbfb; + border-color: #fbfbfb; } + .form-outline.form-white .form-control:focus ~ .form-label { - color: #fff; + color: #fff; } + .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-middle { - border-color: #fff; - box-shadow: 0 1px 0 0 #fff; - border-top: 1px solid transparent; + border-color: #fff; + box-shadow: 0 1px 0 0 #fff; + border-top: 1px solid transparent; } + .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-leading { - border-color: #fff; - box-shadow: -1px 0 0 0 #fff, 0 1px 0 0 #fff, 0 -1px 0 0 #fff; + border-color: #fff; + box-shadow: -1px 0 0 0 #fff, 0 1px 0 0 #fff, 0 -1px 0 0 #fff; } + .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-trailing { - border-color: #fff; - box-shadow: 1px 0 0 0 #fff, 0 -1px 0 0 #fff, 0 1px 0 0 #fff; + border-color: #fff; + box-shadow: 1px 0 0 0 #fff, 0 -1px 0 0 #fff, 0 1px 0 0 #fff; } + .form-outline.form-white .form-control::placeholder { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); } + .form-outline.form-white .form-control:disabled, .form-outline.form-white .form-control.disabled, .form-outline.form-white .form-control[readonly] { - background-color: rgba(255, 255, 255, 0.45); + background-color: rgba(255, 255, 255, 0.45); } .select-input.form-control[readonly]:not([disabled]) { - background-color: transparent; + background-color: transparent; } .form-select { - transition: all 0.2s linear; + transition: all 0.2s linear; } .form-select:focus { - border-color: #3b71ca; - outline: 0; - box-shadow: inset 0px 0px 0px 1px #3b71ca; + border-color: #3b71ca; + outline: 0; + box-shadow: inset 0px 0px 0px 1px #3b71ca; } .form-check { - min-height: 1.5rem; + min-height: 1.5rem; } .form-check-input { - position: relative; - width: 1.125rem; - height: 1.125rem; - background-color: #fff; - border: 0.125rem solid rgba(0, 0, 0, 0.25); + position: relative; + width: 1.125rem; + height: 1.125rem; + background-color: #fff; + border: 0.125rem solid rgba(0, 0, 0, 0.25); } + .form-check-input:before { - content: ""; - position: absolute; - box-shadow: 0px 0px 0px 13px transparent; - border-radius: 50%; - width: 0.875rem; - height: 0.875rem; - background-color: transparent; - opacity: 0; - pointer-events: none; - transform: scale(0); + content: ""; + position: absolute; + box-shadow: 0px 0px 0px 13px transparent; + border-radius: 50%; + width: 0.875rem; + height: 0.875rem; + background-color: transparent; + opacity: 0; + pointer-events: none; + transform: scale(0); } + .form-check-input:hover { - cursor: pointer; + cursor: pointer; } + .form-check-input:hover:before { - opacity: 0.04; - box-shadow: 0px 0px 0px 13px rgba(0, 0, 0, 0.6); + opacity: 0.04; + box-shadow: 0px 0px 0px 13px rgba(0, 0, 0, 0.6); } + .form-check-input:focus { - box-shadow: none; - border-color: rgba(0, 0, 0, 0.25); - transition: border-color 0.2s; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.25); + transition: border-color 0.2s; } + .form-check-input:focus:before { - opacity: 0.12; - box-shadow: 0px 0px 0px 13px rgba(0, 0, 0, 0.6); - transform: scale(1); - transition: box-shadow 0.2s, transform 0.2s; + opacity: 0.12; + box-shadow: 0px 0px 0px 13px rgba(0, 0, 0, 0.6); + transform: scale(1); + transition: box-shadow 0.2s, transform 0.2s; } + .form-check-input:checked { - border-color: #3b71ca; + border-color: #3b71ca; } + .form-check-input:checked:before { - opacity: 0.16; + opacity: 0.16; } + .form-check-input:checked:after { - content: ""; - position: absolute; + content: ""; + position: absolute; } + .form-check-input:checked:focus { - border-color: #3b71ca; + border-color: #3b71ca; } + .form-check-input:checked:focus:before { - box-shadow: 0px 0px 0px 13px #3b71ca; - transform: scale(1); - transition: box-shadow 0.2s, transform 0.2s; + box-shadow: 0px 0px 0px 13px #3b71ca; + transform: scale(1); + transition: box-shadow 0.2s, transform 0.2s; } + .form-check-input:indeterminate:focus:before { - box-shadow: 0px 0px 0px 13px #3b71ca; + box-shadow: 0px 0px 0px 13px #3b71ca; } + .form-check-input[type=checkbox] { - border-radius: 0.25rem; - margin-top: 0.19em; - margin-right: 6px; + border-radius: 0.25rem; + margin-top: 0.19em; + margin-right: 6px; } + .form-check-input[type=checkbox]:focus:after { - content: ""; - position: absolute; - width: 0.875rem; - height: 0.875rem; - z-index: 1; - display: block; - border-radius: 0; - background-color: #fff; + content: ""; + position: absolute; + width: 0.875rem; + height: 0.875rem; + z-index: 1; + display: block; + border-radius: 0; + background-color: #fff; } + .form-check-input[type=checkbox]:checked { - background-image: none; - background-color: #3b71ca; + background-image: none; + background-color: #3b71ca; } + .form-check-input[type=checkbox]:checked:after { - display: block; - transform: rotate(45deg) /*!rtl:ignore*/; - border-width: 0.125rem; - border-color: #fff; - width: 0.375rem; - height: 0.8125rem; - border-style: solid; - border-top: 0; - border-left: 0 /*!rtl:ignore*/; - margin-left: 0.25rem; - margin-top: -1px; - background-color: transparent; + display: block; + transform: rotate(45deg) /*!rtl:ignore*/; + border-width: 0.125rem; + border-color: #fff; + width: 0.375rem; + height: 0.8125rem; + border-style: solid; + border-top: 0; + border-left: 0 /*!rtl:ignore*/; + margin-left: 0.25rem; + margin-top: -1px; + background-color: transparent; } + .form-check-input[type=checkbox]:checked:focus { - background-color: #3b71ca; + background-color: #3b71ca; } + .form-check-input[type=checkbox]:indeterminate { - border-color: #3b71ca; + border-color: #3b71ca; } + .form-check-input[type=radio] { - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; - margin-top: 0.125em; - margin-right: 4px; + border-radius: 50%; + width: 1.25rem; + height: 1.25rem; + margin-top: 0.125em; + margin-right: 4px; } + .form-check-input[type=radio]:before { - width: 1rem; - height: 1rem; + width: 1rem; + height: 1rem; } + .form-check-input[type=radio]:after { - content: ""; - position: absolute; - width: 1rem; - height: 1rem; - z-index: 1; - display: block; - border-radius: 50%; - background-color: #fff; + content: ""; + position: absolute; + width: 1rem; + height: 1rem; + z-index: 1; + display: block; + border-radius: 50%; + background-color: #fff; } + .form-check-input[type=radio]:checked { - background-image: none; - background-color: #fff; + background-image: none; + background-color: #fff; } + .form-check-input[type=radio]:checked:after { - border-radius: 50%; - width: 0.625rem; - height: 0.625rem; - border-color: #3b71ca; - background-color: #3b71ca; - transition: border-color; - transform: translate(-50%, -50%); - position: absolute; - left: 50%; - top: 50%; + border-radius: 50%; + width: 0.625rem; + height: 0.625rem; + border-color: #3b71ca; + background-color: #3b71ca; + transition: border-color; + transform: translate(-50%, -50%); + position: absolute; + left: 50%; + top: 50%; } + .form-check-input[type=radio]:checked:focus { - background-color: #fff; + background-color: #fff; } .form-check-label { - padding-left: 0.15rem; + padding-left: 0.15rem; } + .form-check-label:hover { - cursor: pointer; + cursor: pointer; } .form-switch .form-check-input { - background-image: none; - border-width: 0; - border-radius: 0.4375rem; - width: 2rem; - height: 0.875rem; - background-color: rgba(0, 0, 0, 0.25); - margin-top: 0.3em; - margin-right: 8px; + background-image: none; + border-width: 0; + border-radius: 0.4375rem; + width: 2rem; + height: 0.875rem; + background-color: rgba(0, 0, 0, 0.25); + margin-top: 0.3em; + margin-right: 8px; } + .form-switch .form-check-input:after { - content: ""; - position: absolute; - border: none; - z-index: 2; - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; - background-color: #fff; - margin-top: -0.1875rem; - box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04); - transition: background-color 0.2s, transform 0.2s; + content: ""; + position: absolute; + border: none; + z-index: 2; + border-radius: 50%; + width: 1.25rem; + height: 1.25rem; + background-color: #fff; + margin-top: -0.1875rem; + box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04); + transition: background-color 0.2s, transform 0.2s; } + .form-switch .form-check-input:focus { - background-image: none; + background-image: none; } + .form-switch .form-check-input:focus:before { - box-shadow: 3px -1px 0px 13px rgba(0, 0, 0, 0.6); - transform: scale(1); - transition: box-shadow 0.2s, transform 0.2s; + box-shadow: 3px -1px 0px 13px rgba(0, 0, 0, 0.6); + transform: scale(1); + transition: box-shadow 0.2s, transform 0.2s; } + .form-switch .form-check-input:focus:after { - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; + border-radius: 50%; + width: 1.25rem; + height: 1.25rem; } + .form-switch .form-check-input:checked { - background-image: none; + background-image: none; } + .form-switch .form-check-input:checked:focus { - background-image: none; + background-image: none; } + .form-switch .form-check-input:checked:focus:before { - margin-left: 1.0625rem; - box-shadow: 3px -1px 0px 13px #3b71ca; - transform: scale(1); - transition: box-shadow 0.2s, transform 0.2s; + margin-left: 1.0625rem; + box-shadow: 3px -1px 0px 13px #3b71ca; + transform: scale(1); + transition: box-shadow 0.2s, transform 0.2s; } + .form-switch .form-check-input:checked[type=checkbox] { - background-image: none; + background-image: none; } + .form-switch .form-check-input:checked[type=checkbox]:after { - content: ""; - position: absolute; - border: none; - z-index: 2; - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; - background-color: #3b71ca; - margin-top: -3px; - margin-left: 1.0625rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, transform 0.2s; + content: ""; + position: absolute; + border: none; + z-index: 2; + border-radius: 50%; + width: 1.25rem; + height: 1.25rem; + background-color: #3b71ca; + margin-top: -3px; + margin-left: 1.0625rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, transform 0.2s; } .form-control[type=file]::-webkit-file-upload-button { - background-color: transparent; + background-color: transparent; } + .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: transparent; + background-color: transparent; } .input-group { - flex-wrap: nowrap; + flex-wrap: nowrap; } + .input-group > .form-control { - min-height: calc(2.08rem + 2px); - height: calc(2.08rem + 2px); - padding-top: 0.27rem; - padding-bottom: 0.27rem; - transition: all 0.2s linear; + min-height: calc(2.08rem + 2px); + height: calc(2.08rem + 2px); + padding-top: 0.27rem; + padding-bottom: 0.27rem; + transition: all 0.2s linear; } + .input-group > .form-control:focus { - transition: all 0.2s linear; - border-color: #3b71ca; - outline: 0; - box-shadow: inset 0 0 0 1px #3b71ca; + transition: all 0.2s linear; + border-color: #3b71ca; + outline: 0; + box-shadow: inset 0 0 0 1px #3b71ca; } .input-group-text { - background-color: transparent; - padding-top: 0.26rem; - padding-bottom: 0.26rem; + background-color: transparent; + padding-top: 0.26rem; + padding-bottom: 0.26rem; } + .input-group-text > .form-check-input[type=checkbox] { - margin-left: 1px; - margin-right: 1px; + margin-left: 1px; + margin-right: 1px; } + .input-group-text > .form-check-input[type=radio] { - margin-right: 0; + margin-right: 0; } .input-group-lg > .form-control { - height: calc(2.645rem + 2px); - font-size: 1rem; - padding-top: 0.33rem; - padding-bottom: 0.33rem; + height: calc(2.645rem + 2px); + font-size: 1rem; + padding-top: 0.33rem; + padding-bottom: 0.33rem; } + .input-group-lg .input-group-text { - font-size: 1rem; + font-size: 1rem; } .input-group-sm > .form-control { - min-height: calc(1.66rem + 2px); - height: calc(1.66rem + 2px); - font-size: 0.775rem; - padding-top: 0.33rem; - padding-bottom: 0.33rem; + min-height: calc(1.66rem + 2px); + height: calc(1.66rem + 2px); + font-size: 0.775rem; + padding-top: 0.33rem; + padding-bottom: 0.33rem; } + .input-group-sm .input-group-text { - font-size: 0.775rem; - line-height: 1.5; + font-size: 0.775rem; + line-height: 1.5; } .input-group.form-outline .input-group-text { - border-left: 0; + border-left: 0; } + .input-group.form-outline input + .input-group-text { - border: 0; - border-left: 1px solid #bdbdbd; + border: 0; + border-left: 1px solid #bdbdbd; } + .input-group .form-outline:not(:first-child), .input-group .select-wrapper:not(:first-child), .input-group .form-outline:not(:first-child) .form-notch-leading, .input-group .select-wrapper:not(:first-child) .form-notch-leading { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } + .input-group .form-outline:not(:last-child), .input-group .select-wrapper:not(:last-child), .input-group .form-outline:not(:last-child) .form-notch-trailing, .input-group .select-wrapper:not(:last-child) .form-notch-trailing { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } .input-group > [class*=btn-outline-] + [class*=btn-outline-] { - border-left: 0; + border-left: 0; } .input-group > .btn[class*=btn-outline-] { - padding-top: 0.47rem; + padding-top: 0.47rem; } .input-group > .btn { - padding-top: 0.59rem; + padding-top: 0.59rem; } .input-group.input-group-lg .input-group-text { - height: calc(2.645rem + 2px); + height: calc(2.645rem + 2px); } .input-group .input-group-text { - height: calc(2.08rem + 2px); + height: calc(2.08rem + 2px); } + .input-group .btn { - line-height: 1; + line-height: 1; } .input-group.input-group-sm .input-group-text { - height: calc(1.66rem + 2px); + height: calc(1.66rem + 2px); } .was-validated .input-group .invalid-feedback, .was-validated .input-group .valid-feedback { - margin-top: 2.5rem; + margin-top: 2.5rem; } .input-group .invalid-feedback, .input-group .valid-feedback { - margin-top: 2.5rem; + margin-top: 2.5rem; } .valid-feedback { - position: absolute; - display: none; - width: auto; - margin-top: 0.25rem; - font-size: 0.875rem; - color: #14a44d; - margin-top: -0.75rem; + position: absolute; + display: none; + width: auto; + margin-top: 0.25rem; + font-size: 0.875rem; + color: #14a44d; + margin-top: -0.75rem; } .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 6px 16px; - margin-top: 0.1rem; - font-size: 0.875rem; - background-color: rgba(20, 164, 77, 0.9); - border-radius: 0.25rem !important; - color: #fff; + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 6px 16px; + margin-top: 0.1rem; + font-size: 0.875rem; + background-color: rgba(20, 164, 77, 0.9); + border-radius: 0.25rem !important; + color: #fff; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { - display: block; + display: block; } .was-validated .form-control:valid, .form-control.is-valid { - margin-bottom: 1rem; - background-image: none; - border-color: #14a44d; + margin-bottom: 1rem; + background-image: none; + border-color: #14a44d; } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #14a44d; - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + border-color: #14a44d; + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } .was-validated .form-outline .form-control:valid ~ .form-label, .form-outline .form-control.is-valid ~ .form-label { - color: #14a44d; + color: #14a44d; } + .was-validated .form-outline .form-control:valid ~ .form-notch .form-notch-leading, .was-validated .form-outline .form-control:valid ~ .form-notch .form-notch-middle, .was-validated .form-outline .form-control:valid ~ .form-notch .form-notch-trailing, .form-outline .form-control.is-valid ~ .form-notch .form-notch-leading, .form-outline .form-control.is-valid ~ .form-notch .form-notch-middle, .form-outline .form-control.is-valid ~ .form-notch .form-notch-trailing { - border-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-outline .form-control:valid:focus ~ .form-notch .form-notch-middle, .was-validated .form-outline .form-control:valid.active ~ .form-notch .form-notch-middle, .form-outline .form-control.is-valid:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.is-valid.active ~ .form-notch .form-notch-middle { - border-top: 1px solid transparent; + border-top: 1px solid transparent; } + .was-validated .form-outline .form-control:valid:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.is-valid:focus ~ .form-notch .form-notch-middle { - box-shadow: 0 1px 0 0 #14a44d; + box-shadow: 0 1px 0 0 #14a44d; } + .was-validated .form-outline .form-control:valid:focus ~ .form-notch .form-notch-leading, .form-outline .form-control.is-valid:focus ~ .form-notch .form-notch-leading { - box-shadow: -1px 0 0 0 #14a44d, 0 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d; + box-shadow: -1px 0 0 0 #14a44d, 0 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d; } + .was-validated .form-outline .form-control:valid:focus ~ .form-notch .form-notch-trailing, .form-outline .form-control.is-valid:focus ~ .form-notch .form-notch-trailing { - box-shadow: 1px 0 0 0 #14a44d, 0 -1px 0 0 #14a44d, 0 1px 0 0 #14a44d; + box-shadow: 1px 0 0 0 #14a44d, 0 -1px 0 0 #14a44d, 0 1px 0 0 #14a44d; } + .was-validated .form-outline .form-control:valid.select-input.focused ~ .form-notch .form-notch-leading, .form-outline .form-control.is-valid.select-input.focused ~ .form-notch .form-notch-leading { - box-shadow: -1px 0 0 0 #14a44d, 0 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d; + box-shadow: -1px 0 0 0 #14a44d, 0 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d; } + .was-validated .form-outline .form-control:valid.select-input.focused ~ .form-notch .form-notch-middle, .form-outline .form-control.is-valid.select-input.focused ~ .form-notch .form-notch-middle { - box-shadow: 0 1px 0 0 #14a44d; - border-top: 1px solid transparent; + box-shadow: 0 1px 0 0 #14a44d; + border-top: 1px solid transparent; } + .was-validated .form-outline .form-control:valid.select-input.focused ~ .form-notch .form-notch-trailing, .form-outline .form-control.is-valid.select-input.focused ~ .form-notch .form-notch-trailing { - box-shadow: 1px 0 0 0 #14a44d, 0 -1px 0 0 #14a44d, 0 1px 0 0 #14a44d; + box-shadow: 1px 0 0 0 #14a44d, 0 -1px 0 0 #14a44d, 0 1px 0 0 #14a44d; } .was-validated .form-select:valid, .form-select.is-valid { - border-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-select:valid:focus, .form-select.is-valid:focus { - border-color: #14a44d; - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + border-color: #14a44d; + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } + .was-validated .form-select:valid ~ .valid-feedback, .form-select.is-valid ~ .valid-feedback { - margin-top: 0; + margin-top: 0; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid { - margin-bottom: 0; + margin-bottom: 0; } .was-validated input[type=file].form-control:valid .valid-feedback, input[type=file].form-control.is-valid .valid-feedback { - margin-top: 0; + margin-top: 0; } + .was-validated input[type=file].form-control:valid:focus, input[type=file].form-control.is-valid:focus { - box-shadow: inset 0 0 0 1px #14a44d; - border-color: #14a44d; + box-shadow: inset 0 0 0 1px #14a44d; + border-color: #14a44d; } + .was-validated input[type=file].form-control:valid:focus ~ .form-file-label, input[type=file].form-control.is-valid:focus ~ .form-file-label { - box-shadow: none; + box-shadow: none; } + .was-validated input[type=file].form-control:valid:focus-within ~ .form-file-label .form-file-text, .was-validated input[type=file].form-control:valid:focus-within ~ .form-file-label .form-file-button, input[type=file].form-control.is-valid:focus-within ~ .form-file-label .form-file-text, input[type=file].form-control.is-valid:focus-within ~ .form-file-label .form-file-button { - border-color: #14a44d; + border-color: #14a44d; } .was-validated .form-check-input:valid, .form-check-input.is-valid { - border-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { - background-color: #14a44d; + background-color: #14a44d; } + .was-validated .form-check-input:valid:checked:focus:before, .form-check-input.is-valid:checked:focus:before { - box-shadow: 0px 0px 0px 13px #14a44d; + box-shadow: 0px 0px 0px 13px #14a44d; } + .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { - box-shadow: none; + box-shadow: none; } + .was-validated .form-check-input:valid:focus:before, .form-check-input.is-valid:focus:before { - box-shadow: 0px 0px 0px 13px #14a44d; + box-shadow: 0px 0px 0px 13px #14a44d; } + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #14a44d; - margin-bottom: 1rem; + color: #14a44d; + margin-bottom: 1rem; } + .was-validated .form-check-input:valid[type=checkbox]:checked:focus, .form-check-input.is-valid[type=checkbox]:checked:focus { - background-color: #14a44d; - border-color: #14a44d; + background-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-check-input:valid[type=radio]:checked, .form-check-input.is-valid[type=radio]:checked { - border-color: #14a44d; - background-color: #fff; + border-color: #14a44d; + background-color: #fff; } + .was-validated .form-check-input:valid[type=radio]:checked:focus:before, .form-check-input.is-valid[type=radio]:checked:focus:before { - box-shadow: 0px 0px 0px 13px #14a44d; + box-shadow: 0px 0px 0px 13px #14a44d; } + .was-validated .form-check-input:valid[type=radio]:checked:after, .form-check-input.is-valid[type=radio]:checked:after { - border-color: #14a44d; - background-color: #14a44d; + border-color: #14a44d; + background-color: #14a44d; } .form-check-inline .form-check-input ~ .valid-feedback { - margin-left: 0.5em; + margin-left: 0.5em; } .was-validated .form-switch .form-check-input:valid:focus:before, .form-switch .form-check-input.is-valid:focus:before { - box-shadow: 3px -1px 0px 13px rgba(0, 0, 0, 0.6); + box-shadow: 3px -1px 0px 13px rgba(0, 0, 0, 0.6); } + .was-validated .form-switch .form-check-input:valid:checked[type=checkbox]:after, .form-switch .form-check-input.is-valid:checked[type=checkbox]:after { - background-color: #14a44d; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + background-color: #14a44d; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .was-validated .form-switch .form-check-input:valid:checked:focus:before, .form-switch .form-check-input.is-valid:checked:focus:before { - box-shadow: 3px -1px 0px 13px #14a44d; + box-shadow: 3px -1px 0px 13px #14a44d; } .invalid-feedback { - position: absolute; - display: none; - width: auto; - margin-top: 0.25rem; - font-size: 0.875rem; - color: #dc4c64; - margin-top: -0.75rem; + position: absolute; + display: none; + width: auto; + margin-top: 0.25rem; + font-size: 0.875rem; + color: #dc4c64; + margin-top: -0.75rem; } .invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 6px 16px; - margin-top: 0.1rem; - font-size: 0.875rem; - background-color: rgba(220, 76, 100, 0.9); - border-radius: 0.25rem !important; - color: #fff; + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 6px 16px; + margin-top: 0.1rem; + font-size: 0.875rem; + background-color: rgba(220, 76, 100, 0.9); + border-radius: 0.25rem !important; + color: #fff; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { - display: block; + display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { - margin-bottom: 1rem; - background-image: none; - border-color: #dc4c64; + margin-bottom: 1rem; + background-image: none; + border-color: #dc4c64; } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #dc4c64; - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + border-color: #dc4c64; + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } .was-validated .form-outline .form-control:invalid ~ .form-label, .form-outline .form-control.is-invalid ~ .form-label { - color: #dc4c64; + color: #dc4c64; } + .was-validated .form-outline .form-control:invalid ~ .form-notch .form-notch-leading, .was-validated .form-outline .form-control:invalid ~ .form-notch .form-notch-middle, .was-validated .form-outline .form-control:invalid ~ .form-notch .form-notch-trailing, .form-outline .form-control.is-invalid ~ .form-notch .form-notch-leading, .form-outline .form-control.is-invalid ~ .form-notch .form-notch-middle, .form-outline .form-control.is-invalid ~ .form-notch .form-notch-trailing { - border-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-outline .form-control:invalid:focus ~ .form-notch .form-notch-middle, .was-validated .form-outline .form-control:invalid.active ~ .form-notch .form-notch-middle, .form-outline .form-control.is-invalid:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.is-invalid.active ~ .form-notch .form-notch-middle { - border-top: 1px solid transparent; + border-top: 1px solid transparent; } + .was-validated .form-outline .form-control:invalid:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.is-invalid:focus ~ .form-notch .form-notch-middle { - box-shadow: 0 1px 0 0 #dc4c64; + box-shadow: 0 1px 0 0 #dc4c64; } + .was-validated .form-outline .form-control:invalid:focus ~ .form-notch .form-notch-leading, .form-outline .form-control.is-invalid:focus ~ .form-notch .form-notch-leading { - box-shadow: -1px 0 0 0 #dc4c64, 0 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64; + box-shadow: -1px 0 0 0 #dc4c64, 0 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64; } + .was-validated .form-outline .form-control:invalid:focus ~ .form-notch .form-notch-trailing, .form-outline .form-control.is-invalid:focus ~ .form-notch .form-notch-trailing { - box-shadow: 1px 0 0 0 #dc4c64, 0 -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64; + box-shadow: 1px 0 0 0 #dc4c64, 0 -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64; } + .was-validated .form-outline .form-control:invalid.select-input.focused ~ .form-notch .form-notch-leading, .form-outline .form-control.is-invalid.select-input.focused ~ .form-notch .form-notch-leading { - box-shadow: -1px 0 0 0 #dc4c64, 0 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64; + box-shadow: -1px 0 0 0 #dc4c64, 0 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64; } + .was-validated .form-outline .form-control:invalid.select-input.focused ~ .form-notch .form-notch-middle, .form-outline .form-control.is-invalid.select-input.focused ~ .form-notch .form-notch-middle { - box-shadow: 0 1px 0 0 #dc4c64; - border-top: 1px solid transparent; + box-shadow: 0 1px 0 0 #dc4c64; + border-top: 1px solid transparent; } + .was-validated .form-outline .form-control:invalid.select-input.focused ~ .form-notch .form-notch-trailing, .form-outline .form-control.is-invalid.select-input.focused ~ .form-notch .form-notch-trailing { - box-shadow: 1px 0 0 0 #dc4c64, 0 -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64; + box-shadow: 1px 0 0 0 #dc4c64, 0 -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64; } .was-validated .form-select:invalid, .form-select.is-invalid { - border-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { - border-color: #dc4c64; - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + border-color: #dc4c64; + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } + .was-validated .form-select:invalid ~ .invalid-feedback, .form-select.is-invalid ~ .invalid-feedback { - margin-top: 0; + margin-top: 0; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid { - margin-bottom: 0; + margin-bottom: 0; } .was-validated input[type=file].form-control:invalid .invalid-feedback, input[type=file].form-control.is-invalid .invalid-feedback { - margin-top: 0; + margin-top: 0; } + .was-validated input[type=file].form-control:invalid:focus, input[type=file].form-control.is-invalid:focus { - box-shadow: inset 0 0 0 1px #dc4c64; - border-color: #dc4c64; + box-shadow: inset 0 0 0 1px #dc4c64; + border-color: #dc4c64; } + .was-validated input[type=file].form-control:invalid:focus ~ .form-file-label, input[type=file].form-control.is-invalid:focus ~ .form-file-label { - box-shadow: none; + box-shadow: none; } + .was-validated input[type=file].form-control:invalid:focus-within ~ .form-file-label .form-file-text, .was-validated input[type=file].form-control:invalid:focus-within ~ .form-file-label .form-file-button, input[type=file].form-control.is-invalid:focus-within ~ .form-file-label .form-file-text, input[type=file].form-control.is-invalid:focus-within ~ .form-file-label .form-file-button { - border-color: #dc4c64; + border-color: #dc4c64; } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { - border-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { - background-color: #dc4c64; + background-color: #dc4c64; } + .was-validated .form-check-input:invalid:checked:focus:before, .form-check-input.is-invalid:checked:focus:before { - box-shadow: 0px 0px 0px 13px #dc4c64; + box-shadow: 0px 0px 0px 13px #dc4c64; } + .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { - box-shadow: none; + box-shadow: none; } + .was-validated .form-check-input:invalid:focus:before, .form-check-input.is-invalid:focus:before { - box-shadow: 0px 0px 0px 13px #dc4c64; + box-shadow: 0px 0px 0px 13px #dc4c64; } + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #dc4c64; - margin-bottom: 1rem; + color: #dc4c64; + margin-bottom: 1rem; } + .was-validated .form-check-input:invalid[type=checkbox]:checked:focus, .form-check-input.is-invalid[type=checkbox]:checked:focus { - background-color: #dc4c64; - border-color: #dc4c64; + background-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-check-input:invalid[type=radio]:checked, .form-check-input.is-invalid[type=radio]:checked { - border-color: #dc4c64; - background-color: #fff; + border-color: #dc4c64; + background-color: #fff; } + .was-validated .form-check-input:invalid[type=radio]:checked:focus:before, .form-check-input.is-invalid[type=radio]:checked:focus:before { - box-shadow: 0px 0px 0px 13px #dc4c64; + box-shadow: 0px 0px 0px 13px #dc4c64; } + .was-validated .form-check-input:invalid[type=radio]:checked:after, .form-check-input.is-invalid[type=radio]:checked:after { - border-color: #dc4c64; - background-color: #dc4c64; + border-color: #dc4c64; + background-color: #dc4c64; } .form-check-inline .form-check-input ~ .invalid-feedback { - margin-left: 0.5em; + margin-left: 0.5em; } .was-validated .form-switch .form-check-input:invalid:focus:before, .form-switch .form-check-input.is-invalid:focus:before { - box-shadow: 3px -1px 0px 13px rgba(0, 0, 0, 0.6); + box-shadow: 3px -1px 0px 13px rgba(0, 0, 0, 0.6); } + .was-validated .form-switch .form-check-input:invalid:checked[type=checkbox]:after, .form-switch .form-check-input.is-invalid:checked[type=checkbox]:after { - background-color: #dc4c64; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + background-color: #dc4c64; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .was-validated .form-switch .form-check-input:invalid:checked:focus:before, .form-switch .form-check-input.is-invalid:checked:focus:before { - box-shadow: 3px -1px 0px 13px #dc4c64; + box-shadow: 3px -1px 0px 13px #dc4c64; } .form-range:focus { - box-shadow: none; + box-shadow: none; } + .form-range:focus::-webkit-slider-thumb { - box-shadow: none; + box-shadow: none; } + .form-range:focus::-moz-range-thumb { - box-shadow: none; + box-shadow: none; } + .form-range:focus::-ms-thumb { - box-shadow: none; + box-shadow: none; } + .form-range::-moz-focus-outer { - border: 0; + border: 0; } + .form-range::-webkit-slider-thumb { - margin-top: -6px; - box-shadow: none; - appearance: none; + margin-top: -6px; + box-shadow: none; + appearance: none; } + .form-range::-webkit-slider-runnable-track { - height: 4px; - border-radius: 0; - box-shadow: none; + height: 4px; + border-radius: 0; + box-shadow: none; } + .form-range::-moz-range-thumb { - box-shadow: none; - appearance: none; + box-shadow: none; + appearance: none; } + .form-range::-moz-range-track { - box-shadow: none; + box-shadow: none; } .table { - --mdb-table-font-size: 0.9rem; - --mdb-table-divider-color: rgba(0, 0, 0, 0.1); - font-size: var(--mdb-table-font-size); + --mdb-table-font-size: 0.9rem; + --mdb-table-divider-color: rgba(0, 0, 0, 0.1); + font-size: var(--mdb-table-font-size); } + .table th { - font-weight: 500; + font-weight: 500; } + .table tbody { - font-weight: 400; + font-weight: 400; } + .table > :not(:last-child) > :last-child > * { - border-bottom-color: inherit; + border-bottom-color: inherit; } .table-primary { - --mdb-table-color: #000; - --mdb-table-bg: #d8e3f4; - --mdb-table-border-color: #c2ccdc; - --mdb-table-striped-bg: #cdd8e8; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #c2ccdc; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #c8d2e2; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #d8e3f4; + --mdb-table-border-color: #c2ccdc; + --mdb-table-striped-bg: #cdd8e8; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #c2ccdc; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #c8d2e2; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-secondary { - --mdb-table-color: #000; - --mdb-table-bg: #ecedf0; - --mdb-table-border-color: #d4d5d8; - --mdb-table-striped-bg: #e0e1e4; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #d4d5d8; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #dadbde; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #ecedf0; + --mdb-table-border-color: #d4d5d8; + --mdb-table-striped-bg: #e0e1e4; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #d4d5d8; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #dadbde; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-success { - --mdb-table-color: #000; - --mdb-table-bg: #d0eddb; - --mdb-table-border-color: #bbd5c5; - --mdb-table-striped-bg: #c6e1d0; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #bbd5c5; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #c0dbcb; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #d0eddb; + --mdb-table-border-color: #bbd5c5; + --mdb-table-striped-bg: #c6e1d0; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #bbd5c5; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #c0dbcb; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-info { - --mdb-table-color: #000; - --mdb-table-bg: #ddf0f6; - --mdb-table-border-color: #c7d8dd; - --mdb-table-striped-bg: #d2e4ea; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #c7d8dd; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #ccdee4; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #ddf0f6; + --mdb-table-border-color: #c7d8dd; + --mdb-table-striped-bg: #d2e4ea; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #c7d8dd; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #ccdee4; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-warning { - --mdb-table-color: #000; - --mdb-table-bg: #faecd1; - --mdb-table-border-color: #e1d4bc; - --mdb-table-striped-bg: #eee0c7; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #e1d4bc; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e7dac1; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #faecd1; + --mdb-table-border-color: #e1d4bc; + --mdb-table-striped-bg: #eee0c7; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #e1d4bc; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e7dac1; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-danger { - --mdb-table-color: #000; - --mdb-table-bg: #f8dbe0; - --mdb-table-border-color: #dfc5ca; - --mdb-table-striped-bg: #ecd0d5; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #dfc5ca; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e5cbcf; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #f8dbe0; + --mdb-table-border-color: #dfc5ca; + --mdb-table-striped-bg: #ecd0d5; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #dfc5ca; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e5cbcf; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-light { - --mdb-table-color: #000; - --mdb-table-bg: #fbfbfb; - --mdb-table-border-color: #e2e2e2; - --mdb-table-striped-bg: #eeeeee; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #e2e2e2; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e8e8e8; - --mdb-table-hover-color: #000; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #000; + --mdb-table-bg: #fbfbfb; + --mdb-table-border-color: #e2e2e2; + --mdb-table-striped-bg: #eeeeee; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #e2e2e2; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e8e8e8; + --mdb-table-hover-color: #000; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-dark { - --mdb-table-color: #fff; - --mdb-table-bg: #332d2d; - --mdb-table-border-color: #474242; - --mdb-table-striped-bg: #3d3838; - --mdb-table-striped-color: #fff; - --mdb-table-active-bg: #474242; - --mdb-table-active-color: #fff; - --mdb-table-hover-bg: #423d3d; - --mdb-table-hover-color: #fff; - color: var(--mdb-table-color); - border-color: var(--mdb-table-border-color); + --mdb-table-color: #fff; + --mdb-table-bg: #332d2d; + --mdb-table-border-color: #474242; + --mdb-table-striped-bg: #3d3838; + --mdb-table-striped-color: #fff; + --mdb-table-active-bg: #474242; + --mdb-table-active-color: #fff; + --mdb-table-hover-bg: #423d3d; + --mdb-table-hover-color: #fff; + color: var(--mdb-table-color); + border-color: var(--mdb-table-border-color); } .table-hover > tbody > tr { - transition: 0.5s; + transition: 0.5s; } + .table-hover > tbody > tr:hover { - --mdb-table-accent-bg: transparent; - background-color: var(--mdb-table-hover-bg); + --mdb-table-accent-bg: transparent; + background-color: var(--mdb-table-hover-bg); } .table-group-divider { - border-top: 2px solid; - border-top-color: inherit; + border-top: 2px solid; + border-top-color: inherit; } .table-divider-color { - border-top-color: var(--mdb-table-divider-color); + border-top-color: var(--mdb-table-divider-color); } .btn { - --mdb-btn-padding-top: 0.625rem; - --mdb-btn-padding-bottom: 0.5rem; - --mdb-btn-border-width: 0; - --mdb-btn-border-color: none; - --mdb-btn-border-radius: 0.25rem; - --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); - --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - padding-top: var(--mdb-btn-padding-top); - padding-bottom: var(--mdb-btn-padding-bottom); - text-transform: uppercase; - vertical-align: bottom; - border: 0; - border-radius: var(--mdb-btn-border-radius); - box-shadow: var(--mdb-btn-box-shadow); + --mdb-btn-padding-top: 0.625rem; + --mdb-btn-padding-bottom: 0.5rem; + --mdb-btn-border-width: 0; + --mdb-btn-border-color: none; + --mdb-btn-border-radius: 0.25rem; + --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + padding-top: var(--mdb-btn-padding-top); + padding-bottom: var(--mdb-btn-padding-bottom); + text-transform: uppercase; + vertical-align: bottom; + border: 0; + border-radius: var(--mdb-btn-border-radius); + box-shadow: var(--mdb-btn-box-shadow); } + :not(.btn-check) + .btn:hover, .btn:first-child:hover, .btn:focus-visible, .btn:hover { - box-shadow: var(--mdb-btn-hover-box-shadow); + box-shadow: var(--mdb-btn-hover-box-shadow); } + .btn-check:focus-visible + .btn, .btn-check:focus + .btn, .btn:focus { - box-shadow: var(--mdb-btn-focus-box-shadow); + box-shadow: var(--mdb-btn-focus-box-shadow); } + .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show { - box-shadow: var(--mdb-btn-active-box-shadow); + box-shadow: var(--mdb-btn-active-box-shadow); } + .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus { - box-shadow: var(--mdb-btn-focus-box-shadow); + box-shadow: var(--mdb-btn-focus-box-shadow); } + .btn:disabled, .btn.disabled, fieldset:disabled .btn { - box-shadow: var(--mdb-btn-box-shadow); + box-shadow: var(--mdb-btn-box-shadow); } [class*=btn-outline-] { - --mdb-btn-padding-top: 0.5rem; - --mdb-btn-padding-bottom: 0.375rem; - --mdb-btn-padding-x: 1.375rem; - --mdb-btn-border-width: 2px; - --mdb-btn-line-height: 1.5; - padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom); - border-width: var(--mdb-btn-border-width); - border-style: solid; - box-shadow: none; + --mdb-btn-padding-top: 0.5rem; + --mdb-btn-padding-bottom: 0.375rem; + --mdb-btn-padding-x: 1.375rem; + --mdb-btn-border-width: 2px; + --mdb-btn-line-height: 1.5; + padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom); + border-width: var(--mdb-btn-border-width); + border-style: solid; + box-shadow: none; } + :not(.btn-check) + [class*=btn-outline-]:hover, [class*=btn-outline-]:first-child:hover, [class*=btn-outline-]:focus-visible, [class*=btn-outline-]:hover { - box-shadow: none; + box-shadow: none; } + .btn-check:focus-visible + [class*=btn-outline-], .btn-check:focus + [class*=btn-outline-], [class*=btn-outline-]:focus { - box-shadow: none; + box-shadow: none; } + .btn-check:checked + [class*=btn-outline-], .btn-check:active + [class*=btn-outline-], [class*=btn-outline-]:active, [class*=btn-outline-].active, [class*=btn-outline-].show { - box-shadow: none; + box-shadow: none; } + .btn-check:checked + [class*=btn-outline-]:focus, .btn-check:active + [class*=btn-outline-]:focus, [class*=btn-outline-]:active:focus, [class*=btn-outline-].active:focus, [class*=btn-outline-].show:focus { - box-shadow: none; + box-shadow: none; } + [class*=btn-outline-]:disabled, [class*=btn-outline-].disabled, fieldset:disabled [class*=btn-outline-] { - box-shadow: none; + box-shadow: none; } + [class*=btn-outline-].btn-lg, .btn-group-lg > [class*=btn-outline-].btn { - --mdb-btn-padding-top: 0.625rem; - --mdb-btn-padding-bottom: 0.5625rem; - --mdb-btn-padding-x: 1.5625rem; - --mdb-btn-font-size: 0.875rem; - --mdb-btn-line-height: 1.6; + --mdb-btn-padding-top: 0.625rem; + --mdb-btn-padding-bottom: 0.5625rem; + --mdb-btn-padding-x: 1.5625rem; + --mdb-btn-font-size: 0.875rem; + --mdb-btn-line-height: 1.6; } + [class*=btn-outline-].btn-sm, .btn-group-sm > [class*=btn-outline-].btn { - --mdb-btn-padding-top: 0.25rem; - --mdb-btn-padding-bottom: 0.1875rem; - --mdb-btn-padding-x: 0.875rem; - --mdb-btn-font-size: 0.75rem; - --mdb-btn-line-height: 1.5; + --mdb-btn-padding-top: 0.25rem; + --mdb-btn-padding-bottom: 0.1875rem; + --mdb-btn-padding-x: 0.875rem; + --mdb-btn-font-size: 0.75rem; + --mdb-btn-line-height: 1.5; } .btn-secondary { - box-shadow: none; + box-shadow: none; } + :not(.btn-check) + .btn-secondary:hover, .btn-secondary:first-child:hover, .btn-secondary:focus-visible, .btn-secondary:hover { - box-shadow: none !important; + box-shadow: none !important; } + .btn-check:focus-visible + .btn-secondary, .btn-check:focus + .btn-secondary, .btn-secondary:focus { - box-shadow: none; + box-shadow: none; } + .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .btn-secondary.show { - box-shadow: none; + box-shadow: none; } + .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .btn-secondary.show:focus { - box-shadow: none; + box-shadow: none; } + .btn-secondary:disabled, .btn-secondary.disabled, fieldset:disabled .btn-secondary { - box-shadow: none; + box-shadow: none; } .btn-primary { - --mdb-btn-bg: #3b71ca; - --mdb-btn-color: #fff; - --mdb-btn-box-shadow: 0 4px 9px -4px #3b71ca; - --mdb-btn-hover-bg: #386bc0; - --mdb-btn-hover-color: #fff; - --mdb-btn-focus-bg: #386bc0; - --mdb-btn-focus-color: #fff; - --mdb-btn-active-bg: #3566b6; - --mdb-btn-active-color: #fff; + --mdb-btn-bg: #3b71ca; + --mdb-btn-color: #fff; + --mdb-btn-box-shadow: 0 4px 9px -4px #3b71ca; + --mdb-btn-hover-bg: #386bc0; + --mdb-btn-hover-color: #fff; + --mdb-btn-focus-bg: #386bc0; + --mdb-btn-focus-color: #fff; + --mdb-btn-active-bg: #3566b6; + --mdb-btn-active-color: #fff; } + :not(.btn-check) + .btn-primary:hover, .btn-primary:first-child:hover, .btn-primary:focus-visible, .btn-primary:hover { - box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); + box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); } + .btn-check:focus-visible + .btn-primary, .btn-check:focus + .btn-primary, .btn-primary:focus { - box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); - background-color: #386bc0; + box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); + background-color: #386bc0; } + .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.show { - box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); + box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); } + .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.show:focus { - box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); + box-shadow: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2); } + .btn-check:checked + .btn-primary:hover, .btn-check:active + .btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.show:hover { - background-color: #3566b6; + background-color: #3566b6; } + .btn-primary:disabled, .btn-primary.disabled, fieldset:disabled .btn-primary { - box-shadow: 0 4px 9px -4px #3b71ca; + box-shadow: 0 4px 9px -4px #3b71ca; } .btn-secondary { - --mdb-btn-bg: #e3ebf7; - --mdb-btn-color: #285192; - --mdb-btn-box-shadow: 0 4px 9px -4px #e3ebf7; - --mdb-btn-hover-bg: #d8dfeb; - --mdb-btn-hover-color: #285192; - --mdb-btn-focus-bg: #d8dfeb; - --mdb-btn-focus-color: #285192; - --mdb-btn-active-bg: #ccd4de; - --mdb-btn-active-color: #285192; + --mdb-btn-bg: #e3ebf7; + --mdb-btn-color: #285192; + --mdb-btn-box-shadow: 0 4px 9px -4px #e3ebf7; + --mdb-btn-hover-bg: #d8dfeb; + --mdb-btn-hover-color: #285192; + --mdb-btn-focus-bg: #d8dfeb; + --mdb-btn-focus-color: #285192; + --mdb-btn-active-bg: #ccd4de; + --mdb-btn-active-color: #285192; } + :not(.btn-check) + .btn-secondary:hover, .btn-secondary:first-child:hover, .btn-secondary:focus-visible, .btn-secondary:hover { - box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); + box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); } + .btn-check:focus-visible + .btn-secondary, .btn-check:focus + .btn-secondary, .btn-secondary:focus { - box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); - background-color: #d8dfeb; + box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); + background-color: #d8dfeb; } + .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .btn-secondary.show { - box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); + box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); } + .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .btn-secondary.show:focus { - box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); + box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2); } + .btn-check:checked + .btn-secondary:hover, .btn-check:active + .btn-secondary:hover, .btn-secondary:active:hover, .btn-secondary.active:hover, .btn-secondary.show:hover { - background-color: #ccd4de; + background-color: #ccd4de; } + .btn-secondary:disabled, .btn-secondary.disabled, fieldset:disabled .btn-secondary { - box-shadow: 0 4px 9px -4px #e3ebf7; + box-shadow: 0 4px 9px -4px #e3ebf7; } .btn-success { - --mdb-btn-bg: #14a44d; - --mdb-btn-color: #fff; - --mdb-btn-box-shadow: 0 4px 9px -4px #14a44d; - --mdb-btn-hover-bg: #139c49; - --mdb-btn-hover-color: #fff; - --mdb-btn-focus-bg: #139c49; - --mdb-btn-focus-color: #fff; - --mdb-btn-active-bg: #129445; - --mdb-btn-active-color: #fff; + --mdb-btn-bg: #14a44d; + --mdb-btn-color: #fff; + --mdb-btn-box-shadow: 0 4px 9px -4px #14a44d; + --mdb-btn-hover-bg: #139c49; + --mdb-btn-hover-color: #fff; + --mdb-btn-focus-bg: #139c49; + --mdb-btn-focus-color: #fff; + --mdb-btn-active-bg: #129445; + --mdb-btn-active-color: #fff; } + :not(.btn-check) + .btn-success:hover, .btn-success:first-child:hover, .btn-success:focus-visible, .btn-success:hover { - box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); + box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); } + .btn-check:focus-visible + .btn-success, .btn-check:focus + .btn-success, .btn-success:focus { - box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); - background-color: #139c49; + box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); + background-color: #139c49; } + .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .btn-success.show { - box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); + box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); } + .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .btn-success.show:focus { - box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); + box-shadow: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2); } + .btn-check:checked + .btn-success:hover, .btn-check:active + .btn-success:hover, .btn-success:active:hover, .btn-success.active:hover, .btn-success.show:hover { - background-color: #129445; + background-color: #129445; } + .btn-success:disabled, .btn-success.disabled, fieldset:disabled .btn-success { - box-shadow: 0 4px 9px -4px #14a44d; + box-shadow: 0 4px 9px -4px #14a44d; } .btn-danger { - --mdb-btn-bg: #dc4c64; - --mdb-btn-color: #fff; - --mdb-btn-box-shadow: 0 4px 9px -4px #dc4c64; - --mdb-btn-hover-bg: #d1485f; - --mdb-btn-hover-color: #fff; - --mdb-btn-focus-bg: #d1485f; - --mdb-btn-focus-color: #fff; - --mdb-btn-active-bg: #c6445a; - --mdb-btn-active-color: #fff; + --mdb-btn-bg: #dc4c64; + --mdb-btn-color: #fff; + --mdb-btn-box-shadow: 0 4px 9px -4px #dc4c64; + --mdb-btn-hover-bg: #d1485f; + --mdb-btn-hover-color: #fff; + --mdb-btn-focus-bg: #d1485f; + --mdb-btn-focus-color: #fff; + --mdb-btn-active-bg: #c6445a; + --mdb-btn-active-color: #fff; } + :not(.btn-check) + .btn-danger:hover, .btn-danger:first-child:hover, .btn-danger:focus-visible, .btn-danger:hover { - box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); + box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); } + .btn-check:focus-visible + .btn-danger, .btn-check:focus + .btn-danger, .btn-danger:focus { - box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); - background-color: #d1485f; + box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); + background-color: #d1485f; } + .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .btn-danger.show { - box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); + box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); } + .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .btn-danger.show:focus { - box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); + box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2); } + .btn-check:checked + .btn-danger:hover, .btn-check:active + .btn-danger:hover, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.show:hover { - background-color: #c6445a; + background-color: #c6445a; } + .btn-danger:disabled, .btn-danger.disabled, fieldset:disabled .btn-danger { - box-shadow: 0 4px 9px -4px #dc4c64; + box-shadow: 0 4px 9px -4px #dc4c64; } .btn-warning { - --mdb-btn-bg: #e4a11b; - --mdb-btn-color: #fff; - --mdb-btn-box-shadow: 0 4px 9px -4px #e4a11b; - --mdb-btn-hover-bg: #d9991a; - --mdb-btn-hover-color: #fff; - --mdb-btn-focus-bg: #d9991a; - --mdb-btn-focus-color: #fff; - --mdb-btn-active-bg: #cd9118; - --mdb-btn-active-color: #fff; + --mdb-btn-bg: #e4a11b; + --mdb-btn-color: #fff; + --mdb-btn-box-shadow: 0 4px 9px -4px #e4a11b; + --mdb-btn-hover-bg: #d9991a; + --mdb-btn-hover-color: #fff; + --mdb-btn-focus-bg: #d9991a; + --mdb-btn-focus-color: #fff; + --mdb-btn-active-bg: #cd9118; + --mdb-btn-active-color: #fff; } + :not(.btn-check) + .btn-warning:hover, .btn-warning:first-child:hover, .btn-warning:focus-visible, .btn-warning:hover { - box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); + box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); } + .btn-check:focus-visible + .btn-warning, .btn-check:focus + .btn-warning, .btn-warning:focus { - box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); - background-color: #d9991a; + box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); + background-color: #d9991a; } + .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .btn-warning.show { - box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); + box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); } + .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .btn-warning.show:focus { - box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); + box-shadow: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2); } + .btn-check:checked + .btn-warning:hover, .btn-check:active + .btn-warning:hover, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.show:hover { - background-color: #cd9118; + background-color: #cd9118; } + .btn-warning:disabled, .btn-warning.disabled, fieldset:disabled .btn-warning { - box-shadow: 0 4px 9px -4px #e4a11b; + box-shadow: 0 4px 9px -4px #e4a11b; } .btn-info { - --mdb-btn-bg: #54b4d3; - --mdb-btn-color: #fff; - --mdb-btn-box-shadow: 0 4px 9px -4px #54b4d3; - --mdb-btn-hover-bg: #50abc8; - --mdb-btn-hover-color: #fff; - --mdb-btn-focus-bg: #50abc8; - --mdb-btn-focus-color: #fff; - --mdb-btn-active-bg: #4ca2be; - --mdb-btn-active-color: #fff; + --mdb-btn-bg: #54b4d3; + --mdb-btn-color: #fff; + --mdb-btn-box-shadow: 0 4px 9px -4px #54b4d3; + --mdb-btn-hover-bg: #50abc8; + --mdb-btn-hover-color: #fff; + --mdb-btn-focus-bg: #50abc8; + --mdb-btn-focus-color: #fff; + --mdb-btn-active-bg: #4ca2be; + --mdb-btn-active-color: #fff; } + :not(.btn-check) + .btn-info:hover, .btn-info:first-child:hover, .btn-info:focus-visible, .btn-info:hover { - box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); + box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); } + .btn-check:focus-visible + .btn-info, .btn-check:focus + .btn-info, .btn-info:focus { - box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); - background-color: #50abc8; + box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); + background-color: #50abc8; } + .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .btn-info.show { - box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); + box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); } + .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .btn-info.show:focus { - box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); + box-shadow: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2); } + .btn-check:checked + .btn-info:hover, .btn-check:active + .btn-info:hover, .btn-info:active:hover, .btn-info.active:hover, .btn-info.show:hover { - background-color: #4ca2be; + background-color: #4ca2be; } + .btn-info:disabled, .btn-info.disabled, fieldset:disabled .btn-info { - box-shadow: 0 4px 9px -4px #54b4d3; + box-shadow: 0 4px 9px -4px #54b4d3; } .btn-light { - --mdb-btn-bg: #fbfbfb; - --mdb-btn-color: #4f4f4f; - --mdb-btn-box-shadow: 0 4px 9px -4px #fbfbfb; - --mdb-btn-hover-bg: #eeeeee; - --mdb-btn-hover-color: #4f4f4f; - --mdb-btn-focus-bg: #eeeeee; - --mdb-btn-focus-color: #4f4f4f; - --mdb-btn-active-bg: #e2e2e2; - --mdb-btn-active-color: #4f4f4f; + --mdb-btn-bg: #fbfbfb; + --mdb-btn-color: #4f4f4f; + --mdb-btn-box-shadow: 0 4px 9px -4px #fbfbfb; + --mdb-btn-hover-bg: #eeeeee; + --mdb-btn-hover-color: #4f4f4f; + --mdb-btn-focus-bg: #eeeeee; + --mdb-btn-focus-color: #4f4f4f; + --mdb-btn-active-bg: #e2e2e2; + --mdb-btn-active-color: #4f4f4f; } + :not(.btn-check) + .btn-light:hover, .btn-light:first-child:hover, .btn-light:focus-visible, .btn-light:hover { - box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); + box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); } + .btn-check:focus-visible + .btn-light, .btn-check:focus + .btn-light, .btn-light:focus { - box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); - background-color: #eeeeee; + box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); + background-color: #eeeeee; } + .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .btn-light.show { - box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); + box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); } + .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .btn-light.show:focus { - box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); + box-shadow: 0 8px 9px -4px rgba(251, 251, 251, 0.3), 0 4px 18px 0 rgba(251, 251, 251, 0.2); } + .btn-check:checked + .btn-light:hover, .btn-check:active + .btn-light:hover, .btn-light:active:hover, .btn-light.active:hover, .btn-light.show:hover { - background-color: #e2e2e2; + background-color: #e2e2e2; } + .btn-light:disabled, .btn-light.disabled, fieldset:disabled .btn-light { - box-shadow: 0 4px 9px -4px #fbfbfb; + box-shadow: 0 4px 9px -4px #fbfbfb; } .btn-dark { - --mdb-btn-bg: #332d2d; - --mdb-btn-color: #fff; - --mdb-btn-box-shadow: 0 4px 9px -4px #332d2d; - --mdb-btn-hover-bg: #302b2b; - --mdb-btn-hover-color: #fff; - --mdb-btn-focus-bg: #302b2b; - --mdb-btn-focus-color: #fff; - --mdb-btn-active-bg: #2e2929; - --mdb-btn-active-color: #fff; + --mdb-btn-bg: #332d2d; + --mdb-btn-color: #fff; + --mdb-btn-box-shadow: 0 4px 9px -4px #332d2d; + --mdb-btn-hover-bg: #302b2b; + --mdb-btn-hover-color: #fff; + --mdb-btn-focus-bg: #302b2b; + --mdb-btn-focus-color: #fff; + --mdb-btn-active-bg: #2e2929; + --mdb-btn-active-color: #fff; } + :not(.btn-check) + .btn-dark:hover, .btn-dark:first-child:hover, .btn-dark:focus-visible, .btn-dark:hover { - box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); + box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); } + .btn-check:focus-visible + .btn-dark, .btn-check:focus + .btn-dark, .btn-dark:focus { - box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); - background-color: #302b2b; + box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); + background-color: #302b2b; } + .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .btn-dark.show { - box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); + box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); } + .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .btn-dark.show:focus { - box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); + box-shadow: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2); } + .btn-check:checked + .btn-dark:hover, .btn-check:active + .btn-dark:hover, .btn-dark:active:hover, .btn-dark.active:hover, .btn-dark.show:hover { - background-color: #2e2929; + background-color: #2e2929; } + .btn-dark:disabled, .btn-dark.disabled, fieldset:disabled .btn-dark { - box-shadow: 0 4px 9px -4px #332d2d; + box-shadow: 0 4px 9px -4px #332d2d; } .btn-white { - --mdb-btn-bg: #fff; - --mdb-btn-color: #000; - --mdb-btn-box-shadow: 0 4px 9px -4px #fff; - --mdb-btn-hover-bg: #f2f2f2; - --mdb-btn-hover-color: #000; - --mdb-btn-focus-bg: #f2f2f2; - --mdb-btn-focus-color: #000; - --mdb-btn-active-bg: #e6e6e6; - --mdb-btn-active-color: #000; + --mdb-btn-bg: #fff; + --mdb-btn-color: #000; + --mdb-btn-box-shadow: 0 4px 9px -4px #fff; + --mdb-btn-hover-bg: #f2f2f2; + --mdb-btn-hover-color: #000; + --mdb-btn-focus-bg: #f2f2f2; + --mdb-btn-focus-color: #000; + --mdb-btn-active-bg: #e6e6e6; + --mdb-btn-active-color: #000; } + :not(.btn-check) + .btn-white:hover, .btn-white:first-child:hover, .btn-white:focus-visible, .btn-white:hover { - box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); } + .btn-check:focus-visible + .btn-white, .btn-check:focus + .btn-white, .btn-white:focus { - box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); - background-color: #f2f2f2; + box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); + background-color: #f2f2f2; } + .btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .btn-white.show { - box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); } + .btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.show:focus { - box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 8px 9px -4px rgba(255, 255, 255, 0.3), 0 4px 18px 0 rgba(255, 255, 255, 0.2); } + .btn-check:checked + .btn-white:hover, .btn-check:active + .btn-white:hover, .btn-white:active:hover, .btn-white.active:hover, .btn-white.show:hover { - background-color: #e6e6e6; + background-color: #e6e6e6; } + .btn-white:disabled, .btn-white.disabled, fieldset:disabled .btn-white { - box-shadow: 0 4px 9px -4px #fff; + box-shadow: 0 4px 9px -4px #fff; } .btn-black { - --mdb-btn-bg: #000; - --mdb-btn-color: #fff; - --mdb-btn-box-shadow: 0 4px 9px -4px #000; - --mdb-btn-hover-bg: black; - --mdb-btn-hover-color: #fff; - --mdb-btn-focus-bg: black; - --mdb-btn-focus-color: #fff; - --mdb-btn-active-bg: black; - --mdb-btn-active-color: #fff; + --mdb-btn-bg: #000; + --mdb-btn-color: #fff; + --mdb-btn-box-shadow: 0 4px 9px -4px #000; + --mdb-btn-hover-bg: black; + --mdb-btn-hover-color: #fff; + --mdb-btn-focus-bg: black; + --mdb-btn-focus-color: #fff; + --mdb-btn-active-bg: black; + --mdb-btn-active-color: #fff; } + :not(.btn-check) + .btn-black:hover, .btn-black:first-child:hover, .btn-black:focus-visible, .btn-black:hover { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); } + .btn-check:focus-visible + .btn-black, .btn-check:focus + .btn-black, .btn-black:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); - background-color: black; + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); + background-color: black; } + .btn-check:checked + .btn-black, .btn-check:active + .btn-black, .btn-black:active, .btn-black.active, .btn-black.show { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); } + .btn-check:checked + .btn-black:focus, .btn-check:active + .btn-black:focus, .btn-black:active:focus, .btn-black.active:focus, .btn-black.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2); } + .btn-check:checked + .btn-black:hover, .btn-check:active + .btn-black:hover, .btn-black:active:hover, .btn-black.active:hover, .btn-black.show:hover { - background-color: black; + background-color: black; } + .btn-black:disabled, .btn-black.disabled, fieldset:disabled .btn-black { - box-shadow: 0 4px 9px -4px #000; + box-shadow: 0 4px 9px -4px #000; } .btn-outline-primary { - --mdb-btn-bg: transparent; - --mdb-btn-color: #3b71ca; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #386bc0; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #386bc0; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #3566b6; - border-color: #3b71ca; + --mdb-btn-bg: transparent; + --mdb-btn-color: #3b71ca; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #386bc0; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #386bc0; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #3566b6; + border-color: #3b71ca; } + :not(.btn-check) + .btn-outline-primary:hover, .btn-outline-primary:first-child:hover, .btn-outline-primary:focus-visible, .btn-outline-primary:hover { - border-color: #386bc0; + border-color: #386bc0; } + .btn-check:focus-visible + .btn-outline-primary, .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { - border-color: #386bc0; + border-color: #386bc0; } + .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.show { - border-color: #3566b6; + border-color: #3566b6; } + .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.show:focus { - border-color: #386bc0; + border-color: #386bc0; } + .btn-outline-primary:disabled, .btn-outline-primary.disabled, fieldset:disabled .btn-outline-primary { - border-color: #3b71ca; + border-color: #3b71ca; } .btn-outline-secondary { - --mdb-btn-bg: transparent; - --mdb-btn-color: #285192; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #264d8b; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #264d8b; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #244983; - border-color: #e3ebf7; + --mdb-btn-bg: transparent; + --mdb-btn-color: #285192; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #264d8b; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #264d8b; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #244983; + border-color: #e3ebf7; } + :not(.btn-check) + .btn-outline-secondary:hover, .btn-outline-secondary:first-child:hover, .btn-outline-secondary:focus-visible, .btn-outline-secondary:hover { - border-color: #d8dfeb; + border-color: #d8dfeb; } + .btn-check:focus-visible + .btn-outline-secondary, .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { - border-color: #d8dfeb; + border-color: #d8dfeb; } + .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.show { - border-color: #ccd4de; + border-color: #ccd4de; } + .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.show:focus { - border-color: #d8dfeb; + border-color: #d8dfeb; } + .btn-outline-secondary:disabled, .btn-outline-secondary.disabled, fieldset:disabled .btn-outline-secondary { - border-color: #e3ebf7; + border-color: #e3ebf7; } .btn-outline-success { - --mdb-btn-bg: transparent; - --mdb-btn-color: #14a44d; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #139c49; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #139c49; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #129445; - border-color: #14a44d; + --mdb-btn-bg: transparent; + --mdb-btn-color: #14a44d; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #139c49; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #139c49; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #129445; + border-color: #14a44d; } + :not(.btn-check) + .btn-outline-success:hover, .btn-outline-success:first-child:hover, .btn-outline-success:focus-visible, .btn-outline-success:hover { - border-color: #139c49; + border-color: #139c49; } + .btn-check:focus-visible + .btn-outline-success, .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { - border-color: #139c49; + border-color: #139c49; } + .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.show { - border-color: #129445; + border-color: #129445; } + .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.show:focus { - border-color: #139c49; + border-color: #139c49; } + .btn-outline-success:disabled, .btn-outline-success.disabled, fieldset:disabled .btn-outline-success { - border-color: #14a44d; + border-color: #14a44d; } .btn-outline-danger { - --mdb-btn-bg: transparent; - --mdb-btn-color: #dc4c64; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #d1485f; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #d1485f; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #c6445a; - border-color: #dc4c64; + --mdb-btn-bg: transparent; + --mdb-btn-color: #dc4c64; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #d1485f; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #d1485f; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #c6445a; + border-color: #dc4c64; } + :not(.btn-check) + .btn-outline-danger:hover, .btn-outline-danger:first-child:hover, .btn-outline-danger:focus-visible, .btn-outline-danger:hover { - border-color: #d1485f; + border-color: #d1485f; } + .btn-check:focus-visible + .btn-outline-danger, .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { - border-color: #d1485f; + border-color: #d1485f; } + .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.show { - border-color: #c6445a; + border-color: #c6445a; } + .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.show:focus { - border-color: #d1485f; + border-color: #d1485f; } + .btn-outline-danger:disabled, .btn-outline-danger.disabled, fieldset:disabled .btn-outline-danger { - border-color: #dc4c64; + border-color: #dc4c64; } .btn-outline-warning { - --mdb-btn-bg: transparent; - --mdb-btn-color: #e4a11b; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #d9991a; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #d9991a; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #cd9118; - border-color: #e4a11b; + --mdb-btn-bg: transparent; + --mdb-btn-color: #e4a11b; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #d9991a; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #d9991a; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #cd9118; + border-color: #e4a11b; } + :not(.btn-check) + .btn-outline-warning:hover, .btn-outline-warning:first-child:hover, .btn-outline-warning:focus-visible, .btn-outline-warning:hover { - border-color: #d9991a; + border-color: #d9991a; } + .btn-check:focus-visible + .btn-outline-warning, .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { - border-color: #d9991a; + border-color: #d9991a; } + .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.show { - border-color: #cd9118; + border-color: #cd9118; } + .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.show:focus { - border-color: #d9991a; + border-color: #d9991a; } + .btn-outline-warning:disabled, .btn-outline-warning.disabled, fieldset:disabled .btn-outline-warning { - border-color: #e4a11b; + border-color: #e4a11b; } .btn-outline-info { - --mdb-btn-bg: transparent; - --mdb-btn-color: #54b4d3; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #50abc8; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #50abc8; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #4ca2be; - border-color: #54b4d3; + --mdb-btn-bg: transparent; + --mdb-btn-color: #54b4d3; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #50abc8; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #50abc8; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #4ca2be; + border-color: #54b4d3; } + :not(.btn-check) + .btn-outline-info:hover, .btn-outline-info:first-child:hover, .btn-outline-info:focus-visible, .btn-outline-info:hover { - border-color: #50abc8; + border-color: #50abc8; } + .btn-check:focus-visible + .btn-outline-info, .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { - border-color: #50abc8; + border-color: #50abc8; } + .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.show { - border-color: #4ca2be; + border-color: #4ca2be; } + .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.show:focus { - border-color: #50abc8; + border-color: #50abc8; } + .btn-outline-info:disabled, .btn-outline-info.disabled, fieldset:disabled .btn-outline-info { - border-color: #54b4d3; + border-color: #54b4d3; } .btn-outline-light { - --mdb-btn-bg: transparent; - --mdb-btn-color: #fbfbfb; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #eeeeee; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #eeeeee; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #e2e2e2; - border-color: #fbfbfb; + --mdb-btn-bg: transparent; + --mdb-btn-color: #fbfbfb; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #eeeeee; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #eeeeee; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #e2e2e2; + border-color: #fbfbfb; } + :not(.btn-check) + .btn-outline-light:hover, .btn-outline-light:first-child:hover, .btn-outline-light:focus-visible, .btn-outline-light:hover { - border-color: #eeeeee; + border-color: #eeeeee; } + .btn-check:focus-visible + .btn-outline-light, .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { - border-color: #eeeeee; + border-color: #eeeeee; } + .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.show { - border-color: #e2e2e2; + border-color: #e2e2e2; } + .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.show:focus { - border-color: #eeeeee; + border-color: #eeeeee; } + .btn-outline-light:disabled, .btn-outline-light.disabled, fieldset:disabled .btn-outline-light { - border-color: #fbfbfb; + border-color: #fbfbfb; } .btn-outline-dark { - --mdb-btn-bg: transparent; - --mdb-btn-color: #332d2d; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #302b2b; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #302b2b; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #2e2929; - border-color: #332d2d; + --mdb-btn-bg: transparent; + --mdb-btn-color: #332d2d; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #302b2b; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #302b2b; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #2e2929; + border-color: #332d2d; } + :not(.btn-check) + .btn-outline-dark:hover, .btn-outline-dark:first-child:hover, .btn-outline-dark:focus-visible, .btn-outline-dark:hover { - border-color: #302b2b; + border-color: #302b2b; } + .btn-check:focus-visible + .btn-outline-dark, .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { - border-color: #302b2b; + border-color: #302b2b; } + .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.show { - border-color: #2e2929; + border-color: #2e2929; } + .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.show:focus { - border-color: #302b2b; + border-color: #302b2b; } + .btn-outline-dark:disabled, .btn-outline-dark.disabled, fieldset:disabled .btn-outline-dark { - border-color: #332d2d; + border-color: #332d2d; } .btn-outline-white { - --mdb-btn-bg: transparent; - --mdb-btn-color: #fff; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: #f2f2f2; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: #f2f2f2; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: #e6e6e6; - border-color: #fff; + --mdb-btn-bg: transparent; + --mdb-btn-color: #fff; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: #f2f2f2; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: #f2f2f2; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: #e6e6e6; + border-color: #fff; } + :not(.btn-check) + .btn-outline-white:hover, .btn-outline-white:first-child:hover, .btn-outline-white:focus-visible, .btn-outline-white:hover { - border-color: #f2f2f2; + border-color: #f2f2f2; } + .btn-check:focus-visible + .btn-outline-white, .btn-check:focus + .btn-outline-white, .btn-outline-white:focus { - border-color: #f2f2f2; + border-color: #f2f2f2; } + .btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.show { - border-color: #e6e6e6; + border-color: #e6e6e6; } + .btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.show:focus { - border-color: #f2f2f2; + border-color: #f2f2f2; } + .btn-outline-white:disabled, .btn-outline-white.disabled, fieldset:disabled .btn-outline-white { - border-color: #fff; + border-color: #fff; } .btn-outline-black { - --mdb-btn-bg: transparent; - --mdb-btn-color: #000; - --mdb-btn-hover-bg: transparent; - --mdb-btn-hover-color: black; - --mdb-btn-focus-bg: transparent; - --mdb-btn-focus-color: black; - --mdb-btn-active-bg: transparent; - --mdb-btn-active-color: black; - border-color: #000; + --mdb-btn-bg: transparent; + --mdb-btn-color: #000; + --mdb-btn-hover-bg: transparent; + --mdb-btn-hover-color: black; + --mdb-btn-focus-bg: transparent; + --mdb-btn-focus-color: black; + --mdb-btn-active-bg: transparent; + --mdb-btn-active-color: black; + border-color: #000; } + :not(.btn-check) + .btn-outline-black:hover, .btn-outline-black:first-child:hover, .btn-outline-black:focus-visible, .btn-outline-black:hover { - border-color: black; + border-color: black; } + .btn-check:focus-visible + .btn-outline-black, .btn-check:focus + .btn-outline-black, .btn-outline-black:focus { - border-color: black; + border-color: black; } + .btn-check:checked + .btn-outline-black, .btn-check:active + .btn-outline-black, .btn-outline-black:active, .btn-outline-black.active, .btn-outline-black.show { - border-color: black; + border-color: black; } + .btn-check:checked + .btn-outline-black:focus, .btn-check:active + .btn-outline-black:focus, .btn-outline-black:active:focus, .btn-outline-black.active:focus, .btn-outline-black.show:focus { - border-color: black; + border-color: black; } + .btn-outline-black:disabled, .btn-outline-black.disabled, fieldset:disabled .btn-outline-black { - border-color: #000; + border-color: #000; } .btn-link { - --mdb-btn-font-weight: 500; - --mdb-btn-color: #3b71ca; - --mdb-btn-hover-color: #386bc0; - --mdb-btn-hover-bg: hsl(0, 0%, 96%); - --mdb-btn-focus-color: #3566b6; - --mdb-btn-active-color: #3260ac; - --mdb-btn-disabled-color: #9e9e9e; - --mdb-btn-box-shadow: none; - text-decoration: none; - box-shadow: var(--mdb-btn-box-shadow); + --mdb-btn-font-weight: 500; + --mdb-btn-color: #3b71ca; + --mdb-btn-hover-color: #386bc0; + --mdb-btn-hover-bg: hsl(0, 0%, 96%); + --mdb-btn-focus-color: #3566b6; + --mdb-btn-active-color: #3260ac; + --mdb-btn-disabled-color: #9e9e9e; + --mdb-btn-box-shadow: none; + text-decoration: none; + box-shadow: var(--mdb-btn-box-shadow); } + :not(.btn-check) + .btn-link:hover, .btn-link:first-child:hover, .btn-link:focus-visible, .btn-link:hover { - text-decoration: none; - box-shadow: var(--mdb-btn-box-shadow); + text-decoration: none; + box-shadow: var(--mdb-btn-box-shadow); } + .btn-check:focus-visible + .btn-link, .btn-check:focus + .btn-link, .btn-link:focus { - color: var(--mdb-btn-focus-color); - box-shadow: var(--mdb-btn-box-shadow); + color: var(--mdb-btn-focus-color); + box-shadow: var(--mdb-btn-box-shadow); } + .btn-check:checked + .btn-link, .btn-check:active + .btn-link, .btn-link:active, .btn-link.active, .btn-link.show { - color: var(--mdb-btn-active-color); - box-shadow: var(--mdb-btn-box-shadow); + color: var(--mdb-btn-active-color); + box-shadow: var(--mdb-btn-box-shadow); } + .btn-check:checked + .btn-link:focus, .btn-check:active + .btn-link:focus, .btn-link:active:focus, .btn-link.active:focus, .btn-link.show:focus { - color: var(--mdb-btn-focus-color); - box-shadow: var(--mdb-btn-box-shadow); + color: var(--mdb-btn-focus-color); + box-shadow: var(--mdb-btn-box-shadow); } + .btn-link:disabled, .btn-link.disabled, fieldset:disabled .btn-link { - box-shadow: var(--mdb-btn-box-shadow); + box-shadow: var(--mdb-btn-box-shadow); } .btn-tertiary { - --mdb-btn-font-weight: 500; - --mdb-btn-color: #3b71ca; - --mdb-btn-hover-color: #386bc0; - --mdb-btn-hover-bg: transparent; - --mdb-btn-focus-color: #3566b6; - --mdb-btn-active-color: #3260ac; - --mdb-btn-disabled-color: #9e9e9e; - --mdb-btn-box-shadow: none; - padding-left: 0px; - padding-right: 0px; - text-decoration: none; - box-shadow: var(--mdb-btn-box-shadow); + --mdb-btn-font-weight: 500; + --mdb-btn-color: #3b71ca; + --mdb-btn-hover-color: #386bc0; + --mdb-btn-hover-bg: transparent; + --mdb-btn-focus-color: #3566b6; + --mdb-btn-active-color: #3260ac; + --mdb-btn-disabled-color: #9e9e9e; + --mdb-btn-box-shadow: none; + padding-left: 0px; + padding-right: 0px; + text-decoration: none; + box-shadow: var(--mdb-btn-box-shadow); } + :not(.btn-check) + .btn-tertiary:hover, .btn-tertiary:first-child:hover, .btn-tertiary:focus-visible, .btn-tertiary:hover { - text-decoration: none; - box-shadow: var(--mdb-btn-box-shadow); + text-decoration: none; + box-shadow: var(--mdb-btn-box-shadow); } + .btn-check:focus-visible + .btn-tertiary, .btn-check:focus + .btn-tertiary, .btn-tertiary:focus { - color: var(--mdb-btn-focus-color); - box-shadow: var(--mdb-btn-box-shadow); + color: var(--mdb-btn-focus-color); + box-shadow: var(--mdb-btn-box-shadow); } + .btn-check:checked + .btn-tertiary, .btn-check:active + .btn-tertiary, .btn-tertiary:active, .btn-tertiary.active, .btn-tertiary.show { - color: var(--mdb-btn-active-color); - box-shadow: var(--mdb-btn-box-shadow); + color: var(--mdb-btn-active-color); + box-shadow: var(--mdb-btn-box-shadow); } + .btn-check:checked + .btn-tertiary:focus, .btn-check:active + .btn-tertiary:focus, .btn-tertiary:active:focus, .btn-tertiary.active:focus, .btn-tertiary.show:focus { - color: var(--mdb-btn-focus-color); - box-shadow: var(--mdb-btn-box-shadow); + color: var(--mdb-btn-focus-color); + box-shadow: var(--mdb-btn-box-shadow); } + .btn-tertiary:disabled, .btn-tertiary.disabled, fieldset:disabled .btn-tertiary { - box-shadow: var(--mdb-btn-box-shadow); + box-shadow: var(--mdb-btn-box-shadow); } .btn-lg, .btn-group-lg > .btn { - --mdb-btn-padding-top: 0.75rem; - --mdb-btn-padding-bottom: 0.6875rem; - --mdb-btn-padding-x: 1.6875rem; - --mdb-btn-font-size: 0.875rem; - --mdb-btn-line-height: 1.6; + --mdb-btn-padding-top: 0.75rem; + --mdb-btn-padding-bottom: 0.6875rem; + --mdb-btn-padding-x: 1.6875rem; + --mdb-btn-font-size: 0.875rem; + --mdb-btn-line-height: 1.6; } .btn-sm, .btn-group-sm > .btn { - --mdb-btn-padding-top: 0.375rem; - --mdb-btn-padding-bottom: 0.3125rem; - --mdb-btn-padding-x: 1rem; - --mdb-btn-font-size: 0.75rem; - --mdb-btn-line-height: 1.5; + --mdb-btn-padding-top: 0.375rem; + --mdb-btn-padding-bottom: 0.3125rem; + --mdb-btn-padding-x: 1rem; + --mdb-btn-font-size: 0.75rem; + --mdb-btn-line-height: 1.5; } .btn-rounded { - --mdb-btn-border-radius: 10rem; - border-radius: var(--mdb-btn-border-radius); + --mdb-btn-border-radius: 10rem; + border-radius: var(--mdb-btn-border-radius); } .btn-floating, [class*=btn-outline-].btn-floating { - --mdb-btn-border-radius: 50%; - border-radius: var(--mdb-btn-border-radius); - padding: 0; - position: relative; + --mdb-btn-border-radius: 50%; + border-radius: var(--mdb-btn-border-radius); + padding: 0; + position: relative; } .btn-floating { - --mdb-btn-width: 2.3125rem; - --mdb-btn-height: 2.3125rem; - --mdb-btn-icon-width: 2.3125rem; - --mdb-btn-icon-line-height: 2.3125rem; - --mdb-btn-width-lg: 2.8125rem; - --mdb-btn-height-lg: 2.8125rem; - --mdb-btn-icon-width-lg: 2.8125rem; - --mdb-btn-icon-line-height-lg: 2.8125rem; - --mdb-btn-width-sm: 1.8125rem; - --mdb-btn-height-sm: 1.8125rem; - --mdb-btn-icon-width-sm: 1.8125rem; - --mdb-btn-icon-line-height-sm: 1.8125rem; - width: var(--mdb-btn-width); - height: var(--mdb-btn-height); + --mdb-btn-width: 2.3125rem; + --mdb-btn-height: 2.3125rem; + --mdb-btn-icon-width: 2.3125rem; + --mdb-btn-icon-line-height: 2.3125rem; + --mdb-btn-width-lg: 2.8125rem; + --mdb-btn-height-lg: 2.8125rem; + --mdb-btn-icon-width-lg: 2.8125rem; + --mdb-btn-icon-line-height-lg: 2.8125rem; + --mdb-btn-width-sm: 1.8125rem; + --mdb-btn-height-sm: 1.8125rem; + --mdb-btn-icon-width-sm: 1.8125rem; + --mdb-btn-icon-line-height-sm: 1.8125rem; + width: var(--mdb-btn-width); + height: var(--mdb-btn-height); } + .btn-floating .fas, .btn-floating .far, .btn-floating .fab { - width: var(--mdb-btn-icon-width); - line-height: var(--mdb-btn-icon-line-height); + width: var(--mdb-btn-icon-width); + line-height: var(--mdb-btn-icon-line-height); } + .btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn { - width: var(--mdb-btn-width-lg); - height: var(--mdb-btn-height-lg); + width: var(--mdb-btn-width-lg); + height: var(--mdb-btn-height-lg); } + .btn-floating.btn-lg .fas, .btn-group-lg > .btn-floating.btn .fas, .btn-floating.btn-lg .far, .btn-group-lg > .btn-floating.btn .far, .btn-floating.btn-lg .fab, .btn-group-lg > .btn-floating.btn .fab { - width: var(--mdb-btn-icon-width-lg); - line-height: var(--mdb-btn-icon-line-height-lg); + width: var(--mdb-btn-icon-width-lg); + line-height: var(--mdb-btn-icon-line-height-lg); } + .btn-floating.btn-sm, .btn-group-sm > .btn-floating.btn { - width: var(--mdb-btn-width-sm); - height: var(--mdb-btn-height-sm); + width: var(--mdb-btn-width-sm); + height: var(--mdb-btn-height-sm); } + .btn-floating.btn-sm .fas, .btn-group-sm > .btn-floating.btn .fas, .btn-floating.btn-sm .far, .btn-group-sm > .btn-floating.btn .far, .btn-floating.btn-sm .fab, .btn-group-sm > .btn-floating.btn .fab { - width: var(--mdb-btn-icon-width-sm); - line-height: var(--mdb-btn-icon-line-height-sm); + width: var(--mdb-btn-icon-width-sm); + line-height: var(--mdb-btn-icon-line-height-sm); } [class*=btn-outline-].btn-floating { - --mdb-btn-icon-width: 2.0625rem; - --mdb-btn-icon-width-lg: 2.5625rem; - --mdb-btn-icon-width-sm: 1.5625rem; - --mdb-btn-icon-line-height: 2.0625rem; - --mdb-btn-icon-line-height-lg: 2.5625rem; - --mdb-btn-icon-line-height-sm: 1.5625rem; + --mdb-btn-icon-width: 2.0625rem; + --mdb-btn-icon-width-lg: 2.5625rem; + --mdb-btn-icon-width-sm: 1.5625rem; + --mdb-btn-icon-line-height: 2.0625rem; + --mdb-btn-icon-line-height-lg: 2.5625rem; + --mdb-btn-icon-line-height-sm: 1.5625rem; } + [class*=btn-outline-].btn-floating .fas, [class*=btn-outline-].btn-floating .far, [class*=btn-outline-].btn-floating .fab { - width: var(--mdb-btn-icon-width); - line-height: var(--mdb-btn-icon-line-height); + width: var(--mdb-btn-icon-width); + line-height: var(--mdb-btn-icon-line-height); } + [class*=btn-outline-].btn-floating.btn-lg .fas, .btn-group-lg > [class*=btn-outline-].btn-floating.btn .fas, [class*=btn-outline-].btn-floating.btn-lg .far, .btn-group-lg > [class*=btn-outline-].btn-floating.btn .far, [class*=btn-outline-].btn-floating.btn-lg .fab, .btn-group-lg > [class*=btn-outline-].btn-floating.btn .fab { - width: var(--mdb-btn-icon-width-lg); - line-height: var(--mdb-btn-icon-line-height-lg); + width: var(--mdb-btn-icon-width-lg); + line-height: var(--mdb-btn-icon-line-height-lg); } + [class*=btn-outline-].btn-floating.btn-sm .fas, .btn-group-sm > [class*=btn-outline-].btn-floating.btn .fas, [class*=btn-outline-].btn-floating.btn-sm .far, .btn-group-sm > [class*=btn-outline-].btn-floating.btn .far, [class*=btn-outline-].btn-floating.btn-sm .fab, .btn-group-sm > [class*=btn-outline-].btn-floating.btn .fab { - width: var(--mdb-btn-icon-width-sm); - line-height: var(--mdb-btn-icon-line-height-sm); + width: var(--mdb-btn-icon-width-sm); + line-height: var(--mdb-btn-icon-line-height-sm); } .fixed-action-btn { - --mdb-btn-right: 2.1875rem; - --mdb-btn-bottom: 2.1875rem; - --mdb-btn-zindex: 1030; - --mdb-btn-padding-top: 0.9375rem; - --mdb-btn-padding-bottom: 1.25rem; - --mdb-btn-padding-x: 1.25rem; - --mdb-btn-margin-bottom: 1.5rem; - position: fixed; - right: var(--mdb-btn-right); - bottom: var(--mdb-btn-bottom); - z-index: var(--mdb-btn-zindex); - display: flex; - flex-flow: column-reverse nowrap; - align-items: center; - padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom); - margin-bottom: 0; - height: auto; - overflow: hidden; + --mdb-btn-right: 2.1875rem; + --mdb-btn-bottom: 2.1875rem; + --mdb-btn-zindex: 1030; + --mdb-btn-padding-top: 0.9375rem; + --mdb-btn-padding-bottom: 1.25rem; + --mdb-btn-padding-x: 1.25rem; + --mdb-btn-margin-bottom: 1.5rem; + position: fixed; + right: var(--mdb-btn-right); + bottom: var(--mdb-btn-bottom); + z-index: var(--mdb-btn-zindex); + display: flex; + flex-flow: column-reverse nowrap; + align-items: center; + padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom); + margin-bottom: 0; + height: auto; + overflow: hidden; } + .fixed-action-btn > .btn-floating { - position: relative; - transform: scale(1.2); - z-index: 10; + position: relative; + transform: scale(1.2); + z-index: 10; } + .fixed-action-btn ul { - position: absolute; - bottom: 0; - left: 0; - right: 0; - display: flex; - flex-direction: column; - padding: 0; - margin: 0; - margin-bottom: 0; - text-align: center; - opacity: 0; - transition: transform 0.4s, opacity 0.4s; - z-index: -1; -} -.fixed-action-btn ul li { - z-index: 0; - display: flex; - margin-right: auto; - margin-bottom: var(--mdb-btn-margin-bottom); - margin-left: auto; -} -.fixed-action-btn ul li:first-of-type { - margin-top: calc(var(--mdb-btn-margin-bottom) * 0.5); -} -.fixed-action-btn ul a.btn { - opacity: 0; - transition: opacity 0.4s ease-in; + position: absolute; + bottom: 0; + left: 0; + right: 0; + display: flex; + flex-direction: column; + padding: 0; + margin: 0; + margin-bottom: 0; + text-align: center; + opacity: 0; + transition: transform 0.4s, opacity 0.4s; + z-index: -1; +} + +.fixed-action-btn ul li { + z-index: 0; + display: flex; + margin-right: auto; + margin-bottom: var(--mdb-btn-margin-bottom); + margin-left: auto; } + +.fixed-action-btn ul li:first-of-type { + margin-top: calc(var(--mdb-btn-margin-bottom) * 0.5); +} + +.fixed-action-btn ul a.btn { + opacity: 0; + transition: opacity 0.4s ease-in; +} + .fixed-action-btn ul a.btn.shown { - opacity: 1; + opacity: 1; } + .fixed-action-btn.active ul { - opacity: 1; + opacity: 1; } .btn-block { - --mdb-btn-margin-top: 0.5rem; - display: block; - width: 100%; + --mdb-btn-margin-top: 0.5rem; + display: block; + width: 100%; } + .btn-block + .btn-block { - margin-top: var(--mdb-btn-margin-top); + margin-top: var(--mdb-btn-margin-top); } hr.divider-horizontal:not([size]) { - height: 2px; + height: 2px; } .divider-horizontal { - opacity: 1; - background-color: #f5f5f5; - height: 2px; + opacity: 1; + background-color: #f5f5f5; + height: 2px; } .divider-vertical { - opacity: 1; - background-color: #f5f5f5; - display: inline-block; - width: 2px; - margin: 0 1rem; + opacity: 1; + background-color: #f5f5f5; + display: inline-block; + width: 2px; + margin: 0 1rem; } hr.divider-horizontal-blurry { - background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 40%), transparent); - background-color: transparent; + background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 40%), transparent); + background-color: transparent; } hr.divider-vertical-blurry { - background-image: linear-gradient(180deg, transparent, hsl(0, 0%, 40%), transparent); - background-color: transparent; - width: 1px; - top: 0; - right: 0; + background-image: linear-gradient(180deg, transparent, hsl(0, 0%, 40%), transparent); + background-color: transparent; + width: 1px; + top: 0; + right: 0; } .dropdown-menu { - --mdb-dropdown-item-border-radius: 0.5rem; - color: var(--mdb-dropdown-color); - margin: 0; - padding-top: 0; - padding-bottom: 0; - border: 0; - box-shadow: var(--mdb-dropdown-box-shadow); - font-size: var(--mdb-dropdown-font-size); - top: 100%; - left: 0; - margin-top: var(--mdb-dropdown-spacer); + --mdb-dropdown-item-border-radius: 0.5rem; + color: var(--mdb-dropdown-color); + margin: 0; + padding-top: 0; + padding-bottom: 0; + border: 0; + box-shadow: var(--mdb-dropdown-box-shadow); + font-size: var(--mdb-dropdown-font-size); + top: 100%; + left: 0; + margin-top: var(--mdb-dropdown-spacer); } + .dropdown-menu > li { - border-radius: 0; + border-radius: 0; } + .dropdown-menu > li:first-child { - border-top-left-radius: var(--mdb-dropdown-item-border-radius); - border-top-right-radius: var(--mdb-dropdown-item-border-radius); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + border-top-left-radius: var(--mdb-dropdown-item-border-radius); + border-top-right-radius: var(--mdb-dropdown-item-border-radius); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .dropdown-menu > li:first-child .dropdown-item { - border-top-left-radius: var(--mdb-dropdown-item-border-radius); - border-top-right-radius: var(--mdb-dropdown-item-border-radius); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + border-top-left-radius: var(--mdb-dropdown-item-border-radius); + border-top-right-radius: var(--mdb-dropdown-item-border-radius); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .dropdown-menu > li:not(:first-child):not(:last-child) .dropdown-item { - border-radius: 0; + border-radius: 0; } + .dropdown-menu > li:last-child { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: var(--mdb-dropdown-item-border-radius); - border-bottom-right-radius: var(--mdb-dropdown-item-border-radius); + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: var(--mdb-dropdown-item-border-radius); + border-bottom-right-radius: var(--mdb-dropdown-item-border-radius); } + .dropdown-menu > li:last-child .dropdown-item { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: var(--mdb-dropdown-item-border-radius); - border-bottom-right-radius: var(--mdb-dropdown-item-border-radius); + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: var(--mdb-dropdown-item-border-radius); + border-bottom-right-radius: var(--mdb-dropdown-item-border-radius); } + .dropdown-menu.animation { - --mdb-dropdown-menu-animated-animation-duration: 0.55s; - --mdb-dropdown-menu-animated-animation-timing-function: ease; - display: block; - /* Speed up animations */ - animation-duration: var(--mdb-dropdown-menu-animated-animation-duration); - animation-timing-function: var(--mdb-dropdown-menu-animated-animation-timing-function); + --mdb-dropdown-menu-animated-animation-duration: 0.55s; + --mdb-dropdown-menu-animated-animation-timing-function: ease; + display: block; + /* Speed up animations */ + animation-duration: var(--mdb-dropdown-menu-animated-animation-duration); + animation-timing-function: var(--mdb-dropdown-menu-animated-animation-timing-function); } .dropdown-item { - --mdb-dropdown-state-color: #16181b; - --mdb-dropdown-state-background-color: #eee; - padding: var(--mdb-dropdown-item-padding-y) var(--mdb-dropdown-item-padding-x); - color: var(--mdb-dropdown-color); - border-radius: 0; + --mdb-dropdown-state-color: #16181b; + --mdb-dropdown-state-background-color: #eee; + padding: var(--mdb-dropdown-item-padding-y) var(--mdb-dropdown-item-padding-x); + color: var(--mdb-dropdown-color); + border-radius: 0; } + .dropdown-item:hover, .dropdown-item:focus { - color: var(--mdb-dropdown-state-color); - background-color: var(--mdb-dropdown-state-background-color); + color: var(--mdb-dropdown-state-color); + background-color: var(--mdb-dropdown-state-background-color); } + .dropdown-item.active, .dropdown-item:active { - color: var(--mdb-dropdown-state-color); - background-color: var(--mdb-dropdown-state-background-color); + color: var(--mdb-dropdown-state-color); + background-color: var(--mdb-dropdown-state-background-color); } .hidden-arrow.dropdown-toggle:after { - display: none; + display: none; } .animation { - animation-duration: 1s; - animation-fill-mode: both; - padding: auto; + animation-duration: 1s; + animation-fill-mode: both; + padding: auto; } @media (prefers-reduced-motion) { - .animation { - transition: none !important; - animation: unset !important; - } + .animation { + transition: none !important; + animation: unset !important; + } } + @keyframes fade-in { - from { - opacity: 0; - } - to { - opacity: 1; - } + from { + opacity: 0; + } + to { + opacity: 1; + } } + .fade-in { - animation-name: fade-in; + animation-name: fade-in; } @keyframes fade-out { - from { - opacity: 1; - } - to { - opacity: 0; - } + from { + opacity: 1; + } + to { + opacity: 0; + } } + .fade-out { - animation-name: fade-out; + animation-name: fade-out; } .dropdown-divider { - --mdb-dropdown-divider-border-top-width: 2px; - --mdb-dropdown-divider-border-top-bg: hsl(0, 0%, 96%); - border-top: var(--mdb-dropdown-divider-border-top-width) solid var(--mdb-dropdown-divider-border-top-bg); - opacity: 1; + --mdb-dropdown-divider-border-top-width: 2px; + --mdb-dropdown-divider-border-top-bg: hsl(0, 0%, 96%); + border-top: var(--mdb-dropdown-divider-border-top-width) solid var(--mdb-dropdown-divider-border-top-bg); + opacity: 1; } .dropdown-menu INPUT:not(:-webkit-autofill), .dropdown-menu SELECT:not(:-webkit-autofill), .dropdown-menu TEXTAREA:not(:-webkit-autofill) { - animation-name: none !important; + animation-name: none !important; } .btn-group, .btn-group-vertical { - --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); - --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); - --mdb-btn-group-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; - box-shadow: var(--mdb-btn-box-shadow); - transition: var(--mdb-btn-group-transition); + --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + --mdb-btn-group-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; + box-shadow: var(--mdb-btn-box-shadow); + transition: var(--mdb-btn-group-transition); } + .btn-group:hover, .btn-group-vertical:hover { - box-shadow: var(--mdb-btn-hover-box-shadow); + box-shadow: var(--mdb-btn-hover-box-shadow); } + .btn-group:focus, .btn-group.focus, .btn-group-vertical:focus, .btn-group-vertical.focus { - box-shadow: var(--mdb-btn-focus-box-shadow); + box-shadow: var(--mdb-btn-focus-box-shadow); } + .btn-group:active, .btn-group.active, .btn-group-vertical:active, .btn-group-vertical.active { - box-shadow: var(--mdb-btn-active-box-shadow); + box-shadow: var(--mdb-btn-active-box-shadow); } + .btn-group:active:focus, .btn-group.active:focus, .btn-group-vertical:active:focus, .btn-group-vertical.active:focus { - box-shadow: var(--mdb-btn-focus-box-shadow); + box-shadow: var(--mdb-btn-focus-box-shadow); } + .btn-group:disabled, .btn-group.disabled, fieldset:disabled .btn-group, .btn-group-vertical:disabled, .btn-group-vertical.disabled, fieldset:disabled .btn-group-vertical { - box-shadow: var(--mdb-btn-box-shadow); - border: 0; + box-shadow: var(--mdb-btn-box-shadow); + border: 0; } + .btn-group > .btn, .btn-group-vertical > .btn { - box-shadow: none; + box-shadow: none; } + :not(.btn-check) + .btn-group > .btn:hover, .btn-group > .btn:first-child:hover, .btn-group > .btn:focus-visible, .btn-group > .btn:hover, :not(.btn-check) + .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:first-child:hover, .btn-group-vertical > .btn:focus-visible, .btn-group-vertical > .btn:hover { - box-shadow: none !important; + box-shadow: none !important; } + .btn-check:focus-visible + .btn-group > .btn, .btn-check:focus + .btn-group > .btn, .btn-group > .btn:focus, .btn-check:focus-visible + .btn-group-vertical > .btn, .btn-check:focus + .btn-group-vertical > .btn, .btn-group-vertical > .btn:focus { - box-shadow: none; + box-shadow: none; } + .btn-check:checked + .btn-group > .btn, .btn-check:active + .btn-group > .btn, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group > .btn.show, .btn-check:checked + .btn-group-vertical > .btn, .btn-check:active + .btn-group-vertical > .btn, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn.show { - box-shadow: none; + box-shadow: none; } + .btn-check:checked + .btn-group > .btn:focus, .btn-check:active + .btn-group > .btn:focus, .btn-group > .btn:active:focus, .btn-group > .btn.active:focus, .btn-group > .btn.show:focus, .btn-check:checked + .btn-group-vertical > .btn:focus, .btn-check:active + .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active:focus, .btn-group-vertical > .btn.active:focus, .btn-group-vertical > .btn.show:focus { - box-shadow: none; + box-shadow: none; } + .btn-group > .btn:disabled, .btn-group > .btn.disabled, fieldset:disabled .btn-group > .btn, .btn-group-vertical > .btn:disabled, .btn-group-vertical > .btn.disabled, fieldset:disabled .btn-group-vertical > .btn { - box-shadow: none; + box-shadow: none; } + .btn-group > .btn-group, .btn-group-vertical > .btn-group { - box-shadow: none; + box-shadow: none; } + .btn-group > .btn-link:first-child, .btn-group > .btn-tertiary:first-child, .btn-group-vertical > .btn-link:first-child, .btn-group-vertical > .btn-tertiary:first-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .btn-group > .btn-link:last-child, .btn-group > .btn-tertiary:last-child, .btn-group-vertical > .btn-link:last-child, .btn-group-vertical > .btn-tertiary:last-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .btn-group, .btn-group-lg > .btn, .btn-group-sm > .btn { - --mdb-btn-border-radius: 0.25rem; - border-radius: var(--mdb-btn-border-radius); + --mdb-btn-border-radius: 0.25rem; + border-radius: var(--mdb-btn-border-radius); } .nav-tabs { - border-bottom: 0; + border-bottom: 0; } + .nav-tabs .nav-link { - --mdb-nav-tabs-link-font-weight: 500; - --mdb-nav-tabs-link-font-size: 12px; - --mdb-nav-tabs-link-color: rgba(0, 0, 0, 0.55); - --mdb-nav-tabs-link-padding-top: 17px; - --mdb-nav-tabs-link-padding-bottom: 16px; - --mdb-nav-tabs-link-padding-x: 29px; - --mdb-nav-tabs-link-hover-bgc: #f7f7f7; - --mdb-nav-tabs-link-border-bottom-width: 2px; - --mdb-nav-tabs-link-active-color: #3b71ca; - --mdb-nav-tabs-link-active-border-color: #3b71ca; - border-width: 0; - border-bottom: var(--mdb-nav-tabs-link-border-bottom-width) solid transparent; - border-radius: 0; - text-transform: uppercase; - line-height: 1; - font-weight: var(--mdb-nav-tabs-link-font-weight); - font-size: var(--mdb-nav-tabs-link-font-size); - color: var(--mdb-nav-tabs-link-color); - padding: var(--mdb-nav-tabs-link-padding-top) var(--mdb-nav-tabs-link-padding-x) var(--mdb-nav-tabs-link-padding-bottom) var(--mdb-nav-tabs-link-padding-x); + --mdb-nav-tabs-link-font-weight: 500; + --mdb-nav-tabs-link-font-size: 12px; + --mdb-nav-tabs-link-color: rgba(0, 0, 0, 0.55); + --mdb-nav-tabs-link-padding-top: 17px; + --mdb-nav-tabs-link-padding-bottom: 16px; + --mdb-nav-tabs-link-padding-x: 29px; + --mdb-nav-tabs-link-hover-bgc: #f7f7f7; + --mdb-nav-tabs-link-border-bottom-width: 2px; + --mdb-nav-tabs-link-active-color: #3b71ca; + --mdb-nav-tabs-link-active-border-color: #3b71ca; + border-width: 0; + border-bottom: var(--mdb-nav-tabs-link-border-bottom-width) solid transparent; + border-radius: 0; + text-transform: uppercase; + line-height: 1; + font-weight: var(--mdb-nav-tabs-link-font-weight); + font-size: var(--mdb-nav-tabs-link-font-size); + color: var(--mdb-nav-tabs-link-color); + padding: var(--mdb-nav-tabs-link-padding-top) var(--mdb-nav-tabs-link-padding-x) var(--mdb-nav-tabs-link-padding-bottom) var(--mdb-nav-tabs-link-padding-x); } + .nav-tabs .nav-link:hover { - background-color: var(--mdb-nav-tabs-link-hover-bgc); - border-color: transparent; + background-color: var(--mdb-nav-tabs-link-hover-bgc); + border-color: transparent; } + .nav-tabs .nav-link:focus { - border-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { - color: var(--mdb-nav-tabs-link-active-color); - border-color: var(--mdb-nav-tabs-link-active-border-color); + color: var(--mdb-nav-tabs-link-active-color); + border-color: var(--mdb-nav-tabs-link-active-border-color); } .nav-pills { - margin-left: -0.5rem; + margin-left: -0.5rem; } + .nav-pills .nav-link { - --mdb-nav-pills-link-border-radius: 0.25rem; - --mdb-nav-pills-link-font-size: 12px; - --mdb-nav-pills-link-padding-top: 17px; - --mdb-nav-pills-link-padding-bottom: 16px; - --mdb-nav-pills-link-padding-x: 29px; - --mdb-nav-pills-link-line-height: 1; - --mdb-nav-pills-link-hover-bg: #f7f7f7; - --mdb-nav-pills-link-font-weight: 500; - --mdb-nav-pills-link-color: rgba(0, 0, 0, 0.55); - --mdb-nav-pills-margin: 0.5rem; - border-radius: var(--mdb-nav-pills-link-border-radius); - font-size: var(--mdb-nav-pills-link-font-size); - text-transform: uppercase; - padding: var(--mdb-nav-pills-link-padding-top) var(--mdb-nav-pills-link-padding-x) var(--mdb-nav-pills-link-padding-bottom) var(--mdb-nav-pills-link-padding-x); - line-height: var(--mdb-nav-pills-link-line-height); - background-color: var(--mdb-nav-pills-link-hover-bg); - font-weight: var(--mdb-nav-pills-link-font-weight); - color: var(--mdb-nav-pills-link-color); - margin: var(--mdb-nav-pills-margin); + --mdb-nav-pills-link-border-radius: 0.25rem; + --mdb-nav-pills-link-font-size: 12px; + --mdb-nav-pills-link-padding-top: 17px; + --mdb-nav-pills-link-padding-bottom: 16px; + --mdb-nav-pills-link-padding-x: 29px; + --mdb-nav-pills-link-line-height: 1; + --mdb-nav-pills-link-hover-bg: #f7f7f7; + --mdb-nav-pills-link-font-weight: 500; + --mdb-nav-pills-link-color: rgba(0, 0, 0, 0.55); + --mdb-nav-pills-margin: 0.5rem; + border-radius: var(--mdb-nav-pills-link-border-radius); + font-size: var(--mdb-nav-pills-link-font-size); + text-transform: uppercase; + padding: var(--mdb-nav-pills-link-padding-top) var(--mdb-nav-pills-link-padding-x) var(--mdb-nav-pills-link-padding-bottom) var(--mdb-nav-pills-link-padding-x); + line-height: var(--mdb-nav-pills-link-line-height); + background-color: var(--mdb-nav-pills-link-hover-bg); + font-weight: var(--mdb-nav-pills-link-font-weight); + color: var(--mdb-nav-pills-link-color); + margin: var(--mdb-nav-pills-margin); } + .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - --mdb-nav-pills-link-active-bg: #e3ebf7; - --mdb-nav-pills-link-active-color: #285192; - background-color: var(--mdb-nav-pills-link-active-bg); - color: var(--mdb-nav-pills-link-active-color); + --mdb-nav-pills-link-active-bg: #e3ebf7; + --mdb-nav-pills-link-active-color: #285192; + background-color: var(--mdb-nav-pills-link-active-bg); + color: var(--mdb-nav-pills-link-active-color); } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { - width: auto; + width: auto; } .navbar { - --mdb-navbar-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05); - --mdb-navbar-padding-top: 0.5625rem; - --mdb-navbar-brand-img-margin-right: 0.25rem; - box-shadow: var(--mdb-navbar-box-shadow); - padding-top: var(--mdb-navbar-padding-top); + --mdb-navbar-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05); + --mdb-navbar-padding-top: 0.5625rem; + --mdb-navbar-brand-img-margin-right: 0.25rem; + box-shadow: var(--mdb-navbar-box-shadow); + padding-top: var(--mdb-navbar-padding-top); } .navbar-toggler { - border: 0; + border: 0; } + .navbar-toggler:focus { - box-shadow: none; + box-shadow: none; } .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { - border: 0; + border: 0; } .navbar-brand { - display: flex; - align-items: center; + display: flex; + align-items: center; } + .navbar-brand img { - margin-right: var(--mdb-navbar-brand-img-margin-right); + margin-right: var(--mdb-navbar-brand-img-margin-right); } .navbar-nav .dropdown-menu { - position: absolute; + position: absolute; } .navbar-light .navbar-toggler-icon { - background-image: none; + background-image: none; } .navbar-dark .navbar-toggler-icon { - background-image: none; + background-image: none; } .card { - border: 0; + border: 0; } + .card .bg-image { - border-top-left-radius: var(--mdb-card-border-radius); - border-top-right-radius: var(--mdb-card-border-radius); + border-top-left-radius: var(--mdb-card-border-radius); + border-top-right-radius: var(--mdb-card-border-radius); } + .card[class*=bg-] .card-header { - --mdb-card-header-border-bottom-color: var(--mdb-border-color-translucent); - border-bottom-color: var(--mdb-card-header-border-bottom-color); + --mdb-card-header-border-bottom-color: var(--mdb-border-color-translucent); + border-bottom-color: var(--mdb-card-header-border-bottom-color); } + .card[class*=bg-] .card-footer { - --mdb-card-footer-border-top-color: var(--mdb-border-color-translucent); - border-top-color: var(--mdb-card-footer-border-top-color); + --mdb-card-footer-border-top-color: var(--mdb-border-color-translucent); + border-top-color: var(--mdb-card-footer-border-top-color); } .card-header { - --mdb-card-header-border-width: 2px; - --mdb-card-header-border-color: hsl(0, 0%, 96%); - border-bottom: var(--mdb-card-header-border-width) solid var(--mdb-card-header-border-color); + --mdb-card-header-border-width: 2px; + --mdb-card-header-border-color: hsl(0, 0%, 96%); + border-bottom: var(--mdb-card-header-border-width) solid var(--mdb-card-header-border-color); } .card-body[class*=bg-] { - border-bottom-left-radius: var(--mdb-card-border-radius); - border-bottom-right-radius: var(--mdb-card-border-radius); + border-bottom-left-radius: var(--mdb-card-border-radius); + border-bottom-right-radius: var(--mdb-card-border-radius); } .card-footer { - --mdb-card-footer-border-color: hsl(0, 0%, 96%); - --mdb-card-footer-border-width: 2px; - border-top: var(--mdb-card-footer-border-width) solid var(--mdb-card-footer-border-color); + --mdb-card-footer-border-color: hsl(0, 0%, 96%); + --mdb-card-footer-border-width: 2px; + border-top: var(--mdb-card-footer-border-width) solid var(--mdb-card-footer-border-color); } .card-img-left { - border-top-left-radius: var(--mdb-card-border-radius); - border-bottom-left-radius: var(--mdb-card-border-radius); + border-top-left-radius: var(--mdb-card-border-radius); + border-bottom-left-radius: var(--mdb-card-border-radius); } .navbar .breadcrumb { - --mdb-breadcrumb-item-color: rgba(0, 0, 0, 0.55); - --mdb-breadcrumb-item-hover-color: rgba(0, 0, 0, 0.7); - --mdb-breadcrumb-item-before-color: rgba(0, 0, 0, 0.55); - --mdb-breadcrumb-item-transition: color 0.15s ease-in-out; - background-color: transparent; - margin-bottom: 0; + --mdb-breadcrumb-item-color: rgba(0, 0, 0, 0.55); + --mdb-breadcrumb-item-hover-color: rgba(0, 0, 0, 0.7); + --mdb-breadcrumb-item-before-color: rgba(0, 0, 0, 0.55); + --mdb-breadcrumb-item-transition: color 0.15s ease-in-out; + background-color: transparent; + margin-bottom: 0; } + .navbar .breadcrumb .breadcrumb-item a { - color: var(--mdb-breadcrumb-item-color); - transition: var(--mdb-breadcrumb-item-transition); + color: var(--mdb-breadcrumb-item-color); + transition: var(--mdb-breadcrumb-item-transition); } + .navbar .breadcrumb .breadcrumb-item a:hover, .navbar .breadcrumb .breadcrumb-item a:focus { - color: var(--mdb-breadcrumb-item-hover-color); + color: var(--mdb-breadcrumb-item-hover-color); } + .navbar .breadcrumb .breadcrumb-item + .breadcrumb-item:before { - color: var(--mdb-breadcrumb-item-before-color); + color: var(--mdb-breadcrumb-item-before-color); } .pagination { - --mdb-pagination-border-radius: 0.25rem; - --mdb-pagination-active-box-shadow: 0 4px 9px -4px #e3ebf7; - --mdb-pagination-active-transition: all 0.2s linear; - --mdb-pagination-active-font-weight: 500; - --mdb-pagination-circle-border-radius: 50%; - --mdb-pagination-circle-padding-x: 0.841rem; - --mdb-pagination-circle-padding-l-lg: 1.399414rem; - --mdb-pagination-circle-padding-r-lg: 1.399415rem; - --mdb-pagination-circle-padding-l-sm: 0.696rem; - --mdb-pagination-circle-padding-r-sm: 0.688rem; + --mdb-pagination-border-radius: 0.25rem; + --mdb-pagination-active-box-shadow: 0 4px 9px -4px #e3ebf7; + --mdb-pagination-active-transition: all 0.2s linear; + --mdb-pagination-active-font-weight: 500; + --mdb-pagination-circle-border-radius: 50%; + --mdb-pagination-circle-padding-x: 0.841rem; + --mdb-pagination-circle-padding-l-lg: 1.399414rem; + --mdb-pagination-circle-padding-r-lg: 1.399415rem; + --mdb-pagination-circle-padding-l-sm: 0.696rem; + --mdb-pagination-circle-padding-r-sm: 0.688rem; } .page-link { - background-color: transparent; - border: 0; - outline: 0; - border-radius: var(--mdb-pagination-border-radius); + background-color: transparent; + border: 0; + outline: 0; + border-radius: var(--mdb-pagination-border-radius); } + .page-link:focus { - box-shadow: none; + box-shadow: none; } + .page-link.active, .active > .page-link { - border: 0; - box-shadow: var(--mdb-pagination-active-box-shadow); - transition: var(--mdb-pagination-active-transition); - font-weight: var(--mdb-pagination-active-font-weight); + border: 0; + box-shadow: var(--mdb-pagination-active-box-shadow); + transition: var(--mdb-pagination-active-transition); + font-weight: var(--mdb-pagination-active-font-weight); } .page-item:not(:first-child) .page-link { - margin-left: 0; + margin-left: 0; } + .page-item:first-child .page-link { - border-top-left-radius: var(--mdb-pagination-border-radius); - border-bottom-left-radius: var(--mdb-pagination-border-radius); + border-top-left-radius: var(--mdb-pagination-border-radius); + border-bottom-left-radius: var(--mdb-pagination-border-radius); } + .page-item:last-child .page-link { - border-top-right-radius: var(--mdb-pagination-border-radius); - border-bottom-right-radius: var(--mdb-pagination-border-radius); + border-top-right-radius: var(--mdb-pagination-border-radius); + border-bottom-right-radius: var(--mdb-pagination-border-radius); } .pagination-circle .page-item:first-child .page-link { - border-radius: var(--mdb-pagination-circle-border-radius); + border-radius: var(--mdb-pagination-circle-border-radius); } + .pagination-circle .page-item:last-child .page-link { - border-radius: var(--mdb-pagination-circle-border-radius); + border-radius: var(--mdb-pagination-circle-border-radius); } + .pagination-circle .page-link { - border-radius: var(--mdb-pagination-circle-border-radius); - padding-left: var(--mdb-pagination-circle-padding-x); - padding-right: var(--mdb-pagination-circle-padding-x); + border-radius: var(--mdb-pagination-circle-border-radius); + padding-left: var(--mdb-pagination-circle-padding-x); + padding-right: var(--mdb-pagination-circle-padding-x); } + .pagination-circle.pagination-lg .page-link { - padding-left: var(--mdb-pagination-circle-padding-l-lg); - padding-right: var(--mdb-pagination-circle-padding-r-lg); + padding-left: var(--mdb-pagination-circle-padding-l-lg); + padding-right: var(--mdb-pagination-circle-padding-r-lg); } + .pagination-circle.pagination-sm .page-link { - padding-left: var(--mdb-pagination-circle-padding-l-sm); - padding-right: var(--mdb-pagination-circle-padding-r-sm); + padding-left: var(--mdb-pagination-circle-padding-l-sm); + padding-right: var(--mdb-pagination-circle-padding-r-sm); } .badge-dot { - --mdb-badge-border-radius: 4.5px; - --mdb-badge-height: 9px; - --mdb-badge-width: 9px; - --mdb-badge-margin-left: -0.3125rem; - position: absolute; - min-width: 0; - width: var(--mdb-badge-width); - height: var(--mdb-badge-height); - border-radius: var(--mdb-badge-border-radius); - padding: 0; - margin-left: var(--mdb-badge-margin-left); + --mdb-badge-border-radius: 4.5px; + --mdb-badge-height: 9px; + --mdb-badge-width: 9px; + --mdb-badge-margin-left: -0.3125rem; + position: absolute; + min-width: 0; + width: var(--mdb-badge-width); + height: var(--mdb-badge-height); + border-radius: var(--mdb-badge-border-radius); + padding: 0; + margin-left: var(--mdb-badge-margin-left); } + .badge-dot:empty { - display: inline-block; + display: inline-block; } .badge-notification { - --mdb-badge-font-size: 0.6rem; - --mdb-badge-padding-x: 0.45em; - --mdb-badge-padding-y: 0.2em; - --mdb-badge-margin-top: -0.1rem; - --mdb-badge-margin-left: -0.5rem; - position: absolute; - font-size: var(--mdb-badge-font-size); - padding: var(--mdb-badge-padding-y) var(--mdb-badge-padding-x); - margin-top: var(--mdb-badge-margin-top); - margin-left: var(--mdb-badge-margin-left); + --mdb-badge-font-size: 0.6rem; + --mdb-badge-padding-x: 0.45em; + --mdb-badge-padding-y: 0.2em; + --mdb-badge-margin-top: -0.1rem; + --mdb-badge-margin-left: -0.5rem; + position: absolute; + font-size: var(--mdb-badge-font-size); + padding: var(--mdb-badge-padding-y) var(--mdb-badge-padding-x); + margin-top: var(--mdb-badge-margin-top); + margin-left: var(--mdb-badge-margin-left); } .badge-primary { - background-color: rgb(223, 231, 246); - color: rgb(44, 88, 160); + background-color: rgb(223, 231, 246); + color: rgb(44, 88, 160); } + .badge-primary i { - color: rgb(55, 111, 200); + color: rgb(55, 111, 200); } .badge-secondary { - background-color: rgb(235, 237, 239); - color: rgb(64, 70, 79); + background-color: rgb(235, 237, 239); + color: rgb(64, 70, 79); } + .badge-secondary i { - color: rgb(86, 94, 108); + color: rgb(86, 94, 108); } .badge-success { - background-color: rgb(214, 240, 224); - color: rgb(13, 104, 50); + background-color: rgb(214, 240, 224); + color: rgb(13, 104, 50); } + .badge-success i { - color: rgb(19, 150, 71); + color: rgb(19, 150, 71); } .badge-danger { - background-color: rgb(249, 225, 229); - color: rgb(175, 35, 58); + background-color: rgb(249, 225, 229); + color: rgb(175, 35, 58); } + .badge-danger i { - color: rgb(214, 46, 74); + color: rgb(214, 46, 74); } .badge-warning { - background-color: rgb(251, 240, 218); - color: rgb(115, 81, 13); + background-color: rgb(251, 240, 218); + color: rgb(115, 81, 13); } + .badge-warning i { - color: rgb(161, 113, 18); + color: rgb(161, 113, 18); } .badge-info { - background-color: rgb(222, 241, 247); - color: rgb(28, 101, 125); + background-color: rgb(222, 241, 247); + color: rgb(28, 101, 125); } + .badge-info i { - color: rgb(38, 134, 166); + color: rgb(38, 134, 166); } .badge-light { - background-color: rgb(245, 245, 245); - color: rgb(79, 79, 79); + background-color: rgb(245, 245, 245); + color: rgb(79, 79, 79); } + .badge-light i { - color: rgb(140, 140, 140); + color: rgb(140, 140, 140); } .badge-dark { - background-color: rgb(51, 46, 46); - color: rgb(245, 245, 245); + background-color: rgb(51, 46, 46); + color: rgb(245, 245, 245); } + .badge-dark i { - color: rgb(232, 232, 232); + color: rgb(232, 232, 232); } .alert { - border: 0; + border: 0; } .alert-absolute { - position: absolute; + position: absolute; } .alert-fixed { - --mdb-alert-fixed-z-index: 1070; - position: fixed; - z-index: var(--mdb-alert-fixed-z-index); + --mdb-alert-fixed-z-index: 1070; + position: fixed; + z-index: var(--mdb-alert-fixed-z-index); } .parent-alert-relative { - position: relative; + position: relative; } .alert-primary { - background-color: rgb(223, 231, 246); - color: rgb(44, 88, 160); + background-color: rgb(223, 231, 246); + color: rgb(44, 88, 160); } + .alert-primary i { - color: rgb(55, 111, 200); + color: rgb(55, 111, 200); } + .alert-primary .alert-link { - color: rgb(44, 88, 160); + color: rgb(44, 88, 160); } + .alert-primary .alert-link:hover { - color: #234680; + color: #234680; } .alert-secondary { - background-color: rgb(235, 237, 239); - color: rgb(64, 70, 79); + background-color: rgb(235, 237, 239); + color: rgb(64, 70, 79); } + .alert-secondary i { - color: rgb(86, 94, 108); + color: rgb(86, 94, 108); } + .alert-secondary .alert-link { - color: rgb(64, 70, 79); + color: rgb(64, 70, 79); } + .alert-secondary .alert-link:hover { - color: #33383f; + color: #33383f; } .alert-success { - background-color: rgb(214, 240, 224); - color: rgb(13, 104, 50); + background-color: rgb(214, 240, 224); + color: rgb(13, 104, 50); } + .alert-success i { - color: rgb(19, 150, 71); + color: rgb(19, 150, 71); } + .alert-success .alert-link { - color: rgb(13, 104, 50); + color: rgb(13, 104, 50); } + .alert-success .alert-link:hover { - color: #0a5328; + color: #0a5328; } .alert-danger { - background-color: rgb(249, 225, 229); - color: rgb(175, 35, 58); + background-color: rgb(249, 225, 229); + color: rgb(175, 35, 58); } + .alert-danger i { - color: rgb(214, 46, 74); + color: rgb(214, 46, 74); } + .alert-danger .alert-link { - color: rgb(175, 35, 58); + color: rgb(175, 35, 58); } + .alert-danger .alert-link:hover { - color: #8c1c2e; + color: #8c1c2e; } .alert-warning { - background-color: rgb(251, 240, 218); - color: rgb(115, 81, 13); + background-color: rgb(251, 240, 218); + color: rgb(115, 81, 13); } + .alert-warning i { - color: rgb(161, 113, 18); + color: rgb(161, 113, 18); } + .alert-warning .alert-link { - color: rgb(115, 81, 13); + color: rgb(115, 81, 13); } + .alert-warning .alert-link:hover { - color: #5c410a; + color: #5c410a; } .alert-info { - background-color: rgb(222, 241, 247); - color: rgb(28, 101, 125); + background-color: rgb(222, 241, 247); + color: rgb(28, 101, 125); } + .alert-info i { - color: rgb(38, 134, 166); + color: rgb(38, 134, 166); } + .alert-info .alert-link { - color: rgb(28, 101, 125); + color: rgb(28, 101, 125); } + .alert-info .alert-link:hover { - color: #165164; + color: #165164; } .alert-light { - background-color: rgb(245, 245, 245); - color: rgb(79, 79, 79); + background-color: rgb(245, 245, 245); + color: rgb(79, 79, 79); } + .alert-light i { - color: rgb(140, 140, 140); + color: rgb(140, 140, 140); } + .alert-light .alert-link { - color: rgb(79, 79, 79); + color: rgb(79, 79, 79); } + .alert-light .alert-link:hover { - color: #3f3f3f; + color: #3f3f3f; } .alert-dark { - background-color: rgb(51, 46, 46); - color: rgb(245, 245, 245); + background-color: rgb(51, 46, 46); + color: rgb(245, 245, 245); } + .alert-dark i { - color: rgb(232, 232, 232); + color: rgb(232, 232, 232); } + .alert-dark .alert-link { - color: rgb(245, 245, 245); + color: rgb(245, 245, 245); } + .alert-dark .alert-link:hover { - color: #c4c4c4; + color: #c4c4c4; } .progress { - border-radius: 0; - box-shadow: none; + border-radius: 0; + box-shadow: none; } .list-group { - --mdb-list-group-item-transition-time: 0.5s; + --mdb-list-group-item-transition-time: 0.5s; } .list-group-item-action { - transition: var(--mdb-list-group-item-transition-time); + transition: var(--mdb-list-group-item-transition-time); } + .list-group-item-action:hover { - transition: var(--mdb-list-group-item-transition-time); + transition: var(--mdb-list-group-item-transition-time); } .list-group-light { - --mdb-list-group-light-item-py: 1rem; - --mdb-list-group-light-item-border: 2px solid hsl(0, 0%, 96%); - --mdb-list-group-light-item-border-width: 2px; - --mdb-list-group-light-active-border-radius: 0.5rem; - --mdb-list-group-light-active-bg: rgb(223, 231, 246); - --mdb-list-group-light-active-color: rgb(44, 88, 160); + --mdb-list-group-light-item-py: 1rem; + --mdb-list-group-light-item-border: 2px solid hsl(0, 0%, 96%); + --mdb-list-group-light-item-border-width: 2px; + --mdb-list-group-light-active-border-radius: 0.5rem; + --mdb-list-group-light-active-bg: rgb(223, 231, 246); + --mdb-list-group-light-active-color: rgb(44, 88, 160); } + .list-group-light .list-group-item { - padding: var(--mdb-list-group-light-item-py) 0; - border: var(--mdb-list-group-light-item-border); + padding: var(--mdb-list-group-light-item-py) 0; + border: var(--mdb-list-group-light-item-border); } + .list-group-light > .list-group-item { - border-width: 0 0 var(--mdb-list-group-light-item-border-width); + border-width: 0 0 var(--mdb-list-group-light-item-border-width); } + .list-group-light > .list-group-item:last-of-type { - border: none; + border: none; } + .list-group-light .active { - border: none; - border-radius: var(--mdb-list-group-light-active-border-radius); - background-color: var(--mdb-list-group-light-active-bg); - color: var(--mdb-list-group-light-active-color); + border: none; + border-radius: var(--mdb-list-group-light-active-border-radius); + background-color: var(--mdb-list-group-light-active-bg); + color: var(--mdb-list-group-light-active-color); } + .list-group-light .list-group-item-action:hover { - border-radius: var(--mdb-list-group-light-active-border-radius); + border-radius: var(--mdb-list-group-light-active-border-radius); } + .list-group-light .list-group-item-action:focus { - border-radius: var(--mdb-list-group-light-active-border-radius); + border-radius: var(--mdb-list-group-light-active-border-radius); } .list-group-small { - --mdb-list-group-small-item-py: 0.5rem; + --mdb-list-group-small-item-py: 0.5rem; } + .list-group-small .list-group-item { - padding: var(--mdb-list-group-small-item-py) 0; + padding: var(--mdb-list-group-small-item-py) 0; } .list-group-item-primary { - background-color: rgb(223, 231, 246); - color: rgb(44, 88, 160); + background-color: rgb(223, 231, 246); + color: rgb(44, 88, 160); } + .list-group-item-primary i { - color: rgb(55, 111, 200); + color: rgb(55, 111, 200); } .list-group-item-secondary { - background-color: rgb(235, 237, 239); - color: rgb(64, 70, 79); + background-color: rgb(235, 237, 239); + color: rgb(64, 70, 79); } + .list-group-item-secondary i { - color: rgb(86, 94, 108); + color: rgb(86, 94, 108); } .list-group-item-success { - background-color: rgb(214, 240, 224); - color: rgb(13, 104, 50); + background-color: rgb(214, 240, 224); + color: rgb(13, 104, 50); } + .list-group-item-success i { - color: rgb(19, 150, 71); + color: rgb(19, 150, 71); } .list-group-item-danger { - background-color: rgb(249, 225, 229); - color: rgb(175, 35, 58); + background-color: rgb(249, 225, 229); + color: rgb(175, 35, 58); } + .list-group-item-danger i { - color: rgb(214, 46, 74); + color: rgb(214, 46, 74); } .list-group-item-warning { - background-color: rgb(251, 240, 218); - color: rgb(115, 81, 13); + background-color: rgb(251, 240, 218); + color: rgb(115, 81, 13); } + .list-group-item-warning i { - color: rgb(161, 113, 18); + color: rgb(161, 113, 18); } .list-group-item-info { - background-color: rgb(222, 241, 247); - color: rgb(28, 101, 125); + background-color: rgb(222, 241, 247); + color: rgb(28, 101, 125); } + .list-group-item-info i { - color: rgb(38, 134, 166); + color: rgb(38, 134, 166); } .list-group-item-light { - background-color: rgb(245, 245, 245); - color: rgb(79, 79, 79); + background-color: rgb(245, 245, 245); + color: rgb(79, 79, 79); } + .list-group-item-light i { - color: rgb(140, 140, 140); + color: rgb(140, 140, 140); } .list-group-item-dark { - background-color: rgb(51, 46, 46); - color: rgb(245, 245, 245); + background-color: rgb(51, 46, 46); + color: rgb(245, 245, 245); } + .list-group-item-dark i { - color: rgb(232, 232, 232); + color: rgb(232, 232, 232); } .btn-close:focus { - box-shadow: none; + box-shadow: none; } .modal-content { - --mdb-modal-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); - border: 0; - box-shadow: var(--mdb-modal-box-shadow); + --mdb-modal-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); + border: 0; + box-shadow: var(--mdb-modal-box-shadow); } .toast { - --mdb-toast-border-bottom-width: 2px; - --mdb-toast-btn-close-width: 1.3em; - --mdb-toast-btn-close-mr: -0.375rem; - --mdb-toast-btn-close-ml: 0.75rem; - border: 0; + --mdb-toast-border-bottom-width: 2px; + --mdb-toast-btn-close-width: 1.3em; + --mdb-toast-btn-close-mr: -0.375rem; + --mdb-toast-btn-close-ml: 0.75rem; + border: 0; } + .toast .btn-close { - width: var(--mdb-toast-btn-close-width); + width: var(--mdb-toast-btn-close-width); } .toast-header { - border-bottom-width: var(--mdb-toast-border-bottom-width); + border-bottom-width: var(--mdb-toast-border-bottom-width); } + .toast-header .btn-close { - margin-right: var(--mdb-toast-btn-close-mr); - margin-left: var(--mdb-toast-btn-close-ml); + margin-right: var(--mdb-toast-btn-close-mr); + margin-left: var(--mdb-toast-btn-close-ml); } .parent-toast-relative { - position: relative; + position: relative; } .toast-absolute { - position: absolute; + position: absolute; } .toast-fixed { - position: fixed; - z-index: var(--mdb-toast-zindex); + position: fixed; + z-index: var(--mdb-toast-zindex); } .toast-primary { - background-color: hsl(219, 56.1%, 92%); - color: hsl(217, 56.9%, 40%); - border-color: hsl(218, 57.7%, 86.1%); + background-color: hsl(219, 56.1%, 92%); + color: hsl(217, 56.9%, 40%); + border-color: hsl(218, 57.7%, 86.1%); } + .toast-primary i { - color: hsl(217, 56.9%, 50%); + color: hsl(217, 56.9%, 50%); } .toast-secondary { - background-color: hsl(210, 11.1%, 92.9%); - color: hsl(216, 10.5%, 28%); - border-color: hsl(206, 10.4%, 86.9%); + background-color: hsl(210, 11.1%, 92.9%); + color: hsl(216, 10.5%, 28%); + border-color: hsl(206, 10.4%, 86.9%); } + .toast-secondary i { - color: hsl(218, 11.3%, 38%); + color: hsl(218, 11.3%, 38%); } .toast-success { - background-color: hsl(143, 46.4%, 89%); - color: hsl(144, 77.8%, 22.9%); - border-color: hsl(145, 44.8%, 82.9%); + background-color: hsl(143, 46.4%, 89%); + color: hsl(144, 77.8%, 22.9%); + border-color: hsl(145, 44.8%, 82.9%); } + .toast-success i { - color: hsl(144, 77.5%, 33.1%); + color: hsl(144, 77.5%, 33.1%); } .toast-danger { - background-color: hsl(350, 66.7%, 92.9%); - color: hsl(350, 66.7%, 41.2%); - border-color: hsl(350, 66.7%, 87.1%); + background-color: hsl(350, 66.7%, 92.9%); + color: hsl(350, 66.7%, 41.2%); + border-color: hsl(350, 66.7%, 87.1%); } + .toast-danger i { - color: hsl(350, 67.2%, 51%); + color: hsl(350, 67.2%, 51%); } .toast-warning { - background-color: hsl(40, 80.5%, 92%); - color: hsl(40, 79.7%, 25.1%); - border-color: hsl(39, 83.1%, 86.1%); + background-color: hsl(40, 80.5%, 92%); + color: hsl(40, 79.7%, 25.1%); + border-color: hsl(39, 83.1%, 86.1%); } + .toast-warning i { - color: hsl(40, 79.9%, 35.1%); + color: hsl(40, 79.9%, 35.1%); } .toast-info { - background-color: hsl(194, 61%, 92%); - color: hsl(195, 63.4%, 30%); - border-color: hsl(195, 60.6%, 86.1%); + background-color: hsl(194, 61%, 92%); + color: hsl(195, 63.4%, 30%); + border-color: hsl(195, 60.6%, 86.1%); } + .toast-info i { - color: hsl(195, 62.7%, 40%); + color: hsl(195, 62.7%, 40%); } .toast-light { - background-color: hsl(0, 0%, 96.1%); - color: hsl(0, 0%, 31%); - border-color: hsl(0, 0%, 90.2%); + background-color: hsl(0, 0%, 96.1%); + color: hsl(0, 0%, 31%); + border-color: hsl(0, 0%, 90.2%); } + .toast-light i { - color: hsl(0, 0%, 54.9%); + color: hsl(0, 0%, 54.9%); } .toast-dark { - background-color: hsl(0, 5.2%, 19%); - color: hsl(0, 0%, 96.1%); - border-color: hsl(0, 6.3%, 25.1%); + background-color: hsl(0, 5.2%, 19%); + color: hsl(0, 0%, 96.1%); + border-color: hsl(0, 6.3%, 25.1%); } + .toast-dark i { - color: hsl(0, 0%, 91%); + color: hsl(0, 0%, 91%); } .tooltip { - --mdb-tooltip-font-size: 14px; + --mdb-tooltip-font-size: 14px; } + .tooltip.show { - opacity: 1; + opacity: 1; } + .tooltip .tooltip-arrow { - display: none; + display: none; } .tooltip-inner { - font-size: var(--mdb-tooltip-font-size); + font-size: var(--mdb-tooltip-font-size); } .popover { - --mdb-popover-border-bottom-width: 2px; + --mdb-popover-border-bottom-width: 2px; } + .popover .popover-arrow { - display: none; + display: none; } .popover-header { - border-bottom: var(--mdb-popover-border-bottom-width) solid var(--mdb-popover-border-color); + border-bottom: var(--mdb-popover-border-bottom-width) solid var(--mdb-popover-border-color); } .nav-pills.menu-sidebar .nav-link { - --mdb-scrollspy-menu-sidebar-font-size: 0.8rem; - --mdb-scrollspy-menu-sidebar-color: #262626; - --mdb-scrollspy-menu-sidebar-line-height: 1.1rem; - --mdb-scrollspy-menu-sidebar-padding-x: 5px; - --mdb-scrollspy-menu-sidebar-font-weight: 400; - --mdb-scrollspy-menu-sidebar-transition: all 0.2s ease-in-out; - --mdb-scrollspy-menu-sidebar-margin-y: 3px; - font-size: var(--mdb-scrollspy-menu-sidebar-font-size); - background-color: transparent; - color: var(--mdb-scrollspy-menu-sidebar-color); - line-height: var(--mdb-scrollspy-menu-sidebar-line-height); - padding: 0 var(--mdb-scrollspy-menu-sidebar-padding-x); - font-weight: var(--mdb-scrollspy-menu-sidebar-font-weight); - transition: var(--mdb-scrollspy-menu-sidebar-transition); - text-transform: initial; - margin-top: var(--mdb-scrollspy-menu-sidebar-margin-y); - margin-bottom: var(--mdb-scrollspy-menu-sidebar-margin-y); + --mdb-scrollspy-menu-sidebar-font-size: 0.8rem; + --mdb-scrollspy-menu-sidebar-color: #262626; + --mdb-scrollspy-menu-sidebar-line-height: 1.1rem; + --mdb-scrollspy-menu-sidebar-padding-x: 5px; + --mdb-scrollspy-menu-sidebar-font-weight: 400; + --mdb-scrollspy-menu-sidebar-transition: all 0.2s ease-in-out; + --mdb-scrollspy-menu-sidebar-margin-y: 3px; + font-size: var(--mdb-scrollspy-menu-sidebar-font-size); + background-color: transparent; + color: var(--mdb-scrollspy-menu-sidebar-color); + line-height: var(--mdb-scrollspy-menu-sidebar-line-height); + padding: 0 var(--mdb-scrollspy-menu-sidebar-padding-x); + font-weight: var(--mdb-scrollspy-menu-sidebar-font-weight); + transition: var(--mdb-scrollspy-menu-sidebar-transition); + text-transform: initial; + margin-top: var(--mdb-scrollspy-menu-sidebar-margin-y); + margin-bottom: var(--mdb-scrollspy-menu-sidebar-margin-y); } + .nav-pills.menu-sidebar .nav-link.active, .nav-pills.menu-sidebar .show > .nav-link { - --mdb-scrollspy-menu-sidebar-active-color: #3b71ca; - --mdb-scrollspy-menu-sidebar-active-font-weight: 600; - --mdb-scrollspy-menu-sidebar-active-border-width: 0.125rem; - --mdb-scrollspy-menu-sidebar-active-border-color: #3b71ca; - background-color: transparent; - box-shadow: none; - color: var(--mdb-scrollspy-menu-sidebar-active-color); - font-weight: var(--mdb-scrollspy-menu-sidebar-active-font-weight); - border-left: var(--mdb-scrollspy-menu-sidebar-active-border-width) solid var(--mdb-scrollspy-menu-sidebar-active-border-color); - border-radius: 0; + --mdb-scrollspy-menu-sidebar-active-color: #3b71ca; + --mdb-scrollspy-menu-sidebar-active-font-weight: 600; + --mdb-scrollspy-menu-sidebar-active-border-width: 0.125rem; + --mdb-scrollspy-menu-sidebar-active-border-color: #3b71ca; + background-color: transparent; + box-shadow: none; + color: var(--mdb-scrollspy-menu-sidebar-active-color); + font-weight: var(--mdb-scrollspy-menu-sidebar-active-font-weight); + border-left: var(--mdb-scrollspy-menu-sidebar-active-border-width) solid var(--mdb-scrollspy-menu-sidebar-active-border-color); + border-radius: 0; } + .nav-pills.menu-sidebar .collapsible-scrollspy ~ .nav { - --mdb-scrollspy-collapsible-nav-transition-time: 0.5s; - transition: height var(--mdb-scrollspy-collapsible-nav-transition-time) ease; - flex-wrap: nowrap; + --mdb-scrollspy-collapsible-nav-transition-time: 0.5s; + transition: height var(--mdb-scrollspy-collapsible-nav-transition-time) ease; + flex-wrap: nowrap; } .ripple-surface { - position: relative; - overflow: hidden; - display: inline-block; - vertical-align: bottom; + position: relative; + overflow: hidden; + display: inline-block; + vertical-align: bottom; } .ripple-surface-unbound { - overflow: visible; + overflow: visible; } .ripple-wave { - --mdb-ripple-wave-cubicBezier: cubic-bezier(0, 0, 0.15, 1); - --mdb-ripple-wave-border-radius: 50%; - --mdb-ripple-wave-opacity: 0.5; - --mdb-ripple-wave-transform: scale(0); - --mdb-ripple-wave-z-index: 999; - --mdb-ripple-wave-active-transform: scale(1); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 70%); - border-radius: var(--mdb-ripple-wave-border-radius); - opacity: var(--mdb-ripple-wave-opacity); - pointer-events: none; - position: absolute; - touch-action: none; - transform: var(--mdb-ripple-wave-transform); - transition-property: transform, opacity; - transition-timing-function: var(--mdb-ripple-wave-cubicBezier), var(--mdb-ripple-wave-cubicBezier); - z-index: var(--mdb-ripple-wave-z-index); + --mdb-ripple-wave-cubicBezier: cubic-bezier(0, 0, 0.15, 1); + --mdb-ripple-wave-border-radius: 50%; + --mdb-ripple-wave-opacity: 0.5; + --mdb-ripple-wave-transform: scale(0); + --mdb-ripple-wave-z-index: 999; + --mdb-ripple-wave-active-transform: scale(1); + background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 70%); + border-radius: var(--mdb-ripple-wave-border-radius); + opacity: var(--mdb-ripple-wave-opacity); + pointer-events: none; + position: absolute; + touch-action: none; + transform: var(--mdb-ripple-wave-transform); + transition-property: transform, opacity; + transition-timing-function: var(--mdb-ripple-wave-cubicBezier), var(--mdb-ripple-wave-cubicBezier); + z-index: var(--mdb-ripple-wave-z-index); } + .ripple-wave.active { - transform: var(--mdb-ripple-wave-active-transform); - opacity: 0; + transform: var(--mdb-ripple-wave-active-transform); + opacity: 0; } .btn .ripple-wave { - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } .input-wrapper .ripple-wave { - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } .ripple-surface-primary .ripple-wave { - background-image: radial-gradient(circle, rgba(59, 113, 202, 0.2) 0, rgba(59, 113, 202, 0.3) 40%, rgba(59, 113, 202, 0.4) 50%, rgba(59, 113, 202, 0.5) 60%, rgba(59, 113, 202, 0) 70%); + background-image: radial-gradient(circle, rgba(59, 113, 202, 0.2) 0, rgba(59, 113, 202, 0.3) 40%, rgba(59, 113, 202, 0.4) 50%, rgba(59, 113, 202, 0.5) 60%, rgba(59, 113, 202, 0) 70%); } .ripple-surface-secondary .ripple-wave { - background-image: radial-gradient(circle, rgba(227, 235, 247, 0.2) 0, rgba(227, 235, 247, 0.3) 40%, rgba(227, 235, 247, 0.4) 50%, rgba(227, 235, 247, 0.5) 60%, rgba(227, 235, 247, 0) 70%); + background-image: radial-gradient(circle, rgba(227, 235, 247, 0.2) 0, rgba(227, 235, 247, 0.3) 40%, rgba(227, 235, 247, 0.4) 50%, rgba(227, 235, 247, 0.5) 60%, rgba(227, 235, 247, 0) 70%); } .ripple-surface-success .ripple-wave { - background-image: radial-gradient(circle, rgba(20, 164, 77, 0.2) 0, rgba(20, 164, 77, 0.3) 40%, rgba(20, 164, 77, 0.4) 50%, rgba(20, 164, 77, 0.5) 60%, rgba(20, 164, 77, 0) 70%); + background-image: radial-gradient(circle, rgba(20, 164, 77, 0.2) 0, rgba(20, 164, 77, 0.3) 40%, rgba(20, 164, 77, 0.4) 50%, rgba(20, 164, 77, 0.5) 60%, rgba(20, 164, 77, 0) 70%); } .ripple-surface-danger .ripple-wave { - background-image: radial-gradient(circle, rgba(220, 76, 100, 0.2) 0, rgba(220, 76, 100, 0.3) 40%, rgba(220, 76, 100, 0.4) 50%, rgba(220, 76, 100, 0.5) 60%, rgba(220, 76, 100, 0) 70%); + background-image: radial-gradient(circle, rgba(220, 76, 100, 0.2) 0, rgba(220, 76, 100, 0.3) 40%, rgba(220, 76, 100, 0.4) 50%, rgba(220, 76, 100, 0.5) 60%, rgba(220, 76, 100, 0) 70%); } .ripple-surface-warning .ripple-wave { - background-image: radial-gradient(circle, rgba(228, 161, 27, 0.2) 0, rgba(228, 161, 27, 0.3) 40%, rgba(228, 161, 27, 0.4) 50%, rgba(228, 161, 27, 0.5) 60%, rgba(228, 161, 27, 0) 70%); + background-image: radial-gradient(circle, rgba(228, 161, 27, 0.2) 0, rgba(228, 161, 27, 0.3) 40%, rgba(228, 161, 27, 0.4) 50%, rgba(228, 161, 27, 0.5) 60%, rgba(228, 161, 27, 0) 70%); } .ripple-surface-info .ripple-wave { - background-image: radial-gradient(circle, rgba(84, 180, 211, 0.2) 0, rgba(84, 180, 211, 0.3) 40%, rgba(84, 180, 211, 0.4) 50%, rgba(84, 180, 211, 0.5) 60%, rgba(84, 180, 211, 0) 70%); + background-image: radial-gradient(circle, rgba(84, 180, 211, 0.2) 0, rgba(84, 180, 211, 0.3) 40%, rgba(84, 180, 211, 0.4) 50%, rgba(84, 180, 211, 0.5) 60%, rgba(84, 180, 211, 0) 70%); } .ripple-surface-light .ripple-wave { - background-image: radial-gradient(circle, rgba(251, 251, 251, 0.2) 0, rgba(251, 251, 251, 0.3) 40%, rgba(251, 251, 251, 0.4) 50%, rgba(251, 251, 251, 0.5) 60%, rgba(251, 251, 251, 0) 70%); + background-image: radial-gradient(circle, rgba(251, 251, 251, 0.2) 0, rgba(251, 251, 251, 0.3) 40%, rgba(251, 251, 251, 0.4) 50%, rgba(251, 251, 251, 0.5) 60%, rgba(251, 251, 251, 0) 70%); } .ripple-surface-dark .ripple-wave { - background-image: radial-gradient(circle, rgba(51, 45, 45, 0.2) 0, rgba(51, 45, 45, 0.3) 40%, rgba(51, 45, 45, 0.4) 50%, rgba(51, 45, 45, 0.5) 60%, rgba(51, 45, 45, 0) 70%); + background-image: radial-gradient(circle, rgba(51, 45, 45, 0.2) 0, rgba(51, 45, 45, 0.3) 40%, rgba(51, 45, 45, 0.4) 50%, rgba(51, 45, 45, 0.5) 60%, rgba(51, 45, 45, 0) 70%); } .range { - --mdb-range-thumb-height: 30px; - --mdb-range-thumb-width: 30px; - --mdb-range-thumb-top: -35px; - --mdb-range-thumb-margin-left: -15px; - --mdb-range-thumb-border-radius: 50% 50% 50% 0; - --mdb-range-thumb-transform: scale(0); - --mdb-range-thumb-transition: transform 0.2s ease-in-out; - --mdb-range-thumb-value-font-size: 12px; - --mdb-range-thumb-value-line-height: 30px; - --mdb-range-thumb-value-color: rgb(255, 255, 255); - --mdb-range-thumb-value-font-weight: 500; - --mdb-range-thumb-background: #3b71ca; - position: relative; + --mdb-range-thumb-height: 30px; + --mdb-range-thumb-width: 30px; + --mdb-range-thumb-top: -35px; + --mdb-range-thumb-margin-left: -15px; + --mdb-range-thumb-border-radius: 50% 50% 50% 0; + --mdb-range-thumb-transform: scale(0); + --mdb-range-thumb-transition: transform 0.2s ease-in-out; + --mdb-range-thumb-value-font-size: 12px; + --mdb-range-thumb-value-line-height: 30px; + --mdb-range-thumb-value-color: rgb(255, 255, 255); + --mdb-range-thumb-value-font-weight: 500; + --mdb-range-thumb-background: #3b71ca; + position: relative; } + .range .thumb { - position: absolute; - display: block; - height: var(--mdb-range-thumb-height); - width: var(--mdb-range-thumb-width); - top: var(--mdb-range-thumb-top); - margin-left: var(--mdb-range-thumb-margin-left); - text-align: center; - border-radius: var(--mdb-range-thumb-border-radius); - transform: var(--mdb-range-thumb-transform); - transform-origin: bottom; - transition: var(--mdb-range-thumb-transition); + position: absolute; + display: block; + height: var(--mdb-range-thumb-height); + width: var(--mdb-range-thumb-width); + top: var(--mdb-range-thumb-top); + margin-left: var(--mdb-range-thumb-margin-left); + text-align: center; + border-radius: var(--mdb-range-thumb-border-radius); + transform: var(--mdb-range-thumb-transform); + transform-origin: bottom; + transition: var(--mdb-range-thumb-transition); } + .range .thumb:after { - position: absolute; - display: block; - content: ""; - transform: translateX(-50%); - width: 100%; - height: 100%; - top: 0; - border-radius: var(--mdb-range-thumb-border-radius); - transform: rotate(-45deg); - background: var(--mdb-range-thumb-background); - z-index: -1; + position: absolute; + display: block; + content: ""; + transform: translateX(-50%); + width: 100%; + height: 100%; + top: 0; + border-radius: var(--mdb-range-thumb-border-radius); + transform: rotate(-45deg); + background: var(--mdb-range-thumb-background); + z-index: -1; } + .range .thumb .thumb-value { - display: block; - font-size: var(--mdb-range-thumb-value-font-size); - line-height: var(--mdb-range-thumb-value-line-height); - color: var(--mdb-range-thumb-value-color); - font-weight: var(--mdb-range-thumb-value-font-weight); - z-index: 2; + display: block; + font-size: var(--mdb-range-thumb-value-font-size); + line-height: var(--mdb-range-thumb-value-line-height); + color: var(--mdb-range-thumb-value-color); + font-weight: var(--mdb-range-thumb-value-font-weight); + z-index: 2; } + .range .thumb.thumb-active { - transform: scale(1); + transform: scale(1); } .accordion-button:not(.collapsed):focus { - box-shadow: var(--mdb-accordion-btn-focus-box-shadow); + box-shadow: var(--mdb-accordion-btn-focus-box-shadow); } + .accordion-button:focus { - border-color: var(--mdb-accordion-btn-focus-border-color); - outline: 0; - box-shadow: none; + border-color: var(--mdb-accordion-btn-focus-border-color); + outline: 0; + box-shadow: none; } .accordion-flush { - --mdb-accordion-flush-btn-box-shadow: inset 0 -2px 0 hsl(0, 0%, 96%); - --mdb-accordion-flush-border-bottom: 2px solid hsl(0, 0%, 96%); + --mdb-accordion-flush-btn-box-shadow: inset 0 -2px 0 hsl(0, 0%, 96%); + --mdb-accordion-flush-border-bottom: 2px solid hsl(0, 0%, 96%); } + .accordion-flush .accordion-button:not(.collapsed) { - box-shadow: var(--mdb-accordion-flush-btn-box-shadow); + box-shadow: var(--mdb-accordion-flush-btn-box-shadow); } + .accordion-flush .accordion-item { - border-bottom: var(--mdb-accordion-flush-border-bottom); + border-bottom: var(--mdb-accordion-flush-border-bottom); } .accordion.accordion-borderless, .accordion.accordion-flush { - --mdb-accordion-bg: transparent; - background-color: var(--mdb-accordion-bg); + --mdb-accordion-bg: transparent; + background-color: var(--mdb-accordion-bg); } .accordion-borderless { - --mdb-accordion-borderless-btn-border-radius: 0.5rem; - --mdb-accordion-borderless-btn-bg: rgb(223, 231, 246); - --mdb-accordion-borderless-btn-color: rgb(44, 88, 160); + --mdb-accordion-borderless-btn-border-radius: 0.5rem; + --mdb-accordion-borderless-btn-bg: rgb(223, 231, 246); + --mdb-accordion-borderless-btn-color: rgb(44, 88, 160); } + .accordion-borderless .accordion-item { - border: 0; + border: 0; } + .accordion-borderless .accordion-item .accordion-button { - border-radius: var(--mdb-accordion-borderless-btn-border-radius); + border-radius: var(--mdb-accordion-borderless-btn-border-radius); } + .accordion-borderless .accordion-item .accordion-button:not(.collapsed) { - background-color: var(--mdb-accordion-borderless-btn-bg); - color: var(--mdb-accordion-borderless-btn-color); - box-shadow: none; + background-color: var(--mdb-accordion-borderless-btn-bg); + color: var(--mdb-accordion-borderless-btn-color); + box-shadow: none; } .carousel-control-prev-icon::after { - content: "\f053"; - --mdb-carousel-control-icon-font-size: 1.7rem; - --mdb-carousel-control-icon-font-weight: 700; - font-weight: var(--mdb-carousel-control-icon-font-weight); - font-size: var(--mdb-carousel-control-icon-font-size); - font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; + content: "\f053"; + --mdb-carousel-control-icon-font-size: 1.7rem; + --mdb-carousel-control-icon-font-weight: 700; + font-weight: var(--mdb-carousel-control-icon-font-weight); + font-size: var(--mdb-carousel-control-icon-font-size); + font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; } .carousel-control-next-icon::after { - content: "\f054"; - --mdb-carousel-control-icon-font-size: 1.7rem; - --mdb-carousel-control-icon-font-weight: 700; - font-weight: var(--mdb-carousel-control-icon-font-weight); - font-size: var(--mdb-carousel-control-icon-font-size); - font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; + content: "\f054"; + --mdb-carousel-control-icon-font-size: 1.7rem; + --mdb-carousel-control-icon-font-weight: 700; + font-weight: var(--mdb-carousel-control-icon-font-weight); + font-size: var(--mdb-carousel-control-icon-font-size); + font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; } /*! @@ -16229,283 +18704,291 @@ fieldset:disabled .btn-group-vertical > .btn { * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { - --mdb-red: #f44336; - --mdb-pink: #e91e63; - --mdb-purple: purple-500; - --mdb-indigo: #3f51b5; - --mdb-blue: #2196f3; - --mdb-cyan: #00bcd4; - --mdb-teal: #009688; - --mdb-green: #4caf50; - --mdb-yellow: #ffeb3b; - --mdb-orange: #ff9800; - --mdb-white: #fff; - --mdb-black: #000; - --mdb-gray: #757575; - --mdb-gray-dark: #4f4f4f; - --mdb-primary: #3b71ca; - --mdb-secondary: #9fa6b2; - --mdb-success: #14a44d; - --mdb-danger: #dc4c64; - --mdb-warning: #e4a11b; - --mdb-info: #54b4d3; - --mdb-light: #fbfbfb; - --mdb-dark: #332d2d; - --mdb-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --mdb-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --mdb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --mdb-red: #f44336; + --mdb-pink: #e91e63; + --mdb-purple: purple-500; + --mdb-indigo: #3f51b5; + --mdb-blue: #2196f3; + --mdb-cyan: #00bcd4; + --mdb-teal: #009688; + --mdb-green: #4caf50; + --mdb-yellow: #ffeb3b; + --mdb-orange: #ff9800; + --mdb-white: #fff; + --mdb-black: #000; + --mdb-gray: #757575; + --mdb-gray-dark: #4f4f4f; + --mdb-primary: #3b71ca; + --mdb-secondary: #9fa6b2; + --mdb-success: #14a44d; + --mdb-danger: #dc4c64; + --mdb-warning: #e4a11b; + --mdb-info: #54b4d3; + --mdb-light: #fbfbfb; + --mdb-dark: #332d2d; + --mdb-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --mdb-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --mdb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); } *, *::before, *::after { - box-sizing: border-box; + box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth; - } + :root { + scroll-behavior: smooth; + } } body { - margin: 0; - font-family: var(--mdb-font-roboto); - font-size: 0.9rem; - font-weight: 400; - line-height: 1.6; - color: #4f4f4f; - background-color: #fff; - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + margin: 0; + font-family: var(--mdb-font-roboto); + font-size: 0.9rem; + font-weight: 400; + line-height: 1.6; + color: #4f4f4f; + background-color: #fff; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { - margin: 1rem 0; - color: inherit; - background-color: currentColor; - border: 0; - opacity: 0.25; + margin: 1rem 0; + color: inherit; + background-color: currentColor; + border: 0; + opacity: 0.25; } hr:not([size]) { - height: 1px; + height: 1px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - margin-top: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; } h1, .h1 { - font-size: calc(1.375rem + 1.5vw); + font-size: calc(1.375rem + 1.5vw); } + @media (min-width: 1200px) { - h1, .h1 { - font-size: 2.5rem; - } + h1, .h1 { + font-size: 2.5rem; + } } h2, .h2 { - font-size: calc(1.325rem + 0.9vw); + font-size: calc(1.325rem + 0.9vw); } + @media (min-width: 1200px) { - h2, .h2 { - font-size: 2rem; - } + h2, .h2 { + font-size: 2rem; + } } h3, .h3 { - font-size: calc(1.3rem + 0.6vw); + font-size: calc(1.3rem + 0.6vw); } + @media (min-width: 1200px) { - h3, .h3 { - font-size: 1.75rem; - } + h3, .h3 { + font-size: 1.75rem; + } } h4, .h4 { - font-size: calc(1.275rem + 0.3vw); + font-size: calc(1.275rem + 0.3vw); } + @media (min-width: 1200px) { - h4, .h4 { - font-size: 1.5rem; - } + h4, .h4 { + font-size: 1.5rem; + } } h5, .h5 { - font-size: 1.25rem; + font-size: 1.25rem; } h6, .h6 { - font-size: 1rem; + font-size: 1rem; } p { - margin-top: 0; - margin-bottom: 1rem; + margin-top: 0; + margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { - text-decoration: underline dotted; - cursor: help; - text-decoration-skip-ink: none; + text-decoration: underline dotted; + cursor: help; + text-decoration-skip-ink: none; } address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } ol, ul { - padding-left: 2rem; + padding-left: 2rem; } ol, ul, dl { - margin-top: 0; - margin-bottom: 1rem; + margin-top: 0; + margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; + margin-bottom: 0; } dt { - font-weight: 700; + font-weight: 700; } dd { - margin-bottom: 0.5rem; - margin-left: 0; + margin-bottom: 0.5rem; + margin-left: 0; } blockquote { - margin: 0 0 1rem; + margin: 0 0 1rem; } b, strong { - font-weight: bolder; + font-weight: bolder; } small, .small { - font-size: 0.875em; + font-size: 0.875em; } mark, .mark { - padding: 0.1875em; - background-color: #fff9c4; + padding: 0.1875em; + background-color: #fff9c4; } sub, sup { - position: relative; - font-size: 0.75em; - line-height: 0; - vertical-align: baseline; + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } a { - color: #3b71ca; - text-decoration: none; + color: #3b71ca; + text-decoration: none; } + a:hover { - color: #386bc0; - text-decoration: none; + color: #386bc0; + text-decoration: none; } a:not([href]):not([class]), a:not([href]):not([class]):hover { - color: inherit; - text-decoration: none; + color: inherit; + text-decoration: none; } pre, code, kbd, samp { - font-family: var(--mdb-font-monospace); - font-size: 1em; - direction: ltr /* rtl:ignore */; - unicode-bidi: bidi-override; + font-family: var(--mdb-font-monospace); + font-size: 1em; + direction: ltr /* rtl:ignore */; + unicode-bidi: bidi-override; } pre { - display: block; - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; - font-size: 0.875em; + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; } + pre code { - font-size: inherit; - color: inherit; - word-break: normal; + font-size: inherit; + color: inherit; + word-break: normal; } code { - font-size: 0.875em; - color: #e91e63; - word-wrap: break-word; + font-size: 0.875em; + color: #e91e63; + word-wrap: break-word; } + a > code { - color: inherit; + color: inherit; } kbd { - padding: 0.1875rem 0.375rem; - font-size: 0.875em; - color: var(--mdb-body-bg); - background-color: var(--mdb-body-color); - border-radius: 0.25rem; + padding: 0.1875rem 0.375rem; + font-size: 0.875em; + color: var(--mdb-body-bg); + background-color: var(--mdb-body-color); + border-radius: 0.25rem; } + kbd kbd { - padding: 0; - font-size: 1em; - font-weight: 700; + padding: 0; + font-size: 1em; + font-weight: 700; } figure { - margin: 0 0 1rem; + margin: 0 0 1rem; } img, svg { - vertical-align: middle; + vertical-align: middle; } table { - caption-side: bottom; - border-collapse: collapse; + caption-side: bottom; + border-collapse: collapse; } caption { - padding-top: 1rem; - padding-bottom: 1rem; - color: #757575; - text-align: left; + padding-top: 1rem; + padding-bottom: 1rem; + color: #757575; + text-align: left; } th { - text-align: inherit; - text-align: -webkit-match-parent; + text-align: inherit; + text-align: -webkit-match-parent; } thead, @@ -16514,21 +18997,21 @@ tfoot, tr, td, th { - border-color: inherit; - border-style: solid; - border-width: 0; + border-color: inherit; + border-style: solid; + border-width: 0; } label { - display: inline-block; + display: inline-block; } button { - border-radius: 0; + border-radius: 0; } button:focus:not(:focus-visible) { - outline: 0; + outline: 0; } input, @@ -16536,76 +19019,80 @@ button, select, optgroup, textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } button, select { - text-transform: none; + text-transform: none; } [role=button] { - cursor: pointer; + cursor: pointer; } select { - word-wrap: normal; + word-wrap: normal; } + select:disabled { - opacity: 1; + opacity: 1; } [list]::-webkit-calendar-picker-indicator { - display: none; + display: none; } button, [type=button], [type=reset], [type=submit] { - -webkit-appearance: button; + -webkit-appearance: button; } + button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { - cursor: pointer; + cursor: pointer; } ::-moz-focus-inner { - padding: 0; - border-style: none; + padding: 0; + border-style: none; } textarea { - resize: vertical; + resize: vertical; } fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; + min-width: 0; + padding: 0; + margin: 0; + border: 0; } legend { - float: left; - width: 100%; - padding: 0; - margin-bottom: 0.5rem; - font-size: calc(1.275rem + 0.3vw); - line-height: inherit; + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; } + @media (min-width: 1200px) { - legend { - font-size: 1.5rem; - } + legend { + font-size: 1.5rem; + } } + legend + * { - clear: left; + clear: left; } ::-webkit-datetime-edit-fields-wrapper, @@ -16615,16 +19102,16 @@ legend + * { ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { - padding: 0; + padding: 0; } ::-webkit-inner-spin-button { - height: auto; + height: auto; } [type=search] { - outline-offset: -2px; - -webkit-appearance: textfield; + outline-offset: -2px; + -webkit-appearance: textfield; } /* rtl:raw: @@ -16636,181 +19123,190 @@ legend + * { } */ ::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { - padding: 0; + padding: 0; } ::file-selector-button { - font: inherit; + font: inherit; } ::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; + font: inherit; + -webkit-appearance: button; } output { - display: inline-block; + display: inline-block; } iframe { - border: 0; + border: 0; } summary { - display: list-item; - cursor: pointer; + display: list-item; + cursor: pointer; } progress { - vertical-align: baseline; + vertical-align: baseline; } [hidden] { - display: none !important; + display: none !important; } .lead { - font-size: 1.25rem; - font-weight: 300; + font-size: 1.25rem; + font-weight: 300; } .display-1 { - font-size: calc(1.625rem + 4.5vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-1 { - font-size: 5rem; - } + .display-1 { + font-size: 5rem; + } } .display-2 { - font-size: calc(1.575rem + 3.9vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-2 { - font-size: 4.5rem; - } + .display-2 { + font-size: 4.5rem; + } } .display-3 { - font-size: calc(1.525rem + 3.3vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-3 { - font-size: 4rem; - } + .display-3 { + font-size: 4rem; + } } .display-4 { - font-size: calc(1.475rem + 2.7vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-4 { - font-size: 3.5rem; - } + .display-4 { + font-size: 3.5rem; + } } .display-5 { - font-size: calc(1.425rem + 2.1vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-5 { - font-size: 3rem; - } + .display-5 { + font-size: 3rem; + } } .display-6 { - font-size: calc(1.375rem + 1.5vw); - font-weight: 300; - line-height: 1.2; + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { - .display-6 { - font-size: 2.5rem; - } + .display-6 { + font-size: 2.5rem; + } } .list-unstyled { - padding-left: 0; - list-style: none; + padding-left: 0; + list-style: none; } .list-inline { - padding-left: 0; - list-style: none; + padding-left: 0; + list-style: none; } .list-inline-item { - display: inline-block; + display: inline-block; } + .list-inline-item:not(:last-child) { - margin-right: 0.5rem; + margin-right: 0.5rem; } .initialism { - font-size: 0.875em; - text-transform: uppercase; + font-size: 0.875em; + text-transform: uppercase; } .blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; + margin-bottom: 1rem; + font-size: 1.25rem; } + .blockquote > :last-child { - margin-bottom: 0; + margin-bottom: 0; } .blockquote-footer { - margin-top: -1rem; - margin-bottom: 1rem; - font-size: 0.875em; - color: #757575; + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #757575; } + .blockquote-footer::before { - content: "— "; + content: "— "; } .img-fluid { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } .img-thumbnail { - padding: 0.25rem; - background-color: #fff; - border: 1px solid var(--mdb-border-color); - border-radius: 0.25rem; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - max-width: 100%; - height: auto; + padding: 0.25rem; + background-color: #fff; + border: 1px solid var(--mdb-border-color); + border-radius: 0.25rem; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + max-width: 100%; + height: auto; } .figure { - display: inline-block; + display: inline-block; } .figure-img { - margin-bottom: 0.5rem; - line-height: 1; + margin-bottom: 0.5rem; + line-height: 1; } .figure-caption { - font-size: 0.875em; - color: #757575; + font-size: 0.875em; + color: #757575; } .container, @@ -16820,2924 +19316,3393 @@ progress { .container-lg, .container-xl, .container-xxl { - width: 100%; - padding-right: var(--mdb-gutter-x, 1.5rem); - padding-left: var(--mdb-gutter-x, 1.5rem); - margin-right: auto; - margin-left: auto; + width: 100%; + padding-right: var(--mdb-gutter-x, 1.5rem); + padding-left: var(--mdb-gutter-x, 1.5rem); + margin-right: auto; + margin-left: auto; } @media (min-width: 576px) { - .container, .container-sm { - max-width: 540px; - } + .container, .container-sm { + max-width: 540px; + } } + @media (min-width: 768px) { - .container, .container-sm, .container-md { - max-width: 720px; - } + .container, .container-sm, .container-md { + max-width: 720px; + } } + @media (min-width: 992px) { - .container, .container-sm, .container-md, .container-lg { - max-width: 960px; - } + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } } + @media (min-width: 1200px) { - .container, .container-sm, .container-md, .container-lg, .container-xl { - max-width: 1140px; - } + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } } + @media (min-width: 1400px) { - .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { - max-width: 1320px; - } + .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { + max-width: 1320px; + } } + .row { - --mdb-gutter-x: 1.5rem; - --mdb-gutter-y: 0; - display: flex; - flex-wrap: wrap; - margin-top: calc(var(--mdb-gutter-y) * -1); - margin-right: calc(var(--mdb-gutter-x) * -0.5); - margin-left: calc(var(--mdb-gutter-x) * -0.5); + --mdb-gutter-x: 1.5rem; + --mdb-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(var(--mdb-gutter-y) * -1); + margin-right: calc(var(--mdb-gutter-x) * -0.5); + margin-left: calc(var(--mdb-gutter-x) * -0.5); } + .row > * { - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--mdb-gutter-x) * 0.5); - padding-left: calc(var(--mdb-gutter-x) * 0.5); - margin-top: var(--mdb-gutter-y); + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--mdb-gutter-x) * 0.5); + padding-left: calc(var(--mdb-gutter-x) * 0.5); + margin-top: var(--mdb-gutter-y); } .col { - flex: 1 0 0%; + flex: 1 0 0%; } .row-cols-auto > * { - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .row-cols-1 > * { - flex: 0 0 auto; - width: 100%; + flex: 0 0 auto; + width: 100%; } .row-cols-2 > * { - flex: 0 0 auto; - width: 50%; + flex: 0 0 auto; + width: 50%; } .row-cols-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; + flex: 0 0 auto; + width: 33.3333333333%; } .row-cols-4 > * { - flex: 0 0 auto; - width: 25%; + flex: 0 0 auto; + width: 25%; } .row-cols-5 > * { - flex: 0 0 auto; - width: 20%; + flex: 0 0 auto; + width: 20%; } .row-cols-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; + flex: 0 0 auto; + width: 16.6666666667%; } @media (min-width: 576px) { - .col-sm { - flex: 1 0 0%; - } - .row-cols-sm-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-sm-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-sm-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-sm-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .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.6666666667%; - } + .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.3333333333%; + } + + .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.6666666667%; + } } + @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.3333333333%; - } - .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.6666666667%; - } + .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.3333333333%; + } + + .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.6666666667%; + } } + @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.3333333333%; - } - .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.6666666667%; - } + .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.3333333333%; + } + + .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.6666666667%; + } } + @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.3333333333%; - } - .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.6666666667%; - } + .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.3333333333%; + } + + .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.6666666667%; + } } + @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.3333333333%; - } - .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.6666666667%; - } + .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.3333333333%; + } + + .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.6666666667%; + } } + .col-auto { - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .col-1 { - flex: 0 0 auto; - width: 8.33333333%; + flex: 0 0 auto; + width: 8.33333333%; } .col-2 { - flex: 0 0 auto; - width: 16.66666667%; + flex: 0 0 auto; + width: 16.66666667%; } .col-3 { - flex: 0 0 auto; - width: 25%; + flex: 0 0 auto; + width: 25%; } .col-4 { - flex: 0 0 auto; - width: 33.33333333%; + flex: 0 0 auto; + width: 33.33333333%; } .col-5 { - flex: 0 0 auto; - width: 41.66666667%; + flex: 0 0 auto; + width: 41.66666667%; } .col-6 { - flex: 0 0 auto; - width: 50%; + flex: 0 0 auto; + width: 50%; } .col-7 { - flex: 0 0 auto; - width: 58.33333333%; + flex: 0 0 auto; + width: 58.33333333%; } .col-8 { - flex: 0 0 auto; - width: 66.66666667%; + flex: 0 0 auto; + width: 66.66666667%; } .col-9 { - flex: 0 0 auto; - width: 75%; + flex: 0 0 auto; + width: 75%; } .col-10 { - flex: 0 0 auto; - width: 83.33333333%; + flex: 0 0 auto; + width: 83.33333333%; } .col-11 { - flex: 0 0 auto; - width: 91.66666667%; + flex: 0 0 auto; + width: 91.66666667%; } .col-12 { - flex: 0 0 auto; - width: 100%; + flex: 0 0 auto; + width: 100%; } .offset-1 { - margin-left: 8.33333333%; + margin-left: 8.33333333%; } .offset-2 { - margin-left: 16.66666667%; + margin-left: 16.66666667%; } .offset-3 { - margin-left: 25%; + margin-left: 25%; } .offset-4 { - margin-left: 33.33333333%; + margin-left: 33.33333333%; } .offset-5 { - margin-left: 41.66666667%; + margin-left: 41.66666667%; } .offset-6 { - margin-left: 50%; + margin-left: 50%; } .offset-7 { - margin-left: 58.33333333%; + margin-left: 58.33333333%; } .offset-8 { - margin-left: 66.66666667%; + margin-left: 66.66666667%; } .offset-9 { - margin-left: 75%; + margin-left: 75%; } .offset-10 { - margin-left: 83.33333333%; + margin-left: 83.33333333%; } .offset-11 { - margin-left: 91.66666667%; + margin-left: 91.66666667%; } .g-0, .gx-0 { - --mdb-gutter-x: 0; + --mdb-gutter-x: 0; } .g-0, .gy-0 { - --mdb-gutter-y: 0; + --mdb-gutter-y: 0; } .g-1, .gx-1 { - --mdb-gutter-x: 0.25rem; + --mdb-gutter-x: 0.25rem; } .g-1, .gy-1 { - --mdb-gutter-y: 0.25rem; + --mdb-gutter-y: 0.25rem; } .g-2, .gx-2 { - --mdb-gutter-x: 0.5rem; + --mdb-gutter-x: 0.5rem; } .g-2, .gy-2 { - --mdb-gutter-y: 0.5rem; + --mdb-gutter-y: 0.5rem; } .g-3, .gx-3 { - --mdb-gutter-x: 1rem; + --mdb-gutter-x: 1rem; } .g-3, .gy-3 { - --mdb-gutter-y: 1rem; + --mdb-gutter-y: 1rem; } .g-4, .gx-4 { - --mdb-gutter-x: 1.5rem; + --mdb-gutter-x: 1.5rem; } .g-4, .gy-4 { - --mdb-gutter-y: 1.5rem; + --mdb-gutter-y: 1.5rem; } .g-5, .gx-5 { - --mdb-gutter-x: 3rem; + --mdb-gutter-x: 3rem; } .g-5, .gy-5 { - --mdb-gutter-y: 3rem; + --mdb-gutter-y: 3rem; } @media (min-width: 576px) { - .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 { - --mdb-gutter-x: 0; - } - .g-sm-0, - .gy-sm-0 { - --mdb-gutter-y: 0; - } - .g-sm-1, - .gx-sm-1 { - --mdb-gutter-x: 0.25rem; - } - .g-sm-1, - .gy-sm-1 { - --mdb-gutter-y: 0.25rem; - } - .g-sm-2, - .gx-sm-2 { - --mdb-gutter-x: 0.5rem; - } - .g-sm-2, - .gy-sm-2 { - --mdb-gutter-y: 0.5rem; - } - .g-sm-3, - .gx-sm-3 { - --mdb-gutter-x: 1rem; - } - .g-sm-3, - .gy-sm-3 { - --mdb-gutter-y: 1rem; - } - .g-sm-4, - .gx-sm-4 { - --mdb-gutter-x: 1.5rem; - } - .g-sm-4, - .gy-sm-4 { - --mdb-gutter-y: 1.5rem; - } - .g-sm-5, - .gx-sm-5 { - --mdb-gutter-x: 3rem; - } - .g-sm-5, - .gy-sm-5 { - --mdb-gutter-y: 3rem; - } + .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 { + --mdb-gutter-x: 0; + } + + .g-sm-0, + .gy-sm-0 { + --mdb-gutter-y: 0; + } + + .g-sm-1, + .gx-sm-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-sm-1, + .gy-sm-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-sm-2, + .gx-sm-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-sm-2, + .gy-sm-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-sm-3, + .gx-sm-3 { + --mdb-gutter-x: 1rem; + } + + .g-sm-3, + .gy-sm-3 { + --mdb-gutter-y: 1rem; + } + + .g-sm-4, + .gx-sm-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-sm-4, + .gy-sm-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-sm-5, + .gx-sm-5 { + --mdb-gutter-x: 3rem; + } + + .g-sm-5, + .gy-sm-5 { + --mdb-gutter-y: 3rem; + } } + @media (min-width: 768px) { - .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 { - --mdb-gutter-x: 0; - } - .g-md-0, - .gy-md-0 { - --mdb-gutter-y: 0; - } - .g-md-1, - .gx-md-1 { - --mdb-gutter-x: 0.25rem; - } - .g-md-1, - .gy-md-1 { - --mdb-gutter-y: 0.25rem; - } - .g-md-2, - .gx-md-2 { - --mdb-gutter-x: 0.5rem; - } - .g-md-2, - .gy-md-2 { - --mdb-gutter-y: 0.5rem; - } - .g-md-3, - .gx-md-3 { - --mdb-gutter-x: 1rem; - } - .g-md-3, - .gy-md-3 { - --mdb-gutter-y: 1rem; - } - .g-md-4, - .gx-md-4 { - --mdb-gutter-x: 1.5rem; - } - .g-md-4, - .gy-md-4 { - --mdb-gutter-y: 1.5rem; - } - .g-md-5, - .gx-md-5 { - --mdb-gutter-x: 3rem; - } - .g-md-5, - .gy-md-5 { - --mdb-gutter-y: 3rem; - } + .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 { + --mdb-gutter-x: 0; + } + + .g-md-0, + .gy-md-0 { + --mdb-gutter-y: 0; + } + + .g-md-1, + .gx-md-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-md-1, + .gy-md-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-md-2, + .gx-md-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-md-2, + .gy-md-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-md-3, + .gx-md-3 { + --mdb-gutter-x: 1rem; + } + + .g-md-3, + .gy-md-3 { + --mdb-gutter-y: 1rem; + } + + .g-md-4, + .gx-md-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-md-4, + .gy-md-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-md-5, + .gx-md-5 { + --mdb-gutter-x: 3rem; + } + + .g-md-5, + .gy-md-5 { + --mdb-gutter-y: 3rem; + } } + @media (min-width: 992px) { - .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 { - --mdb-gutter-x: 0; - } - .g-lg-0, - .gy-lg-0 { - --mdb-gutter-y: 0; - } - .g-lg-1, - .gx-lg-1 { - --mdb-gutter-x: 0.25rem; - } - .g-lg-1, - .gy-lg-1 { - --mdb-gutter-y: 0.25rem; - } - .g-lg-2, - .gx-lg-2 { - --mdb-gutter-x: 0.5rem; - } - .g-lg-2, - .gy-lg-2 { - --mdb-gutter-y: 0.5rem; - } - .g-lg-3, - .gx-lg-3 { - --mdb-gutter-x: 1rem; - } - .g-lg-3, - .gy-lg-3 { - --mdb-gutter-y: 1rem; - } - .g-lg-4, - .gx-lg-4 { - --mdb-gutter-x: 1.5rem; - } - .g-lg-4, - .gy-lg-4 { - --mdb-gutter-y: 1.5rem; - } - .g-lg-5, - .gx-lg-5 { - --mdb-gutter-x: 3rem; - } - .g-lg-5, - .gy-lg-5 { - --mdb-gutter-y: 3rem; - } + .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 { + --mdb-gutter-x: 0; + } + + .g-lg-0, + .gy-lg-0 { + --mdb-gutter-y: 0; + } + + .g-lg-1, + .gx-lg-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-lg-1, + .gy-lg-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-lg-2, + .gx-lg-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-lg-2, + .gy-lg-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-lg-3, + .gx-lg-3 { + --mdb-gutter-x: 1rem; + } + + .g-lg-3, + .gy-lg-3 { + --mdb-gutter-y: 1rem; + } + + .g-lg-4, + .gx-lg-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-lg-4, + .gy-lg-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-lg-5, + .gx-lg-5 { + --mdb-gutter-x: 3rem; + } + + .g-lg-5, + .gy-lg-5 { + --mdb-gutter-y: 3rem; + } } + @media (min-width: 1200px) { - .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 { - --mdb-gutter-x: 0; - } - .g-xl-0, - .gy-xl-0 { - --mdb-gutter-y: 0; - } - .g-xl-1, - .gx-xl-1 { - --mdb-gutter-x: 0.25rem; - } - .g-xl-1, - .gy-xl-1 { - --mdb-gutter-y: 0.25rem; - } - .g-xl-2, - .gx-xl-2 { - --mdb-gutter-x: 0.5rem; - } - .g-xl-2, - .gy-xl-2 { - --mdb-gutter-y: 0.5rem; - } - .g-xl-3, - .gx-xl-3 { - --mdb-gutter-x: 1rem; - } - .g-xl-3, - .gy-xl-3 { - --mdb-gutter-y: 1rem; - } - .g-xl-4, - .gx-xl-4 { - --mdb-gutter-x: 1.5rem; - } - .g-xl-4, - .gy-xl-4 { - --mdb-gutter-y: 1.5rem; - } - .g-xl-5, - .gx-xl-5 { - --mdb-gutter-x: 3rem; - } - .g-xl-5, - .gy-xl-5 { - --mdb-gutter-y: 3rem; - } + .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 { + --mdb-gutter-x: 0; + } + + .g-xl-0, + .gy-xl-0 { + --mdb-gutter-y: 0; + } + + .g-xl-1, + .gx-xl-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-xl-1, + .gy-xl-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-xl-2, + .gx-xl-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-xl-2, + .gy-xl-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-xl-3, + .gx-xl-3 { + --mdb-gutter-x: 1rem; + } + + .g-xl-3, + .gy-xl-3 { + --mdb-gutter-y: 1rem; + } + + .g-xl-4, + .gx-xl-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-xl-4, + .gy-xl-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-xl-5, + .gx-xl-5 { + --mdb-gutter-x: 3rem; + } + + .g-xl-5, + .gy-xl-5 { + --mdb-gutter-y: 3rem; + } } + @media (min-width: 1400px) { - .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 { - --mdb-gutter-x: 0; - } - .g-xxl-0, - .gy-xxl-0 { - --mdb-gutter-y: 0; - } - .g-xxl-1, - .gx-xxl-1 { - --mdb-gutter-x: 0.25rem; - } - .g-xxl-1, - .gy-xxl-1 { - --mdb-gutter-y: 0.25rem; - } - .g-xxl-2, - .gx-xxl-2 { - --mdb-gutter-x: 0.5rem; - } - .g-xxl-2, - .gy-xxl-2 { - --mdb-gutter-y: 0.5rem; - } - .g-xxl-3, - .gx-xxl-3 { - --mdb-gutter-x: 1rem; - } - .g-xxl-3, - .gy-xxl-3 { - --mdb-gutter-y: 1rem; - } - .g-xxl-4, - .gx-xxl-4 { - --mdb-gutter-x: 1.5rem; - } - .g-xxl-4, - .gy-xxl-4 { - --mdb-gutter-y: 1.5rem; - } - .g-xxl-5, - .gx-xxl-5 { - --mdb-gutter-x: 3rem; - } - .g-xxl-5, - .gy-xxl-5 { - --mdb-gutter-y: 3rem; - } + .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 { + --mdb-gutter-x: 0; + } + + .g-xxl-0, + .gy-xxl-0 { + --mdb-gutter-y: 0; + } + + .g-xxl-1, + .gx-xxl-1 { + --mdb-gutter-x: 0.25rem; + } + + .g-xxl-1, + .gy-xxl-1 { + --mdb-gutter-y: 0.25rem; + } + + .g-xxl-2, + .gx-xxl-2 { + --mdb-gutter-x: 0.5rem; + } + + .g-xxl-2, + .gy-xxl-2 { + --mdb-gutter-y: 0.5rem; + } + + .g-xxl-3, + .gx-xxl-3 { + --mdb-gutter-x: 1rem; + } + + .g-xxl-3, + .gy-xxl-3 { + --mdb-gutter-y: 1rem; + } + + .g-xxl-4, + .gx-xxl-4 { + --mdb-gutter-x: 1.5rem; + } + + .g-xxl-4, + .gy-xxl-4 { + --mdb-gutter-y: 1.5rem; + } + + .g-xxl-5, + .gx-xxl-5 { + --mdb-gutter-x: 3rem; + } + + .g-xxl-5, + .gy-xxl-5 { + --mdb-gutter-y: 3rem; + } } + .table { - --mdb-table-bg: transparent; - --mdb-table-accent-bg: transparent; - --mdb-table-striped-color: var(--mdb-body-color); - --mdb-table-striped-bg: rgba(0, 0, 0, 0.02); - --mdb-table-active-color: var(--mdb-body-color); - --mdb-table-active-bg: rgba(0, 0, 0, 0.1); - --mdb-table-hover-color: var(--mdb-body-color); - --mdb-table-hover-bg: rgba(0, 0, 0, 0.025); - width: 100%; - margin-bottom: 1rem; - color: var(--mdb-body-color); - vertical-align: top; - border-color: var(--mdb-border-color); + --mdb-table-bg: transparent; + --mdb-table-accent-bg: transparent; + --mdb-table-striped-color: var(--mdb-body-color); + --mdb-table-striped-bg: rgba(0, 0, 0, 0.02); + --mdb-table-active-color: var(--mdb-body-color); + --mdb-table-active-bg: rgba(0, 0, 0, 0.1); + --mdb-table-hover-color: var(--mdb-body-color); + --mdb-table-hover-bg: rgba(0, 0, 0, 0.025); + width: 100%; + margin-bottom: 1rem; + color: var(--mdb-body-color); + vertical-align: top; + border-color: var(--mdb-border-color); } + .table > :not(caption) > * > * { - padding: 1rem 1.4rem; - background-color: var(--mdb-table-bg); - border-bottom-width: 1px; - box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg); + padding: 1rem 1.4rem; + background-color: var(--mdb-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg); } + .table > tbody { - vertical-align: inherit; + vertical-align: inherit; } + .table > thead { - vertical-align: bottom; + vertical-align: bottom; } + .table > :not(:last-child) > :last-child > * { - border-bottom-color: inherit; + border-bottom-color: inherit; } .caption-top { - caption-side: top; + caption-side: top; } .table-sm > :not(caption) > * > * { - padding: 0.5rem 0.5rem; + padding: 0.5rem 0.5rem; } .table-bordered > :not(caption) > * { - border-width: 1px 0; + border-width: 1px 0; } + .table-bordered > :not(caption) > * > * { - border-width: 0 1px; + border-width: 0 1px; } .table-borderless > :not(caption) > * > * { - border-bottom-width: 0; + border-bottom-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) { - --mdb-table-accent-bg: var(--mdb-table-striped-bg); - color: var(--mdb-table-striped-color); + --mdb-table-accent-bg: var(--mdb-table-striped-bg); + color: var(--mdb-table-striped-color); } .table-active { - --mdb-table-accent-bg: var(--mdb-table-active-bg); - color: var(--mdb-table-active-color); + --mdb-table-accent-bg: var(--mdb-table-active-bg); + color: var(--mdb-table-active-color); } .table-hover > tbody > tr:hover { - --mdb-table-accent-bg: var(--mdb-table-hover-bg); - color: var(--mdb-table-hover-color); + --mdb-table-accent-bg: var(--mdb-table-hover-bg); + color: var(--mdb-table-hover-color); } .table-primary { - --mdb-table-bg: #d8e3f4; - --mdb-table-striped-bg: #cdd8e8; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #c2ccdc; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #c8d2e2; - --mdb-table-hover-color: #000; - color: #000; - border-color: #c2ccdc; + --mdb-table-bg: #d8e3f4; + --mdb-table-striped-bg: #cdd8e8; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #c2ccdc; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #c8d2e2; + --mdb-table-hover-color: #000; + color: #000; + border-color: #c2ccdc; } .table-secondary { - --mdb-table-bg: #ecedf0; - --mdb-table-striped-bg: #e0e1e4; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #d4d5d8; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #dadbde; - --mdb-table-hover-color: #000; - color: #000; - border-color: #d4d5d8; + --mdb-table-bg: #ecedf0; + --mdb-table-striped-bg: #e0e1e4; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #d4d5d8; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #dadbde; + --mdb-table-hover-color: #000; + color: #000; + border-color: #d4d5d8; } .table-success { - --mdb-table-bg: #d0eddb; - --mdb-table-striped-bg: #c6e1d0; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #bbd5c5; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #c0dbcb; - --mdb-table-hover-color: #000; - color: #000; - border-color: #bbd5c5; + --mdb-table-bg: #d0eddb; + --mdb-table-striped-bg: #c6e1d0; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #bbd5c5; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #c0dbcb; + --mdb-table-hover-color: #000; + color: #000; + border-color: #bbd5c5; } .table-info { - --mdb-table-bg: #ddf0f6; - --mdb-table-striped-bg: #d2e4ea; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #c7d8dd; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #ccdee4; - --mdb-table-hover-color: #000; - color: #000; - border-color: #c7d8dd; + --mdb-table-bg: #ddf0f6; + --mdb-table-striped-bg: #d2e4ea; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #c7d8dd; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #ccdee4; + --mdb-table-hover-color: #000; + color: #000; + border-color: #c7d8dd; } .table-warning { - --mdb-table-bg: #faecd1; - --mdb-table-striped-bg: #eee0c7; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #e1d4bc; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e7dac1; - --mdb-table-hover-color: #000; - color: #000; - border-color: #e1d4bc; + --mdb-table-bg: #faecd1; + --mdb-table-striped-bg: #eee0c7; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #e1d4bc; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e7dac1; + --mdb-table-hover-color: #000; + color: #000; + border-color: #e1d4bc; } .table-danger { - --mdb-table-bg: #f8dbe0; - --mdb-table-striped-bg: #ecd0d5; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #dfc5ca; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e5cbcf; - --mdb-table-hover-color: #000; - color: #000; - border-color: #dfc5ca; + --mdb-table-bg: #f8dbe0; + --mdb-table-striped-bg: #ecd0d5; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #dfc5ca; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e5cbcf; + --mdb-table-hover-color: #000; + color: #000; + border-color: #dfc5ca; } .table-light { - --mdb-table-bg: #fbfbfb; - --mdb-table-striped-bg: #eeeeee; - --mdb-table-striped-color: #000; - --mdb-table-active-bg: #e2e2e2; - --mdb-table-active-color: #000; - --mdb-table-hover-bg: #e8e8e8; - --mdb-table-hover-color: #000; - color: #000; - border-color: #e2e2e2; + --mdb-table-bg: #fbfbfb; + --mdb-table-striped-bg: #eeeeee; + --mdb-table-striped-color: #000; + --mdb-table-active-bg: #e2e2e2; + --mdb-table-active-color: #000; + --mdb-table-hover-bg: #e8e8e8; + --mdb-table-hover-color: #000; + color: #000; + border-color: #e2e2e2; } .table-dark { - --mdb-table-bg: #332d2d; - --mdb-table-striped-bg: #3d3838; - --mdb-table-striped-color: #fff; - --mdb-table-active-bg: #474242; - --mdb-table-active-color: #fff; - --mdb-table-hover-bg: #423d3d; - --mdb-table-hover-color: #fff; - color: #fff; - border-color: #474242; + --mdb-table-bg: #332d2d; + --mdb-table-striped-bg: #3d3838; + --mdb-table-striped-color: #fff; + --mdb-table-active-bg: #474242; + --mdb-table-active-color: #fff; + --mdb-table-hover-bg: #423d3d; + --mdb-table-hover-color: #fff; + color: #fff; + border-color: #474242; } .table-responsive { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { - .table-responsive-sm { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } } + @media (max-width: 767.98px) { - .table-responsive-md { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } + .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; - } + .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; - } + .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; - } + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } } + .form-label { - margin-bottom: 0.5rem; - color: rgba(0, 0, 0, 0.6); + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); } .col-form-label { - padding-top: calc(0.375rem + 1px); - padding-bottom: calc(0.375rem + 1px); - margin-bottom: 0; - font-size: inherit; - line-height: 1.6; - color: rgba(0, 0, 0, 0.6); + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.6; + color: rgba(0, 0, 0, 0.6); } .col-form-label-lg { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - font-size: 1rem; + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1rem; } .col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.775rem; + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.775rem; } .form-text { - margin-top: 0.25rem; - font-size: 0.875em; - color: #757575; + margin-top: 0.25rem; + font-size: 0.875em; + color: #757575; } .form-control { - display: block; - width: 100%; - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.6; - color: #4f4f4f; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #bdbdbd; - appearance: none; - border-radius: 0.25rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - transition: all 0.2s linear; + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.6; + color: #4f4f4f; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #bdbdbd; + appearance: none; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + transition: all 0.2s linear; } + @media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; - } + .form-control { + transition: none; + } } + .form-control[type=file] { - overflow: hidden; + overflow: hidden; } + .form-control[type=file]:not(:disabled):not([readonly]) { - cursor: pointer; + cursor: pointer; } + .form-control:focus { - color: #4f4f4f; - background-color: #fff; - border-color: #3b71ca; - outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + color: #4f4f4f; + background-color: #fff; + border-color: #3b71ca; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-control::-webkit-date-and-time-value { - height: 1.6em; + height: 1.6em; } + .form-control::placeholder { - color: #757575; - opacity: 1; + color: #757575; + opacity: 1; } + .form-control:disabled, .form-control[readonly] { - background-color: #eeeeee; - opacity: 1; + background-color: #eeeeee; + opacity: 1; } + .form-control::file-selector-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - margin-inline-end: 0.75rem; - color: #4f4f4f; - background-color: #eeeeee; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + margin-inline-end: 0.75rem; + color: #4f4f4f; + background-color: #eeeeee; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .form-control::file-selector-button { - transition: none; - } + .form-control::file-selector-button { + transition: none; + } } + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: #e2e2e2; + background-color: #e2e2e2; } + .form-control::-webkit-file-upload-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - margin-inline-end: 0.75rem; - color: #4f4f4f; - background-color: #eeeeee; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + margin-inline-end: 0.75rem; + color: #4f4f4f; + background-color: #eeeeee; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .form-control::-webkit-file-upload-button { - transition: none; - } + .form-control::-webkit-file-upload-button { + transition: none; + } } + .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: #e2e2e2; + background-color: #e2e2e2; } .form-control-plaintext { - display: block; - width: 100%; - padding: 0.375rem 0; - margin-bottom: 0; - line-height: 1.6; - color: #4f4f4f; - background-color: transparent; - border: solid transparent; - border-width: 1px 0; + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.6; + color: #4f4f4f; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; } + .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; + padding-right: 0; + padding-left: 0; } .form-control-sm { - min-height: calc(1.6em + 0.5rem + 2px); - padding: 0.25rem 0.5rem; - font-size: 0.775rem; - border-radius: 0.25rem; + min-height: calc(1.6em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.775rem; + border-radius: 0.25rem; } + .form-control-sm::file-selector-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - margin-inline-end: 0.5rem; + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + margin-inline-end: 0.5rem; } + .form-control-sm::-webkit-file-upload-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - margin-inline-end: 0.5rem; + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + margin-inline-end: 0.5rem; } .form-control-lg { - min-height: calc(1.6em + 1rem + 2px); - padding: 0.5rem 1rem; - font-size: 1rem; - border-radius: 0.5rem; + min-height: calc(1.6em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1rem; + border-radius: 0.5rem; } + .form-control-lg::file-selector-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - margin-inline-end: 1rem; + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + margin-inline-end: 1rem; } + .form-control-lg::-webkit-file-upload-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - margin-inline-end: 1rem; + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + margin-inline-end: 1rem; } textarea.form-control { - min-height: calc(1.6em + 0.75rem + 2px); + min-height: calc(1.6em + 0.75rem + 2px); } + textarea.form-control-sm { - min-height: calc(1.6em + 0.5rem + 2px); + min-height: calc(1.6em + 0.5rem + 2px); } + textarea.form-control-lg { - min-height: calc(1.6em + 1rem + 2px); + min-height: calc(1.6em + 1rem + 2px); } .form-control-color { - max-width: 3rem; - height: auto; - padding: 0.375rem; + max-width: 3rem; + height: auto; + padding: 0.375rem; } + .form-control-color:not(:disabled):not([readonly]) { - cursor: pointer; + cursor: pointer; } + .form-control-color::-moz-color-swatch { - height: 1.6em; - border-radius: 0.25rem; + height: 1.6em; + border-radius: 0.25rem; } + .form-control-color::-webkit-color-swatch { - height: 1.6em; - border-radius: 0.25rem; + height: 1.6em; + border-radius: 0.25rem; } .form-select { - display: block; - width: 100%; - padding: 0.375rem 2.25rem 0.375rem 0.75rem; - -moz-padding-start: calc(0.75rem - 3px); - font-size: 1rem; - font-weight: 400; - line-height: 1.6; - color: #4f4f4f; - background-color: #fff; - 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right 0.75rem center; - background-size: 16px 12px; - border: 1px solid #bdbdbd; - border-radius: 0.25rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - transition: all 0.2s linear; - appearance: none; + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; + font-weight: 400; + line-height: 1.6; + color: #4f4f4f; + background-color: #fff; + 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + transition: all 0.2s linear; + appearance: none; } + @media (prefers-reduced-motion: reduce) { - .form-select { - transition: none; - } + .form-select { + transition: none; + } } + .form-select:focus { - border-color: #3b71ca; - outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + border-color: #3b71ca; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-select[multiple], .form-select[size]:not([size="1"]) { - padding-right: 0.75rem; - background-image: none; + padding-right: 0.75rem; + background-image: none; } + .form-select:disabled { - background-color: #eeeeee; + background-color: #eeeeee; } + .form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #4f4f4f; + color: transparent; + text-shadow: 0 0 0 #4f4f4f; } .form-select-sm { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-left: 0.5rem; - font-size: 0.775rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.775rem; } .form-select-lg { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1rem; } .form-check { - display: block; - min-height: 1.6rem; - padding-left: 1.5em; - margin-bottom: 0.125rem; + display: block; + min-height: 1.6rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; } + .form-check .form-check-input { - float: left; - margin-left: -1.5em; + float: left; + margin-left: -1.5em; } .form-check-input { - width: 1em; - height: 1em; - margin-top: 0.3em; - 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); - appearance: none; - color-adjust: exact; + width: 1em; + height: 1em; + margin-top: 0.3em; + 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); + appearance: none; + color-adjust: exact; } + .form-check-input[type=checkbox] { - border-radius: 0.25em; + border-radius: 0.25em; } + .form-check-input[type=radio] { - border-radius: 50%; + border-radius: 50%; } + .form-check-input:active { - filter: brightness(90%); + filter: brightness(90%); } + .form-check-input:focus { - border-color: #3b71ca; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + border-color: #3b71ca; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-check-input:checked { - background-color: #3b71ca; - border-color: #3b71ca; + background-color: #3b71ca; + border-color: #3b71ca; } + .form-check-input:checked[type=checkbox] { - 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 10 3 3 6-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 10 3 3 6-6'/%3e%3c/svg%3e"); } + .form-check-input:checked[type=radio] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } + .form-check-input[type=checkbox]:indeterminate { - background-color: #3b71ca; - border-color: #757575; - 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"); + background-color: #3b71ca; + border-color: #757575; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } + .form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: 0.5; + pointer-events: none; + filter: none; + opacity: 0.5; } + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { - opacity: 0.5; + opacity: 0.5; } .form-switch { - padding-left: 2.5em; + padding-left: 2.5em; } + .form-switch .form-check-input { - 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-position: left center; - border-radius: 2em; - transition: background-position 0.15s ease-in-out; + 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-position: left center; + 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 { + transition: none; + } } + .form-switch .form-check-input:focus { - 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='%233b71ca'/%3e%3c/svg%3e"); + 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='%233b71ca'/%3e%3c/svg%3e"); } + .form-switch .form-check-input:checked { - background-position: right center; - 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='%23fff'/%3e%3c/svg%3e"); + background-position: right center; + 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='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { - display: inline-block; - margin-right: 1rem; + display: inline-block; + margin-right: 1rem; } .btn-check { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + .btn-check[disabled] + .btn, .btn-check:disabled + .btn { - pointer-events: none; - filter: none; - opacity: 0.65; + pointer-events: none; + filter: none; + opacity: 0.65; } .form-range { - width: 100%; - height: 1.5rem; - padding: 0; - background-color: transparent; - appearance: none; + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + appearance: none; } + .form-range:focus { - outline: 0; + outline: 0; } + .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } + .form-range::-moz-focus-outer { - border: 0; + border: 0; } + .form-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #3b71ca; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #3b71ca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } + @media (prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - transition: none; - } + .form-range::-webkit-slider-thumb { + transition: none; + } } + .form-range::-webkit-slider-thumb:active { - background-color: #c4d4ef; + background-color: #c4d4ef; } + .form-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #e0e0e0; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e0e0e0; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } + .form-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #3b71ca; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + width: 1rem; + height: 1rem; + background-color: #3b71ca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } + @media (prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - transition: none; - } + .form-range::-moz-range-thumb { + transition: none; + } } + .form-range::-moz-range-thumb:active { - background-color: #c4d4ef; + background-color: #c4d4ef; } + .form-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #e0e0e0; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e0e0e0; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } + .form-range:disabled { - pointer-events: none; + pointer-events: none; } + .form-range:disabled::-webkit-slider-thumb { - background-color: #9e9e9e; + background-color: #9e9e9e; } + .form-range:disabled::-moz-range-thumb { - background-color: #9e9e9e; + background-color: #9e9e9e; } .form-floating { - position: relative; + position: relative; } + .form-floating > .form-control, .form-floating > .form-select { - height: calc(3.5rem + 2px); - line-height: 1.25; + height: calc(3.5rem + 2px); + line-height: 1.25; } + .form-floating > label { - position: absolute; - top: 0; - left: 0; - height: 100%; - padding: 1rem 0.75rem; - pointer-events: none; - border: 1px solid transparent; - transform-origin: 0 0; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + position: absolute; + top: 0; + left: 0; + height: 100%; + padding: 1rem 0.75rem; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .form-floating > label { - transition: none; - } + .form-floating > label { + transition: none; + } } + .form-floating > .form-control { - padding: 1rem 0.75rem; + padding: 1rem 0.75rem; } + .form-floating > .form-control::placeholder { - color: transparent; + color: transparent; } + .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: 0.625rem; + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-select { - padding-top: 1.625rem; - padding-bottom: 0.625rem; + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control:-webkit-autofill ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; } + .input-group > .form-control, .input-group > .form-select { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0; + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; } + .input-group > .form-control:focus, .input-group > .form-select:focus { - z-index: 3; + z-index: 3; } + .input-group .btn { - position: relative; - z-index: 2; + position: relative; + z-index: 2; } + .input-group .btn:focus { - z-index: 3; + z-index: 3; } .input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.6; - color: #4f4f4f; - text-align: center; - white-space: nowrap; - background-color: #eeeeee; - border: 1px solid #bdbdbd; - border-radius: 0.25rem; + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.6; + color: #4f4f4f; + text-align: center; + white-space: nowrap; + background-color: #eeeeee; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 1rem; - border-radius: 0.5rem; + padding: 0.5rem 1rem; + font-size: 1rem; + border-radius: 0.5rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.775rem; - border-radius: 0.25rem; + padding: 0.25rem 0.5rem; + font-size: 0.775rem; + border-radius: 0.25rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { - padding-right: 3rem; + padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-left: -1px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #14a44d; + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #14a44d; } .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 6px 16px; - margin-top: 0.1rem; - font-size: 0.875rem; - color: #000; - background-color: rgba(20, 164, 77, 0.9); - border-radius: 0.25rem; + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 6px 16px; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(20, 164, 77, 0.9); + border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { - display: block; + display: block; } .was-validated .form-control:valid, .form-control.is-valid { - border-color: #14a44d; - padding-right: calc(1.6em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.4em + 0.1875rem) center; - background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + border-color: #14a44d; + padding-right: calc(1.6em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.4em + 0.1875rem) center; + background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #14a44d; - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + border-color: #14a44d; + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { - padding-right: calc(1.6em + 0.75rem); - background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); + padding-right: calc(1.6em + 0.75rem); + background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { - border-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { - padding-right: 4.125rem; - 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + padding-right: 4.125rem; + 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%2314a44d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-select:valid:focus, .form-select.is-valid:focus { - border-color: #14a44d; - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + border-color: #14a44d; + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { - border-color: #14a44d; + border-color: #14a44d; } + .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { - background-color: #14a44d; + background-color: #14a44d; } + .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.25); } + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #14a44d; + color: #14a44d; } .form-check-inline .form-check-input ~ .valid-feedback { - margin-left: 0.5em; + margin-left: 0.5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { - z-index: 1; + z-index: 1; } + .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { - z-index: 3; + z-index: 3; } .invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #dc4c64; + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #dc4c64; } .invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 6px 16px; - margin-top: 0.1rem; - font-size: 0.875rem; - color: #000; - background-color: rgba(220, 76, 100, 0.9); - border-radius: 0.25rem; + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 6px 16px; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(220, 76, 100, 0.9); + border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { - display: block; + display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { - border-color: #dc4c64; - padding-right: calc(1.6em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.4em + 0.1875rem) center; - background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + border-color: #dc4c64; + padding-right: calc(1.6em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.4em + 0.1875rem) center; + background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #dc4c64; - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + border-color: #dc4c64; + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { - padding-right: calc(1.6em + 0.75rem); - background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); + padding-right: calc(1.6em + 0.75rem); + background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { - border-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - padding-right: 4.125rem; - 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); + padding-right: 4.125rem; + 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='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%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='%23dc4c64'%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='%23dc4c64' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } + .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { - border-color: #dc4c64; - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + border-color: #dc4c64; + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { - border-color: #dc4c64; + border-color: #dc4c64; } + .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { - background-color: #dc4c64; + background-color: #dc4c64; } + .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.25); } + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #dc4c64; + color: #dc4c64; } .form-check-inline .form-check-input ~ .invalid-feedback { - margin-left: 0.5em; + margin-left: 0.5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { - z-index: 2; + z-index: 2; } + .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { - z-index: 3; + z-index: 3; } .btn { - display: inline-block; - font-weight: 500; - line-height: 1.5; - color: #4f4f4f; - text-align: center; - vertical-align: middle; - cursor: pointer; - user-select: none; - background-color: transparent; - border: 2px solid transparent; - padding: 0.375rem 1.5rem; - font-size: 0.75rem; - border-radius: 0.25rem; - 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; + display: inline-block; + font-weight: 500; + line-height: 1.5; + color: #4f4f4f; + text-align: center; + vertical-align: middle; + cursor: pointer; + user-select: none; + background-color: transparent; + border: 2px solid transparent; + padding: 0.375rem 1.5rem; + font-size: 0.75rem; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } + .btn { + transition: none; + } } + .btn:hover { - color: #4f4f4f; + color: #4f4f4f; } + .btn-check:focus + .btn, .btn:focus { - outline: 0; - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + outline: 0; + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); } + .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); } + .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); } + .btn:disabled, .btn.disabled, fieldset:disabled .btn { - pointer-events: none; - opacity: 0.65; - box-shadow: none; + pointer-events: none; + opacity: 0.65; + box-shadow: none; } .btn-primary { - color: #fff; - background-color: #3b71ca; - border-color: #3b71ca; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #fff; + background-color: #3b71ca; + border-color: #3b71ca; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-primary:hover { - color: #fff; - background-color: #386bc0; - border-color: #2f5aa2; + color: #fff; + background-color: #386bc0; + border-color: #2f5aa2; } + .btn-check:focus + .btn-primary, .btn-primary:focus { - color: #fff; - background-color: #386bc0; - border-color: #2f5aa2; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(88, 134, 210, 0.5); + color: #fff; + background-color: #386bc0; + border-color: #2f5aa2; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(88, 134, 210, 0.5); } + .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #3566b6; - border-color: #2c5598; + color: #fff; + background-color: #3566b6; + border-color: #2c5598; } + .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(88, 134, 210, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(88, 134, 210, 0.5); } + .btn-primary:disabled, .btn-primary.disabled { - color: #fff; - background-color: #3b71ca; - border-color: #3b71ca; + color: #fff; + background-color: #3b71ca; + border-color: #3b71ca; } .btn-secondary { - color: #000; - background-color: #9fa6b2; - border-color: #9fa6b2; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #000; + background-color: #9fa6b2; + border-color: #9fa6b2; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-secondary:hover { - color: #000; - background-color: #adb3be; - border-color: #a9afba; + color: #000; + background-color: #adb3be; + border-color: #a9afba; } + .btn-check:focus + .btn-secondary, .btn-secondary:focus { - color: #000; - background-color: #adb3be; - border-color: #a9afba; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(135, 141, 151, 0.5); + color: #000; + background-color: #adb3be; + border-color: #a9afba; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(135, 141, 151, 0.5); } + .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { - color: #000; - background-color: #b2b8c1; - border-color: #a9afba; + color: #000; + background-color: #b2b8c1; + border-color: #a9afba; } + .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(135, 141, 151, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(135, 141, 151, 0.5); } + .btn-secondary:disabled, .btn-secondary.disabled { - color: #000; - background-color: #9fa6b2; - border-color: #9fa6b2; + color: #000; + background-color: #9fa6b2; + border-color: #9fa6b2; } .btn-success { - color: #000; - background-color: #14a44d; - border-color: #14a44d; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #000; + background-color: #14a44d; + border-color: #14a44d; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-success:hover { - color: #000; - background-color: #37b268; - border-color: #2cad5f; + color: #000; + background-color: #37b268; + border-color: #2cad5f; } + .btn-check:focus + .btn-success, .btn-success:focus { - color: #000; - background-color: #37b268; - border-color: #2cad5f; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(17, 139, 65, 0.5); + color: #000; + background-color: #37b268; + border-color: #2cad5f; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(17, 139, 65, 0.5); } + .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { - color: #000; - background-color: #43b671; - border-color: #2cad5f; + color: #000; + background-color: #43b671; + border-color: #2cad5f; } + .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(17, 139, 65, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(17, 139, 65, 0.5); } + .btn-success:disabled, .btn-success.disabled { - color: #000; - background-color: #14a44d; - border-color: #14a44d; + color: #000; + background-color: #14a44d; + border-color: #14a44d; } .btn-danger { - color: #000; - background-color: #dc4c64; - border-color: #dc4c64; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #000; + background-color: #dc4c64; + border-color: #dc4c64; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-danger:hover { - color: #000; - background-color: #e1677b; - border-color: #e05e74; + color: #000; + background-color: #e1677b; + border-color: #e05e74; } + .btn-check:focus + .btn-danger, .btn-danger:focus { - color: #000; - background-color: #e1677b; - border-color: #e05e74; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(187, 65, 85, 0.5); + color: #000; + background-color: #e1677b; + border-color: #e05e74; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(187, 65, 85, 0.5); } + .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { - color: #000; - background-color: #e37083; - border-color: #e05e74; + color: #000; + background-color: #e37083; + border-color: #e05e74; } + .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(187, 65, 85, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(187, 65, 85, 0.5); } + .btn-danger:disabled, .btn-danger.disabled { - color: #000; - background-color: #dc4c64; - border-color: #dc4c64; + color: #000; + background-color: #dc4c64; + border-color: #dc4c64; } .btn-warning { - color: #000; - background-color: #e4a11b; - border-color: #e4a11b; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #000; + background-color: #e4a11b; + border-color: #e4a11b; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-warning:hover { - color: #000; - background-color: #e8af3d; - border-color: #e7aa32; + color: #000; + background-color: #e8af3d; + border-color: #e7aa32; } + .btn-check:focus + .btn-warning, .btn-warning:focus { - color: #000; - background-color: #e8af3d; - border-color: #e7aa32; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(194, 137, 23, 0.5); + color: #000; + background-color: #e8af3d; + border-color: #e7aa32; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(194, 137, 23, 0.5); } + .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { - color: #000; - background-color: #e9b449; - border-color: #e7aa32; + color: #000; + background-color: #e9b449; + border-color: #e7aa32; } + .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(194, 137, 23, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(194, 137, 23, 0.5); } + .btn-warning:disabled, .btn-warning.disabled { - color: #000; - background-color: #e4a11b; - border-color: #e4a11b; + color: #000; + background-color: #e4a11b; + border-color: #e4a11b; } .btn-info { - color: #000; - background-color: #54b4d3; - border-color: #54b4d3; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #000; + background-color: #54b4d3; + border-color: #54b4d3; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-info:hover { - color: #000; - background-color: #6ebfda; - border-color: #65bcd7; + color: #000; + background-color: #6ebfda; + border-color: #65bcd7; } + .btn-check:focus + .btn-info, .btn-info:focus { - color: #000; - background-color: #6ebfda; - border-color: #65bcd7; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(71, 153, 179, 0.5); + color: #000; + background-color: #6ebfda; + border-color: #65bcd7; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(71, 153, 179, 0.5); } + .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { - color: #000; - background-color: #76c3dc; - border-color: #65bcd7; + color: #000; + background-color: #76c3dc; + border-color: #65bcd7; } + .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(71, 153, 179, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(71, 153, 179, 0.5); } + .btn-info:disabled, .btn-info.disabled { - color: #000; - background-color: #54b4d3; - border-color: #54b4d3; + color: #000; + background-color: #54b4d3; + border-color: #54b4d3; } .btn-light { - color: #000; - background-color: #fbfbfb; - border-color: #fbfbfb; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #000; + background-color: #fbfbfb; + border-color: #fbfbfb; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-light:hover { - color: #000; - background-color: #fcfcfc; - border-color: #fbfbfb; + color: #000; + background-color: #fcfcfc; + border-color: #fbfbfb; } + .btn-check:focus + .btn-light, .btn-light:focus { - color: #000; - background-color: #fcfcfc; - border-color: #fbfbfb; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(213, 213, 213, 0.5); + color: #000; + background-color: #fcfcfc; + border-color: #fbfbfb; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(213, 213, 213, 0.5); } + .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { - color: #000; - background-color: #fcfcfc; - border-color: #fbfbfb; + color: #000; + background-color: #fcfcfc; + border-color: #fbfbfb; } + .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(213, 213, 213, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(213, 213, 213, 0.5); } + .btn-light:disabled, .btn-light.disabled { - color: #000; - background-color: #fbfbfb; - border-color: #fbfbfb; + color: #000; + background-color: #fbfbfb; + border-color: #fbfbfb; } .btn-dark { - color: #fff; - background-color: #332d2d; - border-color: #332d2d; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); + color: #fff; + background-color: #332d2d; + border-color: #332d2d; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35); } + .btn-dark:hover { - color: #fff; - background-color: #302b2b; - border-color: #292424; + color: #fff; + background-color: #302b2b; + border-color: #292424; } + .btn-check:focus + .btn-dark, .btn-dark:focus { - color: #fff; - background-color: #302b2b; - border-color: #292424; - box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(82, 77, 77, 0.5); + color: #fff; + background-color: #302b2b; + border-color: #292424; + box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35), 0 0 0 0.25rem rgba(82, 77, 77, 0.5); } + .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: #2e2929; - border-color: #262222; + color: #fff; + background-color: #2e2929; + border-color: #262222; } + .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(82, 77, 77, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(82, 77, 77, 0.5); } + .btn-dark:disabled, .btn-dark.disabled { - color: #fff; - background-color: #332d2d; - border-color: #332d2d; + color: #fff; + background-color: #332d2d; + border-color: #332d2d; } .btn-outline-primary { - color: #3b71ca; - border-color: #3b71ca; + color: #3b71ca; + border-color: #3b71ca; } + .btn-outline-primary:hover { - color: #fff; - background-color: #3b71ca; - border-color: #3b71ca; + color: #fff; + background-color: #3b71ca; + border-color: #3b71ca; } + .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { - box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.5); + box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.5); } + .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { - color: #fff; - background-color: #3b71ca; - border-color: #3b71ca; + color: #fff; + background-color: #3b71ca; + border-color: #3b71ca; } + .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(59, 113, 202, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(59, 113, 202, 0.5); } + .btn-outline-primary:disabled, .btn-outline-primary.disabled { - color: #3b71ca; - background-color: transparent; + color: #3b71ca; + background-color: transparent; } .btn-outline-secondary { - color: #9fa6b2; - border-color: #9fa6b2; + color: #9fa6b2; + border-color: #9fa6b2; } + .btn-outline-secondary:hover { - color: #000; - background-color: #9fa6b2; - border-color: #9fa6b2; + color: #000; + background-color: #9fa6b2; + border-color: #9fa6b2; } + .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { - box-shadow: 0 0 0 0.25rem rgba(159, 166, 178, 0.5); + box-shadow: 0 0 0 0.25rem rgba(159, 166, 178, 0.5); } + .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { - color: #000; - background-color: #9fa6b2; - border-color: #9fa6b2; + color: #000; + background-color: #9fa6b2; + border-color: #9fa6b2; } + .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(159, 166, 178, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(159, 166, 178, 0.5); } + .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { - color: #9fa6b2; - background-color: transparent; + color: #9fa6b2; + background-color: transparent; } .btn-outline-success { - color: #14a44d; - border-color: #14a44d; + color: #14a44d; + border-color: #14a44d; } + .btn-outline-success:hover { - color: #000; - background-color: #14a44d; - border-color: #14a44d; + color: #000; + background-color: #14a44d; + border-color: #14a44d; } + .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { - box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.5); + box-shadow: 0 0 0 0.25rem rgba(20, 164, 77, 0.5); } + .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { - color: #000; - background-color: #14a44d; - border-color: #14a44d; + color: #000; + background-color: #14a44d; + border-color: #14a44d; } + .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(20, 164, 77, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(20, 164, 77, 0.5); } + .btn-outline-success:disabled, .btn-outline-success.disabled { - color: #14a44d; - background-color: transparent; + color: #14a44d; + background-color: transparent; } .btn-outline-danger { - color: #dc4c64; - border-color: #dc4c64; + color: #dc4c64; + border-color: #dc4c64; } + .btn-outline-danger:hover { - color: #000; - background-color: #dc4c64; - border-color: #dc4c64; + color: #000; + background-color: #dc4c64; + border-color: #dc4c64; } + .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { - box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.5); + box-shadow: 0 0 0 0.25rem rgba(220, 76, 100, 0.5); } + .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { - color: #000; - background-color: #dc4c64; - border-color: #dc4c64; + color: #000; + background-color: #dc4c64; + border-color: #dc4c64; } + .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(220, 76, 100, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(220, 76, 100, 0.5); } + .btn-outline-danger:disabled, .btn-outline-danger.disabled { - color: #dc4c64; - background-color: transparent; + color: #dc4c64; + background-color: transparent; } .btn-outline-warning { - color: #e4a11b; - border-color: #e4a11b; + color: #e4a11b; + border-color: #e4a11b; } + .btn-outline-warning:hover { - color: #000; - background-color: #e4a11b; - border-color: #e4a11b; + color: #000; + background-color: #e4a11b; + border-color: #e4a11b; } + .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { - box-shadow: 0 0 0 0.25rem rgba(228, 161, 27, 0.5); + box-shadow: 0 0 0 0.25rem rgba(228, 161, 27, 0.5); } + .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { - color: #000; - background-color: #e4a11b; - border-color: #e4a11b; + color: #000; + background-color: #e4a11b; + border-color: #e4a11b; } + .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(228, 161, 27, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(228, 161, 27, 0.5); } + .btn-outline-warning:disabled, .btn-outline-warning.disabled { - color: #e4a11b; - background-color: transparent; + color: #e4a11b; + background-color: transparent; } .btn-outline-info { - color: #54b4d3; - border-color: #54b4d3; + color: #54b4d3; + border-color: #54b4d3; } + .btn-outline-info:hover { - color: #000; - background-color: #54b4d3; - border-color: #54b4d3; + color: #000; + background-color: #54b4d3; + border-color: #54b4d3; } + .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { - box-shadow: 0 0 0 0.25rem rgba(84, 180, 211, 0.5); + box-shadow: 0 0 0 0.25rem rgba(84, 180, 211, 0.5); } + .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { - color: #000; - background-color: #54b4d3; - border-color: #54b4d3; + color: #000; + background-color: #54b4d3; + border-color: #54b4d3; } + .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(84, 180, 211, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(84, 180, 211, 0.5); } + .btn-outline-info:disabled, .btn-outline-info.disabled { - color: #54b4d3; - background-color: transparent; + color: #54b4d3; + background-color: transparent; } .btn-outline-light { - color: #fbfbfb; - border-color: #fbfbfb; + color: #fbfbfb; + border-color: #fbfbfb; } + .btn-outline-light:hover { - color: #000; - background-color: #fbfbfb; - border-color: #fbfbfb; + color: #000; + background-color: #fbfbfb; + border-color: #fbfbfb; } + .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { - box-shadow: 0 0 0 0.25rem rgba(251, 251, 251, 0.5); + box-shadow: 0 0 0 0.25rem rgba(251, 251, 251, 0.5); } + .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { - color: #000; - background-color: #fbfbfb; - border-color: #fbfbfb; + color: #000; + background-color: #fbfbfb; + border-color: #fbfbfb; } + .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(251, 251, 251, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(251, 251, 251, 0.5); } + .btn-outline-light:disabled, .btn-outline-light.disabled { - color: #fbfbfb; - background-color: transparent; + color: #fbfbfb; + background-color: transparent; } .btn-outline-dark { - color: #332d2d; - border-color: #332d2d; + color: #332d2d; + border-color: #332d2d; } + .btn-outline-dark:hover { - color: #fff; - background-color: #332d2d; - border-color: #332d2d; + color: #fff; + background-color: #332d2d; + border-color: #332d2d; } + .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { - box-shadow: 0 0 0 0.25rem rgba(51, 45, 45, 0.5); + box-shadow: 0 0 0 0.25rem rgba(51, 45, 45, 0.5); } + .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { - color: #fff; - background-color: #332d2d; - border-color: #332d2d; + color: #fff; + background-color: #332d2d; + border-color: #332d2d; } + .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(51, 45, 45, 0.5); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(51, 45, 45, 0.5); } + .btn-outline-dark:disabled, .btn-outline-dark.disabled { - color: #332d2d; - background-color: transparent; + color: #332d2d; + background-color: transparent; } .btn-link { - font-weight: 400; - color: #3b71ca; - text-decoration: none; + font-weight: 400; + color: #3b71ca; + text-decoration: none; } + .btn-link:hover { - color: #386bc0; - text-decoration: none; + color: #386bc0; + text-decoration: none; } + .btn-link:focus { - text-decoration: none; + text-decoration: none; } + .btn-link:disabled, .btn-link.disabled { - color: #9e9e9e; + color: #9e9e9e; } .btn-lg, .btn-group-lg > .btn { - padding: 0.5rem 1.6875rem; - font-size: 0.875rem; - border-radius: 0.5rem; + padding: 0.5rem 1.6875rem; + font-size: 0.875rem; + border-radius: 0.5rem; } .btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 1rem; - font-size: 0.75rem; - border-radius: 0.25rem; + padding: 0.25rem 1rem; + font-size: 0.75rem; + border-radius: 0.25rem; } .fade { - transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } + .fade { + transition: none; + } } + .fade:not(.show) { - opacity: 0; + opacity: 0; } .collapse:not(.show) { - display: none; + display: none; } .collapsing { - height: 0; - overflow: hidden; - transition: height 0.35s ease; + height: 0; + overflow: hidden; + transition: height 0.35s ease; } + @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; - } + .collapsing { + transition: none; + } } .dropup, .dropend, .dropdown, .dropstart { - position: relative; + position: relative; } .dropdown-toggle { - white-space: nowrap; + white-space: nowrap; } + .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; } + .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } .dropdown-menu { - position: absolute; - z-index: 1000; - display: none; - min-width: 10rem; - padding: 0.5rem 0; - margin: 0; - font-size: 0.875rem; - color: #4f4f4f; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 1px solid var(--mdb-border-color-translucent); - border-radius: 0.5rem; - box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); + position: absolute; + z-index: 1000; + display: none; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0; + font-size: 0.875rem; + color: #4f4f4f; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid var(--mdb-border-color-translucent); + border-radius: 0.5rem; + box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); } + .dropdown-menu[data-bs-popper] { - top: 100%; - left: 0; - margin-top: 0.125rem; + top: 100%; + left: 0; + margin-top: 0.125rem; } .dropdown-menu-start { - --bs-position: start; + --bs-position: start; } + .dropdown-menu-start[data-bs-popper] { - right: auto; - left: 0; + right: auto; + left: 0; } .dropdown-menu-end { - --bs-position: end; + --bs-position: end; } + .dropdown-menu-end[data-bs-popper] { - right: 0; - left: auto; + right: 0; + left: auto; } @media (min-width: 576px) { - .dropdown-menu-sm-start { - --bs-position: start; - } - .dropdown-menu-sm-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-sm-end { - --bs-position: end; - } - .dropdown-menu-sm-end[data-bs-popper] { - right: 0; - left: auto; - } + .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; - } + .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; - } + .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; - } + .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; - } + .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: 0.125rem; + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; } + .dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } + .dropup .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: 0.125rem; + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; } + .dropend .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; } + .dropend .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } + .dropend .dropdown-toggle::after { - vertical-align: 0; + vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: 0.125rem; + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; } + .dropstart .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; } + .dropstart .dropdown-toggle::after { - display: none; + display: none; } + .dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; } + .dropstart .dropdown-toggle:empty::after { - margin-left: 0; + margin-left: 0; } + .dropstart .dropdown-toggle::before { - vertical-align: 0; + vertical-align: 0; } .dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid hsl(0, 0%, 96%); + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid hsl(0, 0%, 96%); } .dropdown-item { - display: block; - width: 100%; - padding: 0.5rem 1rem; - clear: both; - font-weight: 400; - color: #262626; - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; + display: block; + width: 100%; + padding: 0.5rem 1rem; + clear: both; + font-weight: 400; + color: #262626; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; } + .dropdown-item:hover, .dropdown-item:focus { - color: #222222; - background-color: #eeeeee; + color: #222222; + background-color: #eeeeee; } + .dropdown-item.active, .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #3b71ca; + color: #fff; + text-decoration: none; + background-color: #3b71ca; } + .dropdown-item.disabled, .dropdown-item:disabled { - color: #9e9e9e; - pointer-events: none; - background-color: transparent; + color: #9e9e9e; + pointer-events: none; + background-color: transparent; } .dropdown-menu.show { - display: block; + display: block; } .dropdown-header { - display: block; - padding: 0.5rem 1rem; - margin-bottom: 0; - font-size: 0.875rem; - color: #757575; - white-space: nowrap; + display: block; + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #757575; + white-space: nowrap; } .dropdown-item-text { - display: block; - padding: 0.5rem 1rem; - color: #262626; + display: block; + padding: 0.5rem 1rem; + color: #262626; } .dropdown-menu-dark { - color: #e0e0e0; - background-color: #4f4f4f; - border-color: var(--mdb-border-color-translucent); + color: #e0e0e0; + background-color: #4f4f4f; + border-color: var(--mdb-border-color-translucent); } + .dropdown-menu-dark .dropdown-item { - color: #e0e0e0; + color: #e0e0e0; } + .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { - color: #fff; - background-color: rgba(255, 255, 255, 0.15); + color: #fff; + background-color: rgba(255, 255, 255, 0.15); } + .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { - color: #fff; - background-color: #3b71ca; + color: #fff; + background-color: #3b71ca; } + .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { - color: #9e9e9e; + color: #9e9e9e; } + .dropdown-menu-dark .dropdown-divider { - border-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 96%); } + .dropdown-menu-dark .dropdown-item-text { - color: #e0e0e0; + color: #e0e0e0; } + .dropdown-menu-dark .dropdown-header { - color: #9e9e9e; + color: #9e9e9e; } .btn-group, .btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; + position: relative; + display: inline-flex; + vertical-align: middle; } + .btn-group > .btn, .btn-group-vertical > .btn { - position: relative; - flex: 1 1 auto; + position: relative; + flex: 1 1 auto; } + .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, @@ -19750,190 +22715,211 @@ textarea.form-control-lg { .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { - z-index: 1; + z-index: 1; } .btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } + .btn-toolbar .input-group { - width: auto; + width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { - margin-left: -2px; + margin-left: -2px; } + .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } + .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { - margin-left: 0; + margin-left: 0; } + .dropstart .dropdown-toggle-split::before { - margin-right: 0; + margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; + padding-right: 0.75rem; + padding-left: 0.75rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 1.265625rem; - padding-left: 1.265625rem; + padding-right: 1.265625rem; + padding-left: 1.265625rem; } .btn-group.show .dropdown-toggle { - box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); } + .btn-group.show .dropdown-toggle.btn-link { - box-shadow: none; + box-shadow: none; } .btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center; + flex-direction: column; + align-items: flex-start; + justify-content: center; } + .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { - width: 100%; + width: 100%; } + .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -2px; + margin-top: -2px; } + .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; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; } .nav { - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } .nav-link { - display: block; - padding: 0.5rem 1rem; - color: var(--mdb-link-color); - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; + display: block; + padding: 0.5rem 1rem; + color: var(--mdb-link-color); + 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 { + transition: none; + } } + .nav-link:hover, .nav-link:focus { - color: var(--mdb-link-hover-color); + color: var(--mdb-link-hover-color); } + .nav-link.disabled { - color: #757575; - pointer-events: none; - cursor: default; + color: #757575; + pointer-events: none; + cursor: default; } .nav-tabs { - border-bottom: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; } + .nav-tabs .nav-link { - margin-bottom: -1px; - background: none; - border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + margin-bottom: -1px; + background: none; + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #eeeeee #eeeeee #e0e0e0; - isolation: isolate; + border-color: #eeeeee #eeeeee #e0e0e0; + isolation: isolate; } + .nav-tabs .nav-link.disabled { - color: #757575; - background-color: transparent; - border-color: transparent; + color: #757575; + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { - color: #3b71ca; - background-color: #fff; - border-color: #3b71ca; + color: #3b71ca; + background-color: #fff; + border-color: #3b71ca; } + .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } .nav-pills .nav-link { - background: none; - border: 0; - border-radius: 0.25rem; + background: none; + border: 0; + border-radius: 0.25rem; } + .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - color: #285192; - background-color: #e3ebf7; + color: #285192; + background-color: #e3ebf7; } .nav-fill > .nav-link, .nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; + flex: 1 1 auto; + text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; + flex-basis: 0; + flex-grow: 1; + text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { - width: 100%; + width: 100%; } .tab-content > .tab-pane { - display: none; + display: none; } + .tab-content > .active { - display: block; + display: block; } .navbar { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding-top: 0.5rem; - padding-bottom: 0.5rem; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } + .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, @@ -19941,1902 +22927,2172 @@ textarea.form-control-lg { .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { - display: flex; - flex-wrap: inherit; - align-items: center; - justify-content: space-between; + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; } + .navbar-brand { - padding-top: 0.3rem; - padding-bottom: 0.3rem; - margin-right: 1rem; - font-size: 1.25rem; - white-space: nowrap; + padding-top: 0.3rem; + padding-bottom: 0.3rem; + margin-right: 1rem; + font-size: 1.25rem; + white-space: nowrap; } + .navbar-nav { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - list-style: none; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + .navbar-nav .nav-link { - padding-right: 0; - padding-left: 0; + padding-right: 0; + padding-left: 0; } + .navbar-nav .dropdown-menu { - position: static; + position: static; } .navbar-text { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; + flex-basis: 100%; + flex-grow: 1; + align-items: center; } .navbar-toggler { - padding: 0.25rem 0.75rem; - font-size: 1.25rem; - line-height: 1; - background-color: transparent; - border: 1px solid transparent; - border-radius: 0.25rem; - transition: box-shadow 0.15s ease-in-out; + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; + transition: box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .navbar-toggler { - transition: none; - } + .navbar-toggler { + transition: none; + } } + .navbar-toggler:hover { - text-decoration: none; + text-decoration: none; } + .navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 0.25rem; + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - background-repeat: no-repeat; - background-position: center; - background-size: 100%; + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-repeat: no-repeat; + background-position: center; + background-size: 100%; } .navbar-nav-scroll { - max-height: var(--mdb-scroll-height, 75vh); - overflow-y: auto; + max-height: var(--mdb-scroll-height, 75vh); + overflow-y: auto; } @media (min-width: 576px) { - .navbar-expand-sm { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-sm .navbar-nav { - flex-direction: row; - } - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-sm .navbar-toggler { - display: none; - } + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-sm .navbar-toggler { + display: none; + } } + @media (min-width: 768px) { - .navbar-expand-md { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-md .navbar-nav { - flex-direction: row; - } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-md .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-md .navbar-toggler { - display: none; - } + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-md .navbar-toggler { + display: none; + } } + @media (min-width: 992px) { - .navbar-expand-lg { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-lg .navbar-nav { - flex-direction: row; - } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-lg .navbar-toggler { - display: none; - } + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } } + @media (min-width: 1200px) { - .navbar-expand-xl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xl .navbar-toggler { - display: none; - } + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } } + @media (min-width: 1400px) { - .navbar-expand-xxl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xxl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xxl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xxl .navbar-toggler { - display: none; - } + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xxl .navbar-toggler { + display: none; + } } + .navbar-expand { - flex-wrap: nowrap; - justify-content: flex-start; + flex-wrap: nowrap; + justify-content: flex-start; } + .navbar-expand .navbar-nav { - flex-direction: row; + flex-direction: row; } + .navbar-expand .navbar-nav .dropdown-menu { - position: absolute; + position: absolute; } + .navbar-expand .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.5rem; + padding-left: 0.5rem; } + .navbar-expand .navbar-nav-scroll { - overflow: visible; + overflow: visible; } + .navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto; + display: flex !important; + flex-basis: auto; } + .navbar-expand .navbar-toggler { - display: none; + display: none; } .navbar-light .navbar-brand { - color: rgba(0, 0, 0, 0.9); + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { - color: rgba(0, 0, 0, 0.9); + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-nav .nav-link { - color: rgba(0, 0, 0, 0.55); + color: rgba(0, 0, 0, 0.55); } + .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { - color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled { - color: rgba(0, 0, 0, 0.3); + color: rgba(0, 0, 0, 0.3); } + .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { - color: rgba(0, 0, 0, 0.9); + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-toggler { - color: rgba(0, 0, 0, 0.55); - border-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.55); + border-color: rgba(0, 0, 0, 0.1); } + .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + .navbar-light .navbar-text { - color: rgba(0, 0, 0, 0.55); + color: rgba(0, 0, 0, 0.55); } + .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { - color: rgba(0, 0, 0, 0.9); + color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { - color: #fff; + color: #fff; } + .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { - color: #fff; + color: #fff; } + .navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.55); + color: rgba(255, 255, 255, 0.55); } + .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); + color: rgba(255, 255, 255, 0.75); } + .navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); + color: rgba(255, 255, 255, 0.25); } + .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { - color: #fff; + color: #fff; } + .navbar-dark .navbar-toggler { - color: rgba(255, 255, 255, 0.55); - border-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.55); + border-color: rgba(255, 255, 255, 0.1); } + .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + .navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.55); + color: rgba(255, 255, 255, 0.55); } + .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { - color: #fff; + color: #fff; } .card { - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - word-wrap: break-word; - background-color: #fff; - background-clip: border-box; - border: 1px solid var(--mdb-border-color-translucent); - border-radius: 0.5rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid var(--mdb-border-color-translucent); + border-radius: 0.5rem; } + .card > hr { - margin-right: 0; - margin-left: 0; + margin-right: 0; + margin-left: 0; } + .card > .list-group { - border-top: inherit; - border-bottom: inherit; + border-top: inherit; + border-bottom: inherit; } + .card > .list-group:first-child { - border-top-width: 0; - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); + border-top-width: 0; + border-top-left-radius: calc(0.5rem - 1px); + border-top-right-radius: calc(0.5rem - 1px); } + .card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: calc(0.5rem - 1px); - border-bottom-left-radius: calc(0.5rem - 1px); + border-bottom-width: 0; + border-bottom-right-radius: calc(0.5rem - 1px); + border-bottom-left-radius: calc(0.5rem - 1px); } + .card > .card-header + .list-group, .card > .list-group + .card-footer { - border-top: 0; + border-top: 0; } .card-body { - flex: 1 1 auto; - padding: 1.5rem 1.5rem; + flex: 1 1 auto; + padding: 1.5rem 1.5rem; } .card-title { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .card-subtitle { - margin-top: -0.25rem; - margin-bottom: 0; + margin-top: -0.25rem; + margin-bottom: 0; } .card-text:last-child { - margin-bottom: 0; + margin-bottom: 0; } .card-link:hover { - text-decoration: none; + text-decoration: none; } + .card-link + .card-link { - margin-left: 1.5rem; + margin-left: 1.5rem; } .card-header { - padding: 0.75rem 1.5rem; - margin-bottom: 0; - background-color: rgba(255, 255, 255, 0); - border-bottom: 1px solid var(--mdb-border-color-translucent); + padding: 0.75rem 1.5rem; + margin-bottom: 0; + background-color: rgba(255, 255, 255, 0); + border-bottom: 1px solid var(--mdb-border-color-translucent); } + .card-header:first-child { - border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0; + border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0; } .card-footer { - padding: 0.75rem 1.5rem; - background-color: rgba(255, 255, 255, 0); - border-top: 1px solid var(--mdb-border-color-translucent); + padding: 0.75rem 1.5rem; + background-color: rgba(255, 255, 255, 0); + border-top: 1px solid var(--mdb-border-color-translucent); } + .card-footer:last-child { - border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px); + border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px); } .card-header-tabs { - margin-right: -0.75rem; - margin-bottom: -0.75rem; - margin-left: -0.75rem; - border-bottom: 0; + margin-right: -0.75rem; + margin-bottom: -0.75rem; + margin-left: -0.75rem; + border-bottom: 0; } .card-header-pills { - margin-right: -0.75rem; - margin-left: -0.75rem; + margin-right: -0.75rem; + margin-left: -0.75rem; } .card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1.5rem; - border-radius: calc(0.5rem - 1px); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.5rem; + border-radius: calc(0.5rem - 1px); } .card-img, .card-img-top, .card-img-bottom { - width: 100%; + width: 100%; } .card-img, .card-img-top { - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); + border-top-left-radius: calc(0.5rem - 1px); + border-top-right-radius: calc(0.5rem - 1px); } .card-img, .card-img-bottom { - border-bottom-right-radius: calc(0.5rem - 1px); - border-bottom-left-radius: calc(0.5rem - 1px); + border-bottom-right-radius: calc(0.5rem - 1px); + border-bottom-left-radius: calc(0.5rem - 1px); } .card-group > .card { - margin-bottom: 0.75rem; + margin-bottom: 0.75rem; } + @media (min-width: 576px) { - .card-group { - display: flex; - flex-flow: row wrap; - } - .card-group > .card { - flex: 1 0 0%; - margin-bottom: 0; - } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; - } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; - } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; - } + .card-group { + display: flex; + flex-flow: row wrap; + } + + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } } .accordion-button { - position: relative; - display: flex; - align-items: center; - width: 100%; - padding: 1.15rem 1.5rem; - font-size: 0.9rem; - color: #4f4f4f; - text-align: left; - background-color: var(--mdb-accordion-bg); - border: 0; - border-radius: 0; - overflow-anchor: none; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: 1.15rem 1.5rem; + font-size: 0.9rem; + color: #4f4f4f; + text-align: left; + background-color: var(--mdb-accordion-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } + @media (prefers-reduced-motion: reduce) { - .accordion-button { - transition: none; - } + .accordion-button { + transition: none; + } } + .accordion-button:not(.collapsed) { - color: #3b71ca; - background-color: #fff; - box-shadow: inset 0 -1px 0 var(--mdb-border-color); + color: #3b71ca; + background-color: #fff; + box-shadow: inset 0 -1px 0 var(--mdb-border-color); } + .accordion-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233b71ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - transform: rotate(-180deg); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233b71ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transform: rotate(-180deg); } + .accordion-button::after { - flex-shrink: 0; - width: 1.25rem; - height: 1.25rem; - margin-left: auto; - content: ""; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-size: 1.25rem; - transition: transform 0.2s ease-in-out; + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + margin-left: auto; + content: ""; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 1.25rem; + transition: transform 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .accordion-button::after { - transition: none; - } + .accordion-button::after { + transition: none; + } } + .accordion-button:hover { - z-index: 2; + z-index: 2; } + .accordion-button:focus { - z-index: 3; - border-color: #3b71ca; - outline: 0; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); + z-index: 3; + border-color: #3b71ca; + outline: 0; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-header { - margin-bottom: 0; + margin-bottom: 0; } .accordion-item { - background-color: #fff; - border: 1px solid var(--mdb-border-color); + background-color: #fff; + border: 1px solid var(--mdb-border-color); } + .accordion-item:first-of-type { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } + .accordion-item:first-of-type .accordion-button { - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); + border-top-left-radius: calc(0.5rem - 1px); + border-top-right-radius: calc(0.5rem - 1px); } + .accordion-item:not(:first-of-type) { - border-top: 0; + border-top: 0; } + .accordion-item:last-of-type { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } + .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: calc(0.5rem - 1px); - border-bottom-left-radius: calc(0.5rem - 1px); + border-bottom-right-radius: calc(0.5rem - 1px); + border-bottom-left-radius: calc(0.5rem - 1px); } + .accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .accordion-body { - padding: 1.15rem 1.5rem; + padding: 1.15rem 1.5rem; } .accordion-flush .accordion-collapse { - border-width: 0; + border-width: 0; } + .accordion-flush .accordion-item { - border-right: 0; - border-left: 0; - border-radius: 0; + border-right: 0; + border-left: 0; + border-radius: 0; } + .accordion-flush .accordion-item:first-child { - border-top: 0; + border-top: 0; } + .accordion-flush .accordion-item:last-child { - border-bottom: 0; + border-bottom: 0; } + .accordion-flush .accordion-item .accordion-button { - border-radius: 0; + border-radius: 0; } .breadcrumb { - display: flex; - flex-wrap: wrap; - padding: 0 0; - margin-bottom: 1rem; - list-style: none; + display: flex; + flex-wrap: wrap; + padding: 0 0; + margin-bottom: 1rem; + list-style: none; } .breadcrumb-item + .breadcrumb-item { - padding-left: 0.5rem; + padding-left: 0.5rem; } + .breadcrumb-item + .breadcrumb-item::before { - float: left; - padding-right: 0.5rem; - color: #757575; - content: var(--mdb-breadcrumb-divider, "/") /* rtl: var(--mdb-breadcrumb-divider, "/") */; + float: left; + padding-right: 0.5rem; + color: #757575; + content: var(--mdb-breadcrumb-divider, "/") /* rtl: var(--mdb-breadcrumb-divider, "/") */; } + .breadcrumb-item.active { - color: #757575; + color: #757575; } .pagination { - display: flex; - padding-left: 0; - list-style: none; + display: flex; + padding-left: 0; + list-style: none; } .page-link { - position: relative; - display: block; - color: #4f4f4f; - background-color: #fff; - border: 1px solid #e0e0e0; - transition: all 0.3s linear; + position: relative; + display: block; + color: #4f4f4f; + background-color: #fff; + border: 1px solid #e0e0e0; + transition: all 0.3s linear; } + @media (prefers-reduced-motion: reduce) { - .page-link { - transition: none; - } + .page-link { + transition: none; + } } + .page-link:hover { - z-index: 2; - color: #4f4f4f; - background-color: #eeeeee; - border-color: #e0e0e0; + z-index: 2; + color: #4f4f4f; + background-color: #eeeeee; + border-color: #e0e0e0; } + .page-link:focus { - z-index: 3; - color: var(--mdb-link-hover-color); - background-color: #eeeeee; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + z-index: 3; + color: var(--mdb-link-hover-color); + background-color: #eeeeee; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); } .page-item:not(:first-child) .page-link { - margin-left: -1px; + margin-left: -1px; } + .page-item.active .page-link { - z-index: 3; - color: #285192; - background-color: #e3ebf7; - border-color: #e3ebf7; + z-index: 3; + color: #285192; + background-color: #e3ebf7; + border-color: #e3ebf7; } + .page-item.disabled .page-link { - color: #757575; - pointer-events: none; - background-color: #fff; - border-color: #e0e0e0; + color: #757575; + pointer-events: none; + background-color: #fff; + border-color: #e0e0e0; } .page-link { - padding: 0.375rem 0.75rem; + padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .page-item:last-child .page-link { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { - padding: 0.75rem 1.5rem; - font-size: 1.25rem; + padding: 0.75rem 1.5rem; + font-size: 1.25rem; } + .pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } + .pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } .pagination-sm .page-link { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; + padding: 0.25rem 0.5rem; + font-size: 0.875rem; } + .pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .badge { - display: inline-block; - padding: 0.35em 0.65em; - font-size: 0.75em; - font-weight: 700; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.27rem; + display: inline-block; + padding: 0.35em 0.65em; + font-size: 0.75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.27rem; } + .badge:empty { - display: none; + display: none; } .btn .badge { - position: relative; - top: -1px; + position: relative; + top: -1px; } .alert { - position: relative; - padding: 1.25rem 1.5rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 0.5rem; + position: relative; + padding: 1.25rem 1.5rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.5rem; } .alert-heading { - color: inherit; + color: inherit; } .alert-link { - font-weight: 700; + font-weight: 700; } .alert-dismissible { - padding-right: 4.5rem; + padding-right: 4.5rem; } + .alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.5625rem 1.5rem; + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.5625rem 1.5rem; } .alert-primary { - color: #234479; - background-color: #d8e3f4; - border-color: #c4d4ef; + color: #234479; + background-color: #d8e3f4; + border-color: #c4d4ef; } + .alert-primary .alert-link { - color: #1c3661; + color: #1c3661; } .alert-secondary { - color: #5f646b; - background-color: #ecedf0; - border-color: #e2e4e8; + color: #5f646b; + background-color: #ecedf0; + border-color: #e2e4e8; } + .alert-secondary .alert-link { - color: #4c5056; + color: #4c5056; } .alert-success { - color: #0c622e; - background-color: #d0eddb; - border-color: #b9e4ca; + color: #0c622e; + background-color: #d0eddb; + border-color: #b9e4ca; } + .alert-success .alert-link { - color: #0a4e25; + color: #0a4e25; } .alert-danger { - color: #842e3c; - background-color: #f8dbe0; - border-color: #f5c9d1; + color: #842e3c; + background-color: #f8dbe0; + border-color: #f5c9d1; } + .alert-danger .alert-link { - color: #6a2530; + color: #6a2530; } .alert-warning { - color: #896110; - background-color: #faecd1; - border-color: #f7e3bb; + color: #896110; + background-color: #faecd1; + border-color: #f7e3bb; } + .alert-warning .alert-link { - color: #6e4e0d; + color: #6e4e0d; } .alert-info { - color: #326c7f; - background-color: #ddf0f6; - border-color: #cce9f2; + color: #326c7f; + background-color: #ddf0f6; + border-color: #cce9f2; } + .alert-info .alert-link { - color: #285666; + color: #285666; } .alert-light { - color: #646464; - background-color: #fefefe; - border-color: #fefefe; + color: #646464; + background-color: #fefefe; + border-color: #fefefe; } + .alert-light .alert-link { - color: #505050; + color: #505050; } .alert-dark { - color: #1f1b1b; - background-color: #d6d5d5; - border-color: #c2c0c0; + color: #1f1b1b; + background-color: #d6d5d5; + border-color: #c2c0c0; } + .alert-dark .alert-link { - color: #191616; + color: #191616; } @keyframes progress-bar-stripes { - 0% { - background-position-x: 4px; - } + 0% { + background-position-x: 4px; + } } + .progress { - display: flex; - height: 4px; - overflow: hidden; - font-size: 0.75rem; - background-color: #eeeeee; - border-radius: 0.25rem; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + display: flex; + height: 4px; + overflow: hidden; + font-size: 0.75rem; + background-color: #eeeeee; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } .progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: #fff; - text-align: center; - white-space: nowrap; - background-color: #3b71ca; - transition: width 0.6s ease; + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #3b71ca; + transition: width 0.6s ease; } + @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; - } + .progress-bar { + transition: none; + } } .progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 4px 4px; + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 4px 4px; } .progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; } + @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; - } + .progress-bar-animated { + animation: none; + } } .list-group { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: 0.5rem; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: 0.5rem; } .list-group-numbered { - list-style-type: none; - counter-reset: section; + list-style-type: none; + counter-reset: section; } + .list-group-numbered > li::before { - content: counters(section, ".") ". "; - counter-increment: section; + content: counters(section, ".") ". "; + counter-increment: section; } .list-group-item-action { - width: 100%; - color: #616161; - text-align: inherit; + width: 100%; + color: #616161; + text-align: inherit; } + .list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: #616161; - text-decoration: none; - background-color: #f5f5f5; + z-index: 1; + color: #616161; + text-decoration: none; + background-color: #f5f5f5; } + .list-group-item-action:active { - color: #4f4f4f; - background-color: #eeeeee; + color: #4f4f4f; + background-color: #eeeeee; } .list-group-item { - position: relative; - display: block; - padding: 0.5rem 1.5rem; - color: #4f4f4f; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); + position: relative; + display: block; + padding: 0.5rem 1.5rem; + color: #4f4f4f; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); } + .list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; + 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; + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; } + .list-group-item.disabled, .list-group-item:disabled { - color: #757575; - pointer-events: none; - background-color: #fff; + color: #757575; + pointer-events: none; + background-color: #fff; } + .list-group-item.active { - z-index: 2; - color: rgb(44, 88, 160); - background-color: rgb(223, 231, 246); - border-color: rgb(223, 231, 246); + z-index: 2; + color: rgb(44, 88, 160); + background-color: rgb(223, 231, 246); + border-color: rgb(223, 231, 246); } + .list-group-item + .list-group-item { - border-top-width: 0; + border-top-width: 0; } + .list-group-item + .list-group-item.active { - margin-top: -1px; - border-top-width: 1px; + margin-top: -1px; + border-top-width: 1px; } .list-group-horizontal { - flex-direction: row; + flex-direction: row; } + .list-group-horizontal > .list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; } + .list-group-horizontal > .list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; } + .list-group-horizontal > .list-group-item.active { - margin-top: 0; + margin-top: 0; } + .list-group-horizontal > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; + margin-left: -1px; + border-left-width: 1px; } @media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; - } - .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } - .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } - .list-group-horizontal-sm > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } + .list-group-horizontal-sm { + flex-direction: row; + } + + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } + @media (min-width: 768px) { - .list-group-horizontal-md { - flex-direction: row; - } - .list-group-horizontal-md > .list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } - .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } - .list-group-horizontal-md > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } + .list-group-horizontal-md { + flex-direction: row; + } + + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } + @media (min-width: 992px) { - .list-group-horizontal-lg { - flex-direction: row; - } - .list-group-horizontal-lg > .list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } - .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } - .list-group-horizontal-lg > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } + .list-group-horizontal-lg { + flex-direction: row; + } + + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } + @media (min-width: 1200px) { - .list-group-horizontal-xl { - flex-direction: row; - } - .list-group-horizontal-xl > .list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } - .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } - .list-group-horizontal-xl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } + .list-group-horizontal-xl { + flex-direction: row; + } + + .list-group-horizontal-xl > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xl > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } + @media (min-width: 1400px) { - .list-group-horizontal-xxl { - flex-direction: row; - } - .list-group-horizontal-xxl > .list-group-item:first-child { - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item:last-child { - border-top-right-radius: 0.5rem; - border-bottom-left-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } + .list-group-horizontal-xxl { + flex-direction: row; + } + + .list-group-horizontal-xxl > .list-group-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xxl > .list-group-item:last-child { + border-top-right-radius: 0.5rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } + .list-group-flush { - border-radius: 0; + border-radius: 0; } + .list-group-flush > .list-group-item { - border-width: 0 0 1px; + border-width: 0 0 1px; } + .list-group-flush > .list-group-item:last-child { - border-bottom-width: 0; + border-bottom-width: 0; } .list-group-item-primary { - color: #234479; - background-color: #d8e3f4; + color: #234479; + background-color: #d8e3f4; } + .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #234479; - background-color: #c2ccdc; + color: #234479; + background-color: #c2ccdc; } + .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #234479; - border-color: #234479; + color: #fff; + background-color: #234479; + border-color: #234479; } .list-group-item-secondary { - color: #5f646b; - background-color: #ecedf0; + color: #5f646b; + background-color: #ecedf0; } + .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #5f646b; - background-color: #d4d5d8; + color: #5f646b; + background-color: #d4d5d8; } + .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #5f646b; - border-color: #5f646b; + color: #fff; + background-color: #5f646b; + border-color: #5f646b; } .list-group-item-success { - color: #0c622e; - background-color: #d0eddb; + color: #0c622e; + background-color: #d0eddb; } + .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #0c622e; - background-color: #bbd5c5; + color: #0c622e; + background-color: #bbd5c5; } + .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #0c622e; - border-color: #0c622e; + color: #fff; + background-color: #0c622e; + border-color: #0c622e; } .list-group-item-danger { - color: #842e3c; - background-color: #f8dbe0; + color: #842e3c; + background-color: #f8dbe0; } + .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #842e3c; - background-color: #dfc5ca; + color: #842e3c; + background-color: #dfc5ca; } + .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #842e3c; - border-color: #842e3c; + color: #fff; + background-color: #842e3c; + border-color: #842e3c; } .list-group-item-warning { - color: #896110; - background-color: #faecd1; + color: #896110; + background-color: #faecd1; } + .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #896110; - background-color: #e1d4bc; + color: #896110; + background-color: #e1d4bc; } + .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #896110; - border-color: #896110; + color: #fff; + background-color: #896110; + border-color: #896110; } .list-group-item-info { - color: #326c7f; - background-color: #ddf0f6; + color: #326c7f; + background-color: #ddf0f6; } + .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #326c7f; - background-color: #c7d8dd; + color: #326c7f; + background-color: #c7d8dd; } + .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #326c7f; - border-color: #326c7f; + color: #fff; + background-color: #326c7f; + border-color: #326c7f; } .list-group-item-light { - color: #646464; - background-color: #fefefe; + color: #646464; + background-color: #fefefe; } + .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #646464; - background-color: #e5e5e5; + color: #646464; + background-color: #e5e5e5; } + .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #646464; - border-color: #646464; + color: #fff; + background-color: #646464; + border-color: #646464; } .list-group-item-dark { - color: #1f1b1b; - background-color: #d6d5d5; + color: #1f1b1b; + background-color: #d6d5d5; } + .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #1f1b1b; - background-color: #c1c0c0; + color: #1f1b1b; + background-color: #c1c0c0; } + .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #1f1b1b; - border-color: #1f1b1b; + color: #fff; + background-color: #1f1b1b; + border-color: #1f1b1b; } .btn-close { - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: #000; - background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; - border: 0; - border-radius: 0.25rem; - opacity: 0.5; + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #000; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.25rem; + opacity: 0.5; } + .btn-close:hover { - color: #000; - text-decoration: none; - opacity: 0.75; + color: #000; + text-decoration: none; + opacity: 0.75; } + .btn-close:focus { - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); - opacity: 1; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(59, 113, 202, 0.25); + opacity: 1; } + .btn-close:disabled, .btn-close.disabled { - pointer-events: none; - user-select: none; - opacity: 0.25; + pointer-events: none; + user-select: none; + opacity: 0.25; } .btn-close-white { - filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); } .toast { - width: 350px; - max-width: 100%; - font-size: 0.875rem; - pointer-events: auto; - background-color: #fff; - background-clip: padding-box; - border: 1px solid var(--mdb-border-color-translucent); - box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); - border-radius: 0.5rem; + width: 350px; + max-width: 100%; + font-size: 0.875rem; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid var(--mdb-border-color-translucent); + box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); + border-radius: 0.5rem; } + .toast:not(.showing):not(.show) { - opacity: 0; + opacity: 0; } + .toast.hide { - display: none; + display: none; } .toast-container { - width: max-content; - max-width: 100%; - pointer-events: none; + width: max-content; + max-width: 100%; + pointer-events: none; } + .toast-container > :not(:last-child) { - margin-bottom: 1.5rem; + margin-bottom: 1.5rem; } .toast-header { - display: flex; - align-items: center; - padding: 0.65rem 1rem; - color: #757575; - background-color: #fff; - background-clip: padding-box; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); + display: flex; + align-items: center; + padding: 0.65rem 1rem; + color: #757575; + background-color: #fff; + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border-top-left-radius: calc(0.5rem - 1px); + border-top-right-radius: calc(0.5rem - 1px); } + .toast-header .btn-close { - margin-right: -0.5rem; - margin-left: 1rem; + margin-right: -0.5rem; + margin-left: 1rem; } .toast-body { - padding: 1rem; - word-wrap: break-word; + padding: 1rem; + word-wrap: break-word; } .modal { - position: fixed; - top: 0; - left: 0; - z-index: 1055; - display: none; - width: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - outline: 0; + position: fixed; + top: 0; + left: 0; + z-index: 1055; + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; } .modal-dialog { - position: relative; - width: auto; - margin: 0.5rem; - pointer-events: none; + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; } + .modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); + transition: transform 0.3s ease-out; + transform: translate(0, -50px); } + @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; - } + .modal.fade .modal-dialog { + transition: none; + } } + .modal.show .modal-dialog { - transform: none; + transform: none; } + .modal.modal-static .modal-dialog { - transform: scale(1.02); + transform: scale(1.02); } .modal-dialog-scrollable { - height: calc(100% - 1rem); + height: calc(100% - 1rem); } + .modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; + max-height: 100%; + overflow: hidden; } + .modal-dialog-scrollable .modal-body { - overflow-y: auto; + overflow-y: auto; } .modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - 1rem); + display: flex; + align-items: center; + min-height: calc(100% - 1rem); } .modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - pointer-events: auto; - background-color: #fff; - background-clip: padding-box; - border: 1px solid var(--mdb-border-color-translucent); - border-radius: 0.5rem; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - outline: 0; + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid var(--mdb-border-color-translucent); + border-radius: 0.5rem; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + outline: 0; } .modal-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - width: 100vw; - height: 100vh; - background-color: #000; + position: fixed; + top: 0; + left: 0; + z-index: 1050; + width: 100vw; + height: 100vh; + background-color: #000; } + .modal-backdrop.fade { - opacity: 0; + opacity: 0; } + .modal-backdrop.show { - opacity: 0.5; + opacity: 0.5; } .modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: space-between; - padding: 1rem 1rem; - border-bottom: 2px solid hsl(0, 0%, 96%); - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 2px solid hsl(0, 0%, 96%); + border-top-left-radius: calc(0.5rem - 1px); + border-top-right-radius: calc(0.5rem - 1px); } + .modal-header .btn-close { - padding: 0.5rem 0.5rem; - margin: -0.5rem -0.5rem -0.5rem auto; + padding: 0.5rem 0.5rem; + margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { - margin-bottom: 0; - line-height: 1.6; + margin-bottom: 0; + line-height: 1.6; } .modal-body { - position: relative; - flex: 1 1 auto; - padding: 1rem; + position: relative; + flex: 1 1 auto; + padding: 1rem; } .modal-footer { - display: flex; - flex-wrap: wrap; - flex-shrink: 0; - align-items: center; - justify-content: flex-end; - padding: 0.75rem; - border-top: 2px solid hsl(0, 0%, 96%); - border-bottom-right-radius: calc(0.5rem - 1px); - border-bottom-left-radius: calc(0.5rem - 1px); + display: flex; + flex-wrap: wrap; + flex-shrink: 0; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 2px solid hsl(0, 0%, 96%); + border-bottom-right-radius: calc(0.5rem - 1px); + border-bottom-left-radius: calc(0.5rem - 1px); } + .modal-footer > * { - margin: 0.25rem; + margin: 0.25rem; } @media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; - } - .modal-dialog-scrollable { - height: calc(100% - 3.5rem); - } - .modal-dialog-centered { - min-height: calc(100% - 3.5rem); - } - .modal-content { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - } - .modal-sm { - max-width: 300px; - } + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + + .modal-dialog-scrollable { + height: calc(100% - 3.5rem); + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + + .modal-content { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + } + + .modal-sm { + max-width: 300px; + } } + @media (min-width: 992px) { - .modal-lg, - .modal-xl { - max-width: 800px; - } + .modal-lg, + .modal-xl { + max-width: 800px; + } } + @media (min-width: 1200px) { - .modal-xl { - max-width: 1140px; - } + .modal-xl { + max-width: 1140px; + } } + .modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen .modal-header { - border-radius: 0; + border-radius: 0; } + .modal-fullscreen .modal-body { - overflow-y: auto; + overflow-y: auto; } + .modal-fullscreen .modal-footer { - border-radius: 0; + border-radius: 0; } @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; - } + .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; - } + .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; - } + .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; - } + .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-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; + } } + .tooltip { - position: absolute; - z-index: 1090; - display: block; - margin: 0; - font-family: var(--mdb-font-roboto); - font-style: normal; - font-weight: 400; - line-height: 1.6; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.875rem; - word-wrap: break-word; - opacity: 0; + position: absolute; + z-index: 1090; + display: block; + margin: 0; + font-family: var(--mdb-font-roboto); + font-style: normal; + font-weight: 400; + line-height: 1.6; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; } + .tooltip.show { - opacity: 0.9; + opacity: 0.9; } + .tooltip .tooltip-arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; } + .tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { - padding: 0.4rem 0; + padding: 0.4rem 0; } + .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { - bottom: 0; + bottom: 0; } + .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { - top: -1px; - border-width: 0.4rem 0.4rem 0; - border-top-color: #6d6d6d; + top: -1px; + border-width: 0.4rem 0.4rem 0; + border-top-color: #6d6d6d; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { - padding: 0 0.4rem; + padding: 0 0.4rem; } + .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { - left: 0; - width: 0.4rem; - height: 0.8rem; + left: 0; + width: 0.4rem; + height: 0.8rem; } + .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { - right: -1px; - border-width: 0.4rem 0.4rem 0.4rem 0; - border-right-color: #6d6d6d; + right: -1px; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #6d6d6d; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { - padding: 0.4rem 0; + padding: 0.4rem 0; } + .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { - top: 0; + top: 0; } + .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 0.4rem 0.4rem; - border-bottom-color: #6d6d6d; + bottom: -1px; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #6d6d6d; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { - padding: 0 0.4rem; + padding: 0 0.4rem; } + .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { - right: 0; - width: 0.4rem; - height: 0.8rem; + right: 0; + width: 0.4rem; + height: 0.8rem; } + .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { - left: -1px; - border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: #6d6d6d; + left: -1px; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #6d6d6d; } .tooltip-inner { - max-width: 200px; - padding: 6px 16px; - color: #fff; - text-align: center; - background-color: #6d6d6d; - border-radius: 0.25rem; + max-width: 200px; + padding: 6px 16px; + color: #fff; + text-align: center; + background-color: #6d6d6d; + border-radius: 0.25rem; } .popover { - position: absolute; - top: 0; - left: 0 /* rtl:ignore */; - z-index: 1080; - display: block; - max-width: 276px; - font-family: var(--mdb-font-roboto); - font-style: normal; - font-weight: 400; - line-height: 1.6; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.875rem; - word-wrap: break-word; - background-color: #fff; - background-clip: padding-box; - border: 1px solid hsl(0, 0%, 96%); - border-radius: 0.5rem; - box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04); + position: absolute; + top: 0; + left: 0 /* rtl:ignore */; + z-index: 1080; + display: block; + max-width: 276px; + font-family: var(--mdb-font-roboto); + font-style: normal; + font-weight: 400; + line-height: 1.6; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid hsl(0, 0%, 96%); + border-radius: 0.5rem; + box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04); } + .popover .popover-arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; } + .popover .popover-arrow::before, .popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { - bottom: calc(-0.5rem - 1px); + bottom: calc(-0.5rem - 1px); } + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { - bottom: 0; - border-width: 0.5rem 0.5rem 0; - border-top-color: var(--mdb-border-color-translucent); + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: var(--mdb-border-color-translucent); } + .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { - bottom: 1px; - border-width: 0.5rem 0.5rem 0; - border-top-color: #fff; + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { - left: calc(-0.5rem - 1px); - width: 0.5rem; - height: 1rem; + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; } + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { - left: 0; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: var(--mdb-border-color-translucent); + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: var(--mdb-border-color-translucent); } + .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { - left: 1px; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: #fff; + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { - top: calc(-0.5rem - 1px); + top: calc(-0.5rem - 1px); } + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { - top: 0; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: var(--mdb-border-color-translucent); + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: var(--mdb-border-color-translucent); } + .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { - top: 1px; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: #fff; + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; } + .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: 1rem; - margin-left: -0.5rem; - content: ""; - border-bottom: 1px solid #fff; + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #fff; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { - right: calc(-0.5rem - 1px); - width: 0.5rem; - height: 1rem; + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; } + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { - right: 0; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: var(--mdb-border-color-translucent); + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: var(--mdb-border-color-translucent); } + .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { - right: 1px; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: #fff; + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; } .popover-header { - padding: 0.5rem 1rem; - margin-bottom: 0; - font-size: 0.9rem; - background-color: #fff; - border-bottom: 1px solid hsl(0, 0%, 96%); - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 0.9rem; + background-color: #fff; + border-bottom: 1px solid hsl(0, 0%, 96%); + border-top-left-radius: calc(0.5rem - 1px); + border-top-right-radius: calc(0.5rem - 1px); } + .popover-header:empty { - display: none; + display: none; } .popover-body { - padding: 1rem 1rem; - color: #4f4f4f; + padding: 1rem 1rem; + color: #4f4f4f; } .carousel { - position: relative; + position: relative; } .carousel.pointer-event { - touch-action: pan-y; + touch-action: pan-y; } .carousel-inner { - position: relative; - width: 100%; - overflow: hidden; + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner::after { - display: block; - clear: both; - content: ""; + display: block; + clear: both; + content: ""; } .carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; - } + .carousel-item { + transition: none; + } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: block; + display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { - transform: translateX(100%); + transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { - transform: translateX(-100%); + transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none; + opacity: 0; + transition-property: opacity; + transform: none; } + .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { - z-index: 1; - opacity: 1; + 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; + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; } + @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - transition: none; - } + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } } .carousel-control-prev, .carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 15%; - padding: 0; - color: #fff; - text-align: center; - background: none; - border: 0; - opacity: 0.5; - transition: opacity 0.15s ease; + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; } + @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - transition: none; - } + .carousel-control-prev, + .carousel-control-next { + transition: none; + } } + .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: 0.9; + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; } .carousel-control-prev { - left: 0; + left: 0; } .carousel-control-next { - right: 0; + right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { - display: inline-block; - width: 2rem; - height: 2rem; - background-repeat: no-repeat; - background-position: 50%; - background-size: 100% 100%; + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; } /* rtl:options: { @@ -21848,7433 +25104,8532 @@ textarea.form-control-lg { } ] } */ .carousel-control-prev-icon { - background-image: none; + background-image: none; } .carousel-control-next-icon { - background-image: none; + background-image: none; } .carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: flex; - justify-content: center; - padding: 0; - margin-right: 15%; - margin-bottom: 1rem; - margin-left: 15%; - list-style: none; + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; } + .carousel-indicators [data-bs-target], .carousel-indicators [data-mdb-target] { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - transition: opacity 0.6s ease; + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; } + @media (prefers-reduced-motion: reduce) { - .carousel-indicators [data-bs-target], .carousel-indicators [data-mdb-target] { - transition: none; - } + .carousel-indicators [data-bs-target], .carousel-indicators [data-mdb-target] { + transition: none; + } } + .carousel-indicators .active { - opacity: 1; + opacity: 1; } .carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center; + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { - filter: invert(1) grayscale(100); + filter: invert(1) grayscale(100); } + .carousel-dark .carousel-indicators [data-bs-target], .carousel-dark .carousel-indicators [data-mdb-target] { - background-color: #000; + background-color: #000; } + .carousel-dark .carousel-caption { - color: #000; + color: #000; } @keyframes spinner-border { - to { - transform: rotate(360deg) /* rtl:ignore */; - } + to { + transform: rotate(360deg) /* rtl:ignore */; + } } + .spinner-border { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: -0.125em; - border: 0.25em solid currentColor; - border-right-color: transparent; - border-radius: 50%; - animation: 0.75s linear infinite spinner-border; + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -0.125em; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { - width: 1rem; - height: 1rem; - border-width: 0.2em; + width: 1rem; + height: 1rem; + border-width: 0.2em; } @keyframes spinner-grow { - 0% { - transform: scale(0); - } - 50% { - opacity: 1; - transform: none; - } + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } } + .spinner-grow { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: -0.125em; - background-color: currentColor; - border-radius: 50%; - opacity: 0; - animation: 0.75s linear infinite spinner-grow; + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -0.125em; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { - width: 1rem; - height: 1rem; + width: 1rem; + height: 1rem; } @media (prefers-reduced-motion: reduce) { - .spinner-border, - .spinner-grow { - animation-duration: 1.5s; - } + .spinner-border, + .spinner-grow { + animation-duration: 1.5s; + } } + .offcanvas { - position: fixed; - bottom: 0; - z-index: 1045; - display: flex; - flex-direction: column; - max-width: 100%; - visibility: hidden; - background-color: #fff; - background-clip: padding-box; - outline: 0; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - transition: transform 0.3s ease-in-out; + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + visibility: hidden; + background-color: #fff; + background-clip: padding-box; + outline: 0; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + transition: transform 0.3s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .offcanvas { - transition: none; - } + .offcanvas { + transition: none; + } } .offcanvas-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 1rem 1rem; + display: flex; + align-items: center; + justify-content: space-between; + padding: 1rem 1rem; } + .offcanvas-header .btn-close { - padding: 0.5rem 0.5rem; - margin-top: -0.5rem; - margin-right: -0.5rem; - margin-bottom: -0.5rem; + padding: 0.5rem 0.5rem; + margin-top: -0.5rem; + margin-right: -0.5rem; + margin-bottom: -0.5rem; } .offcanvas-title { - margin-bottom: 0; - line-height: 1.6; + margin-bottom: 0; + line-height: 1.6; } .offcanvas-body { - flex-grow: 1; - padding: 1rem 1rem; - overflow-y: auto; + flex-grow: 1; + padding: 1rem 1rem; + overflow-y: auto; } .offcanvas-start { - top: 0; - left: 0; - width: 400px; - border-right: 1px solid var(--mdb-border-color-translucent); - transform: translateX(-100%); + top: 0; + left: 0; + width: 400px; + border-right: 1px solid var(--mdb-border-color-translucent); + transform: translateX(-100%); } .offcanvas-end { - top: 0; - right: 0; - width: 400px; - border-left: 1px solid var(--mdb-border-color-translucent); - transform: translateX(100%); + top: 0; + right: 0; + width: 400px; + border-left: 1px solid var(--mdb-border-color-translucent); + transform: translateX(100%); } .offcanvas-top { - top: 0; - right: 0; - left: 0; - height: 30vh; - max-height: 100%; - border-bottom: 1px solid var(--mdb-border-color-translucent); - transform: translateY(-100%); + top: 0; + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-bottom: 1px solid var(--mdb-border-color-translucent); + transform: translateY(-100%); } .offcanvas-bottom { - right: 0; - left: 0; - height: 30vh; - max-height: 100%; - border-top: 1px solid var(--mdb-border-color-translucent); - transform: translateY(100%); -} - + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-top: 1px solid var(--mdb-border-color-translucent); + transform: translateY(100%); +} + .offcanvas.show { - transform: none; + transform: none; } .clearfix::after { - display: block; - clear: both; - content: ""; + display: block; + clear: both; + content: ""; } .link-primary { - color: #3b71ca; + color: #3b71ca; } + .link-primary:hover, .link-primary:focus { - color: #386bc0; + color: #386bc0; } .link-secondary { - color: #9fa6b2; + color: #9fa6b2; } + .link-secondary:hover, .link-secondary:focus { - color: #a4aab6; + color: #a4aab6; } .link-success { - color: #14a44d; + color: #14a44d; } + .link-success:hover, .link-success:focus { - color: #20a956; + color: #20a956; } .link-danger { - color: #dc4c64; + color: #dc4c64; } + .link-danger:hover, .link-danger:focus { - color: #de556c; + color: #de556c; } .link-warning { - color: #e4a11b; + color: #e4a11b; } + .link-warning:hover, .link-warning:focus { - color: #e5a626; + color: #e5a626; } .link-info { - color: #54b4d3; + color: #54b4d3; } + .link-info:hover, .link-info:focus { - color: #5db8d5; + color: #5db8d5; } .link-light { - color: #fbfbfb; + color: #fbfbfb; } + .link-light:hover, .link-light:focus { - color: #fbfbfb; + color: #fbfbfb; } .link-dark { - color: #332d2d; + color: #332d2d; } + .link-dark:hover, .link-dark:focus { - color: #302b2b; + color: #302b2b; } .ratio { - position: relative; - width: 100%; + position: relative; + width: 100%; } + .ratio::before { - display: block; - padding-top: var(--mdb-aspect-ratio); - content: ""; + display: block; + padding-top: var(--mdb-aspect-ratio); + content: ""; } + .ratio > * { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } .ratio-1x1 { - --mdb-aspect-ratio: 100%; + --mdb-aspect-ratio: 100%; } .ratio-4x3 { - --mdb-aspect-ratio: 75%; + --mdb-aspect-ratio: 75%; } .ratio-16x9 { - --mdb-aspect-ratio: 56.25%; + --mdb-aspect-ratio: 56.25%; } .ratio-21x9 { - --mdb-aspect-ratio: 42.8571428571%; + --mdb-aspect-ratio: 42.8571428571%; } .fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } .fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; } .sticky-top { - position: sticky; - top: 0; - z-index: 1020; -} - -@media (min-width: 576px) { - .sticky-sm-top { position: sticky; top: 0; z-index: 1020; - } } + +@media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + @media (min-width: 768px) { - .sticky-md-top { - position: sticky; - top: 0; - z-index: 1020; - } + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; + } } + @media (min-width: 992px) { - .sticky-lg-top { - position: sticky; - top: 0; - z-index: 1020; - } + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; + } } + @media (min-width: 1200px) { - .sticky-xl-top { - position: sticky; - top: 0; - z-index: 1020; - } + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; + } } + @media (min-width: 1400px) { - .sticky-xxl-top { - position: sticky; - top: 0; - z-index: 1020; - } + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; + } } + .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; } .stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; } .text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .align-baseline { - vertical-align: baseline !important; + vertical-align: baseline !important; } .align-top { - vertical-align: top !important; + vertical-align: top !important; } .align-middle { - vertical-align: middle !important; + vertical-align: middle !important; } .align-bottom { - vertical-align: bottom !important; + vertical-align: bottom !important; } .align-text-bottom { - vertical-align: text-bottom !important; + vertical-align: text-bottom !important; } .align-text-top { - vertical-align: text-top !important; + vertical-align: text-top !important; } .float-start { - float: left !important; + float: left !important; } .float-end { - float: right !important; + float: right !important; } .float-none { - float: none !important; + float: none !important; } .overflow-auto { - overflow: auto !important; + overflow: auto !important; } .overflow-hidden { - overflow: hidden !important; + overflow: hidden !important; } .overflow-visible { - overflow: visible !important; + overflow: visible !important; } .overflow-scroll { - overflow: scroll !important; + overflow: scroll !important; } .d-inline { - display: inline !important; + display: inline !important; } .d-inline-block { - display: inline-block !important; + display: inline-block !important; } .d-block { - display: block !important; + display: block !important; } .d-grid { - display: grid !important; + display: grid !important; } .d-table { - display: table !important; + display: table !important; } .d-table-row { - display: table-row !important; + display: table-row !important; } .d-table-cell { - display: table-cell !important; + display: table-cell !important; } .d-flex { - display: flex !important; + display: flex !important; } .d-inline-flex { - display: inline-flex !important; + display: inline-flex !important; } .d-none { - display: none !important; + display: none !important; } .shadow { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { - box-shadow: none !important; + box-shadow: none !important; } .shadow-0 { - box-shadow: none !important; + box-shadow: none !important; } .shadow-1 { - box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0, 0, 0, 0.04) !important; } .shadow-2 { - box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04) !important; } .shadow-3 { - box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.07), 0 6px 18px -1px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.07), 0 6px 18px -1px rgba(0, 0, 0, 0.04) !important; } .shadow-4 { - box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04) !important; } .shadow-5 { - box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04) !important; } .shadow-6 { - box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.21), 0 50px 40px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.21), 0 50px 40px -5px rgba(0, 0, 0, 0.04) !important; } .shadow-1-soft { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-2-soft { - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-3-soft { - box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-4-soft { - box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-5-soft { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-6-soft { - box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-1-strong { - box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; } .shadow-2-strong { - box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.1) !important; } .shadow-3-strong { - box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.16), 0 6px 18px -1px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.16), 0 6px 18px -1px rgba(0, 0, 0, 0.1) !important; } .shadow-4-strong { - box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1) !important; } .shadow-5-strong { - box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.16), 0 25px 21px -5px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.16), 0 25px 21px -5px rgba(0, 0, 0, 0.1) !important; } .shadow-6-strong { - box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.26), 0 50px 40px -5px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.26), 0 50px 40px -5px rgba(0, 0, 0, 0.1) !important; } .shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .position-static { - position: static !important; + position: static !important; } .position-relative { - position: relative !important; + position: relative !important; } .position-absolute { - position: absolute !important; + position: absolute !important; } .position-fixed { - position: fixed !important; + position: fixed !important; } .position-sticky { - position: sticky !important; + position: sticky !important; } .top-0 { - top: 0 !important; + top: 0 !important; } .top-50 { - top: 50% !important; + top: 50% !important; } .top-100 { - top: 100% !important; + top: 100% !important; } .bottom-0 { - bottom: 0 !important; + bottom: 0 !important; } .bottom-50 { - bottom: 50% !important; + bottom: 50% !important; } .bottom-100 { - bottom: 100% !important; + bottom: 100% !important; } .start-0 { - left: 0 !important; + left: 0 !important; } .start-50 { - left: 50% !important; + left: 50% !important; } .start-100 { - left: 100% !important; + left: 100% !important; } .end-0 { - right: 0 !important; + right: 0 !important; } .end-50 { - right: 50% !important; + right: 50% !important; } .end-100 { - right: 100% !important; + right: 100% !important; } .translate-middle { - transform: translate(-50%, -50%) !important; + transform: translate(-50%, -50%) !important; } .translate-middle-x { - transform: translateX(-50%) !important; + transform: translateX(-50%) !important; } .translate-middle-y { - transform: translateY(-50%) !important; + transform: translateY(-50%) !important; } .border { - border: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-0 { - border: 0 !important; + border: 0 !important; } .border-top { - border-top: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-top: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-top-0 { - border-top: 0 !important; + border-top: 0 !important; } .border-end { - border-right: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-right: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-end-0 { - border-right: 0 !important; + border-right: 0 !important; } .border-bottom { - border-bottom: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-bottom: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-bottom-0 { - border-bottom: 0 !important; + border-bottom: 0 !important; } .border-start { - border-left: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; + border-left: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important; } .border-start-0 { - border-left: 0 !important; + border-left: 0 !important; } .border-primary { - border-color: rgba(var(--mdb-primary-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-primary-rgb), var(--mdb-border-opacity)) !important; } .border-secondary { - border-color: rgba(var(--mdb-secondary-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-secondary-rgb), var(--mdb-border-opacity)) !important; } .border-success { - border-color: rgba(var(--mdb-success-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-success-rgb), var(--mdb-border-opacity)) !important; } .border-danger { - border-color: rgba(var(--mdb-danger-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-danger-rgb), var(--mdb-border-opacity)) !important; } .border-warning { - border-color: rgba(var(--mdb-warning-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-warning-rgb), var(--mdb-border-opacity)) !important; } .border-info { - border-color: rgba(var(--mdb-info-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-info-rgb), var(--mdb-border-opacity)) !important; } .border-light { - border-color: rgba(var(--mdb-light-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-light-rgb), var(--mdb-border-opacity)) !important; } .border-dark { - border-color: rgba(var(--mdb-dark-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-dark-rgb), var(--mdb-border-opacity)) !important; } .border-white { - border-color: rgba(var(--mdb-white-rgb), var(--mdb-border-opacity)) !important; + border-color: rgba(var(--mdb-white-rgb), var(--mdb-border-opacity)) !important; } -.border-1 { - : 1px !important; +.border-1 {: 1 px !important; } -.border-2 { - : 2px !important; +.border-2 {: 2 px !important; } -.border-3 { - : 3px !important; +.border-3 {: 3 px !important; } -.border-4 { - : 4px !important; +.border-4 {: 4 px !important; } -.border-5 { - : 5px !important; +.border-5 {: 5 px !important; } .w-25 { - width: 25% !important; + width: 25% !important; } .w-50 { - width: 50% !important; + width: 50% !important; } .w-75 { - width: 75% !important; + width: 75% !important; } .w-100 { - width: 100% !important; + width: 100% !important; } .w-auto { - width: auto !important; + width: auto !important; } .mw-100 { - max-width: 100% !important; + max-width: 100% !important; } .vw-100 { - width: 100vw !important; + width: 100vw !important; } .min-vw-100 { - min-width: 100vw !important; + min-width: 100vw !important; } .h-25 { - height: 25% !important; + height: 25% !important; } .h-50 { - height: 50% !important; + height: 50% !important; } .h-75 { - height: 75% !important; + height: 75% !important; } .h-100 { - height: 100% !important; + height: 100% !important; } .h-auto { - height: auto !important; + height: auto !important; } .mh-100 { - max-height: 100% !important; + max-height: 100% !important; } .vh-100 { - height: 100vh !important; + height: 100vh !important; } .min-vh-100 { - min-height: 100vh !important; + min-height: 100vh !important; } .flex-fill { - flex: 1 1 auto !important; + flex: 1 1 auto !important; } .flex-row { - flex-direction: row !important; + flex-direction: row !important; } .flex-column { - flex-direction: column !important; + flex-direction: column !important; } .flex-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } .flex-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important; } .flex-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important; } .flex-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important; } .flex-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important; } .flex-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important; } .flex-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important; } .flex-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important; } .flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; } .gap-0 { - gap: 0 !important; + gap: 0 !important; } .gap-1 { - gap: 0.25rem !important; + gap: 0.25rem !important; } .gap-2 { - gap: 0.5rem !important; + gap: 0.5rem !important; } .gap-3 { - gap: 1rem !important; + gap: 1rem !important; } .gap-4 { - gap: 1.5rem !important; + gap: 1.5rem !important; } .gap-5 { - gap: 3rem !important; + gap: 3rem !important; } .justify-content-start { - justify-content: flex-start !important; + justify-content: flex-start !important; } .justify-content-end { - justify-content: flex-end !important; + justify-content: flex-end !important; } .justify-content-center { - justify-content: center !important; + justify-content: center !important; } .justify-content-between { - justify-content: space-between !important; + justify-content: space-between !important; } .justify-content-around { - justify-content: space-around !important; + justify-content: space-around !important; } .justify-content-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important; } .align-items-start { - align-items: flex-start !important; + align-items: flex-start !important; } .align-items-end { - align-items: flex-end !important; + align-items: flex-end !important; } .align-items-center { - align-items: center !important; + align-items: center !important; } .align-items-baseline { - align-items: baseline !important; + align-items: baseline !important; } .align-items-stretch { - align-items: stretch !important; + align-items: stretch !important; } .align-content-start { - align-content: flex-start !important; + align-content: flex-start !important; } .align-content-end { - align-content: flex-end !important; + align-content: flex-end !important; } .align-content-center { - align-content: center !important; + align-content: center !important; } .align-content-between { - align-content: space-between !important; + align-content: space-between !important; } .align-content-around { - align-content: space-around !important; + align-content: space-around !important; } .align-content-stretch { - align-content: stretch !important; + align-content: stretch !important; } .align-self-auto { - align-self: auto !important; + align-self: auto !important; } .align-self-start { - align-self: flex-start !important; + align-self: flex-start !important; } .align-self-end { - align-self: flex-end !important; + align-self: flex-end !important; } .align-self-center { - align-self: center !important; + align-self: center !important; } .align-self-baseline { - align-self: baseline !important; + align-self: baseline !important; } .align-self-stretch { - align-self: stretch !important; + align-self: stretch !important; } .order-first { - order: -1 !important; + order: -1 !important; } .order-0 { - order: 0 !important; + order: 0 !important; } .order-1 { - order: 1 !important; + order: 1 !important; } .order-2 { - order: 2 !important; + order: 2 !important; } .order-3 { - order: 3 !important; + order: 3 !important; } .order-4 { - order: 4 !important; + order: 4 !important; } .order-5 { - order: 5 !important; + order: 5 !important; } .order-last { - order: 6 !important; + order: 6 !important; } .m-0 { - margin: 0 !important; + margin: 0 !important; } .m-1 { - margin: 0.25rem !important; + margin: 0.25rem !important; } .m-2 { - margin: 0.5rem !important; + margin: 0.5rem !important; } .m-3 { - margin: 1rem !important; + margin: 1rem !important; } .m-4 { - margin: 1.5rem !important; + margin: 1.5rem !important; } .m-5 { - margin: 3rem !important; + margin: 3rem !important; } .m-auto { - margin: auto !important; + margin: auto !important; } .mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-right: 0 !important; + margin-left: 0 !important; } .mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } .mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } .mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-right: 1rem !important; + margin-left: 1rem !important; } .mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } .mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-right: 3rem !important; + margin-left: 3rem !important; } .mx-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-right: auto !important; + margin-left: auto !important; } .my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-top: 0 !important; + margin-bottom: 0 !important; } .my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } .my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } .my-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-top: 1rem !important; + margin-bottom: 1rem !important; } .my-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } .my-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-top: 3rem !important; + margin-bottom: 3rem !important; } .my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + margin-top: auto !important; + margin-bottom: auto !important; } .mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .mt-1 { - margin-top: 0.25rem !important; + margin-top: 0.25rem !important; } .mt-2 { - margin-top: 0.5rem !important; + margin-top: 0.5rem !important; } .mt-3 { - margin-top: 1rem !important; + margin-top: 1rem !important; } .mt-4 { - margin-top: 1.5rem !important; + margin-top: 1.5rem !important; } .mt-5 { - margin-top: 3rem !important; + margin-top: 3rem !important; } .mt-auto { - margin-top: auto !important; + margin-top: auto !important; } .me-0 { - margin-right: 0 !important; + margin-right: 0 !important; } .me-1 { - margin-right: 0.25rem !important; + margin-right: 0.25rem !important; } .me-2 { - margin-right: 0.5rem !important; + margin-right: 0.5rem !important; } .me-3 { - margin-right: 1rem !important; + margin-right: 1rem !important; } .me-4 { - margin-right: 1.5rem !important; + margin-right: 1.5rem !important; } .me-5 { - margin-right: 3rem !important; + margin-right: 3rem !important; } .me-auto { - margin-right: auto !important; + margin-right: auto !important; } .mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .mb-1 { - margin-bottom: 0.25rem !important; + margin-bottom: 0.25rem !important; } .mb-2 { - margin-bottom: 0.5rem !important; + margin-bottom: 0.5rem !important; } .mb-3 { - margin-bottom: 1rem !important; + margin-bottom: 1rem !important; } .mb-4 { - margin-bottom: 1.5rem !important; + margin-bottom: 1.5rem !important; } .mb-5 { - margin-bottom: 3rem !important; + margin-bottom: 3rem !important; } .mb-auto { - margin-bottom: auto !important; + margin-bottom: auto !important; } .mb-6 { - margin-bottom: 3.5rem !important; + margin-bottom: 3.5rem !important; } .mb-7 { - margin-bottom: 4rem !important; + margin-bottom: 4rem !important; } .mb-8 { - margin-bottom: 5rem !important; + margin-bottom: 5rem !important; } .mb-9 { - margin-bottom: 6rem !important; + margin-bottom: 6rem !important; } .mb-10 { - margin-bottom: 8rem !important; + margin-bottom: 8rem !important; } .mb-11 { - margin-bottom: 10rem !important; + margin-bottom: 10rem !important; } .mb-12 { - margin-bottom: 12rem !important; + margin-bottom: 12rem !important; } .mb-13 { - margin-bottom: 14rem !important; + margin-bottom: 14rem !important; } .mb-14 { - margin-bottom: 16rem !important; + margin-bottom: 16rem !important; } .ms-0 { - margin-left: 0 !important; + margin-left: 0 !important; } .ms-1 { - margin-left: 0.25rem !important; + margin-left: 0.25rem !important; } .ms-2 { - margin-left: 0.5rem !important; + margin-left: 0.5rem !important; } .ms-3 { - margin-left: 1rem !important; + margin-left: 1rem !important; } .ms-4 { - margin-left: 1.5rem !important; + margin-left: 1.5rem !important; } .ms-5 { - margin-left: 3rem !important; + margin-left: 3rem !important; } .ms-auto { - margin-left: auto !important; + margin-left: auto !important; } .m-n1 { - margin: -0.25rem !important; + margin: -0.25rem !important; } .m-n2 { - margin: -0.5rem !important; + margin: -0.5rem !important; } .m-n3 { - margin: -1rem !important; + margin: -1rem !important; } .m-n4 { - margin: -1.5rem !important; + margin: -1.5rem !important; } .m-n5 { - margin: -3rem !important; + margin: -3rem !important; } .mx-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } .mx-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } .mx-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; + margin-right: -1rem !important; + margin-left: -1rem !important; } .mx-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } .mx-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; + margin-right: -3rem !important; + margin-left: -3rem !important; } .my-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } .my-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } .my-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + margin-top: -1rem !important; + margin-bottom: -1rem !important; } .my-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } .my-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + margin-top: -3rem !important; + margin-bottom: -3rem !important; } .mt-n1 { - margin-top: -0.25rem !important; + margin-top: -0.25rem !important; } .mt-n2 { - margin-top: -0.5rem !important; + margin-top: -0.5rem !important; } .mt-n3 { - margin-top: -1rem !important; + margin-top: -1rem !important; } .mt-n4 { - margin-top: -1.5rem !important; + margin-top: -1.5rem !important; } .mt-n5 { - margin-top: -3rem !important; + margin-top: -3rem !important; } .me-n1 { - margin-right: -0.25rem !important; + margin-right: -0.25rem !important; } .me-n2 { - margin-right: -0.5rem !important; + margin-right: -0.5rem !important; } .me-n3 { - margin-right: -1rem !important; + margin-right: -1rem !important; } .me-n4 { - margin-right: -1.5rem !important; + margin-right: -1.5rem !important; } .me-n5 { - margin-right: -3rem !important; + margin-right: -3rem !important; } .mb-n1 { - margin-bottom: -0.25rem !important; + margin-bottom: -0.25rem !important; } .mb-n2 { - margin-bottom: -0.5rem !important; + margin-bottom: -0.5rem !important; } .mb-n3 { - margin-bottom: -1rem !important; + margin-bottom: -1rem !important; } .mb-n4 { - margin-bottom: -1.5rem !important; + margin-bottom: -1.5rem !important; } .mb-n5 { - margin-bottom: -3rem !important; + margin-bottom: -3rem !important; } .ms-n1 { - margin-left: -0.25rem !important; + margin-left: -0.25rem !important; } .ms-n2 { - margin-left: -0.5rem !important; + margin-left: -0.5rem !important; } .ms-n3 { - margin-left: -1rem !important; + margin-left: -1rem !important; } .ms-n4 { - margin-left: -1.5rem !important; + margin-left: -1.5rem !important; } .ms-n5 { - margin-left: -3rem !important; + margin-left: -3rem !important; } .p-0 { - padding: 0 !important; + padding: 0 !important; } .p-1 { - padding: 0.25rem !important; + padding: 0.25rem !important; } .p-2 { - padding: 0.5rem !important; + padding: 0.5rem !important; } .p-3 { - padding: 1rem !important; + padding: 1rem !important; } .p-4 { - padding: 1.5rem !important; + padding: 1.5rem !important; } .p-5 { - padding: 3rem !important; + padding: 3rem !important; } .px-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-right: 0 !important; + padding-left: 0 !important; } .px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } .px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } .px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-right: 1rem !important; + padding-left: 1rem !important; } .px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } .px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-right: 3rem !important; + padding-left: 3rem !important; } .py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-top: 0 !important; + padding-bottom: 0 !important; } .py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } .py-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-top: 1rem !important; + padding-bottom: 1rem !important; } .py-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } .py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-top: 3rem !important; + padding-bottom: 3rem !important; } .pt-0 { - padding-top: 0 !important; + padding-top: 0 !important; } .pt-1 { - padding-top: 0.25rem !important; + padding-top: 0.25rem !important; } .pt-2 { - padding-top: 0.5rem !important; + padding-top: 0.5rem !important; } .pt-3 { - padding-top: 1rem !important; + padding-top: 1rem !important; } .pt-4 { - padding-top: 1.5rem !important; + padding-top: 1.5rem !important; } .pt-5 { - padding-top: 3rem !important; + padding-top: 3rem !important; } .pe-0 { - padding-right: 0 !important; + padding-right: 0 !important; } .pe-1 { - padding-right: 0.25rem !important; + padding-right: 0.25rem !important; } .pe-2 { - padding-right: 0.5rem !important; + padding-right: 0.5rem !important; } .pe-3 { - padding-right: 1rem !important; + padding-right: 1rem !important; } .pe-4 { - padding-right: 1.5rem !important; + padding-right: 1.5rem !important; } .pe-5 { - padding-right: 3rem !important; + padding-right: 3rem !important; } .pb-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important; } .pb-1 { - padding-bottom: 0.25rem !important; + padding-bottom: 0.25rem !important; } .pb-2 { - padding-bottom: 0.5rem !important; + padding-bottom: 0.5rem !important; } .pb-3 { - padding-bottom: 1rem !important; + padding-bottom: 1rem !important; } .pb-4 { - padding-bottom: 1.5rem !important; + padding-bottom: 1.5rem !important; } .pb-5 { - padding-bottom: 3rem !important; + padding-bottom: 3rem !important; } .ps-0 { - padding-left: 0 !important; + padding-left: 0 !important; } .ps-1 { - padding-left: 0.25rem !important; + padding-left: 0.25rem !important; } .ps-2 { - padding-left: 0.5rem !important; + padding-left: 0.5rem !important; } .ps-3 { - padding-left: 1rem !important; + padding-left: 1rem !important; } .ps-4 { - padding-left: 1.5rem !important; + padding-left: 1.5rem !important; } .ps-5 { - padding-left: 3rem !important; + padding-left: 3rem !important; } .font-monospace { - font-family: var(--mdb-font-monospace) !important; + font-family: var(--mdb-font-monospace) !important; } .fs-1 { - font-size: calc(1.375rem + 1.5vw) !important; + font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { - font-size: calc(1.325rem + 0.9vw) !important; + font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { - font-size: calc(1.3rem + 0.6vw) !important; + font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; + font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { - font-size: 1.25rem !important; + font-size: 1.25rem !important; } .fs-6 { - font-size: 1rem !important; + font-size: 1rem !important; } .fst-italic { - font-style: italic !important; + font-style: italic !important; } .fst-normal { - font-style: normal !important; + font-style: normal !important; } .fw-light { - font-weight: 300 !important; + font-weight: 300 !important; } .fw-lighter { - font-weight: lighter !important; + font-weight: lighter !important; } .fw-normal { - font-weight: 400 !important; + font-weight: 400 !important; } .fw-bold { - font-weight: 700 !important; + font-weight: 700 !important; } .fw-semibold { - font-weight: 600 !important; + font-weight: 600 !important; } .fw-bolder { - font-weight: bolder !important; + font-weight: bolder !important; } .lh-1 { - line-height: 1 !important; + line-height: 1 !important; } .lh-sm { - line-height: 1.25 !important; + line-height: 1.25 !important; } .lh-base { - line-height: 1.6 !important; + line-height: 1.6 !important; } .lh-lg { - line-height: 2 !important; + line-height: 2 !important; } .text-start { - text-align: left !important; + text-align: left !important; } .text-end { - text-align: right !important; + text-align: right !important; } .text-center { - text-align: center !important; + text-align: center !important; } .text-decoration-none { - text-decoration: none !important; + text-decoration: none !important; } .text-decoration-underline { - text-decoration: underline !important; + text-decoration: underline !important; } .text-decoration-line-through { - text-decoration: line-through !important; + text-decoration: line-through !important; } .text-lowercase { - text-transform: lowercase !important; + text-transform: lowercase !important; } .text-uppercase { - text-transform: uppercase !important; + text-transform: uppercase !important; } .text-capitalize { - text-transform: capitalize !important; + text-transform: capitalize !important; } .text-wrap { - white-space: normal !important; + white-space: normal !important; } .text-nowrap { - white-space: nowrap !important; + white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { - word-wrap: break-word !important; - word-break: break-word !important; + word-wrap: break-word !important; + word-break: break-word !important; } /* rtl:end:remove */ .text-primary { - color: rgba(var(--mdb-primary-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-primary-rgb), var(--mdb-text-opacity)) !important; } .text-secondary { - color: rgba(var(--mdb-secondary-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-secondary-rgb), var(--mdb-text-opacity)) !important; } .text-success { - color: rgba(var(--mdb-success-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-success-rgb), var(--mdb-text-opacity)) !important; } .text-danger { - color: rgba(var(--mdb-danger-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-danger-rgb), var(--mdb-text-opacity)) !important; } .text-warning { - color: rgba(var(--mdb-warning-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-warning-rgb), var(--mdb-text-opacity)) !important; } .text-info { - color: rgba(var(--mdb-info-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-info-rgb), var(--mdb-text-opacity)) !important; } .text-light { - color: rgba(var(--mdb-light-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-light-rgb), var(--mdb-text-opacity)) !important; } .text-dark { - color: rgba(var(--mdb-dark-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-dark-rgb), var(--mdb-text-opacity)) !important; } .text-black { - color: rgba(var(--mdb-black-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-black-rgb), var(--mdb-text-opacity)) !important; } .text-white { - color: rgba(var(--mdb-white-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-white-rgb), var(--mdb-text-opacity)) !important; } .text-body { - color: rgba(var(--mdb-body-color-rgb), var(--mdb-text-opacity)) !important; + color: rgba(var(--mdb-body-color-rgb), var(--mdb-text-opacity)) !important; } .text-muted { - color: #757575 !important; + color: #757575 !important; } .text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; + color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(255, 255, 255, 0.5) !important; } .text-reset { - color: inherit !important; + color: inherit !important; } .bg-primary { - background-color: rgba(var(--mdb-primary-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-primary-rgb), var(--mdb-bg-opacity)) !important; } .bg-secondary { - background-color: rgba(var(--mdb-secondary-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-secondary-rgb), var(--mdb-bg-opacity)) !important; } .bg-success { - background-color: rgba(var(--mdb-success-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-success-rgb), var(--mdb-bg-opacity)) !important; } .bg-danger { - background-color: rgba(var(--mdb-danger-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-danger-rgb), var(--mdb-bg-opacity)) !important; } .bg-warning { - background-color: rgba(var(--mdb-warning-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-warning-rgb), var(--mdb-bg-opacity)) !important; } .bg-info { - background-color: rgba(var(--mdb-info-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-info-rgb), var(--mdb-bg-opacity)) !important; } .bg-light { - background-color: rgba(var(--mdb-light-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-light-rgb), var(--mdb-bg-opacity)) !important; } .bg-dark { - background-color: rgba(var(--mdb-dark-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-dark-rgb), var(--mdb-bg-opacity)) !important; } .bg-black { - background-color: rgba(var(--mdb-black-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-black-rgb), var(--mdb-bg-opacity)) !important; } .bg-white { - background-color: rgba(var(--mdb-white-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-white-rgb), var(--mdb-bg-opacity)) !important; } .bg-body { - background-color: rgba(var(--mdb-body-bg-rgb), var(--mdb-bg-opacity)) !important; + background-color: rgba(var(--mdb-body-bg-rgb), var(--mdb-bg-opacity)) !important; } .bg-transparent { - background-color: transparent !important; + background-color: transparent !important; } .bg-gradient { - background-image: var(--mdb-gradient) !important; + background-image: var(--mdb-gradient) !important; } .user-select-all { - user-select: all !important; + user-select: all !important; } .user-select-auto { - user-select: auto !important; + user-select: auto !important; } .user-select-none { - user-select: none !important; + user-select: none !important; } .pe-none { - pointer-events: none !important; + pointer-events: none !important; } .pe-auto { - pointer-events: auto !important; + pointer-events: auto !important; } .rounded { - border-radius: var(--mdb-border-radius) !important; + border-radius: var(--mdb-border-radius) !important; } .rounded-0 { - border-radius: 0 !important; + border-radius: 0 !important; } .rounded-1 { - border-radius: var(--mdb-border-radius-sm) !important; + border-radius: var(--mdb-border-radius-sm) !important; } .rounded-2 { - border-radius: var(--mdb-border-radius) !important; + border-radius: var(--mdb-border-radius) !important; } .rounded-3 { - border-radius: var(--mdb-border-radius-lg) !important; + border-radius: var(--mdb-border-radius-lg) !important; } .rounded-4 { - border-radius: 0.375rem !important; + border-radius: 0.375rem !important; } .rounded-5 { - border-radius: 0.5rem !important; + border-radius: 0.5rem !important; } .rounded-circle { - border-radius: 50% !important; + border-radius: 50% !important; } .rounded-pill { - border-radius: var(--mdb-border-radius-pill) !important; + border-radius: var(--mdb-border-radius-pill) !important; } .rounded-6 { - border-radius: 0.75rem !important; + border-radius: 0.75rem !important; } .rounded-7 { - border-radius: 1rem !important; + border-radius: 1rem !important; } .rounded-8 { - border-radius: 1.25rem !important; + border-radius: 1.25rem !important; } .rounded-9 { - border-radius: 1.5rem !important; + border-radius: 1.5rem !important; } .rounded-top { - border-top-left-radius: var(--mdb-border-radius) !important; - border-top-right-radius: var(--mdb-border-radius) !important; + border-top-left-radius: var(--mdb-border-radius) !important; + border-top-right-radius: var(--mdb-border-radius) !important; } .rounded-end { - border-top-right-radius: var(--mdb-border-radius) !important; - border-bottom-right-radius: var(--mdb-border-radius) !important; + border-top-right-radius: var(--mdb-border-radius) !important; + border-bottom-right-radius: var(--mdb-border-radius) !important; } .rounded-bottom { - border-bottom-right-radius: var(--mdb-border-radius) !important; - border-bottom-left-radius: var(--mdb-border-radius) !important; + border-bottom-right-radius: var(--mdb-border-radius) !important; + border-bottom-left-radius: var(--mdb-border-radius) !important; } .rounded-start { - border-bottom-left-radius: var(--mdb-border-radius) !important; - border-top-left-radius: var(--mdb-border-radius) !important; + border-bottom-left-radius: var(--mdb-border-radius) !important; + border-top-left-radius: var(--mdb-border-radius) !important; } .visible { - visibility: visible !important; + visibility: visible !important; } .invisible { - visibility: hidden !important; + visibility: hidden !important; } .opacity-0 { - opacity: 0 !important; + opacity: 0 !important; } .opacity-5 { - opacity: 0.05 !important; + opacity: 0.05 !important; } .opacity-10 { - opacity: 0.1 !important; + opacity: 0.1 !important; } .opacity-15 { - opacity: 0.15 !important; + opacity: 0.15 !important; } .opacity-20 { - opacity: 0.2 !important; + opacity: 0.2 !important; } .opacity-25 { - opacity: 0.25 !important; + opacity: 0.25 !important; } .opacity-30 { - opacity: 0.3 !important; + opacity: 0.3 !important; } .opacity-35 { - opacity: 0.35 !important; + opacity: 0.35 !important; } .opacity-40 { - opacity: 0.4 !important; + opacity: 0.4 !important; } .opacity-45 { - opacity: 0.45 !important; + opacity: 0.45 !important; } .opacity-50 { - opacity: 0.5 !important; + opacity: 0.5 !important; } .opacity-55 { - opacity: 0.55 !important; + opacity: 0.55 !important; } .opacity-60 { - opacity: 0.6 !important; + opacity: 0.6 !important; } .opacity-65 { - opacity: 0.65 !important; + opacity: 0.65 !important; } .opacity-70 { - opacity: 0.7 !important; + opacity: 0.7 !important; } .opacity-75 { - opacity: 0.75 !important; + opacity: 0.75 !important; } .opacity-80 { - opacity: 0.8 !important; + opacity: 0.8 !important; } .opacity-85 { - opacity: 0.85 !important; + opacity: 0.85 !important; } .opacity-90 { - opacity: 0.9 !important; + opacity: 0.9 !important; } .opacity-95 { - opacity: 0.95 !important; + opacity: 0.95 !important; } .opacity-100 { - opacity: 1 !important; + opacity: 1 !important; } -.border-opacity-10 { - : 0.1 !important; +.border-opacity-10 {: 0.1 !important; } -.border-opacity-25 { - : 0.25 !important; +.border-opacity-25 {: 0.25 !important; } -.border-opacity-50 { - : 0.5 !important; +.border-opacity-50 {: 0.5 !important; } -.border-opacity-75 { - : 0.75 !important; +.border-opacity-75 {: 0.75 !important; } -.border-opacity-100 { - : 1 !important; +.border-opacity-100 {: 1 !important; } -.text-opacity-25 { - : 0.25 !important; +.text-opacity-25 {: 0.25 !important; } -.text-opacity-50 { - : 0.5 !important; +.text-opacity-50 {: 0.5 !important; } -.text-opacity-75 { - : 0.75 !important; +.text-opacity-75 {: 0.75 !important; } -.text-opacity-100 { - : 1 !important; +.text-opacity-100 {: 1 !important; } -.bg-opacity-10 { - : 0.1 !important; +.bg-opacity-10 {: 0.1 !important; } -.bg-opacity-25 { - : 0.25 !important; +.bg-opacity-25 {: 0.25 !important; } -.bg-opacity-50 { - : 0.5 !important; +.bg-opacity-50 {: 0.5 !important; } -.bg-opacity-75 { - : 0.75 !important; +.bg-opacity-75 {: 0.75 !important; } -.bg-opacity-100 { - : 1 !important; +.bg-opacity-100 {: 1 !important; } .ls-tighter { - letter-spacing: -0.05em !important; + letter-spacing: -0.05em !important; } .ls-tight { - letter-spacing: -0.025em !important; + letter-spacing: -0.025em !important; } .ls-normal { - letter-spacing: 0em !important; + letter-spacing: 0em !important; } .ls-wide { - letter-spacing: 0.025em !important; + letter-spacing: 0.025em !important; } .ls-wider { - letter-spacing: 0.05em !important; + letter-spacing: 0.05em !important; } .ls-widest { - letter-spacing: 0.1em !important; + letter-spacing: 0.1em !important; } .object-cover { - object-fit: cover !important; + object-fit: cover !important; } .object-top { - object-position: top !important; + object-position: top !important; } .object-center { - object-position: center !important; + object-position: center !important; } .object-bottom { - object-position: bottom !important; + object-position: bottom !important; } @media (min-width: 576px) { - .float-sm-start { - float: left !important; - } - .float-sm-end { - float: right !important; - } - .float-sm-none { - float: none !important; - } - .d-sm-inline { - display: inline !important; - } - .d-sm-inline-block { - display: inline-block !important; - } - .d-sm-block { - display: block !important; - } - .d-sm-grid { - display: grid !important; - } - .d-sm-table { - display: table !important; - } - .d-sm-table-row { - display: table-row !important; - } - .d-sm-table-cell { - display: table-cell !important; - } - .d-sm-flex { - display: flex !important; - } - .d-sm-inline-flex { - display: inline-flex !important; - } - .d-sm-none { - display: none !important; - } - .flex-sm-fill { - flex: 1 1 auto !important; - } - .flex-sm-row { - flex-direction: row !important; - } - .flex-sm-column { - flex-direction: column !important; - } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - .flex-sm-grow-0 { - flex-grow: 0 !important; - } - .flex-sm-grow-1 { - flex-grow: 1 !important; - } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; - } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; - } - .flex-sm-wrap { - flex-wrap: wrap !important; - } - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-sm-0 { - gap: 0 !important; - } - .gap-sm-1 { - gap: 0.25rem !important; - } - .gap-sm-2 { - gap: 0.5rem !important; - } - .gap-sm-3 { - gap: 1rem !important; - } - .gap-sm-4 { - gap: 1.5rem !important; - } - .gap-sm-5 { - gap: 3rem !important; - } - .justify-content-sm-start { - justify-content: flex-start !important; - } - .justify-content-sm-end { - justify-content: flex-end !important; - } - .justify-content-sm-center { - justify-content: center !important; - } - .justify-content-sm-between { - justify-content: space-between !important; - } - .justify-content-sm-around { - justify-content: space-around !important; - } - .justify-content-sm-evenly { - justify-content: space-evenly !important; - } - .align-items-sm-start { - align-items: flex-start !important; - } - .align-items-sm-end { - align-items: flex-end !important; - } - .align-items-sm-center { - align-items: center !important; - } - .align-items-sm-baseline { - align-items: baseline !important; - } - .align-items-sm-stretch { - align-items: stretch !important; - } - .align-content-sm-start { - align-content: flex-start !important; - } - .align-content-sm-end { - align-content: flex-end !important; - } - .align-content-sm-center { - align-content: center !important; - } - .align-content-sm-between { - align-content: space-between !important; - } - .align-content-sm-around { - align-content: space-around !important; - } - .align-content-sm-stretch { - align-content: stretch !important; - } - .align-self-sm-auto { - align-self: auto !important; - } - .align-self-sm-start { - align-self: flex-start !important; - } - .align-self-sm-end { - align-self: flex-end !important; - } - .align-self-sm-center { - align-self: center !important; - } - .align-self-sm-baseline { - align-self: baseline !important; - } - .align-self-sm-stretch { - align-self: stretch !important; - } - .order-sm-first { - order: -1 !important; - } - .order-sm-0 { - order: 0 !important; - } - .order-sm-1 { - order: 1 !important; - } - .order-sm-2 { - order: 2 !important; - } - .order-sm-3 { - order: 3 !important; - } - .order-sm-4 { - order: 4 !important; - } - .order-sm-5 { - order: 5 !important; - } - .order-sm-last { - order: 6 !important; - } - .m-sm-0 { - margin: 0 !important; - } - .m-sm-1 { - margin: 0.25rem !important; - } - .m-sm-2 { - margin: 0.5rem !important; - } - .m-sm-3 { - margin: 1rem !important; - } - .m-sm-4 { - margin: 1.5rem !important; - } - .m-sm-5 { - margin: 3rem !important; - } - .m-sm-auto { - margin: auto !important; - } - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-sm-0 { - margin-top: 0 !important; - } - .mt-sm-1 { - margin-top: 0.25rem !important; - } - .mt-sm-2 { - margin-top: 0.5rem !important; - } - .mt-sm-3 { - margin-top: 1rem !important; - } - .mt-sm-4 { - margin-top: 1.5rem !important; - } - .mt-sm-5 { - margin-top: 3rem !important; - } - .mt-sm-auto { - margin-top: auto !important; - } - .me-sm-0 { - margin-right: 0 !important; - } - .me-sm-1 { - margin-right: 0.25rem !important; - } - .me-sm-2 { - margin-right: 0.5rem !important; - } - .me-sm-3 { - margin-right: 1rem !important; - } - .me-sm-4 { - margin-right: 1.5rem !important; - } - .me-sm-5 { - margin-right: 3rem !important; - } - .me-sm-auto { - margin-right: auto !important; - } - .mb-sm-0 { - margin-bottom: 0 !important; - } - .mb-sm-1 { - margin-bottom: 0.25rem !important; - } - .mb-sm-2 { - margin-bottom: 0.5rem !important; - } - .mb-sm-3 { - margin-bottom: 1rem !important; - } - .mb-sm-4 { - margin-bottom: 1.5rem !important; - } - .mb-sm-5 { - margin-bottom: 3rem !important; - } - .mb-sm-auto { - margin-bottom: auto !important; - } - .mb-sm-6 { - margin-bottom: 3.5rem !important; - } - .mb-sm-7 { - margin-bottom: 4rem !important; - } - .mb-sm-8 { - margin-bottom: 5rem !important; - } - .mb-sm-9 { - margin-bottom: 6rem !important; - } - .mb-sm-10 { - margin-bottom: 8rem !important; - } - .mb-sm-11 { - margin-bottom: 10rem !important; - } - .mb-sm-12 { - margin-bottom: 12rem !important; - } - .mb-sm-13 { - margin-bottom: 14rem !important; - } - .mb-sm-14 { - margin-bottom: 16rem !important; - } - .ms-sm-0 { - margin-left: 0 !important; - } - .ms-sm-1 { - margin-left: 0.25rem !important; - } - .ms-sm-2 { - margin-left: 0.5rem !important; - } - .ms-sm-3 { - margin-left: 1rem !important; - } - .ms-sm-4 { - margin-left: 1.5rem !important; - } - .ms-sm-5 { - margin-left: 3rem !important; - } - .ms-sm-auto { - margin-left: auto !important; - } - .m-sm-n1 { - margin: -0.25rem !important; - } - .m-sm-n2 { - margin: -0.5rem !important; - } - .m-sm-n3 { - margin: -1rem !important; - } - .m-sm-n4 { - margin: -1.5rem !important; - } - .m-sm-n5 { - margin: -3rem !important; - } - .mx-sm-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-sm-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-sm-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-sm-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-sm-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-sm-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-sm-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-sm-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-sm-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-sm-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-sm-n1 { - margin-top: -0.25rem !important; - } - .mt-sm-n2 { - margin-top: -0.5rem !important; - } - .mt-sm-n3 { - margin-top: -1rem !important; - } - .mt-sm-n4 { - margin-top: -1.5rem !important; - } - .mt-sm-n5 { - margin-top: -3rem !important; - } - .me-sm-n1 { - margin-right: -0.25rem !important; - } - .me-sm-n2 { - margin-right: -0.5rem !important; - } - .me-sm-n3 { - margin-right: -1rem !important; - } - .me-sm-n4 { - margin-right: -1.5rem !important; - } - .me-sm-n5 { - margin-right: -3rem !important; - } - .mb-sm-n1 { - margin-bottom: -0.25rem !important; - } - .mb-sm-n2 { - margin-bottom: -0.5rem !important; - } - .mb-sm-n3 { - margin-bottom: -1rem !important; - } - .mb-sm-n4 { - margin-bottom: -1.5rem !important; - } - .mb-sm-n5 { - margin-bottom: -3rem !important; - } - .ms-sm-n1 { - margin-left: -0.25rem !important; - } - .ms-sm-n2 { - margin-left: -0.5rem !important; - } - .ms-sm-n3 { - margin-left: -1rem !important; - } - .ms-sm-n4 { - margin-left: -1.5rem !important; - } - .ms-sm-n5 { - margin-left: -3rem !important; - } - .p-sm-0 { - padding: 0 !important; - } - .p-sm-1 { - padding: 0.25rem !important; - } - .p-sm-2 { - padding: 0.5rem !important; - } - .p-sm-3 { - padding: 1rem !important; - } - .p-sm-4 { - padding: 1.5rem !important; - } - .p-sm-5 { - padding: 3rem !important; - } - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-sm-0 { - padding-top: 0 !important; - } - .pt-sm-1 { - padding-top: 0.25rem !important; - } - .pt-sm-2 { - padding-top: 0.5rem !important; - } - .pt-sm-3 { - padding-top: 1rem !important; - } - .pt-sm-4 { - padding-top: 1.5rem !important; - } - .pt-sm-5 { - padding-top: 3rem !important; - } - .pe-sm-0 { - padding-right: 0 !important; - } - .pe-sm-1 { - padding-right: 0.25rem !important; - } - .pe-sm-2 { - padding-right: 0.5rem !important; - } - .pe-sm-3 { - padding-right: 1rem !important; - } - .pe-sm-4 { - padding-right: 1.5rem !important; - } - .pe-sm-5 { - padding-right: 3rem !important; - } - .pb-sm-0 { - padding-bottom: 0 !important; - } - .pb-sm-1 { - padding-bottom: 0.25rem !important; - } - .pb-sm-2 { - padding-bottom: 0.5rem !important; - } - .pb-sm-3 { - padding-bottom: 1rem !important; - } - .pb-sm-4 { - padding-bottom: 1.5rem !important; - } - .pb-sm-5 { - padding-bottom: 3rem !important; - } - .ps-sm-0 { - padding-left: 0 !important; - } - .ps-sm-1 { - padding-left: 0.25rem !important; - } - .ps-sm-2 { - padding-left: 0.5rem !important; - } - .ps-sm-3 { - padding-left: 1rem !important; - } - .ps-sm-4 { - padding-left: 1.5rem !important; - } - .ps-sm-5 { - padding-left: 3rem !important; - } - .text-sm-start { - text-align: left !important; - } - .text-sm-end { - text-align: right !important; - } - .text-sm-center { - text-align: center !important; - } + .float-sm-start { + float: left !important; + } + + .float-sm-end { + float: right !important; + } + + .float-sm-none { + float: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-grid { + display: grid !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } + + .d-sm-none { + display: none !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-sm-0 { + gap: 0 !important; + } + + .gap-sm-1 { + gap: 0.25rem !important; + } + + .gap-sm-2 { + gap: 0.5rem !important; + } + + .gap-sm-3 { + gap: 1rem !important; + } + + .gap-sm-4 { + gap: 1.5rem !important; + } + + .gap-sm-5 { + gap: 3rem !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } + + .order-sm-first { + order: -1 !important; + } + + .order-sm-0 { + order: 0 !important; + } + + .order-sm-1 { + order: 1 !important; + } + + .order-sm-2 { + order: 2 !important; + } + + .order-sm-3 { + order: 3 !important; + } + + .order-sm-4 { + order: 4 !important; + } + + .order-sm-5 { + order: 5 !important; + } + + .order-sm-last { + order: 6 !important; + } + + .m-sm-0 { + margin: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-sm-0 { + margin-top: 0 !important; + } + + .mt-sm-1 { + margin-top: 0.25rem !important; + } + + .mt-sm-2 { + margin-top: 0.5rem !important; + } + + .mt-sm-3 { + margin-top: 1rem !important; + } + + .mt-sm-4 { + margin-top: 1.5rem !important; + } + + .mt-sm-5 { + margin-top: 3rem !important; + } + + .mt-sm-auto { + margin-top: auto !important; + } + + .me-sm-0 { + margin-right: 0 !important; + } + + .me-sm-1 { + margin-right: 0.25rem !important; + } + + .me-sm-2 { + margin-right: 0.5rem !important; + } + + .me-sm-3 { + margin-right: 1rem !important; + } + + .me-sm-4 { + margin-right: 1.5rem !important; + } + + .me-sm-5 { + margin-right: 3rem !important; + } + + .me-sm-auto { + margin-right: auto !important; + } + + .mb-sm-0 { + margin-bottom: 0 !important; + } + + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + + .mb-sm-3 { + margin-bottom: 1rem !important; + } + + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + + .mb-sm-5 { + margin-bottom: 3rem !important; + } + + .mb-sm-auto { + margin-bottom: auto !important; + } + + .mb-sm-6 { + margin-bottom: 3.5rem !important; + } + + .mb-sm-7 { + margin-bottom: 4rem !important; + } + + .mb-sm-8 { + margin-bottom: 5rem !important; + } + + .mb-sm-9 { + margin-bottom: 6rem !important; + } + + .mb-sm-10 { + margin-bottom: 8rem !important; + } + + .mb-sm-11 { + margin-bottom: 10rem !important; + } + + .mb-sm-12 { + margin-bottom: 12rem !important; + } + + .mb-sm-13 { + margin-bottom: 14rem !important; + } + + .mb-sm-14 { + margin-bottom: 16rem !important; + } + + .ms-sm-0 { + margin-left: 0 !important; + } + + .ms-sm-1 { + margin-left: 0.25rem !important; + } + + .ms-sm-2 { + margin-left: 0.5rem !important; + } + + .ms-sm-3 { + margin-left: 1rem !important; + } + + .ms-sm-4 { + margin-left: 1.5rem !important; + } + + .ms-sm-5 { + margin-left: 3rem !important; + } + + .ms-sm-auto { + margin-left: auto !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .mx-sm-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-sm-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-sm-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-sm-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-sm-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-sm-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-sm-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-sm-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-sm-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-sm-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-sm-n1 { + margin-top: -0.25rem !important; + } + + .mt-sm-n2 { + margin-top: -0.5rem !important; + } + + .mt-sm-n3 { + margin-top: -1rem !important; + } + + .mt-sm-n4 { + margin-top: -1.5rem !important; + } + + .mt-sm-n5 { + margin-top: -3rem !important; + } + + .me-sm-n1 { + margin-right: -0.25rem !important; + } + + .me-sm-n2 { + margin-right: -0.5rem !important; + } + + .me-sm-n3 { + margin-right: -1rem !important; + } + + .me-sm-n4 { + margin-right: -1.5rem !important; + } + + .me-sm-n5 { + margin-right: -3rem !important; + } + + .mb-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-sm-n3 { + margin-bottom: -1rem !important; + } + + .mb-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-sm-n5 { + margin-bottom: -3rem !important; + } + + .ms-sm-n1 { + margin-left: -0.25rem !important; + } + + .ms-sm-n2 { + margin-left: -0.5rem !important; + } + + .ms-sm-n3 { + margin-left: -1rem !important; + } + + .ms-sm-n4 { + margin-left: -1.5rem !important; + } + + .ms-sm-n5 { + margin-left: -3rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-sm-0 { + padding-top: 0 !important; + } + + .pt-sm-1 { + padding-top: 0.25rem !important; + } + + .pt-sm-2 { + padding-top: 0.5rem !important; + } + + .pt-sm-3 { + padding-top: 1rem !important; + } + + .pt-sm-4 { + padding-top: 1.5rem !important; + } + + .pt-sm-5 { + padding-top: 3rem !important; + } + + .pe-sm-0 { + padding-right: 0 !important; + } + + .pe-sm-1 { + padding-right: 0.25rem !important; + } + + .pe-sm-2 { + padding-right: 0.5rem !important; + } + + .pe-sm-3 { + padding-right: 1rem !important; + } + + .pe-sm-4 { + padding-right: 1.5rem !important; + } + + .pe-sm-5 { + padding-right: 3rem !important; + } + + .pb-sm-0 { + padding-bottom: 0 !important; + } + + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pb-sm-3 { + padding-bottom: 1rem !important; + } + + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pb-sm-5 { + padding-bottom: 3rem !important; + } + + .ps-sm-0 { + padding-left: 0 !important; + } + + .ps-sm-1 { + padding-left: 0.25rem !important; + } + + .ps-sm-2 { + padding-left: 0.5rem !important; + } + + .ps-sm-3 { + padding-left: 1rem !important; + } + + .ps-sm-4 { + padding-left: 1.5rem !important; + } + + .ps-sm-5 { + padding-left: 3rem !important; + } + + .text-sm-start { + text-align: left !important; + } + + .text-sm-end { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } } + @media (min-width: 768px) { - .float-md-start { - float: left !important; - } - .float-md-end { - float: right !important; - } - .float-md-none { - float: none !important; - } - .d-md-inline { - display: inline !important; - } - .d-md-inline-block { - display: inline-block !important; - } - .d-md-block { - display: block !important; - } - .d-md-grid { - display: grid !important; - } - .d-md-table { - display: table !important; - } - .d-md-table-row { - display: table-row !important; - } - .d-md-table-cell { - display: table-cell !important; - } - .d-md-flex { - display: flex !important; - } - .d-md-inline-flex { - display: inline-flex !important; - } - .d-md-none { - display: none !important; - } - .flex-md-fill { - flex: 1 1 auto !important; - } - .flex-md-row { - flex-direction: row !important; - } - .flex-md-column { - flex-direction: column !important; - } - .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - .flex-md-grow-0 { - flex-grow: 0 !important; - } - .flex-md-grow-1 { - flex-grow: 1 !important; - } - .flex-md-shrink-0 { - flex-shrink: 0 !important; - } - .flex-md-shrink-1 { - flex-shrink: 1 !important; - } - .flex-md-wrap { - flex-wrap: wrap !important; - } - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-md-0 { - gap: 0 !important; - } - .gap-md-1 { - gap: 0.25rem !important; - } - .gap-md-2 { - gap: 0.5rem !important; - } - .gap-md-3 { - gap: 1rem !important; - } - .gap-md-4 { - gap: 1.5rem !important; - } - .gap-md-5 { - gap: 3rem !important; - } - .justify-content-md-start { - justify-content: flex-start !important; - } - .justify-content-md-end { - justify-content: flex-end !important; - } - .justify-content-md-center { - justify-content: center !important; - } - .justify-content-md-between { - justify-content: space-between !important; - } - .justify-content-md-around { - justify-content: space-around !important; - } - .justify-content-md-evenly { - justify-content: space-evenly !important; - } - .align-items-md-start { - align-items: flex-start !important; - } - .align-items-md-end { - align-items: flex-end !important; - } - .align-items-md-center { - align-items: center !important; - } - .align-items-md-baseline { - align-items: baseline !important; - } - .align-items-md-stretch { - align-items: stretch !important; - } - .align-content-md-start { - align-content: flex-start !important; - } - .align-content-md-end { - align-content: flex-end !important; - } - .align-content-md-center { - align-content: center !important; - } - .align-content-md-between { - align-content: space-between !important; - } - .align-content-md-around { - align-content: space-around !important; - } - .align-content-md-stretch { - align-content: stretch !important; - } - .align-self-md-auto { - align-self: auto !important; - } - .align-self-md-start { - align-self: flex-start !important; - } - .align-self-md-end { - align-self: flex-end !important; - } - .align-self-md-center { - align-self: center !important; - } - .align-self-md-baseline { - align-self: baseline !important; - } - .align-self-md-stretch { - align-self: stretch !important; - } - .order-md-first { - order: -1 !important; - } - .order-md-0 { - order: 0 !important; - } - .order-md-1 { - order: 1 !important; - } - .order-md-2 { - order: 2 !important; - } - .order-md-3 { - order: 3 !important; - } - .order-md-4 { - order: 4 !important; - } - .order-md-5 { - order: 5 !important; - } - .order-md-last { - order: 6 !important; - } - .m-md-0 { - margin: 0 !important; - } - .m-md-1 { - margin: 0.25rem !important; - } - .m-md-2 { - margin: 0.5rem !important; - } - .m-md-3 { - margin: 1rem !important; - } - .m-md-4 { - margin: 1.5rem !important; - } - .m-md-5 { - margin: 3rem !important; - } - .m-md-auto { - margin: auto !important; - } - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-md-0 { - margin-top: 0 !important; - } - .mt-md-1 { - margin-top: 0.25rem !important; - } - .mt-md-2 { - margin-top: 0.5rem !important; - } - .mt-md-3 { - margin-top: 1rem !important; - } - .mt-md-4 { - margin-top: 1.5rem !important; - } - .mt-md-5 { - margin-top: 3rem !important; - } - .mt-md-auto { - margin-top: auto !important; - } - .me-md-0 { - margin-right: 0 !important; - } - .me-md-1 { - margin-right: 0.25rem !important; - } - .me-md-2 { - margin-right: 0.5rem !important; - } - .me-md-3 { - margin-right: 1rem !important; - } - .me-md-4 { - margin-right: 1.5rem !important; - } - .me-md-5 { - margin-right: 3rem !important; - } - .me-md-auto { - margin-right: auto !important; - } - .mb-md-0 { - margin-bottom: 0 !important; - } - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - .mb-md-3 { - margin-bottom: 1rem !important; - } - .mb-md-4 { - margin-bottom: 1.5rem !important; - } - .mb-md-5 { - margin-bottom: 3rem !important; - } - .mb-md-auto { - margin-bottom: auto !important; - } - .mb-md-6 { - margin-bottom: 3.5rem !important; - } - .mb-md-7 { - margin-bottom: 4rem !important; - } - .mb-md-8 { - margin-bottom: 5rem !important; - } - .mb-md-9 { - margin-bottom: 6rem !important; - } - .mb-md-10 { - margin-bottom: 8rem !important; - } - .mb-md-11 { - margin-bottom: 10rem !important; - } - .mb-md-12 { - margin-bottom: 12rem !important; - } - .mb-md-13 { - margin-bottom: 14rem !important; - } - .mb-md-14 { - margin-bottom: 16rem !important; - } - .ms-md-0 { - margin-left: 0 !important; - } - .ms-md-1 { - margin-left: 0.25rem !important; - } - .ms-md-2 { - margin-left: 0.5rem !important; - } - .ms-md-3 { - margin-left: 1rem !important; - } - .ms-md-4 { - margin-left: 1.5rem !important; - } - .ms-md-5 { - margin-left: 3rem !important; - } - .ms-md-auto { - margin-left: auto !important; - } - .m-md-n1 { - margin: -0.25rem !important; - } - .m-md-n2 { - margin: -0.5rem !important; - } - .m-md-n3 { - margin: -1rem !important; - } - .m-md-n4 { - margin: -1.5rem !important; - } - .m-md-n5 { - margin: -3rem !important; - } - .mx-md-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-md-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-md-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-md-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-md-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-md-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-md-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-md-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-md-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-md-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-md-n1 { - margin-top: -0.25rem !important; - } - .mt-md-n2 { - margin-top: -0.5rem !important; - } - .mt-md-n3 { - margin-top: -1rem !important; - } - .mt-md-n4 { - margin-top: -1.5rem !important; - } - .mt-md-n5 { - margin-top: -3rem !important; - } - .me-md-n1 { - margin-right: -0.25rem !important; - } - .me-md-n2 { - margin-right: -0.5rem !important; - } - .me-md-n3 { - margin-right: -1rem !important; - } - .me-md-n4 { - margin-right: -1.5rem !important; - } - .me-md-n5 { - margin-right: -3rem !important; - } - .mb-md-n1 { - margin-bottom: -0.25rem !important; - } - .mb-md-n2 { - margin-bottom: -0.5rem !important; - } - .mb-md-n3 { - margin-bottom: -1rem !important; - } - .mb-md-n4 { - margin-bottom: -1.5rem !important; - } - .mb-md-n5 { - margin-bottom: -3rem !important; - } - .ms-md-n1 { - margin-left: -0.25rem !important; - } - .ms-md-n2 { - margin-left: -0.5rem !important; - } - .ms-md-n3 { - margin-left: -1rem !important; - } - .ms-md-n4 { - margin-left: -1.5rem !important; - } - .ms-md-n5 { - margin-left: -3rem !important; - } - .p-md-0 { - padding: 0 !important; - } - .p-md-1 { - padding: 0.25rem !important; - } - .p-md-2 { - padding: 0.5rem !important; - } - .p-md-3 { - padding: 1rem !important; - } - .p-md-4 { - padding: 1.5rem !important; - } - .p-md-5 { - padding: 3rem !important; - } - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-md-0 { - padding-top: 0 !important; - } - .pt-md-1 { - padding-top: 0.25rem !important; - } - .pt-md-2 { - padding-top: 0.5rem !important; - } - .pt-md-3 { - padding-top: 1rem !important; - } - .pt-md-4 { - padding-top: 1.5rem !important; - } - .pt-md-5 { - padding-top: 3rem !important; - } - .pe-md-0 { - padding-right: 0 !important; - } - .pe-md-1 { - padding-right: 0.25rem !important; - } - .pe-md-2 { - padding-right: 0.5rem !important; - } - .pe-md-3 { - padding-right: 1rem !important; - } - .pe-md-4 { - padding-right: 1.5rem !important; - } - .pe-md-5 { - padding-right: 3rem !important; - } - .pb-md-0 { - padding-bottom: 0 !important; - } - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - .pb-md-2 { - padding-bottom: 0.5rem !important; - } - .pb-md-3 { - padding-bottom: 1rem !important; - } - .pb-md-4 { - padding-bottom: 1.5rem !important; - } - .pb-md-5 { - padding-bottom: 3rem !important; - } - .ps-md-0 { - padding-left: 0 !important; - } - .ps-md-1 { - padding-left: 0.25rem !important; - } - .ps-md-2 { - padding-left: 0.5rem !important; - } - .ps-md-3 { - padding-left: 1rem !important; - } - .ps-md-4 { - padding-left: 1.5rem !important; - } - .ps-md-5 { - padding-left: 3rem !important; - } - .text-md-start { - text-align: left !important; - } - .text-md-end { - text-align: right !important; - } - .text-md-center { - text-align: center !important; - } + .float-md-start { + float: left !important; + } + + .float-md-end { + float: right !important; + } + + .float-md-none { + float: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-grid { + display: grid !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } + + .d-md-none { + display: none !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-md-0 { + gap: 0 !important; + } + + .gap-md-1 { + gap: 0.25rem !important; + } + + .gap-md-2 { + gap: 0.5rem !important; + } + + .gap-md-3 { + gap: 1rem !important; + } + + .gap-md-4 { + gap: 1.5rem !important; + } + + .gap-md-5 { + gap: 3rem !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } + + .order-md-first { + order: -1 !important; + } + + .order-md-0 { + order: 0 !important; + } + + .order-md-1 { + order: 1 !important; + } + + .order-md-2 { + order: 2 !important; + } + + .order-md-3 { + order: 3 !important; + } + + .order-md-4 { + order: 4 !important; + } + + .order-md-5 { + order: 5 !important; + } + + .order-md-last { + order: 6 !important; + } + + .m-md-0 { + margin: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-md-0 { + margin-top: 0 !important; + } + + .mt-md-1 { + margin-top: 0.25rem !important; + } + + .mt-md-2 { + margin-top: 0.5rem !important; + } + + .mt-md-3 { + margin-top: 1rem !important; + } + + .mt-md-4 { + margin-top: 1.5rem !important; + } + + .mt-md-5 { + margin-top: 3rem !important; + } + + .mt-md-auto { + margin-top: auto !important; + } + + .me-md-0 { + margin-right: 0 !important; + } + + .me-md-1 { + margin-right: 0.25rem !important; + } + + .me-md-2 { + margin-right: 0.5rem !important; + } + + .me-md-3 { + margin-right: 1rem !important; + } + + .me-md-4 { + margin-right: 1.5rem !important; + } + + .me-md-5 { + margin-right: 3rem !important; + } + + .me-md-auto { + margin-right: auto !important; + } + + .mb-md-0 { + margin-bottom: 0 !important; + } + + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + + .mb-md-3 { + margin-bottom: 1rem !important; + } + + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + + .mb-md-5 { + margin-bottom: 3rem !important; + } + + .mb-md-auto { + margin-bottom: auto !important; + } + + .mb-md-6 { + margin-bottom: 3.5rem !important; + } + + .mb-md-7 { + margin-bottom: 4rem !important; + } + + .mb-md-8 { + margin-bottom: 5rem !important; + } + + .mb-md-9 { + margin-bottom: 6rem !important; + } + + .mb-md-10 { + margin-bottom: 8rem !important; + } + + .mb-md-11 { + margin-bottom: 10rem !important; + } + + .mb-md-12 { + margin-bottom: 12rem !important; + } + + .mb-md-13 { + margin-bottom: 14rem !important; + } + + .mb-md-14 { + margin-bottom: 16rem !important; + } + + .ms-md-0 { + margin-left: 0 !important; + } + + .ms-md-1 { + margin-left: 0.25rem !important; + } + + .ms-md-2 { + margin-left: 0.5rem !important; + } + + .ms-md-3 { + margin-left: 1rem !important; + } + + .ms-md-4 { + margin-left: 1.5rem !important; + } + + .ms-md-5 { + margin-left: 3rem !important; + } + + .ms-md-auto { + margin-left: auto !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .mx-md-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-md-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-md-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-md-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-md-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-md-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-md-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-md-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-md-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-md-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-md-n1 { + margin-top: -0.25rem !important; + } + + .mt-md-n2 { + margin-top: -0.5rem !important; + } + + .mt-md-n3 { + margin-top: -1rem !important; + } + + .mt-md-n4 { + margin-top: -1.5rem !important; + } + + .mt-md-n5 { + margin-top: -3rem !important; + } + + .me-md-n1 { + margin-right: -0.25rem !important; + } + + .me-md-n2 { + margin-right: -0.5rem !important; + } + + .me-md-n3 { + margin-right: -1rem !important; + } + + .me-md-n4 { + margin-right: -1.5rem !important; + } + + .me-md-n5 { + margin-right: -3rem !important; + } + + .mb-md-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-md-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-md-n3 { + margin-bottom: -1rem !important; + } + + .mb-md-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-md-n5 { + margin-bottom: -3rem !important; + } + + .ms-md-n1 { + margin-left: -0.25rem !important; + } + + .ms-md-n2 { + margin-left: -0.5rem !important; + } + + .ms-md-n3 { + margin-left: -1rem !important; + } + + .ms-md-n4 { + margin-left: -1.5rem !important; + } + + .ms-md-n5 { + margin-left: -3rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-md-0 { + padding-top: 0 !important; + } + + .pt-md-1 { + padding-top: 0.25rem !important; + } + + .pt-md-2 { + padding-top: 0.5rem !important; + } + + .pt-md-3 { + padding-top: 1rem !important; + } + + .pt-md-4 { + padding-top: 1.5rem !important; + } + + .pt-md-5 { + padding-top: 3rem !important; + } + + .pe-md-0 { + padding-right: 0 !important; + } + + .pe-md-1 { + padding-right: 0.25rem !important; + } + + .pe-md-2 { + padding-right: 0.5rem !important; + } + + .pe-md-3 { + padding-right: 1rem !important; + } + + .pe-md-4 { + padding-right: 1.5rem !important; + } + + .pe-md-5 { + padding-right: 3rem !important; + } + + .pb-md-0 { + padding-bottom: 0 !important; + } + + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + + .pb-md-3 { + padding-bottom: 1rem !important; + } + + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + + .pb-md-5 { + padding-bottom: 3rem !important; + } + + .ps-md-0 { + padding-left: 0 !important; + } + + .ps-md-1 { + padding-left: 0.25rem !important; + } + + .ps-md-2 { + padding-left: 0.5rem !important; + } + + .ps-md-3 { + padding-left: 1rem !important; + } + + .ps-md-4 { + padding-left: 1.5rem !important; + } + + .ps-md-5 { + padding-left: 3rem !important; + } + + .text-md-start { + text-align: left !important; + } + + .text-md-end { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } } + @media (min-width: 992px) { - .float-lg-start { - float: left !important; - } - .float-lg-end { - float: right !important; - } - .float-lg-none { - float: none !important; - } - .d-lg-inline { - display: inline !important; - } - .d-lg-inline-block { - display: inline-block !important; - } - .d-lg-block { - display: block !important; - } - .d-lg-grid { - display: grid !important; - } - .d-lg-table { - display: table !important; - } - .d-lg-table-row { - display: table-row !important; - } - .d-lg-table-cell { - display: table-cell !important; - } - .d-lg-flex { - display: flex !important; - } - .d-lg-inline-flex { - display: inline-flex !important; - } - .d-lg-none { - display: none !important; - } - .flex-lg-fill { - flex: 1 1 auto !important; - } - .flex-lg-row { - flex-direction: row !important; - } - .flex-lg-column { - flex-direction: column !important; - } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - .flex-lg-grow-0 { - flex-grow: 0 !important; - } - .flex-lg-grow-1 { - flex-grow: 1 !important; - } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; - } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; - } - .flex-lg-wrap { - flex-wrap: wrap !important; - } - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-lg-0 { - gap: 0 !important; - } - .gap-lg-1 { - gap: 0.25rem !important; - } - .gap-lg-2 { - gap: 0.5rem !important; - } - .gap-lg-3 { - gap: 1rem !important; - } - .gap-lg-4 { - gap: 1.5rem !important; - } - .gap-lg-5 { - gap: 3rem !important; - } - .justify-content-lg-start { - justify-content: flex-start !important; - } - .justify-content-lg-end { - justify-content: flex-end !important; - } - .justify-content-lg-center { - justify-content: center !important; - } - .justify-content-lg-between { - justify-content: space-between !important; - } - .justify-content-lg-around { - justify-content: space-around !important; - } - .justify-content-lg-evenly { - justify-content: space-evenly !important; - } - .align-items-lg-start { - align-items: flex-start !important; - } - .align-items-lg-end { - align-items: flex-end !important; - } - .align-items-lg-center { - align-items: center !important; - } - .align-items-lg-baseline { - align-items: baseline !important; - } - .align-items-lg-stretch { - align-items: stretch !important; - } - .align-content-lg-start { - align-content: flex-start !important; - } - .align-content-lg-end { - align-content: flex-end !important; - } - .align-content-lg-center { - align-content: center !important; - } - .align-content-lg-between { - align-content: space-between !important; - } - .align-content-lg-around { - align-content: space-around !important; - } - .align-content-lg-stretch { - align-content: stretch !important; - } - .align-self-lg-auto { - align-self: auto !important; - } - .align-self-lg-start { - align-self: flex-start !important; - } - .align-self-lg-end { - align-self: flex-end !important; - } - .align-self-lg-center { - align-self: center !important; - } - .align-self-lg-baseline { - align-self: baseline !important; - } - .align-self-lg-stretch { - align-self: stretch !important; - } - .order-lg-first { - order: -1 !important; - } - .order-lg-0 { - order: 0 !important; - } - .order-lg-1 { - order: 1 !important; - } - .order-lg-2 { - order: 2 !important; - } - .order-lg-3 { - order: 3 !important; - } - .order-lg-4 { - order: 4 !important; - } - .order-lg-5 { - order: 5 !important; - } - .order-lg-last { - order: 6 !important; - } - .m-lg-0 { - margin: 0 !important; - } - .m-lg-1 { - margin: 0.25rem !important; - } - .m-lg-2 { - margin: 0.5rem !important; - } - .m-lg-3 { - margin: 1rem !important; - } - .m-lg-4 { - margin: 1.5rem !important; - } - .m-lg-5 { - margin: 3rem !important; - } - .m-lg-auto { - margin: auto !important; - } - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-lg-0 { - margin-top: 0 !important; - } - .mt-lg-1 { - margin-top: 0.25rem !important; - } - .mt-lg-2 { - margin-top: 0.5rem !important; - } - .mt-lg-3 { - margin-top: 1rem !important; - } - .mt-lg-4 { - margin-top: 1.5rem !important; - } - .mt-lg-5 { - margin-top: 3rem !important; - } - .mt-lg-auto { - margin-top: auto !important; - } - .me-lg-0 { - margin-right: 0 !important; - } - .me-lg-1 { - margin-right: 0.25rem !important; - } - .me-lg-2 { - margin-right: 0.5rem !important; - } - .me-lg-3 { - margin-right: 1rem !important; - } - .me-lg-4 { - margin-right: 1.5rem !important; - } - .me-lg-5 { - margin-right: 3rem !important; - } - .me-lg-auto { - margin-right: auto !important; - } - .mb-lg-0 { - margin-bottom: 0 !important; - } - .mb-lg-1 { - margin-bottom: 0.25rem !important; - } - .mb-lg-2 { - margin-bottom: 0.5rem !important; - } - .mb-lg-3 { - margin-bottom: 1rem !important; - } - .mb-lg-4 { - margin-bottom: 1.5rem !important; - } - .mb-lg-5 { - margin-bottom: 3rem !important; - } - .mb-lg-auto { - margin-bottom: auto !important; - } - .mb-lg-6 { - margin-bottom: 3.5rem !important; - } - .mb-lg-7 { - margin-bottom: 4rem !important; - } - .mb-lg-8 { - margin-bottom: 5rem !important; - } - .mb-lg-9 { - margin-bottom: 6rem !important; - } - .mb-lg-10 { - margin-bottom: 8rem !important; - } - .mb-lg-11 { - margin-bottom: 10rem !important; - } - .mb-lg-12 { - margin-bottom: 12rem !important; - } - .mb-lg-13 { - margin-bottom: 14rem !important; - } - .mb-lg-14 { - margin-bottom: 16rem !important; - } - .ms-lg-0 { - margin-left: 0 !important; - } - .ms-lg-1 { - margin-left: 0.25rem !important; - } - .ms-lg-2 { - margin-left: 0.5rem !important; - } - .ms-lg-3 { - margin-left: 1rem !important; - } - .ms-lg-4 { - margin-left: 1.5rem !important; - } - .ms-lg-5 { - margin-left: 3rem !important; - } - .ms-lg-auto { - margin-left: auto !important; - } - .m-lg-n1 { - margin: -0.25rem !important; - } - .m-lg-n2 { - margin: -0.5rem !important; - } - .m-lg-n3 { - margin: -1rem !important; - } - .m-lg-n4 { - margin: -1.5rem !important; - } - .m-lg-n5 { - margin: -3rem !important; - } - .mx-lg-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-lg-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-lg-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-lg-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-lg-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-lg-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-lg-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-lg-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-lg-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-lg-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-lg-n1 { - margin-top: -0.25rem !important; - } - .mt-lg-n2 { - margin-top: -0.5rem !important; - } - .mt-lg-n3 { - margin-top: -1rem !important; - } - .mt-lg-n4 { - margin-top: -1.5rem !important; - } - .mt-lg-n5 { - margin-top: -3rem !important; - } - .me-lg-n1 { - margin-right: -0.25rem !important; - } - .me-lg-n2 { - margin-right: -0.5rem !important; - } - .me-lg-n3 { - margin-right: -1rem !important; - } - .me-lg-n4 { - margin-right: -1.5rem !important; - } - .me-lg-n5 { - margin-right: -3rem !important; - } - .mb-lg-n1 { - margin-bottom: -0.25rem !important; - } - .mb-lg-n2 { - margin-bottom: -0.5rem !important; - } - .mb-lg-n3 { - margin-bottom: -1rem !important; - } - .mb-lg-n4 { - margin-bottom: -1.5rem !important; - } - .mb-lg-n5 { - margin-bottom: -3rem !important; - } - .ms-lg-n1 { - margin-left: -0.25rem !important; - } - .ms-lg-n2 { - margin-left: -0.5rem !important; - } - .ms-lg-n3 { - margin-left: -1rem !important; - } - .ms-lg-n4 { - margin-left: -1.5rem !important; - } - .ms-lg-n5 { - margin-left: -3rem !important; - } - .p-lg-0 { - padding: 0 !important; - } - .p-lg-1 { - padding: 0.25rem !important; - } - .p-lg-2 { - padding: 0.5rem !important; - } - .p-lg-3 { - padding: 1rem !important; - } - .p-lg-4 { - padding: 1.5rem !important; - } - .p-lg-5 { - padding: 3rem !important; - } - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-lg-0 { - padding-top: 0 !important; - } - .pt-lg-1 { - padding-top: 0.25rem !important; - } - .pt-lg-2 { - padding-top: 0.5rem !important; - } - .pt-lg-3 { - padding-top: 1rem !important; - } - .pt-lg-4 { - padding-top: 1.5rem !important; - } - .pt-lg-5 { - padding-top: 3rem !important; - } - .pe-lg-0 { - padding-right: 0 !important; - } - .pe-lg-1 { - padding-right: 0.25rem !important; - } - .pe-lg-2 { - padding-right: 0.5rem !important; - } - .pe-lg-3 { - padding-right: 1rem !important; - } - .pe-lg-4 { - padding-right: 1.5rem !important; - } - .pe-lg-5 { - padding-right: 3rem !important; - } - .pb-lg-0 { - padding-bottom: 0 !important; - } - .pb-lg-1 { - padding-bottom: 0.25rem !important; - } - .pb-lg-2 { - padding-bottom: 0.5rem !important; - } - .pb-lg-3 { - padding-bottom: 1rem !important; - } - .pb-lg-4 { - padding-bottom: 1.5rem !important; - } - .pb-lg-5 { - padding-bottom: 3rem !important; - } - .ps-lg-0 { - padding-left: 0 !important; - } - .ps-lg-1 { - padding-left: 0.25rem !important; - } - .ps-lg-2 { - padding-left: 0.5rem !important; - } - .ps-lg-3 { - padding-left: 1rem !important; - } - .ps-lg-4 { - padding-left: 1.5rem !important; - } - .ps-lg-5 { - padding-left: 3rem !important; - } - .text-lg-start { - text-align: left !important; - } - .text-lg-end { - text-align: right !important; - } - .text-lg-center { - text-align: center !important; - } + .float-lg-start { + float: left !important; + } + + .float-lg-end { + float: right !important; + } + + .float-lg-none { + float: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-grid { + display: grid !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } + + .d-lg-none { + display: none !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-lg-0 { + gap: 0 !important; + } + + .gap-lg-1 { + gap: 0.25rem !important; + } + + .gap-lg-2 { + gap: 0.5rem !important; + } + + .gap-lg-3 { + gap: 1rem !important; + } + + .gap-lg-4 { + gap: 1.5rem !important; + } + + .gap-lg-5 { + gap: 3rem !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } + + .order-lg-first { + order: -1 !important; + } + + .order-lg-0 { + order: 0 !important; + } + + .order-lg-1 { + order: 1 !important; + } + + .order-lg-2 { + order: 2 !important; + } + + .order-lg-3 { + order: 3 !important; + } + + .order-lg-4 { + order: 4 !important; + } + + .order-lg-5 { + order: 5 !important; + } + + .order-lg-last { + order: 6 !important; + } + + .m-lg-0 { + margin: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-lg-0 { + margin-top: 0 !important; + } + + .mt-lg-1 { + margin-top: 0.25rem !important; + } + + .mt-lg-2 { + margin-top: 0.5rem !important; + } + + .mt-lg-3 { + margin-top: 1rem !important; + } + + .mt-lg-4 { + margin-top: 1.5rem !important; + } + + .mt-lg-5 { + margin-top: 3rem !important; + } + + .mt-lg-auto { + margin-top: auto !important; + } + + .me-lg-0 { + margin-right: 0 !important; + } + + .me-lg-1 { + margin-right: 0.25rem !important; + } + + .me-lg-2 { + margin-right: 0.5rem !important; + } + + .me-lg-3 { + margin-right: 1rem !important; + } + + .me-lg-4 { + margin-right: 1.5rem !important; + } + + .me-lg-5 { + margin-right: 3rem !important; + } + + .me-lg-auto { + margin-right: auto !important; + } + + .mb-lg-0 { + margin-bottom: 0 !important; + } + + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + + .mb-lg-3 { + margin-bottom: 1rem !important; + } + + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + + .mb-lg-5 { + margin-bottom: 3rem !important; + } + + .mb-lg-auto { + margin-bottom: auto !important; + } + + .mb-lg-6 { + margin-bottom: 3.5rem !important; + } + + .mb-lg-7 { + margin-bottom: 4rem !important; + } + + .mb-lg-8 { + margin-bottom: 5rem !important; + } + + .mb-lg-9 { + margin-bottom: 6rem !important; + } + + .mb-lg-10 { + margin-bottom: 8rem !important; + } + + .mb-lg-11 { + margin-bottom: 10rem !important; + } + + .mb-lg-12 { + margin-bottom: 12rem !important; + } + + .mb-lg-13 { + margin-bottom: 14rem !important; + } + + .mb-lg-14 { + margin-bottom: 16rem !important; + } + + .ms-lg-0 { + margin-left: 0 !important; + } + + .ms-lg-1 { + margin-left: 0.25rem !important; + } + + .ms-lg-2 { + margin-left: 0.5rem !important; + } + + .ms-lg-3 { + margin-left: 1rem !important; + } + + .ms-lg-4 { + margin-left: 1.5rem !important; + } + + .ms-lg-5 { + margin-left: 3rem !important; + } + + .ms-lg-auto { + margin-left: auto !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mx-lg-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-lg-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-lg-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-lg-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-lg-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-lg-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-lg-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-lg-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-lg-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-lg-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-lg-n1 { + margin-top: -0.25rem !important; + } + + .mt-lg-n2 { + margin-top: -0.5rem !important; + } + + .mt-lg-n3 { + margin-top: -1rem !important; + } + + .mt-lg-n4 { + margin-top: -1.5rem !important; + } + + .mt-lg-n5 { + margin-top: -3rem !important; + } + + .me-lg-n1 { + margin-right: -0.25rem !important; + } + + .me-lg-n2 { + margin-right: -0.5rem !important; + } + + .me-lg-n3 { + margin-right: -1rem !important; + } + + .me-lg-n4 { + margin-right: -1.5rem !important; + } + + .me-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-lg-n3 { + margin-bottom: -1rem !important; + } + + .mb-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-lg-n5 { + margin-bottom: -3rem !important; + } + + .ms-lg-n1 { + margin-left: -0.25rem !important; + } + + .ms-lg-n2 { + margin-left: -0.5rem !important; + } + + .ms-lg-n3 { + margin-left: -1rem !important; + } + + .ms-lg-n4 { + margin-left: -1.5rem !important; + } + + .ms-lg-n5 { + margin-left: -3rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-lg-0 { + padding-top: 0 !important; + } + + .pt-lg-1 { + padding-top: 0.25rem !important; + } + + .pt-lg-2 { + padding-top: 0.5rem !important; + } + + .pt-lg-3 { + padding-top: 1rem !important; + } + + .pt-lg-4 { + padding-top: 1.5rem !important; + } + + .pt-lg-5 { + padding-top: 3rem !important; + } + + .pe-lg-0 { + padding-right: 0 !important; + } + + .pe-lg-1 { + padding-right: 0.25rem !important; + } + + .pe-lg-2 { + padding-right: 0.5rem !important; + } + + .pe-lg-3 { + padding-right: 1rem !important; + } + + .pe-lg-4 { + padding-right: 1.5rem !important; + } + + .pe-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-0 { + padding-bottom: 0 !important; + } + + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pb-lg-3 { + padding-bottom: 1rem !important; + } + + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pb-lg-5 { + padding-bottom: 3rem !important; + } + + .ps-lg-0 { + padding-left: 0 !important; + } + + .ps-lg-1 { + padding-left: 0.25rem !important; + } + + .ps-lg-2 { + padding-left: 0.5rem !important; + } + + .ps-lg-3 { + padding-left: 1rem !important; + } + + .ps-lg-4 { + padding-left: 1.5rem !important; + } + + .ps-lg-5 { + padding-left: 3rem !important; + } + + .text-lg-start { + text-align: left !important; + } + + .text-lg-end { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } } + @media (min-width: 1200px) { - .float-xl-start { - float: left !important; - } - .float-xl-end { - float: right !important; - } - .float-xl-none { - float: none !important; - } - .d-xl-inline { - display: inline !important; - } - .d-xl-inline-block { - display: inline-block !important; - } - .d-xl-block { - display: block !important; - } - .d-xl-grid { - display: grid !important; - } - .d-xl-table { - display: table !important; - } - .d-xl-table-row { - display: table-row !important; - } - .d-xl-table-cell { - display: table-cell !important; - } - .d-xl-flex { - display: flex !important; - } - .d-xl-inline-flex { - display: inline-flex !important; - } - .d-xl-none { - display: none !important; - } - .flex-xl-fill { - flex: 1 1 auto !important; - } - .flex-xl-row { - flex-direction: row !important; - } - .flex-xl-column { - flex-direction: column !important; - } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xl-grow-0 { - flex-grow: 0 !important; - } - .flex-xl-grow-1 { - flex-grow: 1 !important; - } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xl-wrap { - flex-wrap: wrap !important; - } - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-xl-0 { - gap: 0 !important; - } - .gap-xl-1 { - gap: 0.25rem !important; - } - .gap-xl-2 { - gap: 0.5rem !important; - } - .gap-xl-3 { - gap: 1rem !important; - } - .gap-xl-4 { - gap: 1.5rem !important; - } - .gap-xl-5 { - gap: 3rem !important; - } - .justify-content-xl-start { - justify-content: flex-start !important; - } - .justify-content-xl-end { - justify-content: flex-end !important; - } - .justify-content-xl-center { - justify-content: center !important; - } - .justify-content-xl-between { - justify-content: space-between !important; - } - .justify-content-xl-around { - justify-content: space-around !important; - } - .justify-content-xl-evenly { - justify-content: space-evenly !important; - } - .align-items-xl-start { - align-items: flex-start !important; - } - .align-items-xl-end { - align-items: flex-end !important; - } - .align-items-xl-center { - align-items: center !important; - } - .align-items-xl-baseline { - align-items: baseline !important; - } - .align-items-xl-stretch { - align-items: stretch !important; - } - .align-content-xl-start { - align-content: flex-start !important; - } - .align-content-xl-end { - align-content: flex-end !important; - } - .align-content-xl-center { - align-content: center !important; - } - .align-content-xl-between { - align-content: space-between !important; - } - .align-content-xl-around { - align-content: space-around !important; - } - .align-content-xl-stretch { - align-content: stretch !important; - } - .align-self-xl-auto { - align-self: auto !important; - } - .align-self-xl-start { - align-self: flex-start !important; - } - .align-self-xl-end { - align-self: flex-end !important; - } - .align-self-xl-center { - align-self: center !important; - } - .align-self-xl-baseline { - align-self: baseline !important; - } - .align-self-xl-stretch { - align-self: stretch !important; - } - .order-xl-first { - order: -1 !important; - } - .order-xl-0 { - order: 0 !important; - } - .order-xl-1 { - order: 1 !important; - } - .order-xl-2 { - order: 2 !important; - } - .order-xl-3 { - order: 3 !important; - } - .order-xl-4 { - order: 4 !important; - } - .order-xl-5 { - order: 5 !important; - } - .order-xl-last { - order: 6 !important; - } - .m-xl-0 { - margin: 0 !important; - } - .m-xl-1 { - margin: 0.25rem !important; - } - .m-xl-2 { - margin: 0.5rem !important; - } - .m-xl-3 { - margin: 1rem !important; - } - .m-xl-4 { - margin: 1.5rem !important; - } - .m-xl-5 { - margin: 3rem !important; - } - .m-xl-auto { - margin: auto !important; - } - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xl-0 { - margin-top: 0 !important; - } - .mt-xl-1 { - margin-top: 0.25rem !important; - } - .mt-xl-2 { - margin-top: 0.5rem !important; - } - .mt-xl-3 { - margin-top: 1rem !important; - } - .mt-xl-4 { - margin-top: 1.5rem !important; - } - .mt-xl-5 { - margin-top: 3rem !important; - } - .mt-xl-auto { - margin-top: auto !important; - } - .me-xl-0 { - margin-right: 0 !important; - } - .me-xl-1 { - margin-right: 0.25rem !important; - } - .me-xl-2 { - margin-right: 0.5rem !important; - } - .me-xl-3 { - margin-right: 1rem !important; - } - .me-xl-4 { - margin-right: 1.5rem !important; - } - .me-xl-5 { - margin-right: 3rem !important; - } - .me-xl-auto { - margin-right: auto !important; - } - .mb-xl-0 { - margin-bottom: 0 !important; - } - .mb-xl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xl-3 { - margin-bottom: 1rem !important; - } - .mb-xl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xl-5 { - margin-bottom: 3rem !important; - } - .mb-xl-auto { - margin-bottom: auto !important; - } - .mb-xl-6 { - margin-bottom: 3.5rem !important; - } - .mb-xl-7 { - margin-bottom: 4rem !important; - } - .mb-xl-8 { - margin-bottom: 5rem !important; - } - .mb-xl-9 { - margin-bottom: 6rem !important; - } - .mb-xl-10 { - margin-bottom: 8rem !important; - } - .mb-xl-11 { - margin-bottom: 10rem !important; - } - .mb-xl-12 { - margin-bottom: 12rem !important; - } - .mb-xl-13 { - margin-bottom: 14rem !important; - } - .mb-xl-14 { - margin-bottom: 16rem !important; - } - .ms-xl-0 { - margin-left: 0 !important; - } - .ms-xl-1 { - margin-left: 0.25rem !important; - } - .ms-xl-2 { - margin-left: 0.5rem !important; - } - .ms-xl-3 { - margin-left: 1rem !important; - } - .ms-xl-4 { - margin-left: 1.5rem !important; - } - .ms-xl-5 { - margin-left: 3rem !important; - } - .ms-xl-auto { - margin-left: auto !important; - } - .m-xl-n1 { - margin: -0.25rem !important; - } - .m-xl-n2 { - margin: -0.5rem !important; - } - .m-xl-n3 { - margin: -1rem !important; - } - .m-xl-n4 { - margin: -1.5rem !important; - } - .m-xl-n5 { - margin: -3rem !important; - } - .mx-xl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-xl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-xl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-xl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-xl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-xl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-xl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-xl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-xl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-xl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-xl-n1 { - margin-top: -0.25rem !important; - } - .mt-xl-n2 { - margin-top: -0.5rem !important; - } - .mt-xl-n3 { - margin-top: -1rem !important; - } - .mt-xl-n4 { - margin-top: -1.5rem !important; - } - .mt-xl-n5 { - margin-top: -3rem !important; - } - .me-xl-n1 { - margin-right: -0.25rem !important; - } - .me-xl-n2 { - margin-right: -0.5rem !important; - } - .me-xl-n3 { - margin-right: -1rem !important; - } - .me-xl-n4 { - margin-right: -1.5rem !important; - } - .me-xl-n5 { - margin-right: -3rem !important; - } - .mb-xl-n1 { - margin-bottom: -0.25rem !important; - } - .mb-xl-n2 { - margin-bottom: -0.5rem !important; - } - .mb-xl-n3 { - margin-bottom: -1rem !important; - } - .mb-xl-n4 { - margin-bottom: -1.5rem !important; - } - .mb-xl-n5 { - margin-bottom: -3rem !important; - } - .ms-xl-n1 { - margin-left: -0.25rem !important; - } - .ms-xl-n2 { - margin-left: -0.5rem !important; - } - .ms-xl-n3 { - margin-left: -1rem !important; - } - .ms-xl-n4 { - margin-left: -1.5rem !important; - } - .ms-xl-n5 { - margin-left: -3rem !important; - } - .p-xl-0 { - padding: 0 !important; - } - .p-xl-1 { - padding: 0.25rem !important; - } - .p-xl-2 { - padding: 0.5rem !important; - } - .p-xl-3 { - padding: 1rem !important; - } - .p-xl-4 { - padding: 1.5rem !important; - } - .p-xl-5 { - padding: 3rem !important; - } - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xl-0 { - padding-top: 0 !important; - } - .pt-xl-1 { - padding-top: 0.25rem !important; - } - .pt-xl-2 { - padding-top: 0.5rem !important; - } - .pt-xl-3 { - padding-top: 1rem !important; - } - .pt-xl-4 { - padding-top: 1.5rem !important; - } - .pt-xl-5 { - padding-top: 3rem !important; - } - .pe-xl-0 { - padding-right: 0 !important; - } - .pe-xl-1 { - padding-right: 0.25rem !important; - } - .pe-xl-2 { - padding-right: 0.5rem !important; - } - .pe-xl-3 { - padding-right: 1rem !important; - } - .pe-xl-4 { - padding-right: 1.5rem !important; - } - .pe-xl-5 { - padding-right: 3rem !important; - } - .pb-xl-0 { - padding-bottom: 0 !important; - } - .pb-xl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xl-3 { - padding-bottom: 1rem !important; - } - .pb-xl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xl-5 { - padding-bottom: 3rem !important; - } - .ps-xl-0 { - padding-left: 0 !important; - } - .ps-xl-1 { - padding-left: 0.25rem !important; - } - .ps-xl-2 { - padding-left: 0.5rem !important; - } - .ps-xl-3 { - padding-left: 1rem !important; - } - .ps-xl-4 { - padding-left: 1.5rem !important; - } - .ps-xl-5 { - padding-left: 3rem !important; - } - .text-xl-start { - text-align: left !important; - } - .text-xl-end { - text-align: right !important; - } - .text-xl-center { - text-align: center !important; - } + .float-xl-start { + float: left !important; + } + + .float-xl-end { + float: right !important; + } + + .float-xl-none { + float: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-grid { + display: grid !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } + + .d-xl-none { + display: none !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-xl-0 { + gap: 0 !important; + } + + .gap-xl-1 { + gap: 0.25rem !important; + } + + .gap-xl-2 { + gap: 0.5rem !important; + } + + .gap-xl-3 { + gap: 1rem !important; + } + + .gap-xl-4 { + gap: 1.5rem !important; + } + + .gap-xl-5 { + gap: 3rem !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } + + .order-xl-first { + order: -1 !important; + } + + .order-xl-0 { + order: 0 !important; + } + + .order-xl-1 { + order: 1 !important; + } + + .order-xl-2 { + order: 2 !important; + } + + .order-xl-3 { + order: 3 !important; + } + + .order-xl-4 { + order: 4 !important; + } + + .order-xl-5 { + order: 5 !important; + } + + .order-xl-last { + order: 6 !important; + } + + .m-xl-0 { + margin: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xl-0 { + margin-top: 0 !important; + } + + .mt-xl-1 { + margin-top: 0.25rem !important; + } + + .mt-xl-2 { + margin-top: 0.5rem !important; + } + + .mt-xl-3 { + margin-top: 1rem !important; + } + + .mt-xl-4 { + margin-top: 1.5rem !important; + } + + .mt-xl-5 { + margin-top: 3rem !important; + } + + .mt-xl-auto { + margin-top: auto !important; + } + + .me-xl-0 { + margin-right: 0 !important; + } + + .me-xl-1 { + margin-right: 0.25rem !important; + } + + .me-xl-2 { + margin-right: 0.5rem !important; + } + + .me-xl-3 { + margin-right: 1rem !important; + } + + .me-xl-4 { + margin-right: 1.5rem !important; + } + + .me-xl-5 { + margin-right: 3rem !important; + } + + .me-xl-auto { + margin-right: auto !important; + } + + .mb-xl-0 { + margin-bottom: 0 !important; + } + + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xl-3 { + margin-bottom: 1rem !important; + } + + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xl-5 { + margin-bottom: 3rem !important; + } + + .mb-xl-auto { + margin-bottom: auto !important; + } + + .mb-xl-6 { + margin-bottom: 3.5rem !important; + } + + .mb-xl-7 { + margin-bottom: 4rem !important; + } + + .mb-xl-8 { + margin-bottom: 5rem !important; + } + + .mb-xl-9 { + margin-bottom: 6rem !important; + } + + .mb-xl-10 { + margin-bottom: 8rem !important; + } + + .mb-xl-11 { + margin-bottom: 10rem !important; + } + + .mb-xl-12 { + margin-bottom: 12rem !important; + } + + .mb-xl-13 { + margin-bottom: 14rem !important; + } + + .mb-xl-14 { + margin-bottom: 16rem !important; + } + + .ms-xl-0 { + margin-left: 0 !important; + } + + .ms-xl-1 { + margin-left: 0.25rem !important; + } + + .ms-xl-2 { + margin-left: 0.5rem !important; + } + + .ms-xl-3 { + margin-left: 1rem !important; + } + + .ms-xl-4 { + margin-left: 1.5rem !important; + } + + .ms-xl-5 { + margin-left: 3rem !important; + } + + .ms-xl-auto { + margin-left: auto !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .mx-xl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-xl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-xl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xl-n3 { + margin-top: -1rem !important; + } + + .mt-xl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xl-n5 { + margin-top: -3rem !important; + } + + .me-xl-n1 { + margin-right: -0.25rem !important; + } + + .me-xl-n2 { + margin-right: -0.5rem !important; + } + + .me-xl-n3 { + margin-right: -1rem !important; + } + + .me-xl-n4 { + margin-right: -1.5rem !important; + } + + .me-xl-n5 { + margin-right: -3rem !important; + } + + .mb-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xl-n5 { + margin-bottom: -3rem !important; + } + + .ms-xl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xl-n3 { + margin-left: -1rem !important; + } + + .ms-xl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xl-n5 { + margin-left: -3rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-xl-0 { + padding-top: 0 !important; + } + + .pt-xl-1 { + padding-top: 0.25rem !important; + } + + .pt-xl-2 { + padding-top: 0.5rem !important; + } + + .pt-xl-3 { + padding-top: 1rem !important; + } + + .pt-xl-4 { + padding-top: 1.5rem !important; + } + + .pt-xl-5 { + padding-top: 3rem !important; + } + + .pe-xl-0 { + padding-right: 0 !important; + } + + .pe-xl-1 { + padding-right: 0.25rem !important; + } + + .pe-xl-2 { + padding-right: 0.5rem !important; + } + + .pe-xl-3 { + padding-right: 1rem !important; + } + + .pe-xl-4 { + padding-right: 1.5rem !important; + } + + .pe-xl-5 { + padding-right: 3rem !important; + } + + .pb-xl-0 { + padding-bottom: 0 !important; + } + + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xl-3 { + padding-bottom: 1rem !important; + } + + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xl-5 { + padding-bottom: 3rem !important; + } + + .ps-xl-0 { + padding-left: 0 !important; + } + + .ps-xl-1 { + padding-left: 0.25rem !important; + } + + .ps-xl-2 { + padding-left: 0.5rem !important; + } + + .ps-xl-3 { + padding-left: 1rem !important; + } + + .ps-xl-4 { + padding-left: 1.5rem !important; + } + + .ps-xl-5 { + padding-left: 3rem !important; + } + + .text-xl-start { + text-align: left !important; + } + + .text-xl-end { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } } + @media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - .float-xxl-end { - float: right !important; - } - .float-xxl-none { - float: none !important; - } - .d-xxl-inline { - display: inline !important; - } - .d-xxl-inline-block { - display: inline-block !important; - } - .d-xxl-block { - display: block !important; - } - .d-xxl-grid { - display: grid !important; - } - .d-xxl-table { - display: table !important; - } - .d-xxl-table-row { - display: table-row !important; - } - .d-xxl-table-cell { - display: table-cell !important; - } - .d-xxl-flex { - display: flex !important; - } - .d-xxl-inline-flex { - display: inline-flex !important; - } - .d-xxl-none { - display: none !important; - } - .flex-xxl-fill { - flex: 1 1 auto !important; - } - .flex-xxl-row { - flex-direction: row !important; - } - .flex-xxl-column { - flex-direction: column !important; - } - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-xxl-0 { - gap: 0 !important; - } - .gap-xxl-1 { - gap: 0.25rem !important; - } - .gap-xxl-2 { - gap: 0.5rem !important; - } - .gap-xxl-3 { - gap: 1rem !important; - } - .gap-xxl-4 { - gap: 1.5rem !important; - } - .gap-xxl-5 { - gap: 3rem !important; - } - .justify-content-xxl-start { - justify-content: flex-start !important; - } - .justify-content-xxl-end { - justify-content: flex-end !important; - } - .justify-content-xxl-center { - justify-content: center !important; - } - .justify-content-xxl-between { - justify-content: space-between !important; - } - .justify-content-xxl-around { - justify-content: space-around !important; - } - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - .align-items-xxl-start { - align-items: flex-start !important; - } - .align-items-xxl-end { - align-items: flex-end !important; - } - .align-items-xxl-center { - align-items: center !important; - } - .align-items-xxl-baseline { - align-items: baseline !important; - } - .align-items-xxl-stretch { - align-items: stretch !important; - } - .align-content-xxl-start { - align-content: flex-start !important; - } - .align-content-xxl-end { - align-content: flex-end !important; - } - .align-content-xxl-center { - align-content: center !important; - } - .align-content-xxl-between { - align-content: space-between !important; - } - .align-content-xxl-around { - align-content: space-around !important; - } - .align-content-xxl-stretch { - align-content: stretch !important; - } - .align-self-xxl-auto { - align-self: auto !important; - } - .align-self-xxl-start { - align-self: flex-start !important; - } - .align-self-xxl-end { - align-self: flex-end !important; - } - .align-self-xxl-center { - align-self: center !important; - } - .align-self-xxl-baseline { - align-self: baseline !important; - } - .align-self-xxl-stretch { - align-self: stretch !important; - } - .order-xxl-first { - order: -1 !important; - } - .order-xxl-0 { - order: 0 !important; - } - .order-xxl-1 { - order: 1 !important; - } - .order-xxl-2 { - order: 2 !important; - } - .order-xxl-3 { - order: 3 !important; - } - .order-xxl-4 { - order: 4 !important; - } - .order-xxl-5 { - order: 5 !important; - } - .order-xxl-last { - order: 6 !important; - } - .m-xxl-0 { - margin: 0 !important; - } - .m-xxl-1 { - margin: 0.25rem !important; - } - .m-xxl-2 { - margin: 0.5rem !important; - } - .m-xxl-3 { - margin: 1rem !important; - } - .m-xxl-4 { - margin: 1.5rem !important; - } - .m-xxl-5 { - margin: 3rem !important; - } - .m-xxl-auto { - margin: auto !important; - } - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xxl-0 { - margin-top: 0 !important; - } - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - .mt-xxl-3 { - margin-top: 1rem !important; - } - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - .mt-xxl-5 { - margin-top: 3rem !important; - } - .mt-xxl-auto { - margin-top: auto !important; - } - .me-xxl-0 { - margin-right: 0 !important; - } - .me-xxl-1 { - margin-right: 0.25rem !important; - } - .me-xxl-2 { - margin-right: 0.5rem !important; - } - .me-xxl-3 { - margin-right: 1rem !important; - } - .me-xxl-4 { - margin-right: 1.5rem !important; - } - .me-xxl-5 { - margin-right: 3rem !important; - } - .me-xxl-auto { - margin-right: auto !important; - } - .mb-xxl-0 { - margin-bottom: 0 !important; - } - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - .mb-xxl-auto { - margin-bottom: auto !important; - } - .mb-xxl-6 { - margin-bottom: 3.5rem !important; - } - .mb-xxl-7 { - margin-bottom: 4rem !important; - } - .mb-xxl-8 { - margin-bottom: 5rem !important; - } - .mb-xxl-9 { - margin-bottom: 6rem !important; - } - .mb-xxl-10 { - margin-bottom: 8rem !important; - } - .mb-xxl-11 { - margin-bottom: 10rem !important; - } - .mb-xxl-12 { - margin-bottom: 12rem !important; - } - .mb-xxl-13 { - margin-bottom: 14rem !important; - } - .mb-xxl-14 { - margin-bottom: 16rem !important; - } - .ms-xxl-0 { - margin-left: 0 !important; - } - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - .ms-xxl-3 { - margin-left: 1rem !important; - } - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - .ms-xxl-5 { - margin-left: 3rem !important; - } - .ms-xxl-auto { - margin-left: auto !important; - } - .m-xxl-n1 { - margin: -0.25rem !important; - } - .m-xxl-n2 { - margin: -0.5rem !important; - } - .m-xxl-n3 { - margin: -1rem !important; - } - .m-xxl-n4 { - margin: -1.5rem !important; - } - .m-xxl-n5 { - margin: -3rem !important; - } - .mx-xxl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-xxl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-xxl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-xxl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-xxl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-xxl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-xxl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-xxl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-xxl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-xxl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-xxl-n1 { - margin-top: -0.25rem !important; - } - .mt-xxl-n2 { - margin-top: -0.5rem !important; - } - .mt-xxl-n3 { - margin-top: -1rem !important; - } - .mt-xxl-n4 { - margin-top: -1.5rem !important; - } - .mt-xxl-n5 { - margin-top: -3rem !important; - } - .me-xxl-n1 { - margin-right: -0.25rem !important; - } - .me-xxl-n2 { - margin-right: -0.5rem !important; - } - .me-xxl-n3 { - margin-right: -1rem !important; - } - .me-xxl-n4 { - margin-right: -1.5rem !important; - } - .me-xxl-n5 { - margin-right: -3rem !important; - } - .mb-xxl-n1 { - margin-bottom: -0.25rem !important; - } - .mb-xxl-n2 { - margin-bottom: -0.5rem !important; - } - .mb-xxl-n3 { - margin-bottom: -1rem !important; - } - .mb-xxl-n4 { - margin-bottom: -1.5rem !important; - } - .mb-xxl-n5 { - margin-bottom: -3rem !important; - } - .ms-xxl-n1 { - margin-left: -0.25rem !important; - } - .ms-xxl-n2 { - margin-left: -0.5rem !important; - } - .ms-xxl-n3 { - margin-left: -1rem !important; - } - .ms-xxl-n4 { - margin-left: -1.5rem !important; - } - .ms-xxl-n5 { - margin-left: -3rem !important; - } - .p-xxl-0 { - padding: 0 !important; - } - .p-xxl-1 { - padding: 0.25rem !important; - } - .p-xxl-2 { - padding: 0.5rem !important; - } - .p-xxl-3 { - padding: 1rem !important; - } - .p-xxl-4 { - padding: 1.5rem !important; - } - .p-xxl-5 { - padding: 3rem !important; - } - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xxl-0 { - padding-top: 0 !important; - } - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - .pt-xxl-3 { - padding-top: 1rem !important; - } - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - .pt-xxl-5 { - padding-top: 3rem !important; - } - .pe-xxl-0 { - padding-right: 0 !important; - } - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - .pe-xxl-3 { - padding-right: 1rem !important; - } - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - .pe-xxl-5 { - padding-right: 3rem !important; - } - .pb-xxl-0 { - padding-bottom: 0 !important; - } - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xxl-5 { - padding-bottom: 3rem !important; - } - .ps-xxl-0 { - padding-left: 0 !important; - } - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - .ps-xxl-3 { - padding-left: 1rem !important; - } - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - .ps-xxl-5 { - padding-left: 3rem !important; - } - .text-xxl-start { - text-align: left !important; - } - .text-xxl-end { - text-align: right !important; - } - .text-xxl-center { - text-align: center !important; - } + .float-xxl-start { + float: left !important; + } + + .float-xxl-end { + float: right !important; + } + + .float-xxl-none { + float: none !important; + } + + .d-xxl-inline { + display: inline !important; + } + + .d-xxl-inline-block { + display: inline-block !important; + } + + .d-xxl-block { + display: block !important; + } + + .d-xxl-grid { + display: grid !important; + } + + .d-xxl-table { + display: table !important; + } + + .d-xxl-table-row { + display: table-row !important; + } + + .d-xxl-table-cell { + display: table-cell !important; + } + + .d-xxl-flex { + display: flex !important; + } + + .d-xxl-inline-flex { + display: inline-flex !important; + } + + .d-xxl-none { + display: none !important; + } + + .flex-xxl-fill { + flex: 1 1 auto !important; + } + + .flex-xxl-row { + flex-direction: row !important; + } + + .flex-xxl-column { + flex-direction: column !important; + } + + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .gap-xxl-0 { + gap: 0 !important; + } + + .gap-xxl-1 { + gap: 0.25rem !important; + } + + .gap-xxl-2 { + gap: 0.5rem !important; + } + + .gap-xxl-3 { + gap: 1rem !important; + } + + .gap-xxl-4 { + gap: 1.5rem !important; + } + + .gap-xxl-5 { + gap: 3rem !important; + } + + .justify-content-xxl-start { + justify-content: flex-start !important; + } + + .justify-content-xxl-end { + justify-content: flex-end !important; + } + + .justify-content-xxl-center { + justify-content: center !important; + } + + .justify-content-xxl-between { + justify-content: space-between !important; + } + + .justify-content-xxl-around { + justify-content: space-around !important; + } + + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xxl-start { + align-items: flex-start !important; + } + + .align-items-xxl-end { + align-items: flex-end !important; + } + + .align-items-xxl-center { + align-items: center !important; + } + + .align-items-xxl-baseline { + align-items: baseline !important; + } + + .align-items-xxl-stretch { + align-items: stretch !important; + } + + .align-content-xxl-start { + align-content: flex-start !important; + } + + .align-content-xxl-end { + align-content: flex-end !important; + } + + .align-content-xxl-center { + align-content: center !important; + } + + .align-content-xxl-between { + align-content: space-between !important; + } + + .align-content-xxl-around { + align-content: space-around !important; + } + + .align-content-xxl-stretch { + align-content: stretch !important; + } + + .align-self-xxl-auto { + align-self: auto !important; + } + + .align-self-xxl-start { + align-self: flex-start !important; + } + + .align-self-xxl-end { + align-self: flex-end !important; + } + + .align-self-xxl-center { + align-self: center !important; + } + + .align-self-xxl-baseline { + align-self: baseline !important; + } + + .align-self-xxl-stretch { + align-self: stretch !important; + } + + .order-xxl-first { + order: -1 !important; + } + + .order-xxl-0 { + order: 0 !important; + } + + .order-xxl-1 { + order: 1 !important; + } + + .order-xxl-2 { + order: 2 !important; + } + + .order-xxl-3 { + order: 3 !important; + } + + .order-xxl-4 { + order: 4 !important; + } + + .order-xxl-5 { + order: 5 !important; + } + + .order-xxl-last { + order: 6 !important; + } + + .m-xxl-0 { + margin: 0 !important; + } + + .m-xxl-1 { + margin: 0.25rem !important; + } + + .m-xxl-2 { + margin: 0.5rem !important; + } + + .m-xxl-3 { + margin: 1rem !important; + } + + .m-xxl-4 { + margin: 1.5rem !important; + } + + .m-xxl-5 { + margin: 3rem !important; + } + + .m-xxl-auto { + margin: auto !important; + } + + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xxl-0 { + margin-top: 0 !important; + } + + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + + .mt-xxl-3 { + margin-top: 1rem !important; + } + + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + + .mt-xxl-5 { + margin-top: 3rem !important; + } + + .mt-xxl-auto { + margin-top: auto !important; + } + + .me-xxl-0 { + margin-right: 0 !important; + } + + .me-xxl-1 { + margin-right: 0.25rem !important; + } + + .me-xxl-2 { + margin-right: 0.5rem !important; + } + + .me-xxl-3 { + margin-right: 1rem !important; + } + + .me-xxl-4 { + margin-right: 1.5rem !important; + } + + .me-xxl-5 { + margin-right: 3rem !important; + } + + .me-xxl-auto { + margin-right: auto !important; + } + + .mb-xxl-0 { + margin-bottom: 0 !important; + } + + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + + .mb-xxl-auto { + margin-bottom: auto !important; + } + + .mb-xxl-6 { + margin-bottom: 3.5rem !important; + } + + .mb-xxl-7 { + margin-bottom: 4rem !important; + } + + .mb-xxl-8 { + margin-bottom: 5rem !important; + } + + .mb-xxl-9 { + margin-bottom: 6rem !important; + } + + .mb-xxl-10 { + margin-bottom: 8rem !important; + } + + .mb-xxl-11 { + margin-bottom: 10rem !important; + } + + .mb-xxl-12 { + margin-bottom: 12rem !important; + } + + .mb-xxl-13 { + margin-bottom: 14rem !important; + } + + .mb-xxl-14 { + margin-bottom: 16rem !important; + } + + .ms-xxl-0 { + margin-left: 0 !important; + } + + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + + .ms-xxl-3 { + margin-left: 1rem !important; + } + + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + + .ms-xxl-5 { + margin-left: 3rem !important; + } + + .ms-xxl-auto { + margin-left: auto !important; + } + + .m-xxl-n1 { + margin: -0.25rem !important; + } + + .m-xxl-n2 { + margin: -0.5rem !important; + } + + .m-xxl-n3 { + margin: -1rem !important; + } + + .m-xxl-n4 { + margin: -1.5rem !important; + } + + .m-xxl-n5 { + margin: -3rem !important; + } + + .mx-xxl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xxl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xxl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xxl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xxl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .my-xxl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xxl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xxl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xxl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xxl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .mt-xxl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xxl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xxl-n3 { + margin-top: -1rem !important; + } + + .mt-xxl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xxl-n5 { + margin-top: -3rem !important; + } + + .me-xxl-n1 { + margin-right: -0.25rem !important; + } + + .me-xxl-n2 { + margin-right: -0.5rem !important; + } + + .me-xxl-n3 { + margin-right: -1rem !important; + } + + .me-xxl-n4 { + margin-right: -1.5rem !important; + } + + .me-xxl-n5 { + margin-right: -3rem !important; + } + + .mb-xxl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xxl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xxl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xxl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xxl-n5 { + margin-bottom: -3rem !important; + } + + .ms-xxl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xxl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xxl-n3 { + margin-left: -1rem !important; + } + + .ms-xxl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xxl-n5 { + margin-left: -3rem !important; + } + + .p-xxl-0 { + padding: 0 !important; + } + + .p-xxl-1 { + padding: 0.25rem !important; + } + + .p-xxl-2 { + padding: 0.5rem !important; + } + + .p-xxl-3 { + padding: 1rem !important; + } + + .p-xxl-4 { + padding: 1.5rem !important; + } + + .p-xxl-5 { + padding: 3rem !important; + } + + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-xxl-0 { + padding-top: 0 !important; + } + + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + + .pt-xxl-3 { + padding-top: 1rem !important; + } + + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + + .pt-xxl-5 { + padding-top: 3rem !important; + } + + .pe-xxl-0 { + padding-right: 0 !important; + } + + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + + .pe-xxl-3 { + padding-right: 1rem !important; + } + + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + + .pe-xxl-5 { + padding-right: 3rem !important; + } + + .pb-xxl-0 { + padding-bottom: 0 !important; + } + + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + + .ps-xxl-0 { + padding-left: 0 !important; + } + + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + + .ps-xxl-3 { + padding-left: 1rem !important; + } + + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + + .ps-xxl-5 { + padding-left: 3rem !important; + } + + .text-xxl-start { + text-align: left !important; + } + + .text-xxl-end { + text-align: right !important; + } + + .text-xxl-center { + text-align: center !important; + } } + @media (min-width: 1200px) { - .fs-1 { - font-size: 2.5rem !important; - } - .fs-2 { - font-size: 2rem !important; - } - .fs-3 { - font-size: 1.75rem !important; - } - .fs-4 { - font-size: 1.5rem !important; - } + .fs-1 { + font-size: 2.5rem !important; + } + + .fs-2 { + font-size: 2rem !important; + } + + .fs-3 { + font-size: 1.75rem !important; + } + + .fs-4 { + font-size: 1.5rem !important; + } } + @media print { - .d-print-inline { - display: inline !important; - } - .d-print-inline-block { - display: inline-block !important; - } - .d-print-block { - display: block !important; - } - .d-print-grid { - display: grid !important; - } - .d-print-table { - display: table !important; - } - .d-print-table-row { - display: table-row !important; - } - .d-print-table-cell { - display: table-cell !important; - } - .d-print-flex { - display: flex !important; - } - .d-print-inline-flex { - display: inline-flex !important; - } - .d-print-none { - display: none !important; - } + .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; + } } + /* -------------- Navbar principale -------------- */ .navbar { - border: 1px solid transparent; - padding-top: 0rem; - padding-bottom: 0rem; + border: 1px solid transparent; + padding-top: 0rem; + padding-bottom: 0rem; } .navbar .navbar-brand { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } .navbar .navbar-brand h1.title, .navbar .navbar-brand .title.h1 { - margin-bottom: 0; + margin-bottom: 0; } .navbar .container { - padding-left: 0px; - padding-right: 0px; + padding-left: 0px; + padding-right: 0px; } .navbar-dark #user-current-info, .navbar-dark .user-connection { - color: rgba(255, 255, 255, 0.55); + color: rgba(255, 255, 255, 0.55); } .navbar-dark #user-current-info:hover, .navbar-dark .user-connection:hover { - color: rgba(255, 255, 255, 0.75); + color: rgba(255, 255, 255, 0.75); } .user-profile-select-form .radio { - white-space: nowrap; + white-space: nowrap; } .user-profile-select-form .radio input { - margin-left: 1em; - margin-right: 0.3em; + margin-left: 1em; + margin-right: 0.3em; } /* -------------- Cards -------------- */ .card { - margin-bottom: 20px; + margin-bottom: 20px; } .card div:last-child { - border-bottom-left-radius: 0.5em; - border-bottom-right-radius: 0.5em; + border-bottom-left-radius: 0.5em; + border-bottom-right-radius: 0.5em; } .card ul:last-child { - border-bottom-left-radius: 0.5em; - border-bottom-right-radius: 0.5em; + border-bottom-left-radius: 0.5em; + border-bottom-right-radius: 0.5em; } .card table:last-child { - border-bottom-left-radius: 0.5em; - border-bottom-right-radius: 0.5em; + border-bottom-left-radius: 0.5em; + border-bottom-right-radius: 0.5em; } .card.bg-default .card-header { - background-color: #f5f5f5; + background-color: #f5f5f5; } .card-body { - background-color: white; + background-color: white; } .card > .table { - margin-bottom: 0px; - border-top: 0px white solid; + margin-bottom: 0px; + border-top: 0px white solid; } .card .dataTables_wrapper .row { - margin-left: -9px; - margin-right: -9px; + margin-left: -9px; + margin-right: -9px; } .card .dataTables_wrapper .table { - margin-left: -2px; + margin-left: -2px; } .card.bg-success { - background-color: #80c299 !important; + background-color: #80c299 !important; } .card.bg-danger { - background-color: #e35858 !important; + background-color: #e35858 !important; } .card.bg-warning { - background-color: #e3a72f !important; + background-color: #e3a72f !important; } /* -------------- DataTables -------------- */ .dt-bootstrap5 .page-link { - border-radius: 0px; + border-radius: 0px; } /* -------------- Textes -------------- */ a { - text-decoration: none; + text-decoration: none; } .page-header { - border-bottom: 1px solid #eee; - padding-bottom: 9px; - margin: 40px 0 20px; + border-bottom: 1px solid #eee; + padding-bottom: 9px; + margin: 40px 0 20px; } h1.page-header, .page-header.h1 { - margin-top: 10px; + margin-top: 10px; } /* -------------- Tableaux -------------- */ .table th { - font-weight: 600; + font-weight: 600; } table thead th { - border-bottom: 1px solid #ddd !important; + border-bottom: 1px solid #ddd !important; } /* -------------- Modales -------------- */ .modal-header { - padding-top: 5px; - padding-bottom: 5px; - background-color: #69a9dd; - color: navy; + padding-top: 5px; + padding-bottom: 5px; + background-color: #69a9dd; + color: navy; } .modal-header .modal-title { - font-size: 1.5rem; + font-size: 1.5rem; } .modal-footer { - padding-top: 5px; - padding-bottom: 5px; - padding-right: 5px; - background-color: #fafafa; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 5px; + background-color: #fafafa; } @media (min-width: 800px) { - .modal-dialog { - width: 600px; - max-width: 600px; - } + .modal-dialog { + width: 600px; + max-width: 600px; + } } + @media (min-width: 1000px) { - .modal-dialog { - width: 800px; - max-width: 800px; - } + .modal-dialog { + width: 800px; + max-width: 800px; + } } + /* -------------- Popovers -------------- */ @media (min-width: 400px) { - .popover { - max-width: 350px; - } + .popover { + max-width: 350px; + } } + @media (min-width: 600px) { - .popover { - max-width: 300px; - } + .popover { + max-width: 300px; + } } + @media (min-width: 800px) { - .popover { - max-width: 400px; - } + .popover { + max-width: 400px; + } } + @media (min-width: 1000px) { - .popover { - max-width: 600px; - } + .popover { + max-width: 600px; + } } + .popover .popover-body.alert { - margin-bottom: 0px; + margin-bottom: 0px; } /* -------------- Listes de définition -------------- */ dl { - margin-top: 0; - margin-bottom: 20px; + margin-top: 0; + margin-bottom: 20px; } dt { - font-weight: 700; + font-weight: 700; } .dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; } dd { - margin-left: 0; + margin-left: 0; } dd, dt { - line-height: 1.42857143; + line-height: 1.42857143; } .dl-horizontal dd { - margin-left: 180px; + margin-left: 180px; } /* -------------- Boutons -------------- */ .btn-light { - border: 1px #bdbdbd solid; + border: 1px #bdbdbd solid; } .btn-light:hover { - border: 1px #aaa solid; + border: 1px #aaa solid; } .btn-light:focus-within { - border: 1px #aaa solid; + border: 1px #aaa solid; } /* -------------- Divers -------------- */ .progress { - height: 20px; + height: 20px; } .form-check-input:checked[type=checkbox] { - background-image: none; + background-image: none; } .danger-light { - background-color: #dc4c64; - color: #fff; + background-color: #dc4c64; + color: #fff; } /* -------------- Personnalisation du bootstrap-select -------------- */ .bootstrap-select .btn { - box-shadow: none; - border: 1px #ced4da solid; - border-radius: 4px; - background-color: white; - text-transform: none; - font-size: 1rem; - font-weight: 400; - font-family: "Open Sans"; - color: rgb(79, 79, 79); - transition: none; + box-shadow: none; + border: 1px #ced4da solid; + border-radius: 4px; + background-color: white; + text-transform: none; + font-size: 1rem; + font-weight: 400; + font-family: "Open Sans"; + color: rgb(79, 79, 79); + transition: none; } .bootstrap-select .btn.show:hover { - background-color: white; - box-shadow: none; - transition: none; + background-color: white; + box-shadow: none; + transition: none; } .bootstrap-select .btn-light { - border-color: #ced4da; + border-color: #ced4da; } @keyframes bs-notify-fadeOut { - 0% { - opacity: 0.9; - } - 100% { - opacity: 0; - } + 0% { + opacity: 0.9; + } + 100% { + opacity: 0; + } } + select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker { - display: none !important; + display: none !important; } .bootstrap-select { - width: 220px; - vertical-align: middle; + width: 220px; + vertical-align: middle; } + .bootstrap-select > .dropdown-toggle { - position: relative; - width: 100%; - text-align: right; - white-space: nowrap; - display: inline-flex; - align-items: center; - justify-content: space-between; + position: relative; + width: 100%; + text-align: right; + white-space: nowrap; + display: inline-flex; + align-items: center; + justify-content: space-between; } + .bootstrap-select > .dropdown-toggle:after { - margin-top: -1px; + margin-top: -1px; } + .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { - color: #999; + color: #999; } + .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } + .bootstrap-select > select { - position: absolute !important; - bottom: 0; - left: 50%; - display: block !important; - width: 0.5px !important; - height: 100% !important; - padding: 0 !important; - opacity: 0 !important; - border: none; - z-index: 0 !important; + position: absolute !important; + bottom: 0; + left: 50%; + display: block !important; + width: 0.5px !important; + height: 100% !important; + padding: 0 !important; + opacity: 0 !important; + border: none; + z-index: 0 !important; } + .bootstrap-select > select.mobile-device { - top: 0; - left: 0; - display: block !important; - width: 100% !important; - z-index: 2 !important; + top: 0; + left: 0; + display: block !important; + width: 100% !important; + z-index: 2 !important; } + .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle { - border-color: rgb(185, 74, 72); + border-color: rgb(185, 74, 72); } + .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle { - border-color: #28a745; + border-color: #28a745; } + .bootstrap-select.fit-width { - width: auto !important; + width: auto !important; } + .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { - width: 220px; + width: 220px; } + .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { - outline: thin dotted #333333 !important; - outline: 5px auto -webkit-focus-ring-color !important; - outline-offset: -2px; + outline: thin dotted #333333 !important; + outline: 5px auto -webkit-focus-ring-color !important; + outline-offset: -2px; } .bootstrap-select.form-control { - margin-bottom: 0; - padding: 0; - border: none; - height: auto; + margin-bottom: 0; + padding: 0; + border: none; + height: auto; } + :not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) { - width: 100%; + width: 100%; } + .bootstrap-select.form-control.input-group-btn { - float: none; - z-index: auto; + float: none; + z-index: auto; } + .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) { - width: auto; + width: auto; } + .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] { - float: none; - display: inline-block; - margin-left: 0; + float: none; + display: inline-block; + margin-left: 0; } + .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right { - float: right; + float: right; } + .form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { - margin-bottom: 0; + margin-bottom: 0; } + .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { - padding: 0; + padding: 0; } + .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { - height: 100%; - font-size: inherit; - line-height: inherit; - border-radius: inherit; + height: 100%; + font-size: inherit; + line-height: inherit; + border-radius: inherit; } + .bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { - font-size: inherit; - line-height: inherit; - border-radius: inherit; + font-size: inherit; + line-height: inherit; + border-radius: inherit; } + .bootstrap-select.form-control-sm .dropdown-toggle { - padding: 0.25rem 0.5rem; + padding: 0.25rem 0.5rem; } + .bootstrap-select.form-control-lg .dropdown-toggle { - padding: 0.5rem 1rem; + padding: 0.5rem 1rem; } + .form-inline .bootstrap-select .form-control { - width: 100%; + width: 100%; } + .bootstrap-select.disabled, .bootstrap-select > .disabled { - cursor: not-allowed; + cursor: not-allowed; } + .bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus { - outline: none !important; + outline: none !important; } + .bootstrap-select.bs-container { - position: absolute; - top: 0; - left: 0; - height: 0 !important; - padding: 0 !important; + position: absolute; + top: 0; + left: 0; + height: 0 !important; + padding: 0 !important; } + .bootstrap-select.bs-container .dropdown-menu { - z-index: 1060; + z-index: 1060; } + .bootstrap-select .dropdown-toggle .filter-option { - position: static; - top: 0; - left: 0; - float: left; - height: 100%; - width: 100%; - text-align: left; - overflow: hidden; - flex: 0 1 auto; + position: static; + top: 0; + left: 0; + float: left; + height: 100%; + width: 100%; + text-align: left; + overflow: hidden; + flex: 0 1 auto; } + .bs3.bootstrap-select .dropdown-toggle .filter-option { - padding-right: inherit; + padding-right: inherit; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option { - position: absolute; - padding-top: inherit; - padding-bottom: inherit; - padding-left: inherit; - float: none; + position: absolute; + padding-top: inherit; + padding-bottom: inherit; + padding-left: inherit; + float: none; } + .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner { - padding-right: inherit; + padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { - overflow: hidden; + overflow: hidden; } + .bootstrap-select .dropdown-toggle .filter-expand { - width: 0 !important; - float: left; - opacity: 0 !important; - overflow: hidden; + width: 0 !important; + float: left; + opacity: 0 !important; + overflow: hidden; } + .bootstrap-select .dropdown-toggle .caret { - position: absolute; - top: 50%; - right: 12px; - margin-top: -2px; - vertical-align: middle; + position: absolute; + top: 50%; + right: 12px; + margin-top: -2px; + vertical-align: middle; } + .bootstrap-select .dropdown-toggle .bs-select-clear-selected { - position: relative; - display: block; - margin-right: 5px; - text-align: center; + position: relative; + display: block; + margin-right: 5px; + text-align: center; } + .bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected { - padding-right: inherit; + padding-right: inherit; } .bootstrap-select .dropdown-toggle .bs-select-clear-selected span { - position: relative; - top: calc((-0.6666666667em + 1ex) / 2); - pointer-events: none; + position: relative; + top: calc((-0.6666666667em + 1ex) / 2); + pointer-events: none; } + .bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span { - top: auto; + top: auto; } .bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected { - display: none; + display: none; } + .input-group .bootstrap-select.form-control .dropdown-toggle { - border-radius: inherit; + border-radius: inherit; } + .bootstrap-select[class*=col-] .dropdown-toggle { - width: 100%; + width: 100%; } + .bootstrap-select .dropdown-menu { - min-width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + min-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .bootstrap-select .dropdown-menu > .inner:focus { - outline: none !important; + outline: none !important; } + .bootstrap-select .dropdown-menu.inner { - position: static; - float: none; - border: 0; - padding: 0; - margin: 0; - border-radius: 0; - box-shadow: none; + position: static; + float: none; + border: 0; + padding: 0; + margin: 0; + border-radius: 0; + box-shadow: none; } + .bootstrap-select .dropdown-menu li { - position: relative; + position: relative; } + .bootstrap-select .dropdown-menu li.active small, .bootstrap-select .dropdown-menu li.active .small { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(255, 255, 255, 0.5) !important; } + .bootstrap-select .dropdown-menu li.disabled a { - cursor: not-allowed; + cursor: not-allowed; } + .bootstrap-select .dropdown-menu li a { - cursor: pointer; - user-select: none; + cursor: pointer; + user-select: none; } + .bootstrap-select .dropdown-menu li a.opt { - position: relative; - padding-left: 2.25em; + position: relative; + padding-left: 2.25em; } + .bootstrap-select .dropdown-menu li a span.check-mark { - display: none; + display: none; } + .bootstrap-select .dropdown-menu li a span.text { - display: inline-block; + display: inline-block; } + .bootstrap-select .dropdown-menu li small, .bootstrap-select .dropdown-menu li .small { - padding-left: 0.5em; + padding-left: 0.5em; } + .bootstrap-select .dropdown-menu .notify { - position: absolute; - bottom: 5px; - width: 96%; - margin: 0 2%; - min-height: 26px; - padding: 3px 5px; - background: rgb(245, 245, 245); - border: 1px solid rgb(227, 227, 227); - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - pointer-events: none; - opacity: 0.9; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + bottom: 5px; + width: 96%; + margin: 0 2%; + min-height: 26px; + padding: 3px 5px; + background: rgb(245, 245, 245); + border: 1px solid rgb(227, 227, 227); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + pointer-events: none; + opacity: 0.9; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .bootstrap-select .dropdown-menu .notify.fadeOut { - animation: 300ms linear 750ms forwards bs-notify-fadeOut; + animation: 300ms linear 750ms forwards bs-notify-fadeOut; } + .bootstrap-select .no-results { - padding: 3px; - background: #f5f5f5; - margin: 0 5px; - white-space: nowrap; + padding: 3px; + background: #f5f5f5; + margin: 0 5px; + white-space: nowrap; } + .bootstrap-select.fit-width .dropdown-toggle .filter-option { - position: static; - display: inline; - padding: 0; + position: static; + display: inline; + padding: 0; } + .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { - display: inline; + display: inline; } + .bootstrap-select.fit-width .dropdown-toggle .bs-caret:before { - content: " "; + content: " "; } + .bootstrap-select.fit-width .dropdown-toggle .caret { - position: static; - top: auto; - margin-top: -1px; + position: static; + top: auto; + margin-top: -1px; } + .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { - position: absolute; - display: inline-block; - right: 15px; - top: 5px; + position: absolute; + display: inline-block; + right: 15px; + top: 5px; } + .bootstrap-select.show-tick .dropdown-menu li a span.text { - margin-right: 34px; + margin-right: 34px; } + .bootstrap-select .bs-ok-default:after { - content: ""; - display: block; - width: 0.5em; - height: 1em; - border-style: solid; - border-width: 0 0.26em 0.26em 0; - transform-style: preserve-3d; - transform: rotate(45deg); + content: ""; + display: block; + width: 0.5em; + height: 1em; + border-style: solid; + border-width: 0 0.26em 0.26em 0; + transform-style: preserve-3d; + transform: rotate(45deg); } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle { - z-index: 1061; + z-index: 1061; } + .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { - content: ""; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid rgba(204, 204, 204, 0.2); - position: absolute; - bottom: -4px; - left: 9px; - display: none; + content: ""; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid rgba(204, 204, 204, 0.2); + position: absolute; + bottom: -4px; + left: 9px; + display: none; } + .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { - content: ""; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid white; - position: absolute; - bottom: -4px; - left: 10px; - display: none; + content: ""; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid white; + position: absolute; + bottom: -4px; + left: 10px; + display: none; } + .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { - bottom: auto; - top: -4px; - border-top: 7px solid rgba(204, 204, 204, 0.2); - border-bottom: 0; + bottom: auto; + top: -4px; + border-top: 7px solid rgba(204, 204, 204, 0.2); + border-bottom: 0; } + .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { - bottom: auto; - top: -4px; - border-top: 6px solid white; - border-bottom: 0; + bottom: auto; + top: -4px; + border-top: 6px solid white; + border-bottom: 0; } + .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { - right: 12px; - left: auto; + right: 12px; + left: auto; } + .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { - right: 13px; - left: auto; + right: 13px; + left: auto; } + .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after { - display: block; + display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { - padding: 4px 8px; + padding: 4px 8px; } .bs-actionsbox { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .bs-actionsbox .btn-group { - display: block; + display: block; } + .bs-actionsbox .btn-group button { - width: 50%; + width: 50%; } .bs-donebutton { - float: left; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + float: left; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .bs-donebutton .btn-group { - display: block; + display: block; } + .bs-donebutton .btn-group button { - width: 100%; + width: 100%; } .bs-searchbox + .bs-actionsbox { - padding: 0 8px 4px; + padding: 0 8px 4px; } + .bs-searchbox .form-control { - margin-bottom: 0; - width: 100%; - float: none; + margin-bottom: 0; + width: 100%; + float: none; } .icon:before { - font-family: "Font Awesome 5 Free"; - display: inline-block; - vertical-align: middle; - font-weight: 900; + font-family: "Font Awesome 5 Free"; + display: inline-block; + vertical-align: middle; + font-weight: 900; } .icon { - padding-right: 3px; + padding-right: 3px; } .icon.iconly { - padding-right: 0; + padding-right: 0; } .icon.icon-voir:before, .icon.icon-view:before { - content: "\f06e"; + content: "\f06e"; } .icon.icon-ajouter:before { - content: "\f0fe"; + content: "\f0fe"; } .icon.icon-edit:before, .icon.icon-editer:before, .icon.icon-modifier:before { - content: "\f303"; + content: "\f303"; } .icon.icon-historiser:before { - content: "\f1f8"; + content: "\f1f8"; } .icon.icon-restaurer:before { - content: "\f829"; + content: "\f829"; } .icon.icon-monter:before { - content: "\f062"; + content: "\f062"; } .icon.icon-descendre:before { - content: "\f063"; + content: "\f063"; } .icon.icon-user:before, .icon.icon-utilisateur:before { - content: "\f007"; + content: "\f007"; } .icon.icon-user-add:before, .icon.icon-utilisateur-ajouter:before { - content: "\f234"; + content: "\f234"; } .icon.icon-user-delete:before, .icon.icon-utilisateur-supprimer:before { - content: "\f503"; + content: "\f503"; } .icon.icon-listing:before, .icon.icon-lister:before { - content: "\f0ae"; + content: "\f0ae"; } .icon.icon-selectionner:before { - content: "\f65e"; + content: "\f65e"; } .icon.icon-fichier:before, .icon.icon-file:before { - content: "\f15b"; + content: "\f15b"; } .icon.icon-fichiers:before, .icon.icon-files:before { - content: "\f0c5"; + content: "\f0c5"; } .icon.icon-dossier:before { - content: "\f07c"; + content: "\f07c"; } .icon.icon-power:before { - content: "\f011"; + content: "\f011"; } .icon.icon-plus:before { - content: "\f067"; + content: "\f067"; } .icon.icon-minus:before { - content: "\f068"; + content: "\f068"; } .icon.icon-retour:before { - content: "\f053"; + content: "\f053"; } .icon.icon-supprimer:before, .icon.icon-historiser:before, .icon.icon-delete:before { - content: "\f1f8"; + content: "\f1f8"; } .icon.icon-detruire:before, .icon.icon-destroy:before { - content: "\f1e2"; + content: "\f1e2"; } .icon.icon-importer:before, .icon.icon-import:before { - content: "\f56f"; + content: "\f56f"; } .icon.icon-exporter:before, .icon.icon-export:before { - content: "\f56e"; + content: "\f56e"; } .icon.icon-checked:before, .icon.icon-oui:before, .icon.icon-yes:before { - content: "\f00c"; + content: "\f00c"; } .icon.icon-unchecked:before, .icon.icon-non:before, .icon.icon-no:before { - content: "\f00d"; + content: "\f00d"; } .icon.icon-succes:before, .icon.icon-success:before, .icon.icon-ok:before { - content: "\f164"; + content: "\f164"; } .icon.icon-echec:before, .icon.icon-failure:before, .icon.icon-ko:before { - content: "\f165"; + content: "\f165"; } .icon.icon-info:before, .icon.icon-information:before { - content: "\f05a"; + content: "\f05a"; } .icon.icon-warning:before, .icon.icon-attention:before, .icon.icon-avertissement:before { - content: "\f071"; + content: "\f071"; } .icon.icon-question:before { - content: "\f059"; + content: "\f059"; } .icon.icon-cloner:before { - content: "\f24d"; + content: "\f24d"; } .icon.icon-toggle-on:before { - content: "\f205"; + content: "\f205"; } .icon.icon-toggle-off:before { - content: "\f204"; + content: "\f204"; } .icon.icon-pdf:before { - content: "\f1c1"; + content: "\f1c1"; } .icon.icon-csv:before { - content: "\f6dd"; + content: "\f6dd"; } .icon.icon-code:before { - content: "\f1c9"; + content: "\f1c9"; } .icon.icon-valider:before { - content: "\f00c"; + content: "\f00c"; } .icon.icon-recharger:before, .icon.icon-refresh:before { - content: "\f021"; + content: "\f021"; } .icon.icon-notify:before, .icon.icon-notifier:before { - content: "\f0e0"; + content: "\f0e0"; } .icon.icon-telecharger:before, .icon.icon-download:before { - content: "\f019"; + content: "\f019"; } .icon.icon-televerser:before, .icon.icon-upload:before { - content: "\f093"; + content: "\f093"; } .icon.icon-euro:before { - content: "\f153"; + content: "\f153"; } .icon.icon-filtrer:before, .icon.icon-filter:before { - content: "\f0b0"; + content: "\f0b0"; } .icon.icon-clef:before { - content: "\f084"; + content: "\f084"; } .icon.icon-diagramme:before { - content: "\f080"; + content: "\f080"; } .icon.icon-star:before { - content: "\f005"; + content: "\f005"; } .icon.icon-calendrier:before { - content: "\f133"; + content: "\f133"; } .icon.icon-chercher:before, .icon.icon-search:before { - content: "\f002"; + content: "\f002"; } .icon.icon-compresser:before, .icon.icon-archive:before, .icon.icon-zip:before { - content: "\f1c6"; + content: "\f1c6"; } .icon.icon-attente, .icon.icon-wait, .icon.icon-hourglass { - content: "\f252"; + content: "\f252"; } table { - background-color: white; + background-color: white; } .table > :not(caption) > * > * { - padding: 0.5rem 0.9rem; + padding: 0.5rem 0.9rem; } .table.table-sm > :not(caption) > * > * { - padding: 0.3rem 0.6rem; + padding: 0.3rem 0.6rem; } .table.table-xs > :not(caption) > * > * { - padding: 0rem 0.2rem; + padding: 0rem 0.2rem; } /* Tableaux avec entêtes à 45° */ .table-header-rotated { - border-top: none; - border-left: none; - border-right: none; - border-color: #ddd; + border-top: none; + border-left: none; + border-right: none; + border-color: #ddd; } .table-header-rotated thead th:first-child { - /* border-bottom: none; */ + /* border-bottom: none; */ } .table-header-rotated th.row-header { - width: auto; + width: auto; } .table-header-rotated td { - width: 40px; - vertical-align: middle; - text-align: center; + width: 40px; + vertical-align: middle; + text-align: center; } .table-header-rotated th.rotate-45 { - border: none; - height: 200px; - width: 40px; - min-width: 40px; - max-width: 40px; - position: relative; - vertical-align: bottom; - padding: 0; - line-height: 1; - white-space: nowrap; + border: none; + height: 200px; + width: 40px; + min-width: 40px; + max-width: 40px; + position: relative; + vertical-align: bottom; + padding: 0; + line-height: 1; + white-space: nowrap; } .table-header-rotated th.rotate-45 > div { - position: relative; - top: 0px; - left: 83px; - height: 100%; - transform: skew(-40deg, 0deg); - overflow: hidden; - border-right: 1px solid #ddd; + position: relative; + top: 0px; + left: 83px; + height: 100%; + transform: skew(-40deg, 0deg); + overflow: hidden; + border-right: 1px solid #ddd; } .table-header-rotated th.rotate-45.first > div { - border-left: 1px solid #ddd; + border-left: 1px solid #ddd; } .table-header-rotated thead tr th div { - background-color: white; - border-top: 1px solid #ddd; + background-color: white; + border-top: 1px solid #ddd; } .table-header-rotated th.rotate-45 span { - transform: skew(40deg, 0deg) rotate(310deg); - position: absolute; - bottom: 40px; - left: -30px; - display: inline-block; - width: 100px; - text-align: left; + transform: skew(40deg, 0deg) rotate(310deg); + position: absolute; + bottom: 40px; + left: -30px; + display: inline-block; + width: 100px; + text-align: left; } .table-header-rotated .separator { - border: none; + border: none; } .table-header-rotated .categorie { - border: none; + border: none; } .table-header-rotated thead .menu { - border: none; - vertical-align: top; - padding-left: 2em; - padding-top: 2em; + border: none; + vertical-align: top; + padding-left: 2em; + padding-top: 2em; } .cartridge { - margin-left: 1em; - margin-right: 1em; + margin-left: 1em; + margin-right: 1em; } .cartridge > span { - margin-top: 1px; - position: relative; - display: inline-block; - padding: 0px 4px; - z-index: 2; - margin-left: -0.37em; - padding-left: 0.5em; - padding-right: 1em; - line-height: 1.5em; - font-weight: 100; + margin-top: 1px; + position: relative; + display: inline-block; + padding: 0px 4px; + z-index: 2; + margin-left: -0.37em; + padding-left: 0.5em; + padding-right: 1em; + line-height: 1.5em; + font-weight: 100; } .cartridge > span:first-child { - border-top-left-radius: 0.25em; - border-bottom-left-radius: 0.25em; - margin-left: 0em; - font-weight: 700; - text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1); + border-top-left-radius: 0.25em; + border-bottom-left-radius: 0.25em; + margin-left: 0em; + font-weight: 700; + text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1); } .cartridge > span:last-child { - border-top-right-radius: 0.25em; - border-bottom-right-radius: 0.25em; - padding-right: 0.5em; + border-top-right-radius: 0.25em; + border-bottom-right-radius: 0.25em; + padding-right: 0.5em; } .cartridge > span:nth-child(5) { - border-top-right-radius: 0.25em; - border-bottom-right-radius: 0.25em; + border-top-right-radius: 0.25em; + border-bottom-right-radius: 0.25em; } .cartridge > span:nth-child(n+2)::before { - content: "."; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - top: 0.35em; - left: -0.35em; - width: 0.7em; - height: 0.7em; - position: absolute; - display: block; - z-index: 3; - text-indent: -50px; - overflow: hidden; + content: "."; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + top: 0.35em; + left: -0.35em; + width: 0.7em; + height: 0.7em; + position: absolute; + display: block; + z-index: 3; + text-indent: -50px; + overflow: hidden; } .cartridge a { - padding: 0px; + padding: 0px; } /* Ajout de bordure */ .cartridge bordered { - margin: 1px; + margin: 1px; } .cartridge.bordered > span { - border: 1px black solid; + border: 1px black solid; } .cartridge.bordered > span:nth-child(n+2) { - border-right: 1px black dashed; + border-right: 1px black dashed; } .cartridge.bordered > span:nth-child(n+2)::before { - top: 0.38em; - left: -0.4em; - border-bottom: 1px black solid; - border-left: 1px black solid; + top: 0.38em; + left: -0.4em; + border-bottom: 1px black solid; + border-left: 1px black solid; } .cartridge.bordered > span:last-child { - border-right: 1px black solid; + border-right: 1px black solid; } /* Thème de couleurs : dégradé de gris */ .cartridge.gray > span:nth-child(1), .cartridge.gray > span:nth-child(1) a, .cartridge.gray > span:nth-child(1)::before { - background-color: #444; - color: white; + background-color: #444; + color: white; } .cartridge.gray > span:nth-child(2), .cartridge.gray > span:nth-child(2) a, .cartridge.gray > span:nth-child(2)::before { - background-color: #acacac; - color: black; + background-color: #acacac; + color: black; } .cartridge.gray > span:nth-child(3), .cartridge.gray > span:nth-child(3) a, .cartridge.gray > span:nth-child(3)::before { - background-color: #cccccc; - color: black; + background-color: #cccccc; + color: black; } .cartridge.gray > span:nth-child(4), .cartridge.gray > span:nth-child(4) a, .cartridge.gray > span:nth-child(4)::before { - background-color: #e5e5e5; - color: black; + background-color: #e5e5e5; + color: black; } .cartridge.gray > span:nth-child(5), .cartridge.gray > span:nth-child(5) a, .cartridge.gray > span:nth-child(5)::before { - background-color: #fafafa; - color: black; + background-color: #fafafa; + color: black; } /* Thème de couleurs : couleurs par défaut */ .cartridge > span:nth-child(1), .cartridge > span:nth-child(1) a, .cartridge > span:nth-child(1)::before { - background-color: #083d77; - color: white; + background-color: #083d77; + color: white; } .cartridge > span:nth-child(2), .cartridge > span:nth-child(2) a, .cartridge > span:nth-child(2)::before { - background-color: #ebebd3; - color: black; + background-color: #ebebd3; + color: black; } .cartridge > span:nth-child(3), .cartridge > span:nth-child(3) a, .cartridge > span:nth-child(3)::before { - background-color: #f4d35e; - color: black; + background-color: #f4d35e; + color: black; } .cartridge > span:nth-child(4), .cartridge > span:nth-child(4) a, .cartridge > span:nth-child(4)::before { - background-color: #ee964b; - color: black; + background-color: #ee964b; + color: black; } .cartridge > span:nth-child(5), .cartridge > span:nth-child(5) a, .cartridge > span:nth-child(5)::before { - background-color: #f95738; - color: black; + background-color: #f95738; + color: black; } /* Thème de couleurs : hérité de Purple #OSCAR*/ .cartridge.purple > span:nth-child(1), .cartridge.purple > span:nth-child(1) a, .cartridge.purple > span:nth-child(1)::before { - background-color: #853F89; - border-color: #853F89; - color: white; + background-color: #853F89; + border-color: #853F89; + color: white; } .cartridge.purple > span:nth-child(2), .cartridge.purple > span:nth-child(2) a, .cartridge.purple > span:nth-child(2)::before { - background-color: #CA93CE; - border-color: #853F89; - color: black; + background-color: #CA93CE; + border-color: #853F89; + color: black; } .cartridge.purple > span:nth-child(3), .cartridge.purple > span:nth-child(3) a, .cartridge.purple > span:nth-child(3)::before { - background-color: #cca9cc; - border-color: #853F89; - color: black; + background-color: #cca9cc; + border-color: #853F89; + color: black; } .cartridge.purple > span:nth-child(4), .cartridge.purple > span:nth-child(4) a, .cartridge.purple > span:nth-child(4)::before { - background-color: #e2c7de; - border-color: #853F89; - color: black; + background-color: #e2c7de; + border-color: #853F89; + color: black; } .cartridge.purple > span:nth-child(5), .cartridge.purple > span:nth-child(5) a, .cartridge.purple > span:nth-child(5)::before { - background-color: #efe3ed; - border-color: #853F89; - color: black; + background-color: #efe3ed; + border-color: #853F89; + color: black; } @media print { - #footer.container { - display: none; - } - .card .collapse { - display: block; - } - .card-well { - border: none; - margin: none; - padding: none; - background: none; - } - .container { - width: 100%; - } - #sidebar { - display: none; - } - .noprint { - display: none; - } + #footer.container { + display: none; + } + + .card .collapse { + display: block; + } + + .card-well { + border: none; + margin: none; + padding: none; + background: none; + } + + .container { + width: 100%; + } + + #sidebar { + display: none; + } + + .noprint { + display: none; + } } + .callout-menu .callout-container { - border: 10px white solid; - border-radius: 20px; - margin: 0px; - width: 50%; - min-width: 25em; - float: left; - padding: 0.6em; - padding-right: 1px; - padding-top: 1px; - padding-bottom: 1px; + border: 10px white solid; + border-radius: 20px; + margin: 0px; + width: 50%; + min-width: 25em; + float: left; + padding: 0.6em; + padding-right: 1px; + padding-top: 1px; + padding-bottom: 1px; } .callout-menu .callout { - border: 1px white solid; - border-top-right-radius: 9px; - border-bottom-right-radius: 9px; - padding: 1em; - min-height: 16em; - background-color: white; - box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 9px -4px; + border: 1px white solid; + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; + padding: 1em; + min-height: 16em; + background-color: white; + box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 9px -4px; } .callout-menu .callout:hover { - background-color: rgba(255, 255, 255, 0.95); + background-color: rgba(255, 255, 255, 0.95); } .callout-menu .callout h1, .callout-menu .callout .h1 { - margin-top: 0px; - margin-bottom: 0px; - font-size: 18pt; + margin-top: 0px; + margin-bottom: 0px; + font-size: 18pt; } .callout-menu .callout ul { - margin-bottom: 0px; + margin-bottom: 0px; } .callout-menu .callout .fas { - float: right; - font-size: 40pt; - color: #ddd; + float: right; + font-size: 40pt; + color: #ddd; } /* Parties applicatives */ .engagement .ha { - border-collapse: collapse; - border: 1px gray solid; - text-align: right; + border-collapse: collapse; + border: 1px #dfdddd solid; + text-align: right; } .engagement .label { - color: #ccc; + color: #ccc; } .engagement .ha.ha2 { - border-left: none; + border-left: none; } .engagement .ha.ha3 { - border-top: none; + border-top: none; } .engagement td.dotation { - padding: 0.2em; + padding: 0.2em; } .engagement td.dotation { - padding: 0.2em; + padding: 0.2em; } .engagement td.hetd { - text-align: right; + text-align: right; } .engagement td.action { - text-align: center; - vertical-align: middle; + text-align: center; + vertical-align: middle; } .engagement .liquidation { - clear: both; + clear: both; } .engagement .liquidation h2, .engagement .liquidation .h2 { - text-align: center; + text-align: center; } -.engagement .liquidation table { - width: auto; - margin: auto; -} table.budget-tbl { - width: auto; - margin: auto; + width: auto; + margin: auto; } table.budget-tbl th { - width: 12em; + width: 12em; } table.budget-tbl td.hetd { - text-align: right; + text-align: right; } table.budget-tbl .label { - color: #ccc; + color: #ccc; } .budget-export { - margin-top: 0.5em; - text-align: center; + margin-top: 0.5em; + text-align: center; } .demande-mise-en-paiement .type-heures.not-allowed { - opacity: 0.5; + opacity: 0.5; } table.dmep-budget { - width: auto; - margin: auto; - margin-bottom: 1em; + width: auto; + margin: auto; + margin-bottom: 1em; } table.dmep-budget .enveloppe { - width: 15em; - height: 2.1em; - margin-bottom: 0px; - text-align: center; - box-shadow: 1px 1px 3px gray; + width: 15em; + height: 2.1em; + margin-bottom: 0px; + text-align: center; + box-shadow: 1px 1px 3px gray; } table.dmep-budget .enveloppe .progressbar { - height: 2.1em; - padding-top: 0.3em; - white-space: nowrap; - transition: width 0.5s ease-in-out; + height: 2.1em; + padding-top: 0.3em; + white-space: nowrap; + transition: width 0.5s ease-in-out; } table.dmep-budget .enveloppe .progressbar span { - padding-left: 0.4em; - text-shadow: 1px 1px 3px white, -1px -1px 3px white; + padding-left: 0.4em; + text-shadow: 1px 1px 3px white, -1px -1px 3px white; } table.dmep-budget .enveloppe .progressbar .restant { - font-size: 110%; + font-size: 110%; } table.dmep-budget .enveloppe .progressbar .label { - color: black; - font-weight: 100; + color: black; + font-weight: 100; } table.dmep-budget .enveloppe .progressbar .deficit { - color: red; + color: red; } table.dmep-budget .aucune-dotation { - color: gray; - text-align: center; + color: gray; + text-align: center; } .depassement-budget { - display: none; + display: none; } .depassement-budget .alert { - min-height: 8em; + min-height: 8em; } .depassement-budget .glyphicon { - float: right; - font-size: 40pt; + float: right; + font-size: 40pt; } .depassement-budget h1, .depassement-budget .h1 { - margin-top: 0px; - font-size: 150%; + margin-top: 0px; + font-size: 150%; } dl.dl-horizontal.agrement dt { - width: 180px; + width: 180px; } .agrement-box dl { - float: left; + float: left; } .agrement-box hr { - clear: both; + clear: both; } .agrement-box span.glyphicon { - float: right; - font-size: 40pt; + float: right; + font-size: 40pt; } .appname { - text-shadow: 0px 1px 2px #fff, 5px 5px 5px #aaa; - text-outline: #fff; - font-weight: 700; - font-size: 60pt; - float: left; - padding-right: 0.5em; - padding-bottom: 2em; + text-shadow: 0px 1px 2px #fff, 5px 5px 5px #aaa; + text-outline: #fff; + font-weight: 700; + font-size: 60pt; + float: left; + padding-right: 0.5em; + padding-bottom: 2em; } .appname > .c1 { - color: #3399ff; - /*color:#5cb85c;*/ + color: #3399ff; + /*color:#5cb85c;*/ } .appname > .c2 { - color: #f4d35e; - /*color:#f0ad4e;*/ + color: #f4d35e; + /*color:#f0ad4e;*/ } .appname > .c3 { - color: orangered; - /*olor: #d9534f;*/ + color: orangered; + /*olor: #d9534f;*/ } .abonnements { - clear: both; - display: block; - margin-top: 20px; - font-size: 30px; + clear: both; + display: block; + margin-top: 20px; + font-size: 30px; } div.div-connexion { - width: 50%; - margin: auto; - min-width: 30em; + width: 50%; + margin: auto; + min-width: 30em; } .piece-jointe .tpj .card-header { - padding: 6px 8px; + padding: 6px 8px; } .piece-jointe .tpj .card-header h5, .piece-jointe .tpj .card-header .h5 { - padding-top: 7px; - padding-left: 13px; - font-weight: 500; + padding-top: 7px; + padding-left: 13px; + font-weight: 500; } .piece-jointe .tpj .card-header h5 .validation-bar, .piece-jointe .tpj .card-header .h5 .validation-bar { - margin-top: -5px; + margin-top: -5px; } .contrat .card-header-h3 .float-end { - line-height: 3.4em; - padding-right: 1em; + line-height: 3.4em; + padding-right: 1em; } #tblTpjs tr th:first-child { - min-width: 260px; - max-width: 260px; - width: 260px; + min-width: 260px; + max-width: 260px; + width: 260px; } #tblTpjs th { - font-weight: normal; + font-weight: normal; } .type-intervenant > li.active > a { - color: #fff; - background-color: #3b71ca; - opacity: 0.6; + color: #fff; + background-color: #3b71ca; + opacity: 0.6; } .intervenant-recherche .critere { - padding-bottom: 1em; + padding-bottom: 1em; } table.service, table.service-referentiel { - margin-bottom: 0px; + margin-bottom: 0px; } table.service table.volume-horaire, table.service-referentiel table.volume-horaire { - margin-bottom: 0px; + margin-bottom: 0px; } table.service div#vhl-prev { - margin-bottom: 2px; - opacity: 0.5; + margin-bottom: 2px; + opacity: 0.5; } table.service div#vhl-prev table { - background-color: #EDEAD2; + background-color: #EDEAD2; } table.service td.volume-horaire { - font-size: 90%; + font-size: 90%; } table.service td.actions, table.service-referentiel td.actions { - white-space: nowrap; - text-align: center; + white-space: nowrap; + text-align: center; } table.service tfoot td.type-intervention { - white-space: nowrap; + white-space: nowrap; } table.service td.actions a, table.service-referentiel td.actions a { - margin-left: 0.2em; - margin-right: 0.2em; + margin-left: 0.2em; + margin-right: 0.2em; } div.service-show-hide-buttons { - padding-bottom: 3px; - padding-top: 3px; - text-align: right; + padding-bottom: 3px; + padding-top: 3px; + text-align: right; } div.enseignements table.service tr.volume-horaire { - background-color: #fafafa; + background-color: #fafafa; } form#service div#element-interne div.col-md-5 { - clear: both; + clear: both; } form#service div.volume-horaire-saisie-multiple div { - float: left; - margin-right: 1em; - margin-bottom: 1em; + float: left; + margin-right: 1em; + margin-bottom: 1em; } form#service div.volume-horaire-saisie-multiple label { - font-weight: 600; + font-weight: 600; } form#service div.volume-horaire-saisie-multiple div input { - width: 7em; - display: inline; + width: 7em; + display: inline; } form#service div.volume-horaire-saisie-multiple-fin { - clear: both; + clear: both; } .chargens { - width: 100%; - background-color: white; + width: 100%; + background-color: white; } .chargens.fullscreen { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 1050; - height: 100%; - width: 100%; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 1050; + height: 100%; + width: 100%; } .chargens .controles .nav-local { - margin-bottom: 1px; + margin-bottom: 1px; } .form-noeud { - overflow: hidden !important; + overflow: hidden !important; } .form-lien { - overflow: hidden !important; + overflow: hidden !important; } .ui-front { - z-index: 1051; + z-index: 1051; } .chargens .nav-local .div-filtre { - padding: 4px; - padding-bottom: 0px; + padding: 4px; + padding-bottom: 0px; } .chargens .nav-local .div-filtre .div-structure { - padding-right: 2px; + padding-right: 2px; } .chargens .nav-local .div-filtre .div-etape { - padding-left: 2px; - padding-right: 2px; + padding-left: 2px; + padding-right: 2px; } .chargens .nav-local .div-filtre .div-scenario { - padding-left: 2px; + padding-left: 2px; } .chargens .nav-local .div-filtre .div-scenario-edit { - padding-left: 2px; + padding-left: 2px; } .chargens .nav-local .div-controles { - padding: 4px; - padding-left: 0px; - margin-left: -8px; + padding: 4px; + padding-left: 0px; + margin-left: -8px; } .chargens .nav-local .div-hetd-composante { - margin-right: 0px; - height: auto; - padding-top: 7px; - padding-bottom: 5px; + margin-right: 0px; + height: auto; + padding-top: 7px; + padding-bottom: 5px; } /* Seuils de dédoublement */ .seuils-dedoublement tr#seuil-gtf-0 { - font-weight: bold; - background-color: oldlace; + font-weight: bold; + background-color: oldlace; } .seuils-dedoublement td span.aucun { - color: darkgrey; + color: darkgrey; } .seuils-dedoublement .form-control { - padding-left: 2px; - padding-right: 2px; + padding-left: 2px; + padding-right: 2px; } .chargens-formation-edit.form-lien #actif { - line-height: 2rem; - width: 2rem; - height: 2rem; + line-height: 2rem; + width: 2rem; + height: 2rem; } ul.privileges-form { - list-style-type: none; + list-style-type: none; } ul.privileges-form li { - margin-top: 0.5em; - margin-bottom: 0.5em; + margin-top: 0.5em; + margin-bottom: 0.5em; } ul.privileges-form li label { - margin-left: 0.5em; + margin-left: 0.5em; } .droits-tbl th.privilege { - min-width: 200px; - max-width: 200px; - width: 200px; + min-width: 200px; + max-width: 200px; + width: 200px; } .droits_tbl th.role { - width: 15px; + width: 15px; } .droits_tbl td.role { - width: 15px; + width: 15px; } .droits-tbl td i.refuse { - opacity: 0.5; + opacity: 0.5; } .droits-tbl th.categorie { - padding-top: 10pt; - font-size: 16pt; - font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-weight: 200; + padding-top: 10pt; + font-size: 16pt; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-weight: 200; } .droits-tbl { - border-left: none; - border-right: none; - border-bottom: none; - border-color: #ddd; + border-left: none; + border-right: none; + border-bottom: none; + border-color: #ddd; } .droits-tbl td, .droits-tbl th { - border: 1px #ddd solid; + border: 1px #ddd solid; } .droits-tbl thead tr th div { - border-bottom: 1px #ddd solid; + border-bottom: 1px #ddd solid; } .droits-tbl td.selected, .droits-tbl th.selected, .droits-tbl div.selected { - background-color: #FCF8E3 !important; + background-color: #FCF8E3 !important; } /* Plafonds */ .plafonds .alert { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .plafonds .plafond .progress { - margin-bottom: 0px; + margin-bottom: 0px; } .plafonds .plafond { - margin-bottom: 10px; + margin-bottom: 10px; } /** * Offre de formation */ .etape-centre-cout { - margin-top: 2px; + margin-top: 2px; } .etape-taux-remu { - margin-top: 2px; + margin-top: 2px; } .etape-taux-mixite { - margin-top: 2px; + margin-top: 2px; } .etape-modulateurs { - margin-top: 2px; + margin-top: 2px; } .etape-modulateurs th.element-pedagogique, .etape-modulateurs td.element-pedagogique { - width: 50%; + width: 50%; } form#modulateurs-saisie th select { - display: inline; - width: auto; + display: inline; + width: auto; } .indicateurs table td.numero { - width: 5em; - text-align: center; + width: 5em; + text-align: center; } .indicateurs table th.numero { - width: 5em; - text-align: center; + width: 5em; + text-align: center; } .indicateurs .notification { - width: 12em; + width: 12em; } .indicateurs .page-accueil { - width: 2em; - text-align: center; + width: 2em; + text-align: center; } .indicateurs-result { - margin-bottom: 1em; + margin-bottom: 1em; } .indicateurs-result table { - margin-bottom: 0px; + margin-bottom: 0px; } .indicateurs-result table .cc { - width: 2em; + width: 2em; } .feuille-de-route li.after-courante { - opacity: 0.5; - background-color: #eee; + opacity: 0.5; + background-color: #eee; } .feuille-de-route li span.label { - margin-right: 1em; - display: block; - float: left; - min-width: 3em; - line-height: 1.4em; + margin-right: 1em; + display: block; + float: left; + min-width: 3em; + line-height: 1.4em; } .feuille-de-route li div.row { - padding-top: 1em; + padding-top: 1em; } .feuille-de-route li div ul { - margin-bottom: 0.3em; + margin-bottom: 0.3em; } .feuille-de-route li div ul li { - padding-top: 0.2em; - padding-bottom: 0.2em; + padding-top: 0.2em; + padding-bottom: 0.2em; } .feuille-de-route li div ul li span { - margin-left: -0.1em; + margin-left: -0.1em; } .feuille-de-route li div ul li span.pull-right { - margin-left: 1em; + margin-left: 1em; } dl.dl-horizontal.intervenant dt { - width: 200px; + width: 200px; } dl.dl-horizontal.intervenant dd { - margin-left: 220px; + margin-left: 220px; } .inconnu { - font-style: italic; - color: gray; + font-style: italic; + color: gray; } .intervenant-statuts { - font-size: 12pt; + font-size: 12pt; } .intervenant-statuts li { - padding-top: 4px; - padding-bottom: 4px; + padding-top: 4px; + padding-bottom: 4px; } .intervenant-statuts span.type-intervenant { - font-size: 10pt; - padding-right: 4px; + font-size: 10pt; + padding-right: 4px; } .intervenant-statuts span.statut { - font-weight: bold; + font-weight: bold; } .intervenant-statuts span.validite-intervenant { - font-size: 10pt; - font-style: italic; + font-size: 10pt; + font-style: italic; } .intervenant-statuts li.ajout-intervenant { - padding-top: 12px; - padding-right: 10px; - float: right; + padding-top: 12px; + padding-right: 10px; + float: right; } .intervenant-statuts li a { - padding-top: 0px !important; - padding-bottom: 0px !important; - color: gray; + padding-top: 0px !important; + padding-bottom: 0px !important; + color: gray; } form.statut fieldset legend { - font-size: 12px; - font-weight: 700; + font-size: 12px; + font-weight: 700; } /* Texte & nombres */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { - font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-weight: 200; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-weight: 200; } .nombre { - text-align: right; - white-space: nowrap; + text-align: right; + white-space: nowrap; } span.number span.number-dec-00 { - opacity: 0.3; + opacity: 0.3; } /* Structure principale de page */ body { - background-color: #f8f8fa; - font-family: "Open Sans"; + background-color: #f8f8fa; + font-family: "Open Sans"; } body.wait * { - cursor: wait; + cursor: wait; } /* Personnalisation de l'affichage en fonction de l'état du l'application (development, test, production) */ body.dev { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAACjCAYAAAByigdyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcICws7zd78DgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAABCSSURBVHja7Z3bdtrIEob/6oMEEuDDJHvP+z/cXvHEYxuQkNSt7t4XEpiDhLEDNpj618rFKB4TR1+qug5dRSGEABbrxBL8V8Bi0FgMGovFoLEYNBaDxmIxaCwGjcVi0FgMGotBY7EYNBaDxmIxaCwGjcWgsVgMGotBY7EYNBaDxmLQWCwGjcWgsVgMGotBY+2XrSoGjXVaZY+PWPz6hcXLC4PGOhFkv3+DZlMMvIfNc7i6ZtBYp4BsjlQqREJAVBXMYsGgsY4M2XyGVMnVs4gIJstQG8OgsY4ImVSrZ0QEJQTIGPgzd58M2oUc/JfusiWs+QVAECEKAeVsBu8cg8b6mMxiAT+fY7h0ly1gK6sGQAmBUFWojcG5jrtj0M5cJAQCEUII6ESIGtC09zB5DtoCkUFjHSQ9GECNxyi934WICAAhAIilhMvzs41AGbRLgC1JUEuJ2octyF7dpyCCCgG2LM/SfTJoF6BoOIRMUtjgG/fZZdmIMBACdZ6fZaqDQbsQxZMxjBBw29aqhY7adId0DqYoELxn0FgfeFFSguIY9XpQsGXZBBEiIVAXxa7VY9BYh0gqhXgygemBDGjcpxYCwhiU8zmDxvqYVBQBgwEq53ZTHbTkj6CJYBcLuDNK4DJoF2bVdJrCAnh1oLRj3WIpQVUFWxQMGuuDQUGaIgwGMM630SY6gwMtBEyWnU0LEYN2YSIi6CSBDdiMQGktAiWCIkKw9mzqnwzaBYIWJQl8pOE38mqbpk0KgQhAOZudRaqDQftEmaJAfYQ+fyElotEIpQ+9VQACoIjgqwr2DBK4il//5yh7fITLMkAI6MkEejCAHgw+bNVUHMNICbf0mh3nNCUllLWwiwWiD37W0Swxr1H8BMh+/wbN5xjIptWn8B5OSqjRCPFoBCElhJTv/r6Llxf46RSp1q+grUWgAYDzAXnwGP748aWwsev8JMhSpSCJIIiQSokkBGA6Rf7wgPzpCbYs331wj5IETinY5Rlsp1eNIARBhoC6qr602M4W7ZMg2z5BBQSACLX3qEOAIYIYDqHTFPFwCBC92VsWQsDi+RnIMiRKbX39a+qj9h45gPTnTyitGbSrgKwDngDAh4DKe9REoOEQOkkQJ8mbwLm6RvbwgCQEaNndhetCwKKuIW9uMByNQOLzHRkHAyc6+HdD1hEagkAAJBGGQiAAqIoCpihg8hzRaASldVN+6gkMRBzDFgUkmsL69mcsi+1VUQCjEZ/RvksKw2UZNDWdr2GDKtqybLv9/4IIQ6WQSom4qmAeH5E/PqKYz1Fb25nqiNuyVAeFLcgELSXIWpR5zqB9B6koghyNUGiF3DlY7+EBBNpj2VZnqtffkIIQSdkEDt6jfnpC/vs38pcXeOfg15KwOo4hkgTlermpo4VIE8EWxZdUC/iMdgIF7+Gcg8lz2CyDsBaxEJBEkF3nI+qgbytNAQDWexjv4ZSCHAwQpymU1iAhUOU5qqenJrrt+YwQgLm1iO/vm/Mfg/Z9VBuDuqpQzWYgaxEB0FJCtq6VtiHbF2m2t6Gs97DBoyYBmSTQwyHi4RDz37+hqgrD7ciy/Z4hBFTOwWqN5O4OUikG7bNVzmYQWiMaDk/y/Z21qI2ByXOEooACVgnc1QH+DcjW5UPTKlQ6h7pNjQgh4PIciZRQQmykOFbge4/c+09PdTBoAOa/fsEvFtD390hub0/nUkMAEaHKc9iigFssoEJAJEQz2qALtDeerVIjzqFuD91xCxr1pFLKuoYbDJDe3X3aPVDFkP2CzLIm4pNyBcNJ/lW33zdOU0TDIWyawiwWWJQlVF1DCYGotXJ0AGSr9AYBidCo2wBBdEJGKwOnhIApS9TWQvekTRi0I0OmsgyxlMi9B/VZlS1VeQ49GHyoPrl67UIgGg5X+bFiNkNZFDBt4KCEXG8x67ZuqxtQbRG9zcMR0V44tZRQ3sMUBYN2csgeGsgGUjb5LqKDMubZ4yPCfI5Sa4z+/vuPD9RLWJPbW/jxGGaxQJHnoK1I9S14ls8OscXLm+2LqoJ37o/+wXAe7Q2LhCzHQDZWYwmaeAO0JuM/w1hKDOsa2a9fR2uVJiJIpTCcTJD++IH4xw9UWiP3HqVzcKvC+WEudZ8VJCIUzkEnyadAdrUWbb3jNKBJGUAKiD3WaQnZcnRUJCTQwnYMy7bxUrSGVAoqilBbC5PnMGUJ7X0TqVIDJvXl4HrBa57NjYEajzH8xHLUVYImlGom9AAQtJmjOgSy5UuMpAScQ/bwgNF//3tU2JYWTkiJaDCAKUvYosB8sYBCc/lESQmB91i3NcjG48/9O79K0KREELTKuDcWTXYGAqsC+Qqyzd+PRONGF8/PJ+n3otbVxcMh0ttbJD9/AqMRCiGwsBZVXSOEZfWA+t0q0ZdBdt1RJwmgvdxhAaiOKPIVMtlz3mnPfCFADQYnz0mRENBxDKk1MJmgzLI2UjVNLk5KCCJQR6XhKyG7WtBICEAIeO9hvUedJJj89dc7IWtfYF1D3d9/6gtcBi3JZAKXJDBl2dQ663qV/F2lOs4AMuCKKwOz//0Poijh0wSTv//+M8gmky//eer2Dmc1z+CtgQYQKYWirr8csqsFzXuPYjoFQkB6f98P2Z6uinOCbONnc66JVIsCzhhEafqp0SWD1gHbdt5sP2SvBepDISuzDHo4hPykXNW2nHNf9tkM2t482RKy7jrheyCbPTxAliVqrTH6z38+tSXnLCN9Ruw0kEVVhVRrDL1H9s8/F7GviUH7Ksjo45ANlAKoSeoybFcO2puQ4U8ge718wrBdMWi9kBH9IWS6E9pIKQy8RzGb4RqPxeK6IVO7kK1/3cGQ/YPIGAy06h2M50NAiWaMwbluN2HQTgYZeiE7VLN/HhCZsu3/p17I5s5h+NdfXz7Vh0H7BNXGwOV5c4OctiJL7AabI61RPz+jmM16IPsHUWV23SX1QHaiiy8M2plJRRHUZIJs46Itetxd83CsVCdsDWTtwb+LUobsul1nencHur1tYKNOynb+n/HSsrWz+/show9bsmI+/7JxBZ+hq60M5M/PCNMpRuuw7Ck7Ac0tb68UYu93IVtzne+FLHt6AhUFPAA1mXx5AZxBOyVseyoC63Ih7I4cOAJkaXsbaW7Mt4Tt6mudK9g2bm3TnkEsOBlky8+Y2wpq/L1g46L6ErbZrMey7UmBHBuy9UTxGTQrcjBwigDh5mYzGt0Gqid9cQrIAGAcRzB5flb7nBi0Y8B2e9vAtjPsjnpTH0BzKSSr6z+AjDot5bxqmhbPpZ+MQTslbNu7lnou4xJwULF8B7KeXU7zqvpWbpNB2wfbNjh7zmfjKEI9na7ybIcf/LcDje8JGYO2D7bJZNOy7XOnb8DWbcm2O0bwbSFj0A6Brcuy9aQ4umDbhQyd0H5nyDi9cUjq4+UFYT5v8mx98yy2Hs+Ngbq5gbN215J1APrdIWPQ3gvb9vmKurs+AEJuTDPKfZkIvmLIGLT3wpZlrxUEescEnx5Xey2QXTxowftVW3QIAQihmdrY1iKP3cm6gq0rcnzn/NlrguziQFvOlzVlCVdVcNbC13Uz76z9MUhKkJSQUbQa/3nMO5WdsB0C2Xp56coguyjQlvP6zWKBUJaQIUC1awlpzXr5ALjQbCupSYAijShNoZPkaFn2V9ji7uJ759QhulrILgI0V9ewVYXq+RlU14jaVTOynZazdJFh4z03Q/V8CM2KQu8RBgNEaYrBkeZQ5NMXhCzfsmwd+Ysrt2QXAZopClRZhpDnGLbWa6MX7ACXtfzhyrqGIYIajZDe3R0JtummG2V3eXmglfM5qtkMyhgkbfsO9bij3uhu64Vb51F5h5AkGP/4cTzY8taNMmSXBdpiOoV9eUEUQjM5+63R530Dgzu+1rVbRtxggPHPn0eELe+0bAzZmYKWPz/DTacYEEFvz9d/4wx0aOS3XFNTx/HxYYtjhqxDZ1XrzJ+e4F9ekHRBhk3IwvqvEF4HHy+/bE+jIgEYKAVZVZj/++9R/uzpzQ0oTZFVFUN2zhYt+/dfYDbDUEoIsTXwd+38FQC4dtlq7f1G5Cmp3bS7lu7YFzC44LGoHcRohPRIy8by6RR1UTSTFhmy8wJtOaZgqFSzmLmnZLNcjFoLAdIaMo5XlQBf13DGAMZAoVlBI0m8OfbAOIciBMS3txik6XFSMmc0aZFB24KsO7J8/a+irmGEgEpTxONxs9WtDRSWFQPvXJNzyzKgqjCUAlrI/QEDEQprYaMIo/v7T1tZw6CdC2Rr7jKra/jBAPFohPgAq1NbC1uWMLMZEgK0UHsz+CEEZNZC390dzaqxNqW+FrIMadcW3K35ZDQeIxmPD96Yq7SGkBJKayyenpB4B71tqbY6XLUQMIsF9GDAbu+7RJ3Z4yMoy5Bq9SZk8vYWye3tu9cyCyGg4hjD+3ssQlgtTd1po17CKSWCtRsLyVgXDNrKku0ZkLKETN3dIbm5eXO9Ye+5gAhKa0STCRbOwXWdEmi5xZcgQkBtDLhF78JB67VkW334eQvZMZZFCCmh4xjQGta5TYjWAoRlesTt3OtkXRRoK8je6g1rgfNHdGEqihCNRrAhvFrNjihUUpMmYYt2oaA5a+EWizfd5fJZqjXCdIr85eVofwYdx/BKwTrXMxetXXjHkF0uaFJrRLe3mG9MWuy4Bb4G3ejIsEmlILSG7zmnbVg4hu1yXedwMoG6v8e8dnv7ttY10hphNjsKbKHd/bSsj26TtsriET48OJl1JsFAA9vdrmXrO6sRHQ02WuvI7bKiAc1UICHkVY5n/3bpjeFkAnXXwtb7QjfPUKMoQpjP/wi2EAKCc2tL73c/24UAceXLwb4NaBuwdaUSeib4jLRuYJt+DDZnLby1q828258ZWtCk1mzRvgtovbC9MUylcaNz5NPp+0FzDuR904K0VX4KbTolCMHlp+8G2ptudMeytWe2pRt9B2zeOVRZhkiKzsX2hKZdSMYxVO9YKdbFgraC7fZ2v2Xbynu9utG3YQs+oFwsAGuhlgf9rVRK7T0scPVLJ741aBuw1XZvC/b680MsWwgBdW1h8xyREFBC7ORpAwDrHEQUsTX77qCtYLvZsmzoa8OmzWi0B7bQri3UIezs0Fy3Zqb9/I8W71kXBNorbDcNbAcOTRnFEUKWdcK2mE4hjUHSM9us9h5FbaGThDtrrwm0DTdqzAEutLFQo2gXtuz5GVSWSOOoN2dW1TWgI0SDAVuzE+tsb6oX8znq6RTjSKNvzeH288wY0GiE4P3rpMUOyDwAU9eoAAxvbq52hyaDtgPb4ZMWF8aAiDDUUSefy8N/4RzimxsMkoQpuHbQOmF758C7bch8CMitRTSZ8EWUaz6j7ZzZxuMmQDDm8IF3XZC1FYDcWujxmCFj0N6A7S3Iunxq+zw3Bno0wvBIM9JY3wy0FWyTSQsbHQbZWhkrqyqo0YjHFDBo74DNVu86o80ZMgbtQ7CNW8tGDBmDdnLYxphXZjfFwZAxaKeBrdoijSFj0E4JG1syBu0zLRtDdp76NrugivkcZrFAlCQMGYN2WnnnuN2HQWPxGY3FYtBYDBqLxaCxGDQWg8ZiMWgsBo3FYtBYDBqLQWOxGDQWg8ZiMWgsBo3FoLFYDBqLQWOxGDQWg8Zi0FgsBo3FoLEYNBbr1Po/JnHAKmH2fVgAAAAASUVORK5CYII=); + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAACjCAYAAAByigdyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcICws7zd78DgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAABCSSURBVHja7Z3bdtrIEob/6oMEEuDDJHvP+z/cXvHEYxuQkNSt7t4XEpiDhLEDNpj618rFKB4TR1+qug5dRSGEABbrxBL8V8Bi0FgMGovFoLEYNBaDxmIxaCwGjcVi0FgMGotBY7EYNBaDxmIxaCwGjcWgsVgMGotBY7EYNBaDxmLQWCwGjcWgsVgMGotBY+2XrSoGjXVaZY+PWPz6hcXLC4PGOhFkv3+DZlMMvIfNc7i6ZtBYp4BsjlQqREJAVBXMYsGgsY4M2XyGVMnVs4gIJstQG8OgsY4ImVSrZ0QEJQTIGPgzd58M2oUc/JfusiWs+QVAECEKAeVsBu8cg8b6mMxiAT+fY7h0ly1gK6sGQAmBUFWojcG5jrtj0M5cJAQCEUII6ESIGtC09zB5DtoCkUFjHSQ9GECNxyi934WICAAhAIilhMvzs41AGbRLgC1JUEuJ2octyF7dpyCCCgG2LM/SfTJoF6BoOIRMUtjgG/fZZdmIMBACdZ6fZaqDQbsQxZMxjBBw29aqhY7adId0DqYoELxn0FgfeFFSguIY9XpQsGXZBBEiIVAXxa7VY9BYh0gqhXgygemBDGjcpxYCwhiU8zmDxvqYVBQBgwEq53ZTHbTkj6CJYBcLuDNK4DJoF2bVdJrCAnh1oLRj3WIpQVUFWxQMGuuDQUGaIgwGMM630SY6gwMtBEyWnU0LEYN2YSIi6CSBDdiMQGktAiWCIkKw9mzqnwzaBYIWJQl8pOE38mqbpk0KgQhAOZudRaqDQftEmaJAfYQ+fyElotEIpQ+9VQACoIjgqwr2DBK4il//5yh7fITLMkAI6MkEejCAHgw+bNVUHMNICbf0mh3nNCUllLWwiwWiD37W0Swxr1H8BMh+/wbN5xjIptWn8B5OSqjRCPFoBCElhJTv/r6Llxf46RSp1q+grUWgAYDzAXnwGP748aWwsev8JMhSpSCJIIiQSokkBGA6Rf7wgPzpCbYs331wj5IETinY5Rlsp1eNIARBhoC6qr602M4W7ZMg2z5BBQSACLX3qEOAIYIYDqHTFPFwCBC92VsWQsDi+RnIMiRKbX39a+qj9h45gPTnTyitGbSrgKwDngDAh4DKe9REoOEQOkkQJ8mbwLm6RvbwgCQEaNndhetCwKKuIW9uMByNQOLzHRkHAyc6+HdD1hEagkAAJBGGQiAAqIoCpihg8hzRaASldVN+6gkMRBzDFgUkmsL69mcsi+1VUQCjEZ/RvksKw2UZNDWdr2GDKtqybLv9/4IIQ6WQSom4qmAeH5E/PqKYz1Fb25nqiNuyVAeFLcgELSXIWpR5zqB9B6koghyNUGiF3DlY7+EBBNpj2VZnqtffkIIQSdkEDt6jfnpC/vs38pcXeOfg15KwOo4hkgTlermpo4VIE8EWxZdUC/iMdgIF7+Gcg8lz2CyDsBaxEJBEkF3nI+qgbytNAQDWexjv4ZSCHAwQpymU1iAhUOU5qqenJrrt+YwQgLm1iO/vm/Mfg/Z9VBuDuqpQzWYgaxEB0FJCtq6VtiHbF2m2t6Gs97DBoyYBmSTQwyHi4RDz37+hqgrD7ciy/Z4hBFTOwWqN5O4OUikG7bNVzmYQWiMaDk/y/Z21qI2ByXOEooACVgnc1QH+DcjW5UPTKlQ6h7pNjQgh4PIciZRQQmykOFbge4/c+09PdTBoAOa/fsEvFtD390hub0/nUkMAEaHKc9iigFssoEJAJEQz2qALtDeerVIjzqFuD91xCxr1pFLKuoYbDJDe3X3aPVDFkP2CzLIm4pNyBcNJ/lW33zdOU0TDIWyawiwWWJQlVF1DCYGotXJ0AGSr9AYBidCo2wBBdEJGKwOnhIApS9TWQvekTRi0I0OmsgyxlMi9B/VZlS1VeQ49GHyoPrl67UIgGg5X+bFiNkNZFDBt4KCEXG8x67ZuqxtQbRG9zcMR0V44tZRQ3sMUBYN2csgeGsgGUjb5LqKDMubZ4yPCfI5Sa4z+/vuPD9RLWJPbW/jxGGaxQJHnoK1I9S14ls8OscXLm+2LqoJ37o/+wXAe7Q2LhCzHQDZWYwmaeAO0JuM/w1hKDOsa2a9fR2uVJiJIpTCcTJD++IH4xw9UWiP3HqVzcKvC+WEudZ8VJCIUzkEnyadAdrUWbb3jNKBJGUAKiD3WaQnZcnRUJCTQwnYMy7bxUrSGVAoqilBbC5PnMGUJ7X0TqVIDJvXl4HrBa57NjYEajzH8xHLUVYImlGom9AAQtJmjOgSy5UuMpAScQ/bwgNF//3tU2JYWTkiJaDCAKUvYosB8sYBCc/lESQmB91i3NcjG48/9O79K0KREELTKuDcWTXYGAqsC+Qqyzd+PRONGF8/PJ+n3otbVxcMh0ttbJD9/AqMRCiGwsBZVXSOEZfWA+t0q0ZdBdt1RJwmgvdxhAaiOKPIVMtlz3mnPfCFADQYnz0mRENBxDKk1MJmgzLI2UjVNLk5KCCJQR6XhKyG7WtBICEAIeO9hvUedJJj89dc7IWtfYF1D3d9/6gtcBi3JZAKXJDBl2dQ663qV/F2lOs4AMuCKKwOz//0Poijh0wSTv//+M8gmky//eer2Dmc1z+CtgQYQKYWirr8csqsFzXuPYjoFQkB6f98P2Z6uinOCbONnc66JVIsCzhhEafqp0SWD1gHbdt5sP2SvBepDISuzDHo4hPykXNW2nHNf9tkM2t482RKy7jrheyCbPTxAliVqrTH6z38+tSXnLCN9Ruw0kEVVhVRrDL1H9s8/F7GviUH7Ksjo45ANlAKoSeoybFcO2puQ4U8ge718wrBdMWi9kBH9IWS6E9pIKQy8RzGb4RqPxeK6IVO7kK1/3cGQ/YPIGAy06h2M50NAiWaMwbluN2HQTgYZeiE7VLN/HhCZsu3/p17I5s5h+NdfXz7Vh0H7BNXGwOV5c4OctiJL7AabI61RPz+jmM16IPsHUWV23SX1QHaiiy8M2plJRRHUZIJs46Itetxd83CsVCdsDWTtwb+LUobsul1nencHur1tYKNOynb+n/HSsrWz+/show9bsmI+/7JxBZ+hq60M5M/PCNMpRuuw7Ck7Ac0tb68UYu93IVtzne+FLHt6AhUFPAA1mXx5AZxBOyVseyoC63Ih7I4cOAJkaXsbaW7Mt4Tt6mudK9g2bm3TnkEsOBlky8+Y2wpq/L1g46L6ErbZrMey7UmBHBuy9UTxGTQrcjBwigDh5mYzGt0Gqid9cQrIAGAcRzB5flb7nBi0Y8B2e9vAtjPsjnpTH0BzKSSr6z+AjDot5bxqmhbPpZ+MQTslbNu7lnou4xJwULF8B7KeXU7zqvpWbpNB2wfbNjh7zmfjKEI9na7ybIcf/LcDje8JGYO2D7bJZNOy7XOnb8DWbcm2O0bwbSFj0A6Brcuy9aQ4umDbhQyd0H5nyDi9cUjq4+UFYT5v8mx98yy2Hs+Ngbq5gbN215J1APrdIWPQ3gvb9vmKurs+AEJuTDPKfZkIvmLIGLT3wpZlrxUEescEnx5Xey2QXTxowftVW3QIAQihmdrY1iKP3cm6gq0rcnzn/NlrguziQFvOlzVlCVdVcNbC13Uz76z9MUhKkJSQUbQa/3nMO5WdsB0C2Xp56coguyjQlvP6zWKBUJaQIUC1awlpzXr5ALjQbCupSYAijShNoZPkaFn2V9ji7uJ759QhulrILgI0V9ewVYXq+RlU14jaVTOynZazdJFh4z03Q/V8CM2KQu8RBgNEaYrBkeZQ5NMXhCzfsmwd+Ysrt2QXAZopClRZhpDnGLbWa6MX7ACXtfzhyrqGIYIajZDe3R0JtummG2V3eXmglfM5qtkMyhgkbfsO9bij3uhu64Vb51F5h5AkGP/4cTzY8taNMmSXBdpiOoV9eUEUQjM5+63R530Dgzu+1rVbRtxggPHPn0eELe+0bAzZmYKWPz/DTacYEEFvz9d/4wx0aOS3XFNTx/HxYYtjhqxDZ1XrzJ+e4F9ekHRBhk3IwvqvEF4HHy+/bE+jIgEYKAVZVZj/++9R/uzpzQ0oTZFVFUN2zhYt+/dfYDbDUEoIsTXwd+38FQC4dtlq7f1G5Cmp3bS7lu7YFzC44LGoHcRohPRIy8by6RR1UTSTFhmy8wJtOaZgqFSzmLmnZLNcjFoLAdIaMo5XlQBf13DGAMZAoVlBI0m8OfbAOIciBMS3txik6XFSMmc0aZFB24KsO7J8/a+irmGEgEpTxONxs9WtDRSWFQPvXJNzyzKgqjCUAlrI/QEDEQprYaMIo/v7T1tZw6CdC2Rr7jKra/jBAPFohPgAq1NbC1uWMLMZEgK0UHsz+CEEZNZC390dzaqxNqW+FrIMadcW3K35ZDQeIxmPD96Yq7SGkBJKayyenpB4B71tqbY6XLUQMIsF9GDAbu+7RJ3Z4yMoy5Bq9SZk8vYWye3tu9cyCyGg4hjD+3ssQlgtTd1po17CKSWCtRsLyVgXDNrKku0ZkLKETN3dIbm5eXO9Ye+5gAhKa0STCRbOwXWdEmi5xZcgQkBtDLhF78JB67VkW334eQvZMZZFCCmh4xjQGta5TYjWAoRlesTt3OtkXRRoK8je6g1rgfNHdGEqihCNRrAhvFrNjihUUpMmYYt2oaA5a+EWizfd5fJZqjXCdIr85eVofwYdx/BKwTrXMxetXXjHkF0uaFJrRLe3mG9MWuy4Bb4G3ejIsEmlILSG7zmnbVg4hu1yXedwMoG6v8e8dnv7ttY10hphNjsKbKHd/bSsj26TtsriET48OJl1JsFAA9vdrmXrO6sRHQ02WuvI7bKiAc1UICHkVY5n/3bpjeFkAnXXwtb7QjfPUKMoQpjP/wi2EAKCc2tL73c/24UAceXLwb4NaBuwdaUSeib4jLRuYJt+DDZnLby1q828258ZWtCk1mzRvgtovbC9MUylcaNz5NPp+0FzDuR904K0VX4KbTolCMHlp+8G2ptudMeytWe2pRt9B2zeOVRZhkiKzsX2hKZdSMYxVO9YKdbFgraC7fZ2v2Xbynu9utG3YQs+oFwsAGuhlgf9rVRK7T0scPVLJ741aBuw1XZvC/b680MsWwgBdW1h8xyREFBC7ORpAwDrHEQUsTX77qCtYLvZsmzoa8OmzWi0B7bQri3UIezs0Fy3Zqb9/I8W71kXBNorbDcNbAcOTRnFEUKWdcK2mE4hjUHSM9us9h5FbaGThDtrrwm0DTdqzAEutLFQo2gXtuz5GVSWSOOoN2dW1TWgI0SDAVuzE+tsb6oX8znq6RTjSKNvzeH288wY0GiE4P3rpMUOyDwAU9eoAAxvbq52hyaDtgPb4ZMWF8aAiDDUUSefy8N/4RzimxsMkoQpuHbQOmF758C7bch8CMitRTSZ8EWUaz6j7ZzZxuMmQDDm8IF3XZC1FYDcWujxmCFj0N6A7S3Iunxq+zw3Bno0wvBIM9JY3wy0FWyTSQsbHQbZWhkrqyqo0YjHFDBo74DNVu86o80ZMgbtQ7CNW8tGDBmDdnLYxphXZjfFwZAxaKeBrdoijSFj0E4JG1syBu0zLRtDdp76NrugivkcZrFAlCQMGYN2WnnnuN2HQWPxGY3FYtBYDBqLxaCxGDQWg8ZiMWgsBo3FYtBYDBqLQWOxGDQWg8ZiMWgsBo3FoLFYDBqLQWOxGDQWg8Zi0FgsBo3FoLEYNBbr1Po/JnHAKmH2fVgAAAAASUVORK5CYII=); } body.dev nav.navbar.navbar-dark { - background-image: linear-gradient(to bottom, #660000 0px, #870a0a 100%); - border-color: #660000; + background-image: linear-gradient(to bottom, #660000 0px, #870a0a 100%); + border-color: #660000; } body.test { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAACjCAYAAAByigdyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcICw0S2TbD5AAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAABH/SURBVHja7Z3pcuM4loUPQABcRErykllLz0xFdMz7P9FMdFdPZ2ZlepNEUiRBApgfkmwtpCQvckryPREVYatsmSV+de6CC5A55xxIpAOL00dAItBIBBqJRKCRCDQSgUYiEWgkAo1EItBIBBqJQCORCDQSgUYiEWgkAo1EoJFIBBqJQCORCDQSgUYi0EgkAo0ErZujvTZBt+c89OMuw2RqMIwFri965Gikw0D2kDE4b4C7TKDS9dFdI6MNxGcAWc7ARQ9s/pptMlwlDFdH5GzkaGcAmSd6YAzA/B8uY9ylDncPOYFGejvIHq1sSZ6McZ86TLKSQCMdBrLHl5iHpOcTaKSXQTbKGTy5BTIG2CbFpwHAGDuK66b2xglCxkWv28UA2DrFp4HAsB9SjkZ6IWQtTsaWvpg52XFBRo52ipB1AHasTkaOdmaQuSOGjBztBCFjLbS5OsX1EUNGjkaQkaMRZC2QrRUBztQIlTt6yMjRTgAy1gLZ4jXuSRSaH9VSE4F2opCta/01rmI8ZO7oYSPQjhAy1pGPsRbqGABPxXjIjxs2GhM6QsjQEiqxB3imznDRO67xIHK0E4aMdYRVT8YYHamzEWhHAJm3AzJr9Ox71g7Y8s8fK2wE2k9SmpUYl8FsCqMlJD5CVuf4778p2DrdngMtDT56Ksa4kChLTaB9dCf7dm/AuXiiqiUk2jrF9WB2i365kLB60upirM3ZhMKXW4270XE4GxUDPzFcbkvsbZ3ieigwTMIVF/wx0uCy//Q7bHv7w9QZBj2Gq+HPLRDI0d5Zk9w+DS0+AzIASOIAn4cKtp48hcotzvYYRnOH+5/sbATaO+uXKwXXTDodqAuyDdhawmhXgSCOADYKnT9J//N/KbhMViFrcvz99wic7zd+/b//TiFU0kpX2ztYo/HrEAgCRY52brLWtjvbpYStJytO9mnA94YMAD4PJcyas21rgXiewrd7/VOcjRztgMqLCtOiBuftyXial/hxr+HA8GkoMEieP4WRZiVuRxpc9dG1D2W9R9foDIOI4fIdCwQC7WCQaXy/K2CgwEWIvsrw6TJu/Vnn3Kt2K6VZiduxhqf67ZC1VKaNztB/R9gItDcOk1objNISaQHA88G5BGMMpimQ+A1+/ZQc5G+n+czZlmFjDIBD55LWe8JGoL2hRmmBSaahXQzGvdZ2Q19muO5wtrfQP74sFQhda6ZsuQDR+DwEAv+wBQIVA2+gujH4fpvidlSjMgE49+ZWslkJjqYe/rpJD3Yt10OJRk/2gmyxgvD9HQoEcrRXStcNbu6nmGoOxn0wT3ZOXMwzMph6ikHkOnO2twijd2MN0ZKzdTWJG50hCQ8XRsnRXqm/bnMUTTQ7NmoNMsbW2w0OcACDxbQ0B7umpBfgaqBmzrYMGOteG5V+jLRwSLPiINdEm1Ne6mS6wbfbHNoG4B5frRrZakUJONimhIcaUcAR9xWU9A56fUkvAADcjScQfr/VxTaqUuee1cej0PkO+vPrGA0ftOZAKxMYRsPZCp+HAr4S8JV892v959cU0k+6oijAgLpKcREL9JOQQDuWnOyvmxzahWDz1sVKO+ERsBowJXxpMewHiAJ1MLfYJ2e7H+tVZ1u6lENDRqC9qLrMUTQS3PPBGO+ATIO7AoOeQC9U8H350689mxcI0u+/O2SUoz1DxliMJwWKWoDLAGypfFv3KYkCf/s1gecdT60VL+VsMui/K2QE2p5yzqGsaqRTA8bVE2TYzMcUK/DLp97eS0rOOTjn0BiLujYwxoIxBs/j8DwGKTxwzt8UtvvJBA7s3SAj0PYGDUhzDevF4MzbCJVPH2aB//xtsPf7WuvQGIP70RS6djAQABgY9+CMBmcGw0QiDBSUFG8Gm+dxOOcQhe937CiBtoeKUiMv3fzT2lwAd9YAJsfFUMFau9OBjLHIphUmmUZjOcB9MM+Dx/gTwVwAcLhPS/A0xyCWGPajN/nvCX/CPBqBtofrFGUNxwQ44y0h0cHZBoEEAl/uhCzNS2S5RlEzcC8Cl3xeVKyFY84A5yBkBGsbjLIS1ubvOtpDoL0naM6i1Ga2vMS6Wp4Wv32Kd0L2MMoxyg3AAwilWt9p5Qs2ywY9TwKeRFppBEX1riHvrURLULv6P2AwdiuKgGuQT9v3UDaNQVFqfP0xwUMOMC+EJ9QGYLt3qTtwLnDzoDGa5Cf3OZKj7VBjLKwFmNhcMpoZHAe47GzGjiYF8tKAyQGE6qR569zYosPKGQNTPYyzDFHQQClBoJ290y2R4IkA3+9TDHWDKFSP7ZBJ3sA4Ae5FrQvZq2GyC7D1v8sALvEwmeLqogfheQTaOUh4HMIDtG3APDVr0LpNFjyV4CHPMc6nABgcPHARw2NsZQUBnSC5TsLWv/OEj1LXqGtDoJ2TpODQ2j65WEcvViztPmdbouTmv3RgYLC2gQMej0roKj0Y44AMUVYavpI/bQ2VQHvLaokzxJHEtNJwTj26E9vqUK71J9ZHcgAH01RgTkMJhkBw1Mai0gxCxRtd4eXfd/P9CYydxudIoO3MxRiUFPBlhco04G0Z/UZ+xXY6mbU1nKlx2ecI/N5G5//PrynE0mjPxjm23ENjHYy1JxE+P3R7Y5wWmBa7j3ZSSqDf88FsCWsbrO8HYNgeKh8hcQ5wFo3OIFDgss/Rj8MNyIyxCBVgmnIWVtlmPscYmw3s2tMYvvmwjnZzn2E8ZWCo8fnCPk6kdimJAzTG4iEt4OTiQaxs58F4T6HOzJaqbIFBJBCFEYKO8SHOGaTkKBrb+c7OGngc4B4n0I4dssXRUT8eZrP1u2C7GESIwhpfbit4Itie8K+HymYK5Vn8/vvuRXfG2KzaFV2rEQ7OWUjJwU8kSRMfHTIA4LK/N2y+kriMa4zSCSxT4N68QHiKj3DzYsA2Gs7WUJ5BEktE4X4jOWWpMc404In5SBLDah1h4WwN36eG7clAtriBnurjZk/Yhv0IwiuRTTXKWsNCAIyDgc0gcwYMFkoAUSSQxBEY2F5tCGMspoWGcQKSiw3IZm7m4DELJcXRPPiVQNsC2XqI46qP0WSMKFA7p2PjXoDAl6gbg0o3aIyBtQ4eZ5DSg/AkfCXgPaMidM6hKDWy0kLO2xube0QZTFOiH4k3m1Ej0A4JWYsRWJ3iYqD2HsEWwoMQ3mNS79xiL+fzXcZai6LUuJ9oeCoG2lYTGGDqEpIbREHvZNzsQ4C2DllXt93oFFeDlx0dtbjhL73vdWOQTytM8gaeisEYb93CZ0wNZyvEiTqpBfWzB60VMva2kL1WdWOQ5SUmUwvp9zsfzWOdgW0qxIFA0gtP7l6IjwBZW7vhZ0I225ACpHmBNK9hISBVvHqdbulLZ2HqEqHvcDGMT/J+iI8I2eLLfSF7GOdQUqAX+a8GzFiLotCYljXKmsHzQgghV7bvLYdL5xxMXSGQFtcXycneE3HWkLH2fOw5kP11M0HZKMBWcM49bll7XqLvoOvZWE861agNB+cK0vfn18Ra/2dwzqKpSwTC4NNlctL3RZwjZEL2OgF7CWSeDAAEuB1PHlsb+yrNChRVg0pbWPCZg0lv86C+NdasbWDqCqGyuD5xyM4KtI0WBntLyBbn9fdxO073Am2xMfg+NZAqhuczeB3gr0NmGg1rKkQ+w9VFchb35yzO3kizEjepAPfE1tn710C2rEZPcD1QewE3muQY5w7SjzsBm6MJBoamLgCrEUcCw37vXHzg9MeEbu4z/BiZGWRv7GStTwJms0cVZlMNu8eIzrDfQz9iaKqs28WcA5xDrXMIpjFM/LOC7ORD5819hsmUwVO9znwMAEydv8jJ2t7UWQtXp+hfhHuPUF8MegBypEW24WzWGlhTw1mNOPTQCyMoJXFuOlnQJlmBVAfwljrknbedcejavDxcPlEBV6e4vgwRPfNYgWXYlB/DOgNnDKwpoTwgGfgIA3VSy0pnn6MZY/HlRwrDk9UzylpciD3mVTmSsP2A4u83ExRL4bLLyWyd4Y/f+6+69odxjmxqAMYgPYekpyDlaS2Qf7hi4B//noCpfudGkbYQGgersC0gE1vCJZyF1Sk+XYZvckDKtKhgrEUU+OCcna2LnQ1o06LC9/sSTKw627btbsuwdUK2lKg7Z2cPBLvYD7LRJAccMBz0drY/PgJgZ9PeWIGN873Gqxudw0MDy/zdkD3Dye4eMuQVAwNDqMxZNFo/FGj5tELgy61zYv/4Mml96NY6ZE+OYh4P1dtoN7zAyRaQSb83zwmnCCXBdjKgLVoYgMVl4uFiEHU624/7Eky2FAg7njv+WsjyaYnRVDz28hbvUxNspwFampe4TQUYF7ORnrrAf/2qtm6Y/eeXCfjc2dg2wDoau69xsraw3egpAmVOevLiLcSP2cl+PJhHyADAkyH+9W2K0Xja+XufL33Yegw4+26QqTbI5o/nkX6EsrKom4ZAO9ZwKVRvAxDPT3CfGYwm7bBFoY/PFwFck8LNYdtZIMwwg9H5i3OylfddqnrrMkU/VpBCEGjHFi4zHUCo9lGf2RRFgoe02yGi0Mcfvw9g66x1rbIdvtlp2PkeRyTcPWSYdjjZcrieQSbQj0N8dPFjc7IfD2Z2bFNLGHrshekUl/3d64GfL3wYPZ45G9tgrQXgCHnFcPuQbU38SxNsOBkjyE6jGFgk/uuQrSf0Ruf447foWWeC/fn16QlvreGTrSfwOXq+w9VF3OpkG5Ct/T5BdqSO1upkLdYzczL+7IPnPl34MNX4MWfbBhkACNVDXjHcLTlbG2SMIDsdR1tO/DfC5QZkL9+tNC0q3I5KcJmAL/psbHuB0OgckT/7eKaaQareVkgJsiMFbSNcdiTqpp6HyzdYG/zX1wlE0N9dhbLF356dUSZk2BkqgdkDvPo9guzoQufjZOwuyHSKy+Ttjme6vvDRrIVRhu4ZfiGDR8hYF2QlQXaUjtaW+LfdwLd0sg1n+zYrELZtEtmW8JOTHbmj3dxnuFk4GdtsXSxD9pZOtuFsw7UCgXUfEdq1P5QgO1LQbu4zpMV8SxzbfvYrMDth51CKQh9XwwBGp3Cw3cOTHZBpguw4QXuETPV2nsPP2KzFMModRuP8oLBdL2BraX10nTxEkB1pjrYM2b6HCy++bHSGYY/tnFh9jYqiwt24hKdmI0bbjlLQVYpBTyAhyI7L0dK8RF4Hz4ZsIaFijKYcdWMOdo1h6OM/fh2g0dnWM84IsiN1tH2cbOfjA+ffNFWGYcwOurG2KCvcjUoIP9k4DI8gO1JH2wsyho2Jiq6flX6MUeYO+qzKMJgVCE21mrMRZEcK2gIy0QEZW8q/Gp21uxjbbDlIP8b40GF0Adu8QCDIjjR0LkO2LRdrqtnaJQA8pA2ESraH0OUCoS7w27WCFId7BlJRVpikJaJQEWTHBlqal7jLNkd91nOxRq92/J1z+PPbFMLvdUK2nss1dYHfrg4Lm7V253PSSe8cOsdp8dTx31JaNtXm2iVjDJcJR1Ole0EGAEKG+HZTHDRnI8iOEDThcTC0Nz0XSf+2UZ9+EuIyETBz2DbaHm2tDz/GJHcn+TB7Au2F6kU+rgYCRqebpGEG2UWyfZ6sn4S4SASaKl0BFFsKChnESIvDFgikIywGJlmBu/E8uX8GZCvvkRZ4SBvIIOnO9dZeqKsM/Yid3QF25GhdrhSHuBoINHX6IsiWna0u027I1tofyo+RTimMfhhHW3a2SabR7yn0Xzh+PUkLPGQNlJ+0ulibuzW6wC+Xh61GSUcEGjA7MM975RNyJ2mBUdZA+slWyFa3umVIIoYBhdGPAdpbuuMobaCC9vMr2mf4MyQhwXa2Odoh1I9DDDtytq5pC+XHSAuHMeVsBNpzYRskAvWiz9bR+lh+WQVz2FKCjUB7rrPFM9i61kHXaVNBjGxKsBFoz1SygG0pjG4bu2Zz2KbF7HHUJALtWbAN1p2tZbZtIV2miKPtB/iRCLRu2HoCukq3Hh2q55t7adSHQHs9bGXaGkIJMgLtYLARZATau8FGkB2fzuJ5nQulWYF8qtGLaPyaQDuw3mJ9lUSgkShHI5EINBKBRiLQSCQCjUSgkUgEGolAIxFoJBKBRiLQSCQCjUSgkQg0EolAIxFoJAKNRCLQSAQaiUSgkQg0EoFGIhFoJAKNRNqi/wfbSPHcqfkfdQAAAABJRU5ErkJggg==); + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAACjCAYAAAByigdyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcICw0S2TbD5AAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAABH/SURBVHja7Z3pcuM4loUPQABcRErykllLz0xFdMz7P9FMdFdPZ2ZlepNEUiRBApgfkmwtpCQvckryPREVYatsmSV+de6CC5A55xxIpAOL00dAItBIBBqJRKCRCDQSgUYiEWgkAo1EItBIBBqJQCORCDQSgUYiEWgkAo1EoJFIBBqJQCORCDQSgUYi0EgkAo0ErZujvTZBt+c89OMuw2RqMIwFri965Gikw0D2kDE4b4C7TKDS9dFdI6MNxGcAWc7ARQ9s/pptMlwlDFdH5GzkaGcAmSd6YAzA/B8uY9ylDncPOYFGejvIHq1sSZ6McZ86TLKSQCMdBrLHl5iHpOcTaKSXQTbKGTy5BTIG2CbFpwHAGDuK66b2xglCxkWv28UA2DrFp4HAsB9SjkZ6IWQtTsaWvpg52XFBRo52ipB1AHasTkaOdmaQuSOGjBztBCFjLbS5OsX1EUNGjkaQkaMRZC2QrRUBztQIlTt6yMjRTgAy1gLZ4jXuSRSaH9VSE4F2opCta/01rmI8ZO7oYSPQjhAy1pGPsRbqGABPxXjIjxs2GhM6QsjQEiqxB3imznDRO67xIHK0E4aMdYRVT8YYHamzEWhHAJm3AzJr9Ox71g7Y8s8fK2wE2k9SmpUYl8FsCqMlJD5CVuf4778p2DrdngMtDT56Ksa4kChLTaB9dCf7dm/AuXiiqiUk2jrF9WB2i365kLB60upirM3ZhMKXW4270XE4GxUDPzFcbkvsbZ3ieigwTMIVF/wx0uCy//Q7bHv7w9QZBj2Gq+HPLRDI0d5Zk9w+DS0+AzIASOIAn4cKtp48hcotzvYYRnOH+5/sbATaO+uXKwXXTDodqAuyDdhawmhXgSCOADYKnT9J//N/KbhMViFrcvz99wic7zd+/b//TiFU0kpX2ztYo/HrEAgCRY52brLWtjvbpYStJytO9mnA94YMAD4PJcyas21rgXiewrd7/VOcjRztgMqLCtOiBuftyXial/hxr+HA8GkoMEieP4WRZiVuRxpc9dG1D2W9R9foDIOI4fIdCwQC7WCQaXy/K2CgwEWIvsrw6TJu/Vnn3Kt2K6VZiduxhqf67ZC1VKaNztB/R9gItDcOk1objNISaQHA88G5BGMMpimQ+A1+/ZQc5G+n+czZlmFjDIBD55LWe8JGoL2hRmmBSaahXQzGvdZ2Q19muO5wtrfQP74sFQhda6ZsuQDR+DwEAv+wBQIVA2+gujH4fpvidlSjMgE49+ZWslkJjqYe/rpJD3Yt10OJRk/2gmyxgvD9HQoEcrRXStcNbu6nmGoOxn0wT3ZOXMwzMph6ikHkOnO2twijd2MN0ZKzdTWJG50hCQ8XRsnRXqm/bnMUTTQ7NmoNMsbW2w0OcACDxbQ0B7umpBfgaqBmzrYMGOteG5V+jLRwSLPiINdEm1Ne6mS6wbfbHNoG4B5frRrZakUJONimhIcaUcAR9xWU9A56fUkvAADcjScQfr/VxTaqUuee1cej0PkO+vPrGA0ftOZAKxMYRsPZCp+HAr4S8JV892v959cU0k+6oijAgLpKcREL9JOQQDuWnOyvmxzahWDz1sVKO+ERsBowJXxpMewHiAJ1MLfYJ2e7H+tVZ1u6lENDRqC9qLrMUTQS3PPBGO+ATIO7AoOeQC9U8H350689mxcI0u+/O2SUoz1DxliMJwWKWoDLAGypfFv3KYkCf/s1gecdT60VL+VsMui/K2QE2p5yzqGsaqRTA8bVE2TYzMcUK/DLp97eS0rOOTjn0BiLujYwxoIxBs/j8DwGKTxwzt8UtvvJBA7s3SAj0PYGDUhzDevF4MzbCJVPH2aB//xtsPf7WuvQGIP70RS6djAQABgY9+CMBmcGw0QiDBSUFG8Gm+dxOOcQhe937CiBtoeKUiMv3fzT2lwAd9YAJsfFUMFau9OBjLHIphUmmUZjOcB9MM+Dx/gTwVwAcLhPS/A0xyCWGPajN/nvCX/CPBqBtofrFGUNxwQ44y0h0cHZBoEEAl/uhCzNS2S5RlEzcC8Cl3xeVKyFY84A5yBkBGsbjLIS1ubvOtpDoL0naM6i1Ga2vMS6Wp4Wv32Kd0L2MMoxyg3AAwilWt9p5Qs2ywY9TwKeRFppBEX1riHvrURLULv6P2AwdiuKgGuQT9v3UDaNQVFqfP0xwUMOMC+EJ9QGYLt3qTtwLnDzoDGa5Cf3OZKj7VBjLKwFmNhcMpoZHAe47GzGjiYF8tKAyQGE6qR569zYosPKGQNTPYyzDFHQQClBoJ290y2R4IkA3+9TDHWDKFSP7ZBJ3sA4Ae5FrQvZq2GyC7D1v8sALvEwmeLqogfheQTaOUh4HMIDtG3APDVr0LpNFjyV4CHPMc6nABgcPHARw2NsZQUBnSC5TsLWv/OEj1LXqGtDoJ2TpODQ2j65WEcvViztPmdbouTmv3RgYLC2gQMej0roKj0Y44AMUVYavpI/bQ2VQHvLaokzxJHEtNJwTj26E9vqUK71J9ZHcgAH01RgTkMJhkBw1Mai0gxCxRtd4eXfd/P9CYydxudIoO3MxRiUFPBlhco04G0Z/UZ+xXY6mbU1nKlx2ecI/N5G5//PrynE0mjPxjm23ENjHYy1JxE+P3R7Y5wWmBa7j3ZSSqDf88FsCWsbrO8HYNgeKh8hcQ5wFo3OIFDgss/Rj8MNyIyxCBVgmnIWVtlmPscYmw3s2tMYvvmwjnZzn2E8ZWCo8fnCPk6kdimJAzTG4iEt4OTiQaxs58F4T6HOzJaqbIFBJBCFEYKO8SHOGaTkKBrb+c7OGngc4B4n0I4dssXRUT8eZrP1u2C7GESIwhpfbit4Itie8K+HymYK5Vn8/vvuRXfG2KzaFV2rEQ7OWUjJwU8kSRMfHTIA4LK/N2y+kriMa4zSCSxT4N68QHiKj3DzYsA2Gs7WUJ5BEktE4X4jOWWpMc404In5SBLDah1h4WwN36eG7clAtriBnurjZk/Yhv0IwiuRTTXKWsNCAIyDgc0gcwYMFkoAUSSQxBEY2F5tCGMspoWGcQKSiw3IZm7m4DELJcXRPPiVQNsC2XqI46qP0WSMKFA7p2PjXoDAl6gbg0o3aIyBtQ4eZ5DSg/AkfCXgPaMidM6hKDWy0kLO2xube0QZTFOiH4k3m1Ej0A4JWYsRWJ3iYqD2HsEWwoMQ3mNS79xiL+fzXcZai6LUuJ9oeCoG2lYTGGDqEpIbREHvZNzsQ4C2DllXt93oFFeDlx0dtbjhL73vdWOQTytM8gaeisEYb93CZ0wNZyvEiTqpBfWzB60VMva2kL1WdWOQ5SUmUwvp9zsfzWOdgW0qxIFA0gtP7l6IjwBZW7vhZ0I225ACpHmBNK9hISBVvHqdbulLZ2HqEqHvcDGMT/J+iI8I2eLLfSF7GOdQUqAX+a8GzFiLotCYljXKmsHzQgghV7bvLYdL5xxMXSGQFtcXycneE3HWkLH2fOw5kP11M0HZKMBWcM49bll7XqLvoOvZWE861agNB+cK0vfn18Ra/2dwzqKpSwTC4NNlctL3RZwjZEL2OgF7CWSeDAAEuB1PHlsb+yrNChRVg0pbWPCZg0lv86C+NdasbWDqCqGyuD5xyM4KtI0WBntLyBbn9fdxO073Am2xMfg+NZAqhuczeB3gr0NmGg1rKkQ+w9VFchb35yzO3kizEjepAPfE1tn710C2rEZPcD1QewE3muQY5w7SjzsBm6MJBoamLgCrEUcCw37vXHzg9MeEbu4z/BiZGWRv7GStTwJms0cVZlMNu8eIzrDfQz9iaKqs28WcA5xDrXMIpjFM/LOC7ORD5819hsmUwVO9znwMAEydv8jJ2t7UWQtXp+hfhHuPUF8MegBypEW24WzWGlhTw1mNOPTQCyMoJXFuOlnQJlmBVAfwljrknbedcejavDxcPlEBV6e4vgwRPfNYgWXYlB/DOgNnDKwpoTwgGfgIA3VSy0pnn6MZY/HlRwrDk9UzylpciD3mVTmSsP2A4u83ExRL4bLLyWyd4Y/f+6+69odxjmxqAMYgPYekpyDlaS2Qf7hi4B//noCpfudGkbYQGgersC0gE1vCJZyF1Sk+XYZvckDKtKhgrEUU+OCcna2LnQ1o06LC9/sSTKw627btbsuwdUK2lKg7Z2cPBLvYD7LRJAccMBz0drY/PgJgZ9PeWIGN873Gqxudw0MDy/zdkD3Dye4eMuQVAwNDqMxZNFo/FGj5tELgy61zYv/4Mml96NY6ZE+OYh4P1dtoN7zAyRaQSb83zwmnCCXBdjKgLVoYgMVl4uFiEHU624/7Eky2FAg7njv+WsjyaYnRVDz28hbvUxNspwFampe4TQUYF7ORnrrAf/2qtm6Y/eeXCfjc2dg2wDoau69xsraw3egpAmVOevLiLcSP2cl+PJhHyADAkyH+9W2K0Xja+XufL33Yegw4+26QqTbI5o/nkX6EsrKom4ZAO9ZwKVRvAxDPT3CfGYwm7bBFoY/PFwFck8LNYdtZIMwwg9H5i3OylfddqnrrMkU/VpBCEGjHFi4zHUCo9lGf2RRFgoe02yGi0Mcfvw9g66x1rbIdvtlp2PkeRyTcPWSYdjjZcrieQSbQj0N8dPFjc7IfD2Z2bFNLGHrshekUl/3d64GfL3wYPZ45G9tgrQXgCHnFcPuQbU38SxNsOBkjyE6jGFgk/uuQrSf0Ruf447foWWeC/fn16QlvreGTrSfwOXq+w9VF3OpkG5Ct/T5BdqSO1upkLdYzczL+7IPnPl34MNX4MWfbBhkACNVDXjHcLTlbG2SMIDsdR1tO/DfC5QZkL9+tNC0q3I5KcJmAL/psbHuB0OgckT/7eKaaQareVkgJsiMFbSNcdiTqpp6HyzdYG/zX1wlE0N9dhbLF356dUSZk2BkqgdkDvPo9guzoQufjZOwuyHSKy+Ttjme6vvDRrIVRhu4ZfiGDR8hYF2QlQXaUjtaW+LfdwLd0sg1n+zYrELZtEtmW8JOTHbmj3dxnuFk4GdtsXSxD9pZOtuFsw7UCgXUfEdq1P5QgO1LQbu4zpMV8SxzbfvYrMDth51CKQh9XwwBGp3Cw3cOTHZBpguw4QXuETPV2nsPP2KzFMModRuP8oLBdL2BraX10nTxEkB1pjrYM2b6HCy++bHSGYY/tnFh9jYqiwt24hKdmI0bbjlLQVYpBTyAhyI7L0dK8RF4Hz4ZsIaFijKYcdWMOdo1h6OM/fh2g0dnWM84IsiN1tH2cbOfjA+ffNFWGYcwOurG2KCvcjUoIP9k4DI8gO1JH2wsyho2Jiq6flX6MUeYO+qzKMJgVCE21mrMRZEcK2gIy0QEZW8q/Gp21uxjbbDlIP8b40GF0Adu8QCDIjjR0LkO2LRdrqtnaJQA8pA2ESraH0OUCoS7w27WCFId7BlJRVpikJaJQEWTHBlqal7jLNkd91nOxRq92/J1z+PPbFMLvdUK2nss1dYHfrg4Lm7V253PSSe8cOsdp8dTx31JaNtXm2iVjDJcJR1Ole0EGAEKG+HZTHDRnI8iOEDThcTC0Nz0XSf+2UZ9+EuIyETBz2DbaHm2tDz/GJHcn+TB7Au2F6kU+rgYCRqebpGEG2UWyfZ6sn4S4SASaKl0BFFsKChnESIvDFgikIywGJlmBu/E8uX8GZCvvkRZ4SBvIIOnO9dZeqKsM/Yid3QF25GhdrhSHuBoINHX6IsiWna0u027I1tofyo+RTimMfhhHW3a2SabR7yn0Xzh+PUkLPGQNlJ+0ulibuzW6wC+Xh61GSUcEGjA7MM975RNyJ2mBUdZA+slWyFa3umVIIoYBhdGPAdpbuuMobaCC9vMr2mf4MyQhwXa2Odoh1I9DDDtytq5pC+XHSAuHMeVsBNpzYRskAvWiz9bR+lh+WQVz2FKCjUB7rrPFM9i61kHXaVNBjGxKsBFoz1SygG0pjG4bu2Zz2KbF7HHUJALtWbAN1p2tZbZtIV2miKPtB/iRCLRu2HoCukq3Hh2q55t7adSHQHs9bGXaGkIJMgLtYLARZATau8FGkB2fzuJ5nQulWYF8qtGLaPyaQDuw3mJ9lUSgkShHI5EINBKBRiLQSCQCjUSgkUgEGolAIxFoJBKBRiLQSCQCjUSgkQg0EolAIxFoJAKNRCLQSAQaiUSgkQg0EoFGIhFoJAKNRNqi/wfbSPHcqfkfdQAAAABJRU5ErkJggg==); } body.test nav.navbar.navbar-dark { - background-image: linear-gradient(to bottom, #002768 0px, #0a3783 100%); - border-color: #002768; + background-image: linear-gradient(to bottom, #002768 0px, #0a3783 100%); + border-color: #002768; } div#contenu-principal { - box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25); - background-color: white; - padding-top: 1em; - padding-bottom: 1em; + box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25); + background-color: white; + padding-top: 1em; + padding-bottom: 1em; } #footer { - margin-top: 2em; + margin-top: 2em; } #footer a.lien-univ { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAjCAYAAADR94eaAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wcJCSoswU7LUgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAPZUlEQVRo3u1ae3RU5bX/7e+cmckkmUnI5AGBSCBEXr1cRLlVqqjtXesufFDtRaVWbJSXgC3U0uXVVulVulxUvfau2iIlqQRQsRUuVUFQwRcvKyoiEAgkhJCHyUySmWTmzMx5fPv+kQMxmckT7/2r31pnzR/fOXvv8zv78dv7G0I/i5mda/ahGMDoFBVZ1W18rSBIADQsRValqlxvSKoZ7TGrfjQtpRmXuJiZ4g3lY8BcDFJzpR64CmAHwAKO4R+zNFtB4nTUPetsdnZ2tE9ZT5dMg+rMsEBDMESS9Pj8V699+1hmZib27t3LF7aoD+MdK3bh6RN+/oFmwBc34WZQ0vsdgnWXAq04y9p/W1H00d1/+uWxw4cP88GDB3kwdhqhz8boX215lc22CZB6GsAiwS4Qg5xREq4QnAUfyoybVv/qyfUnWltbefPmzd308Z15lRwKFAGQQwBNkeOu/GiJccXNzGwSkb5+/XrZK2irP+CbPziHstYo8gari8B8Y374hazqvzx28rOPguXl5dZAnovWPLfc6vj8d0PxTlMtem/ls+e/ryhKNBaLWeXl5QwAPCf7LEKBwqF6ffvYq758yPznlQCamblKCBEuLS1N/JLLdvAftp/kvw0FMNsTaG+DZ8ln2T/cV1BQULBw4cKUe++9t8/4iJ797a+HChgAVNXprcz8bdM0RzscDldXtFxaqohCyQDwbQDjiSjVNE0AQDfQlr7JvztUh6UMUi41N1WHUyfUTPz5TrfbXex0Ot33339/UuCitc9PtMLHVg1Vj8UOs3RbazWAqwAUMbNr+vTpBKCXZDIYB4ACIA2AC4DIzc0FAKgAcOU6pjsn48ptFby09zTHGCvPnEiN1ja6wzUBy+FxtXsnXtbsLCpul6kegBOivSKcOXHaVQ/9kT94cpmqqmduvvnm6I4dO7rnnXjj8t6Mbgz6zh45o5xobeeOET4eNiqHh4/K1sakOqPeC/fUB4dX6/pXZCvXiMjw+Xx9guHPm9AYJVXrK6cLMNUqw+phgjvxAwzD6ALt08XEOZv4VVOSI1mOKuTqyoxPnnoDgAUgagBhADEPvWOkMwtt3O3X1Gb/29yYVJ09nz+l50+flnPZ9R3+Wj0vL68agP71fWm2fy+Z0Z+cGbl/85vNB+37O+xLB6Cmu1XvfbPTfzAyx5xwuMI6CsAEECCiRillfNeuXX0G5s78mfs+DJg1RKQBiDGzlQxAihNs2e0AzIaGhi7Qfr6b73m/BmOTKfiWfuiAcqTsIIAogAYANQC+IqIOZjaISEmr2r5/PGsfHvXN+RMD4uv6I5bDFb78rhL4nz4vhGgrKSnxb9iwoauaWdGE3ClZkZvfbD4EIG7rq7CTcZyIlHCUUn//amRfmpvzo/FYFkAuADXMHGhqauq3UrrYVIlIB1BFRJUAdOollplZElHIsqxwQUFBF2gnA1iZ7IECpanBBizCzJVE9AUR1QshIswsHQ4Hm6YJKaWgqt01k0Zde9nx6IjHe8r5wiieOlWIsVLKWlVVgzYYF1BL8O6YmRYGohJAC4AviOikqqqaEIJN0yQpJRGRQ4txBTNnAvAAaCEirWf491V0ATQx80khhMa9VA1FUSClZI/HYz3zzDMMAOrD7/DwA+e5sKd3Ckgefu7VvUZnSJwjos8A1AQCgfj27dt7apCzZs0Kj/po1WrPNS8s6TBETrdNCOGadMsM7cu/nSWicyUlJfqGDRtsGcLsjPqu5VbbvSPyclIbm4JBAF8ZhhEpLS3t6UFmSUlJzOPxhAzDEADY7/dbA07yzExETETm+vXrjcEUCNWwMDpuIq3nRoYa08xAdasdz5VEVBeLxZIBBgB46623GIBx57/+8c2OoLiv537EO3GCoNeHM7NPCBGyvzQg3E2wjPRuuYSARbeJ28te91TVNXaoLpcraezYwFvoifpAOWVnSA6amAiHgmyLSe254UE4xHo4CiAAoI6Ioj0Zd7LlcdEeSsKQIiJjGEgMY+YsIYTq8/k6gVC8bySTk+Vuyv/ZneGnfrl4zJrCwsLsxYsXK9ddd90lkojOFRdOy/Y2MLPIzc0lRVESrv8cR0JRlASdaosm/6UHXet8ednWBsCwq1J7fX29HJjbw08EyYxuXM+AwymEkiJZZjKzMz8/P97S0gJTimcUqIsJpjvBONJdue7KO5bdmjqrwyxce+LsqOe3FBfX19XVybfffnvI1PXuildm3y3ELQKwBNjCDGagu7MjNaP1kYIfTloQDEoppbl+/fqL3ixMCWcywc5Yc8BO2EEpZXznzp0DMlJRlDZK0utp7EohxeEC4GFmx4QJEwAAmRNX12tiyg19yoSWnqFW/OLq4pqTq1eMf66goCD9gQceUGbMmDEkz3NEQ05HpC1FibSlUSTopUgoo8fllVpHVmtr65WmaU6SUg578MEHL3qWYCSGps3PYHuaRkSDzRmUhF0TESkAXETkSE/v+rK/WPPZ4aBesERCNfoSKGC4vXT8J0+vyDxeclv+9ydPnpw2f/58gf+DZZFwMPMNAKYDyI5EIl2g2WOeXp8FYCiKIvtiz4ME0wlANQzjoryNGzfKX69tKj1wesLMqJlR058QJ/wF3xp5ZuvyH49bTUS5CxYscN5zzz30TYLGnbZm2HTG6XK5ugoB9TI2sZN5Jy9R1QErs9MmJ4YYXwCeAFB2dna3/dLSUvOvO059+sgfot85ei5nTdTMbO4nd6Iw4/jyZT8a/Qwzj0lJSUmZN2/egIDT07LiMW9uNN7b5cmJxtN90R4UpSvXWjK5B4Vd+Xlu27ssa+DRaUh4OUllcZEel6ZuAmAikoFAIOHZsrIyY8mSJU1l/xNc43bxlhtnjLv1+smNK1LUSFYiXej8Hec7fXf+iJEHGxqb309JSameNWtWzKY/va4dxbPf+SAkql2KMAHoSMJsJTOzyVF0toyGrnd1f+qIdPnhMb/ycEJZVr1ed2eXr1qWJQbKZ0yJ4ZITQVNhGFJaFgCdmS3DMJLKW7t2rTVv3rygori1ne+da9j5Ht748ezc+/6pMDzfIbS0JODRvFn8kzV/RkhKqeXn55+/yAF7oxwQRtiicNjiaiKqYU7WRhEAZiLSpJR+t9t9MSJF3OSQQpzgSiH2ZMDlSQOQxswDTraGhWuSDWWGSb8fLCWAGACjr5DftGkTb9u2TTdN009EFeWvt63+zab0GyNG1ulk9+d5mscBKAQwVgjhnj179kDC1ABQz8xHiOgTAAmXEOIwMx93Op1tp0+fvviRVRVmtUtVIpoBb7eppZWS6vIV5sYbvvQCcM2ZMyf22muv9ett9R18R7Ka4QieqYt3GhoGoL/00kt9ygoEAlxeXg4A8blz57YQUftvy+UNqxY4zwjo7u4+IalghHfE+cbICCmlx+PxRPqLDLuNMokoWlpaGhtUR/D0Te5GrxM1icM9IdoKb/sugBwA3uzs7H6/3r3beFlYp9xkRcU4uaMCQIyILpDmAVe7LVu2yNLS0viMKWgm4UxaICSDAHgBpDmdzgHJps6YHHTVFQBweZb1ZLLNSnN0MU8tuQ3ASMuyUvpy+wfe4MtPteDZZHtT1VPHpJQWgCAzt1qWZQJgrerJyyKV/zFn+/btYvny5f0a/+/z/2wSpCsZjzE6h4UOAA5VVb9R+pEUtNqyuVtHpMlTyW74wvmdW8xrHn5cSjkqLy/PNWfOnASDHnmXrzvcwMdNiYQXSlUM3XV84z67u2giojbDMDpzKClXcLzhr98r2q49vijj97t27Rq+cOFCtTfqoJ1Z9RCkNjyxYrtjzYHIhZDk/qq9bvGF3pOH0rBfMI4efSt83Tu1qe9JUNKk71WNjlxX9F0T6scxS6lRVDXVpdK0sEHfbY7QpN4UXOU4cdTc/1+7ATQC+EBV1ePr1q2LA4BW9ZtbpXbq9e5MPLOOyX2UIT4Fx08KslhRUsYRjJvYCFydTMenNUUHNm6v/QhAFYB34/F47ebNm63eTqPCvsvapeKMO2DFnGxFRSeHTKCWVn7xvmXt45ZKKa2UlBTr+eeflxeHkAC4ZtOifVfMKX3hU797adLjLNPhaTcdtwO43T7nof7SQYGz1W/tf+5tABEAZ4moLhKJ9Dm7Ujg4ChwcBeAmBhgMQIJ6c4eYlRH+y67mT+xReICI2oUQfQ4X0ltqvQOahnjzNMuyrgTQqmla7fz587WysrIuKvHyyy9LufOny6dmhV8ZSArtD7DL3f7GEX//1UuSEbNH1ieIKPjKK6/wIMKgT0WSVeudz317YrFYHEAbgFpmjmzcuJG/idwVYSUDwEwAk4koPR6PJx7htbW1WbT7Z/fPzf3yAZew4kNVdr3j7x979z/2sq7r7QQ+C+BzIjofjUYNy7K+9kJyyAlbt9K08r1jtry77/wpG7AKIjpnz/6/kSU7IzEDQCoAkZeXh6+HJwBg69atfNddd8VPvvnfG6/JzHy/Y+pPn23FsOn1sdQsXSp9NqDDXVp4BDU1Or4s3xNqq2sFEAJwFsAxIjoXDodjW7Zs6eYBqUWPvR6qfOoOSw8/Ctk+zoGQp6+zSsmKjFlZHedb0mtKtzbv0fWamD0kPUFERwEEu43FTcN1SVXSMrrNBIUQyUc4ADBv3jxyu92qZVlZijO1aGxR0RVKxshJjcro8S0ib5RgCwxCBre2eczmYGqwoq6h7nxrNNIetslrsw1YjaqqLZqm6Zs2bUoaMgsWLFBURebl5ORMy8vNnTImnydlpcdGZnmiw6UEETG1dKQG/CFX68maeEN9XUOrFo1rtp5GANVEVG0D1q194qZzRXVfNY38+Itjk/0tbZMky8GASOFoPF5ZfbYJQCWA96WUzS+++CL3GR5Lly4VhmG4mNkLwAfAZ5/+pNunznSxnQM027taiMhPRCFFUeKHDh2SR44c6TPHLFiwQGXmVDsUfACG2UQ19cLptk0NdLuohAD47cQfUhQlvm7duoTkP336dJoyZYoTwGgABTaPG2xKsAD4mflMfX19ePfu3TwgAStWrKBwOKwQkUNK6SIixwUDiIiZ2SIinZl1ItJ1XbfKy8sH9U+dlStXkt/vJ6fTqUgpHUTkJCIHMyfTEycig5mtJKdU3daiRYtISulkZgfRkP+oYAKIX9A1KCEzZ86kiRMnIhKJICMjgwzDgBACzc3NnJ2djWPHjuHAgQOXXLmuvfZaGj9+PDRNg8/nI13XQUQIBoPs9XqxZ88eVFdXD1jPqlWrLqlDYGY88cQTjH+sf6z/1/W/exqnXUMJAzYAAAAASUVORK5CYII="); - background-repeat: no-repeat; - background-position: right top; - display: inline-block; - height: 35px; - width: 77px; - text-indent: -9999px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAjCAYAAADR94eaAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wcJCSoswU7LUgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAPZUlEQVRo3u1ae3RU5bX/7e+cmckkmUnI5AGBSCBEXr1cRLlVqqjtXesufFDtRaVWbJSXgC3U0uXVVulVulxUvfau2iIlqQRQsRUuVUFQwRcvKyoiEAgkhJCHyUySmWTmzMx5fPv+kQMxmckT7/2r31pnzR/fOXvv8zv78dv7G0I/i5mda/ahGMDoFBVZ1W18rSBIADQsRValqlxvSKoZ7TGrfjQtpRmXuJiZ4g3lY8BcDFJzpR64CmAHwAKO4R+zNFtB4nTUPetsdnZ2tE9ZT5dMg+rMsEBDMESS9Pj8V699+1hmZib27t3LF7aoD+MdK3bh6RN+/oFmwBc34WZQ0vsdgnWXAq04y9p/W1H00d1/+uWxw4cP88GDB3kwdhqhz8boX215lc22CZB6GsAiwS4Qg5xREq4QnAUfyoybVv/qyfUnWltbefPmzd308Z15lRwKFAGQQwBNkeOu/GiJccXNzGwSkb5+/XrZK2irP+CbPziHstYo8gari8B8Y374hazqvzx28rOPguXl5dZAnovWPLfc6vj8d0PxTlMtem/ls+e/ryhKNBaLWeXl5QwAPCf7LEKBwqF6ffvYq758yPznlQCamblKCBEuLS1N/JLLdvAftp/kvw0FMNsTaG+DZ8ln2T/cV1BQULBw4cKUe++9t8/4iJ797a+HChgAVNXprcz8bdM0RzscDldXtFxaqohCyQDwbQDjiSjVNE0AQDfQlr7JvztUh6UMUi41N1WHUyfUTPz5TrfbXex0Ot33339/UuCitc9PtMLHVg1Vj8UOs3RbazWAqwAUMbNr+vTpBKCXZDIYB4ACIA2AC4DIzc0FAKgAcOU6pjsn48ptFby09zTHGCvPnEiN1ja6wzUBy+FxtXsnXtbsLCpul6kegBOivSKcOXHaVQ/9kT94cpmqqmduvvnm6I4dO7rnnXjj8t6Mbgz6zh45o5xobeeOET4eNiqHh4/K1sakOqPeC/fUB4dX6/pXZCvXiMjw+Xx9guHPm9AYJVXrK6cLMNUqw+phgjvxAwzD6ALt08XEOZv4VVOSI1mOKuTqyoxPnnoDgAUgagBhADEPvWOkMwtt3O3X1Gb/29yYVJ09nz+l50+flnPZ9R3+Wj0vL68agP71fWm2fy+Z0Z+cGbl/85vNB+37O+xLB6Cmu1XvfbPTfzAyx5xwuMI6CsAEECCiRillfNeuXX0G5s78mfs+DJg1RKQBiDGzlQxAihNs2e0AzIaGhi7Qfr6b73m/BmOTKfiWfuiAcqTsIIAogAYANQC+IqIOZjaISEmr2r5/PGsfHvXN+RMD4uv6I5bDFb78rhL4nz4vhGgrKSnxb9iwoauaWdGE3ClZkZvfbD4EIG7rq7CTcZyIlHCUUn//amRfmpvzo/FYFkAuADXMHGhqauq3UrrYVIlIB1BFRJUAdOollplZElHIsqxwQUFBF2gnA1iZ7IECpanBBizCzJVE9AUR1QshIswsHQ4Hm6YJKaWgqt01k0Zde9nx6IjHe8r5wiieOlWIsVLKWlVVgzYYF1BL8O6YmRYGohJAC4AviOikqqqaEIJN0yQpJRGRQ4txBTNnAvAAaCEirWf491V0ATQx80khhMa9VA1FUSClZI/HYz3zzDMMAOrD7/DwA+e5sKd3Ckgefu7VvUZnSJwjos8A1AQCgfj27dt7apCzZs0Kj/po1WrPNS8s6TBETrdNCOGadMsM7cu/nSWicyUlJfqGDRtsGcLsjPqu5VbbvSPyclIbm4JBAF8ZhhEpLS3t6UFmSUlJzOPxhAzDEADY7/dbA07yzExETETm+vXrjcEUCNWwMDpuIq3nRoYa08xAdasdz5VEVBeLxZIBBgB46623GIBx57/+8c2OoLiv537EO3GCoNeHM7NPCBGyvzQg3E2wjPRuuYSARbeJ28te91TVNXaoLpcraezYwFvoifpAOWVnSA6amAiHgmyLSe254UE4xHo4CiAAoI6Ioj0Zd7LlcdEeSsKQIiJjGEgMY+YsIYTq8/k6gVC8bySTk+Vuyv/ZneGnfrl4zJrCwsLsxYsXK9ddd90lkojOFRdOy/Y2MLPIzc0lRVESrv8cR0JRlASdaosm/6UHXet8ednWBsCwq1J7fX29HJjbw08EyYxuXM+AwymEkiJZZjKzMz8/P97S0gJTimcUqIsJpjvBONJdue7KO5bdmjqrwyxce+LsqOe3FBfX19XVybfffnvI1PXuildm3y3ELQKwBNjCDGagu7MjNaP1kYIfTloQDEoppbl+/fqL3ixMCWcywc5Yc8BO2EEpZXznzp0DMlJRlDZK0utp7EohxeEC4GFmx4QJEwAAmRNX12tiyg19yoSWnqFW/OLq4pqTq1eMf66goCD9gQceUGbMmDEkz3NEQ05HpC1FibSlUSTopUgoo8fllVpHVmtr65WmaU6SUg578MEHL3qWYCSGps3PYHuaRkSDzRmUhF0TESkAXETkSE/v+rK/WPPZ4aBesERCNfoSKGC4vXT8J0+vyDxeclv+9ydPnpw2f/58gf+DZZFwMPMNAKYDyI5EIl2g2WOeXp8FYCiKIvtiz4ME0wlANQzjoryNGzfKX69tKj1wesLMqJlR058QJ/wF3xp5ZuvyH49bTUS5CxYscN5zzz30TYLGnbZm2HTG6XK5ugoB9TI2sZN5Jy9R1QErs9MmJ4YYXwCeAFB2dna3/dLSUvOvO059+sgfot85ei5nTdTMbO4nd6Iw4/jyZT8a/Qwzj0lJSUmZN2/egIDT07LiMW9uNN7b5cmJxtN90R4UpSvXWjK5B4Vd+Xlu27ssa+DRaUh4OUllcZEel6ZuAmAikoFAIOHZsrIyY8mSJU1l/xNc43bxlhtnjLv1+smNK1LUSFYiXej8Hec7fXf+iJEHGxqb309JSameNWtWzKY/va4dxbPf+SAkql2KMAHoSMJsJTOzyVF0toyGrnd1f+qIdPnhMb/ycEJZVr1ed2eXr1qWJQbKZ0yJ4ZITQVNhGFJaFgCdmS3DMJLKW7t2rTVv3rygori1ne+da9j5Ht748ezc+/6pMDzfIbS0JODRvFn8kzV/RkhKqeXn55+/yAF7oxwQRtiicNjiaiKqYU7WRhEAZiLSpJR+t9t9MSJF3OSQQpzgSiH2ZMDlSQOQxswDTraGhWuSDWWGSb8fLCWAGACjr5DftGkTb9u2TTdN009EFeWvt63+zab0GyNG1ulk9+d5mscBKAQwVgjhnj179kDC1ABQz8xHiOgTAAmXEOIwMx93Op1tp0+fvviRVRVmtUtVIpoBb7eppZWS6vIV5sYbvvQCcM2ZMyf22muv9ett9R18R7Ka4QieqYt3GhoGoL/00kt9ygoEAlxeXg4A8blz57YQUftvy+UNqxY4zwjo7u4+IalghHfE+cbICCmlx+PxRPqLDLuNMokoWlpaGhtUR/D0Te5GrxM1icM9IdoKb/sugBwA3uzs7H6/3r3beFlYp9xkRcU4uaMCQIyILpDmAVe7LVu2yNLS0viMKWgm4UxaICSDAHgBpDmdzgHJps6YHHTVFQBweZb1ZLLNSnN0MU8tuQ3ASMuyUvpy+wfe4MtPteDZZHtT1VPHpJQWgCAzt1qWZQJgrerJyyKV/zFn+/btYvny5f0a/+/z/2wSpCsZjzE6h4UOAA5VVb9R+pEUtNqyuVtHpMlTyW74wvmdW8xrHn5cSjkqLy/PNWfOnASDHnmXrzvcwMdNiYQXSlUM3XV84z67u2giojbDMDpzKClXcLzhr98r2q49vijj97t27Rq+cOFCtTfqoJ1Z9RCkNjyxYrtjzYHIhZDk/qq9bvGF3pOH0rBfMI4efSt83Tu1qe9JUNKk71WNjlxX9F0T6scxS6lRVDXVpdK0sEHfbY7QpN4UXOU4cdTc/1+7ATQC+EBV1ePr1q2LA4BW9ZtbpXbq9e5MPLOOyX2UIT4Fx08KslhRUsYRjJvYCFydTMenNUUHNm6v/QhAFYB34/F47ebNm63eTqPCvsvapeKMO2DFnGxFRSeHTKCWVn7xvmXt45ZKKa2UlBTr+eeflxeHkAC4ZtOifVfMKX3hU797adLjLNPhaTcdtwO43T7nof7SQYGz1W/tf+5tABEAZ4moLhKJ9Dm7Ujg4ChwcBeAmBhgMQIJ6c4eYlRH+y67mT+xReICI2oUQfQ4X0ltqvQOahnjzNMuyrgTQqmla7fz587WysrIuKvHyyy9LufOny6dmhV8ZSArtD7DL3f7GEX//1UuSEbNH1ieIKPjKK6/wIMKgT0WSVeudz317YrFYHEAbgFpmjmzcuJG/idwVYSUDwEwAk4koPR6PJx7htbW1WbT7Z/fPzf3yAZew4kNVdr3j7x979z/2sq7r7QQ+C+BzIjofjUYNy7K+9kJyyAlbt9K08r1jtry77/wpG7AKIjpnz/6/kSU7IzEDQCoAkZeXh6+HJwBg69atfNddd8VPvvnfG6/JzHy/Y+pPn23FsOn1sdQsXSp9NqDDXVp4BDU1Or4s3xNqq2sFEAJwFsAxIjoXDodjW7Zs6eYBqUWPvR6qfOoOSw8/Ctk+zoGQp6+zSsmKjFlZHedb0mtKtzbv0fWamD0kPUFERwEEu43FTcN1SVXSMrrNBIUQyUc4ADBv3jxyu92qZVlZijO1aGxR0RVKxshJjcro8S0ib5RgCwxCBre2eczmYGqwoq6h7nxrNNIetslrsw1YjaqqLZqm6Zs2bUoaMgsWLFBURebl5ORMy8vNnTImnydlpcdGZnmiw6UEETG1dKQG/CFX68maeEN9XUOrFo1rtp5GANVEVG0D1q194qZzRXVfNY38+Itjk/0tbZMky8GASOFoPF5ZfbYJQCWA96WUzS+++CL3GR5Lly4VhmG4mNkLwAfAZ5/+pNunznSxnQM027taiMhPRCFFUeKHDh2SR44c6TPHLFiwQGXmVDsUfACG2UQ19cLptk0NdLuohAD47cQfUhQlvm7duoTkP336dJoyZYoTwGgABTaPG2xKsAD4mflMfX19ePfu3TwgAStWrKBwOKwQkUNK6SIixwUDiIiZ2SIinZl1ItJ1XbfKy8sH9U+dlStXkt/vJ6fTqUgpHUTkJCIHMyfTEycig5mtJKdU3daiRYtISulkZgfRkP+oYAKIX9A1KCEzZ86kiRMnIhKJICMjgwzDgBACzc3NnJ2djWPHjuHAgQOXXLmuvfZaGj9+PDRNg8/nI13XQUQIBoPs9XqxZ88eVFdXD1jPqlWrLqlDYGY88cQTjH+sf6z/1/W/exqnXUMJAzYAAAAASUVORK5CYII="); + background-repeat: no-repeat; + background-position: right top; + display: inline-block; + height: 35px; + width: 77px; + text-indent: -9999px; } /* Menu secondaire */ .menu-secondaire.nav li ul li a { - padding-top: 2px; - padding-bottom: 2px; + padding-top: 2px; + padding-bottom: 2px; } .menu-secondaire.nav li:hover > a { - background-color: #eee; - border-radius: 4px; + background-color: #eee; + border-radius: 4px; } .menu-secondaire.nav li.active > a { - color: #fff; - background-color: #3b71ca; - border-radius: 4px; + color: #fff; + background-color: #3b71ca; + border-radius: 4px; } /* forms */ .form-inline .mb-2 { - display: inline; + display: inline; } .form-inline .form-control { - width: auto; - display: inline; + width: auto; + display: inline; } .form-inline .form-select { - width: auto; - display: inline; + width: auto; + display: inline; } /* Multi checkbox */ div.multicheckbox label input[type=checkbox], div.multicheckbox label input[type=radio] { - margin-right: 5px; + margin-right: 5px; } .form-advanced-multi-checkbox .form-check-label { - display: block; + display: block; } /* Chargement automatique */ .loading { - background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///z2LqeLt8dvp7u7090GNqz2LqV+fuJ/F1IW2ycrf51aatHWswaXJ14i4ys3h6FmctUCMqniuw+vz9eHs8fb5+meku+Tu8vT4+cfd5bbT3tbm7PH2+AAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA); - background-repeat: no-repeat; - background-position: left center; - min-height: 16px; - min-width: 11px; + background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///z2LqeLt8dvp7u7090GNqz2LqV+fuJ/F1IW2ycrf51aatHWswaXJ14i4ys3h6FmctUCMqniuw+vz9eHs8fb5+meku+Tu8vT4+cfd5bbT3tbm7PH2+AAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA); + background-repeat: no-repeat; + background-position: left center; + min-height: 16px; + min-width: 11px; } a.loading { - color: transparent; + color: transparent; } a.btn.loading, button.loading { - /*opacity: 0.5;*/ - background-position: center center; + /*opacity: 0.5;*/ + background-position: center center; } select.loading { - background-position: 3px center; - color: transparent; + background-position: 3px center; + color: transparent; } /* ??? */ fieldset > fieldset { - margin-left: 1.5em; + margin-left: 1.5em; } pre.prettyprint { - white-space: pre; + white-space: pre; } /* -------------- Well -------------- */ .well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #fdfdfd; - border: 1px solid #e3e3e3; - border-radius: 4px; + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #fdfdfd; + border: 1px solid #e3e3e3; + border-radius: 4px; } .well h2, .well .h2 { - margin-top: -10px; - margin-bottom: 20px; - text-shadow: 1px 1px 3px #fff; - text-outline: #eee; - color: gray; + margin-top: -10px; + margin-bottom: 20px; + text-shadow: 1px 1px 3px #fff; + text-outline: #eee; + color: gray; } /* -------------- Jumbotron -------------- */ .jumbotron { - margin-bottom: 30px; - background-color: #eee; - padding-top: 60px; - padding-bottom: 60px; - border-radius: 6px; + margin-bottom: 30px; + background-color: #eee; + padding-top: 60px; + padding-bottom: 60px; + border-radius: 6px; } .jumbotron h1, .jumbotron .h1 { - font-size: 63px; + font-size: 63px; } .jumbotron .lead { - margin-left: 190px; - line-height: 1.4; + margin-left: 190px; + line-height: 1.4; } .jumbotron p { - margin-bottom: 15px; - font-size: 21px; - font-weight: 200; + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; } /* -------------- nav-local -------------- */ .nav-local { - background-color: #f8f8f8; - border: 1px #e7e7e7 solid; - border-radius: 0.3em; - box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 9px -4px; - margin-bottom: 1em; + background-color: #f8f8f8; + border: 1px #e7e7e7 solid; + border-radius: 0.3em; + box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 9px -4px; + margin-bottom: 1em; } .nav-local .navbar-brand { - float: left; - padding-left: 10px; + float: left; + padding-left: 10px; } .nav-local ul { - list-style: none; - padding-left: 0px; + list-style: none; + padding-left: 0px; } .nav-local li.nav-item { - float: left; - width: auto; + float: left; + width: auto; } .nav-local li.nav-item.active { - background-color: #e0e0e0; + background-color: #e0e0e0; } .nav-local li a { - padding-top: 10px; - padding-bottom: 10px; - color: gray; + padding-top: 10px; + padding-bottom: 10px; + color: gray; } /* Custom JQUery UI */ .ui-widget { - font-size: 1em; + font-size: 1em; } .ui-datepicker { - z-index: 1061 !important; /* NB: doit être supérieur à la modale Bootstrap qui est à 1050 et au popover(1060) */ + z-index: 1061 !important; /* NB: doit être supérieur à la modale Bootstrap qui est à 1050 et au popover(1060) */ } /* Mise en évidence des mots recherchés dans les SearchAndSelect */ span.sas-highlight { - font-weight: bold; + font-weight: bold; } .ui-autocomplete-loading { - background: white url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==") right center no-repeat; + background: white url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==") right center no-repeat; } .ui-autocomplete { - max-height: 300px; - overflow-y: auto; - /* prevent horizontal scrollbar */ - overflow-x: hidden; - z-index: 5000; + max-height: 300px; + overflow-y: auto; + /* prevent horizontal scrollbar */ + overflow-x: hidden; + z-index: 5000; } /*# sourceMappingURL=app.css.map */ diff --git a/public/css/budget.scss b/public/css/budget.scss index 74116d16c0e895e6b3703f38f3f19eb4ab0dd94a..9bb115275f5f5f8e5521963b2f384249913873e5 100755 --- a/public/css/budget.scss +++ b/public/css/budget.scss @@ -1,71 +1,61 @@ .engagement .ha { - border-collapse: collapse; - border:1px gray solid; - text-align: right; + border-collapse: collapse; + border: 1px #dfdddd solid; + text-align: right; + margin: 0; } .engagement .label { - color:#ccc; + color: #ccc; } .engagement .ha.ha2 { - border-left:none; -} -.engagement .ha.ha3 { - border-top:none + border-left: none; } -.engagement td.dotation { - padding: .2em; +.engagement .ha.ha3 { + border-top: none } -.engagement td.dotation { - padding: .2em; -} .engagement td.hetd { - text-align: right; + text-align: right; } .engagement td.action { - text-align: center; - vertical-align: middle; + text-align: center; + vertical-align: middle; } .engagement .liquidation { - clear: both; + clear: both; } .engagement .liquidation h2 { - text-align: center; -} - -.engagement .liquidation table { - width: auto; - margin:auto; + text-align: center; } table.budget-tbl { - width:auto; - margin: auto; + width: auto; + margin: auto; } table.budget-tbl th { - width:12em; + width: 12em; } table.budget-tbl td.hetd { - text-align: right; + text-align: right; } table.budget-tbl .label { - color: #ccc; + color: #ccc; } .budget-export { - margin-top: .5em; - text-align:center; + margin-top: .5em; + text-align: center; } \ No newline at end of file