/*!
 * AdminKit v3.2.0 (https://adminkit.io/)
 * Copyright 2022 Paul Laros
 * Copyright 2022 AdminKit
 * Licensed under MIT (https://github.com/adminkit/adminkit/blob/master/LICENSE)
 */

/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

.is-relative {
    position: relative;
}

.notification-counter {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -0%);
    background-color: red;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.counter-text {
    display: block;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
}

#timer {
    display: inline-block;
    min-width: 50px;
    text-align: center;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
    display: none;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}

.\!container {
    width: 100% !important;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important;
    }

    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important;
    }

    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important;
    }

    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important;
    }

    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important;
    }

    .container {
        max-width: 1536px;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-auto {
    pointer-events: auto;
}

.\!visible {
    visibility: visible !important;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.collapse {
    visibility: collapse;
}

.static {
    position: static;
}

.\!fixed {
    position: fixed !important;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.\!relative {
    position: relative !important;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.-inset-1 {
    inset: -0.25rem;
}

.end-1 {
    inset-inline-end: 0.25rem;
}

.left-0 {
    left: 0px;
}

.left-1 {
    left: 1rem;
}

.-left-2 {
    left: -2px;
}

.right-\[3\%\] {
    right: 3%;
}

.right-2 {
    right: 2rem;
}

.top-0 {
    top: 0px;
}

.top-2 {
    top: 0.5rem;
}

.top-2\.5 {
    top: 0.625rem;
}

.top-4 {
    top: 1rem;
}

.top-\[-4rem\] {
    top: -4rem;
}

.top-\[3\%\] {
    top: 3%;
}

.isolate {
    isolation: isolate;
}

.isolation-auto {
    isolation: auto;
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

.z-\[1035\] {
    z-index: 1035;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.col-auto {
    grid-column: auto;
}

.col-span-12 {
    grid-column: span 12 / span 12;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-none {
    float: none;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.clear-none {
    clear: none;
}

.m-0 {
    margin: 0px;
}

.m-0 {
    margin: 0px;
}

.m-1 {
    margin: 0.25rem;
}

.m-2 {
    margin: 0.5rem;
}

.-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.-ml-\[-1rem\] {
    margin-left: 1rem;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

    .mb-2/5 {
        margin-bottom: 0.6rem;
    }

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.me-1 {
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem;
}

.m-pg {
    width: 100%;
    max-width: 1500px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
}

.me-2 {
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
}

.ml-0 {
    margin-left: 0px;
}

    .ml-0.5 {
        margin-left: 0.125rem;
    }

.ml-1 {
    margin-left: 0.25rem;
}

    .ml-1.5 {
        magin-left: 0.375rem;
    }

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-2.5 {
    margin-left: 0.625rem;
}

.ml-3.5 {
    margin-left: 0.875rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-6 {
    margin-left: 1.5rem;
}

.ml-auto {
    margin-left: auto;
}

.mr-0 {
    margin-right: 0px;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.mr-6 {
    margin-right: 1.5rem;
}

.mr-\[6px\] {
    margin-right: 6px;
}

.mr-auto {
    margin-right: auto;
}

.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-14 {
    margin-top: 3.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-\[0\.15rem\] {
    margin-top: 0.15rem;
}

.box-border {
    box-sizing: border-box;
}

.box-content {
    box-sizing: content-box;
}

.line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
}

.\!block {
    display: block !important;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.inline-table {
    display: inline-table;
}

.table-caption {
    display: table-caption;
}

.table-cell {
    display: table-cell;
}

.table-column {
    display: table-column;
}

.table-column-group {
    display: table-column-group;
}

.table-footer-group {
    display: table-footer-group;
}

.table-header-group {
    display: table-header-group;
}

.table-row-group {
    display: table-row-group;
}

.table-row {
    display: table-row;
}

.flow-root {
    display: flow-root;
}

.grid {
    display: grid;
}

.inline-grid {
    display: inline-grid;
}

.\!contents {
    display: contents !important;
}

.contents {
    display: contents;
}

.list-item {
    display: list-item;
}

.\!hidden {
    display: none !important;
}

.hidden {
    display: none !important;
}

.h-1 {
    height: 0.25rem;
}

.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.h-14 {
    height: 3.5rem;
}

.h-16 {
    height: 4rem;
}

.h-24 {
    height: 6rem;
}

.h-3 {
    height: 0.75rem;
}

.h-4 {
    height: 1rem;
}

.h-44 {
    height: 11rem;
}

.h-5 {
    height: 1.25rem;
}

.h-52 {
    height: 13rem;
}

.h-56 {
    height: 14rem;
}

.h-6 {
    height: 1.5rem;
}

.h-60 {
    height: 15rem;
}

.h-7 {
    height: 1.75rem;
}

.h-72 {
    height: 18rem;
}

.h-8 {
    height: 2rem;
}

.h-80 {
    height: 20rem;
}

.h-9 {
    height: 2.25rem;
}

.h-96 {
    height: 24rem;
}

.h-\[1\.125rem\] {
    height: 1.125rem;
}

.h-\[10rem\] {
    height: 10rem;
}

.h-\[11rem\] {
    height: 11rem;
}

.h-\[25rem\] {
    height: 25rem;
}

.h-\[33rem\] {
    height: 33rem;
}

.h-\[35rem\] {
    height: 35rem;
}

.h-\[40\%\] {
    height: 40%;
}

.h-\[40rem\] {
    height: 40rem;
}

.h-\[47rem\] {
    height: 47rem;
}

.h-\[48rem\] {
    height: 48rem;
}

.h-\[55rem\] {
    height: 55rem;
}

.h-\[6rem\] {
    height: 6rem;
}

.h-full {
    height: 100%;
}

.h-px {
    height: 1px;
}

.h-screen {
    height: 100vh;
}

.max-h-56 {
    max-height: 14rem;
}

.max-h-full {
    max-height: 100%;
}

.min-h-\[150px\] {
    min-height: 150px;
}

.min-h-screen {
    min-height: 100vh;
}

.w-1 {
    width: 0.25rem;
}

.w-1\.5 {
    width: 0.375rem;
}

.w-1\/2 {
    width: 50%;
}

.w-1\/3 {
    width: 33.333333%;
}

.w-1\/4 {
    width: 25%;
}

.w-1\/5 {
    width: 20%;
}

.w-10\/12 {
    width: 83.333333%;
}

.w-12 {
    width: 3rem;
}

.w-16 {
    width: 4rem;
}

.w-2\/3 {
    width: 66.666667%;
}

.w-2\/4 {
    width: 50%;
}

.w-3 {
    width: 0.75rem;
}

.w-3\/4 {
    width: 75%;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-56 {
    width: 14rem;
}

.w-6 {
    width: 1.5rem;
}

.w-60 {
    width: 15rem;
}

.w-64 {
    width: 16rem;
}

.w-7 {
    width: 1.75rem;
}

.w-8 {
    width: 2rem;
}

.w-9 {
    width: 2.25rem;
}

.w-96 {
    width: 24rem;
}

.w-\[1\.125rem\] {
    width: 1.125rem;
}

.w-\[10rem\] {
    width: 10rem;
}

.w-\[15rem\] {
    width: 15rem;
}

.w-\[18rem\] {
    width: 18rem;
}

.w-\[28rem\] {
    width: 28rem;
}

.w-\[4rem\] {
    width: 4rem;
}

.w-\[50\%\] {
    width: 50%;
}

.w-\[77px\] {
    width: 77px;
}

.w-\[80\%\] {
    width: 80%;
}

.w-\[8rem\] {
    width: 8rem;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.min-w-0 {
    min-width: 0px;
}

.max-w-\[12rem\] {
    max-width: 12rem;
}

.max-w-\[24rem\] {
    max-width: 24rem;
}

.max-w-full {
    max-width: 100%;
}

.max-w-md {
    max-width: 28rem;
}

.max-w-lg {
    max-width: 36rem;
}


.flex-auto {
    flex: 1 1 auto;
}

.flex-none {
    flex: none;
}

.flex-shrink {
    flex-shrink: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink {
    flex-shrink: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

.flex-grow {
    flex-grow: 1;
}

.flex-1 {
    flex: 1;
}

.grow {
    flex-grow: 1;
}

.basis-1\/3 {
    flex-basis: 33.333333%;
}

.table-auto {
    table-layout: auto;
}

.table-fixed {
    table-layout: fixed;
}

.caption-top {
    caption-side: top;
}

.caption-bottom {
    caption-side: bottom;
}

.border-collapse {
    border-collapse: collapse;
}

.border-separate {
    border-collapse: separate;
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-cpu {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
    transform: none;
}

.cursor-pointer {
    cursor: pointer;
}

.touch-auto {
    touch-action: auto;
}

.touch-none {
    touch-action: none;
}

.touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.touch-pan-left {
    --tw-pan-x: pan-left;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.touch-pan-right {
    --tw-pan-x: pan-right;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.touch-pan-up {
    --tw-pan-y: pan-up;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.touch-pan-down {
    --tw-pan-y: pan-down;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.touch-manipulation {
    touch-action: manipulation;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
}

.select-auto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}

.resize-none {
    resize: none;
}

.resize-y {
    resize: vertical;
}

.resize-x {
    resize: horizontal;
}

.resize {
    resize: both;
}

.snap-none {
    scroll-snap-type: none;
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
}

.snap-both {
    scroll-snap-type: both var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
}

.snap-proximity {
    --tw-scroll-snap-strictness: proximity;
}

.snap-start {
    scroll-snap-align: start;
}

.snap-end {
    scroll-snap-align: end;
}

.snap-center {
    scroll-snap-align: center;
}

.snap-align-none {
    scroll-snap-align: none;
}

.snap-normal {
    scroll-snap-stop: normal;
}

.snap-always {
    scroll-snap-stop: always;
}

.list-inside {
    list-style-position: inside;
}

.list-outside {
    list-style-position: outside;
}

.list-none {
    list-style-type: none;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.break-before-auto {
    -moz-column-break-before: auto;
    break-before: auto;
}

.break-before-avoid {
    -moz-column-break-before: avoid;
    break-before: avoid;
}

.break-before-all {
    -moz-column-break-before: all;
    break-before: all;
}

.break-before-avoid-page {
    -moz-column-break-before: avoid;
    break-before: avoid-page;
}

.break-before-page {
    -moz-column-break-before: page;
    break-before: page;
}

.break-before-left {
    -moz-column-break-before: left;
    break-before: left;
}

.break-before-right {
    -moz-column-break-before: right;
    break-before: right;
}

.break-before-column {
    -moz-column-break-before: column;
    break-before: column;
}

.break-inside-auto {
    -moz-column-break-inside: auto;
    break-inside: auto;
}

.break-inside-avoid {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.break-inside-avoid-page {
    break-inside: avoid-page;
}

.break-inside-avoid-column {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
}

.break-after-auto {
    -moz-column-break-after: auto;
    break-after: auto;
}

.break-after-avoid {
    -moz-column-break-after: avoid;
    break-after: avoid;
}

.break-after-all {
    -moz-column-break-after: all;
    break-after: all;
}

.break-after-avoid-page {
    -moz-column-break-after: avoid;
    break-after: avoid-page;
}

.break-after-page {
    -moz-column-break-after: page;
    break-after: page;
}

.break-after-left {
    -moz-column-break-after: left;
    break-after: left;
}

.break-after-right {
    -moz-column-break-after: right;
    break-after: right;
}

.break-after-column {
    -moz-column-break-after: column;
    break-after: column;
}

.grid-flow-row {
    grid-auto-flow: row;
}

.grid-flow-col {
    grid-auto-flow: column;
}

.grid-flow-dense {
    grid-auto-flow: dense;
}

.grid-flow-row-dense {
    grid-auto-flow: row dense;
}

.grid-flow-col-dense {
    grid-auto-flow: column dense;
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.place-content-center {
    place-content: center;
}

.place-content-start {
    place-content: start;
}

.place-content-end {
    place-content: end;
}

.place-content-between {
    place-content: space-between;
}

.place-content-around {
    place-content: space-around;
}

.place-content-evenly {
    place-content: space-evenly;
}

.place-content-baseline {
    place-content: baseline;
}

.place-content-stretch {
    place-content: stretch;
}

.place-items-start {
    place-items: start;
}

.place-items-end {
    place-items: end;
}

.place-items-center {
    place-items: center;
}

.place-items-baseline {
    place-items: baseline;
}

.place-items-stretch {
    place-items: stretch;
}

.content-normal {
    align-content: normal;
}

.content-center {
    align-content: center;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.content-evenly {
    align-content: space-evenly;
}

.content-baseline {
    align-content: baseline;
}

.content-stretch {
    align-content: stretch;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.justify-normal {
    justify-content: normal;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-stretch {
    justify-content: stretch;
}

.justify-items-start {
    justify-items: start;
}

.justify-items-end {
    justify-items: end;
}

.justify-items-center {
    justify-items: center;
}

.justify-items-stretch {
    justify-items: stretch;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-3\.5 {
    gap: 0.875rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 1;
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 1;
}

.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
}

.divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
}

.divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
}

.divide-dotted > :not([hidden]) ~ :not([hidden]) {
    border-style: dotted;
}

.divide-double > :not([hidden]) ~ :not([hidden]) {
    border-style: double;
}

.divide-none > :not([hidden]) ~ :not([hidden]) {
    border-style: none;
}

.place-self-auto {
    place-self: auto;
}

.place-self-start {
    place-self: start;
}

.place-self-end {
    place-self: end;
}

.place-self-center {
    place-self: center;
}

.place-self-stretch {
    place-self: stretch;
}

.self-auto {
    align-self: auto;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-stretch {
    align-self: stretch;
}

.self-baseline {
    align-self: baseline;
}

.justify-self-auto {
    justify-self: auto;
}

.justify-self-start {
    justify-self: start;
}

.justify-self-end {
    justify-self: end;
}

.justify-self-center {
    justify-self: center;
}

.justify-self-stretch {
    justify-self: stretch;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-clip {
    overflow: clip;
}

.overflow-visible {
    overflow: visible;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x-clip {
    overflow-x: clip;
}

.overflow-y-clip {
    overflow-y: clip;
}

.overflow-x-visible {
    overflow-x: visible;
}

.overflow-y-visible {
    overflow-y: visible;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overscroll-auto {
    overscroll-behavior: auto;
}

.overscroll-contain {
    overscroll-behavior: contain;
}

.overscroll-none {
    overscroll-behavior: none;
}

.overscroll-y-auto {
    overscroll-behavior-y: auto;
}

.overscroll-y-contain {
    overscroll-behavior-y: contain;
}

.overscroll-y-none {
    overscroll-behavior-y: none;
}

.overscroll-x-auto {
    overscroll-behavior-x: auto;
}

.overscroll-x-contain {
    overscroll-behavior-x: contain;
}

.overscroll-x-none {
    overscroll-behavior-x: none;
}

.scroll-auto {
    scroll-behavior: auto;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overflow-ellipsis {
    text-overflow: ellipsis;
}

.text-ellipsis {
    text-overflow: ellipsis;
}

.text-clip {
    text-overflow: clip;
}

.hyphens-none {
    -webkit-hyphens: none;
    hyphens: none;
}

.hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
}

.hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
}

.whitespace-normal {
    white-space: normal;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.whitespace-pre {
    white-space: pre;
}

.whitespace-pre-line {
    white-space: pre-line;
}

.whitespace-pre-wrap {
    white-space: pre-wrap;
}

.whitespace-break-spaces {
    white-space: break-spaces;
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal;
}

.break-words {
    overflow-wrap: break-word;
}

.break-all {
    word-break: break-all;
}

.break-keep {
    word-break: keep-all;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-none {
    border-radius: 0px;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
}

.rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
}

.rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.rounded-bl {
    border-bottom-left-radius: 0.25rem;
}

.rounded-br {
    border-bottom-right-radius: 0.25rem;
}

.rounded-br-none {
    border-bottom-right-radius: 0px;
}

.rounded-ee {
    border-end-end-radius: 0.25rem;
}

.rounded-es {
    border-end-start-radius: 0.25rem;
}

.rounded-se {
    border-start-end-radius: 0.25rem;
}

.rounded-ss {
    border-start-start-radius: 0.25rem;
}

.rounded-tl {
    border-top-left-radius: 0.25rem;
}

.rounded-tl-none {
    border-top-left-radius: 0px;
}

.rounded-tr {
    border-top-right-radius: 0.25rem;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0px;
}

.border-\[1\.5px\] {
    border-width: 1.5px;
}

.border-\[1px\] {
    border-width: 1px;
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px;
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-0 {
    border-bottom-width: 0px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-e {
    border-inline-end-width: 1px;
}

.border-l {
    border-left-width: 1px;
}

.border-r {
    border-right-width: 1px;
}

.border-s {
    border-inline-start-width: 1px;
}

.border-t {
    border-top-width: 1px;
}

.border-t-0 {
    border-top-width: 0px;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.border-double {
    border-style: double;
}

.border-hidden {
    border-style: hidden;
}

.border-none {
    border-style: none;
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.border-b-blue-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(219 234 254 / var(--tw-border-opacity));
}

.border-b-gray-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-b-slate-300 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.border-b-slate-400 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.border-b-transparent {
    border-bottom-color: transparent;
}

.bg-\[\#3751B2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 81 178 / var(--tw-bg-opacity));
}

.bg-\[\#F0F2FA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 242 250 / var(--tw-bg-opacity));
}

.bg-\[\#fefeff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 254 255 / var(--tw-bg-opacity));
}

.bg-\[rgb\(255\2c 0\2c 0\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}

.bg-amber-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.bg-amber-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}

.bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity));
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.bg-lime-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(190 242 100 / var(--tw-bg-opacity));
}

.bg-lime-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(163 230 53 / var(--tw-bg-opacity));
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

.bg-orange-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 186 116 / var(--tw-bg-opacity));
}

.bg-orange-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-rose-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-stone-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}

.bg-teal-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(204 251 241 / var(--tw-bg-opacity));
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}

.bg-transparent {
    background-color: transparent;
}

.bg-violet-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}

.from-\[\#3751B2\] {
    --tw-gradient-from: #3751B2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(55 81 178 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-200 {
    --tw-gradient-from: #fde68a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-300 {
    --tw-gradient-from: #93c5fd var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
    --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500 {
    --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-600 {
    --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-200 {
    --tw-gradient-from: #fecaca var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-500 {
    --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-rose-500 {
    --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-teal-400 {
    --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-500 {
    --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-500 {
    --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-amber-300 {
    --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/40 {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-amber-300 {
    --tw-gradient-to: #fcd34d var(--tw-gradient-to-position);
}

.to-blue-300 {
    --tw-gradient-to: #93c5fd var(--tw-gradient-to-position);
}

.to-blue-500 {
    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}

.to-blue-800 {
    --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.to-emerald-500 {
    --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}

.to-green-300 {
    --tw-gradient-to: #86efac var(--tw-gradient-to-position);
}

.to-indigo-500 {
    --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}

.to-lime-500 {
    --tw-gradient-to: #84cc16 var(--tw-gradient-to-position);
}

.to-red-300 {
    --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position);
}

.to-red-600 {
    --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.to-rose-300 {
    --tw-gradient-to: #fda4af var(--tw-gradient-to-position);
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-violet-300 {
    --tw-gradient-to: #c4b5fd var(--tw-gradient-to-position);
}

.to-yellow-300 {
    --tw-gradient-to: #fde047 var(--tw-gradient-to-position);
}

.decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
}

.decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.box-decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
}

.box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.bg-cover {
    background-size: cover;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-local {
    background-attachment: local;
}

.bg-scroll {
    background-attachment: scroll;
}

.bg-clip-border {
    background-clip: border-box;
}

.bg-clip-padding {
    background-clip: padding-box;
}

.bg-clip-content {
    background-clip: content-box;
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

.bg-center {
    background-position: center;
}

.bg-repeat {
    background-repeat: repeat;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-repeat-x {
    background-repeat: repeat-x;
}

.bg-repeat-y {
    background-repeat: repeat-y;
}

.bg-repeat-round {
    background-repeat: round;
}

.bg-repeat-space {
    background-repeat: space;
}

.bg-origin-border {
    background-origin: border-box;
}

.bg-origin-padding {
    background-origin: padding-box;
}

.bg-origin-content {
    background-origin: content-box;
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill;
}

.object-none {
    -o-object-fit: none;
    object-fit: none;
}

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.p-0 {
    padding: 0px;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.3rem;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-\[0\.2rem\] {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-3\.5 {
    padding-bottom: 0.875rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pl-0 {
    padding-left: 0px;
}

.pl-1 {
    padding-left: 0.25rem;
}

.pl-1\.5 {
    padding-left: 0.375rem;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-5 {
    padding-left: 1.25rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.pr-0 {
    padding-right: 0px;
}

.pr-1 {
    padding-right: 0.25rem;
}

.pr-1\.5 {
    padding-right: 0.375rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-8 {
    padding-right: 2rem;
}

.pt-0 {
    padding-top: 0px;
}

.pt-1 {
    padding-top: 0.25rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pt-3 {
    padding-top: 0.75rem;
}

.pt-4 {
    padding-top: 1rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-start {
    text-align: start;
}

.text-end {
    text-align: end;
}

.align-baseline {
    vertical-align: baseline;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.align-text-top {
    vertical-align: text-top;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.align-sub {
    vertical-align: sub;
}

.align-super {
    vertical-align: super;
}

.font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-bold {
    font-weight: 700;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
    font-weight: 600;
}

.font-thin {
    font-weight: 100;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.normal-case {
    text-transform: none;
}

.italic {
    font-style: italic;
}

.not-italic {
    font-style: normal;
}

.normal-nums {
    font-variant-numeric: normal;
}

.ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-10 {
    line-height: 2.5rem;
}

.leading-3 {
    line-height: .75rem;
}

.leading-4 {
    line-height: 1rem;
}

.leading-5 {
    line-height: 1.25rem;
}

.leading-none {
    line-height: 1;
}

.leading-normal {
    line-height: 1.5;
}

.leading-tight {
    line-height: 1.25;
}

.tracking-wide {
    letter-spacing: 0.025em;
}

.text-\[\#336699\]\/\[\.35\] {
    color: rgb(51 102 153 / .35);
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity));
}

.text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity));
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity));
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity));
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-inherit {
    color: inherit;
}

.text-neutral-200 {
    --tw-text-opacity: 1;
    color: rgb(229 229 229 / var(--tw-text-opacity));
}

.text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
}

.text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity));
}

.text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity));
}

.text-neutral-900 {
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
}

.text-neutral-950 {
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity));
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity));
}

.text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity));
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity));
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity));
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94 / var(--tw-text-opacity));
}

.text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity));
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity));
}

.text-slate-50 {
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity));
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-stone-500 {
    --tw-text-opacity: 1;
    color: rgb(120 113 108 / var(--tw-text-opacity));
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166 / var(--tw-text-opacity));
}

.text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(15 118 110 / var(--tw-text-opacity));
}

.text-violet-500 {
    --tw-text-opacity: 1;
    color: rgb(139 92 246 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(253 224 71 / var(--tw-text-opacity));
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.overline {
    text-decoration-line: overline;
}

.line-through {
    text-decoration-line: line-through;
}

.no-underline {
    text-decoration-line: none;
}

.decoration-solid {
    text-decoration-style: solid;
}

.decoration-double {
    text-decoration-style: double;
}

.decoration-dotted {
    text-decoration-style: dotted;
}

.decoration-dashed {
    text-decoration-style: dashed;
}

.decoration-wavy {
    text-decoration-style: wavy;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.opacity-100 {
    opacity: 1;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.bg-blend-normal {
    background-blend-mode: normal;
}

.bg-blend-multiply {
    background-blend-mode: multiply;
}

.bg-blend-screen {
    background-blend-mode: screen;
}

.bg-blend-overlay {
    background-blend-mode: overlay;
}

.bg-blend-darken {
    background-blend-mode: darken;
}

.bg-blend-lighten {
    background-blend-mode: lighten;
}

.bg-blend-color-dodge {
    background-blend-mode: color-dodge;
}

.bg-blend-color-burn {
    background-blend-mode: color-burn;
}

.bg-blend-hard-light {
    background-blend-mode: hard-light;
}

.bg-blend-soft-light {
    background-blend-mode: soft-light;
}

.bg-blend-difference {
    background-blend-mode: difference;
}

.bg-blend-exclusion {
    background-blend-mode: exclusion;
}

.bg-blend-hue {
    background-blend-mode: hue;
}

.bg-blend-saturation {
    background-blend-mode: saturation;
}

.bg-blend-color {
    background-blend-mode: color;
}

.bg-blend-luminosity {
    background-blend-mode: luminosity;
}

.mix-blend-normal {
    mix-blend-mode: normal;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.mix-blend-screen {
    mix-blend-mode: screen;
}

.mix-blend-overlay {
    mix-blend-mode: overlay;
}

.mix-blend-darken {
    mix-blend-mode: darken;
}

.mix-blend-lighten {
    mix-blend-mode: lighten;
}

.mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
}

.mix-blend-color-burn {
    mix-blend-mode: color-burn;
}

.mix-blend-hard-light {
    mix-blend-mode: hard-light;
}

.mix-blend-soft-light {
    mix-blend-mode: soft-light;
}

.mix-blend-difference {
    mix-blend-mode: difference;
}

.mix-blend-exclusion {
    mix-blend-mode: exclusion;
}

.mix-blend-hue {
    mix-blend-mode: hue;
}

.mix-blend-saturation {
    mix-blend-mode: saturation;
}

.mix-blend-color {
    mix-blend-mode: color;
}

.mix-blend-luminosity {
    mix-blend-mode: luminosity;
}

.mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter;
}

.\!shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_12px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c -0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    --tw-shadow: 0 4px 12px 0 rgba(0,0,0,0.07),-0 2px 4px rgba(0,0,0,0.05);
    --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color), -0 2px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-transparent {
    --tw-shadow-color: transparent;
    --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.outline {
    outline-style: solid;
}

.outline-dashed {
    outline-style: dashed;
}

.outline-dotted {
    outline-style: dotted;
}

.outline-double {
    outline-style: double;
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset {
    --tw-ring-inset: inset;
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter-none {
    filter: none;
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter-none {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-none {
    transition-property: none;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-0 {
    transition-duration: 0s;
}

.duration-150 {
    transition-duration: 150ms;
}

.duration-200 {
    transition-duration: 200ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
    transition-timing-function: linear;
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.content-\[\'this-is-also-valid\]-weirdly-enough\'\] {
    --tw-content: 'this-is-also-valid]-weirdly-enough';
    content: var(--tw-content);
}

.\[overflow-anchor\:none\] {
    overflow-anchor: none;
}

.\[vite\:css\] {
    vite: css;
}

.\[vite\:html\] {
    vite: html;
}

:root {
    --bs-blue: #3b7ddd;
    --bs-indigo: #0a0a0a;
    --bs-purple: #6f42c1;
    --bs-pink: #e83e8c;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #fcb92c;
    --bs-green: #1cbb8c;
    --bs-teal: #20c997;
    --bs-cyan: #17a2b8;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #3b7ddd;
    --bs-secondary: #6c757d;
    --bs-success: #1cbb8c;
    --bs-info: #17a2b8;
    --bs-warning: #fcb92c;
    --bs-danger: #dc3545;
    --bs-light: #f5f7fb;
    --bs-dark: #212529;
    --bs-primary-rgb: 59, 125, 221;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 28, 187, 140;
    --bs-info-rgb: 23, 162, 184;
    --bs-warning-rgb: 252, 185, 44;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 245, 247, 251;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 73, 80, 87;
    --bs-body-bg-rgb: 245, 247, 251;
    --bs-font-sans-serif: "Inter", "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) );
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #495057;
    --bs-body-bg: #f5f7fb;
}

*,
:after,
:before {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
}

hr {
    background-color: currentColor;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity: 0.25;
}

    hr:not([size]) {
        height: 1px;
    }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.h1,
h1 {
    font-size: 1.75rem;
}

.h2,
h2 {
    font-size: 1.53125rem;
}

.h3,
h3 {
    font-size: 1.3125rem;
}

.h4,
h4 {
    font-size: 1.09375rem;
}

.h5,
.h6,
h5,
h6 {
    font-size: 0.875rem;
}

p {
    margin-bottom: 1rem;
    margin-top: 0;
}

abbr[data-bs-original-title],
abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem;
}

ol,
ul {
    padding-left: 2rem;
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    margin-top: 0;
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0;
    }

dt {
    font-weight: 600;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

.small,
small {
    font-size: 80%;
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: 0.2em;
}

sub,
sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

code,
kbd,
pre,
samp {
    direction: ltr;
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    font-size: 80%;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto;
}

    pre code {
        color: inherit;
        font-size: inherit;
        word-break: normal;
    }

code {
    word-wrap: break-word;
    color: #e83e8c;
    font-size: 80%;
}

a > code {
    color: inherit;
}

kbd {
    background-color: #212529;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 80%;
    padding: 0.2rem 0.4rem;
}

    kbd kbd {
        font-size: 1em;
        font-weight: 600;
        padding: 0;
    }

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    caption-side: bottom;
}

caption {
    color: #6c757d;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

    button:focus:not(:focus-visible) {
        outline: 0;
    }

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

    select:disabled {
        opacity: 1;
    }

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}

    [type="button"]:not(:disabled),
    [type="reset"]:not(:disabled),
    [type="submit"]:not(:disabled),
    button:not(:disabled) {
        cursor: pointer;
    }

::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

textarea {
    resize: vertical;
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

legend {
    float: left;
    font-size: 1.5rem;
    line-height: inherit;
    margin-bottom: 0.5rem;
    padding: 0;
    width: 100%;
}

    legend + * {
        clear: left;
    }

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::file-selector-button {
    font: inherit;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    cursor: pointer;
    display: list-item;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1.09375rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
}

.display-3 {
    font-size: 4.5rem;
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
}

.display-5 {
    font-size: 3rem;
}

.display-5,
.display-6 {
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 2.5rem;
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.initialism {
    font-size: 80%;
    text-transform: uppercase;
}

.blockquote {
    font-size: 1.09375rem;
    margin-bottom: 1rem;
}

    .blockquote > :last-child {
        margin-bottom: 0;
    }

.blockquote-footer {
    color: #6c757d;
    font-size: 80%;
    margin-bottom: 1rem;
    margin-top: -1rem;
}

    .blockquote-footer:before {
        content: "— ";
    }

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%;
}

.img-thumbnail {
    background-color: #f5f7fb;
    border: 1px solid #dee2e6;
    border-radius: 0.2rem;
    padding: 0.25rem;
}

.figure {
    display: inline-block;
}

.figure-img {
    line-height: 1;
    margin-bottom: 0.5rem;
}

.figure-caption {
    color: #6c757d;
    font-size: 80%;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x, 0.75rem);
    padding-right: var(--bs-gutter-x, 0.75rem);
    width: 100%;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }
}

.row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-top: calc(var(--bs-gutter-y) * -1);
}

    .row > * {
        flex-shrink: 0;
        margin-top: var(--bs-gutter-y);
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        width: 100%;
    }

.col {
    flex: 1 0 0%;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

.g-6,
.gx-6 {
    --bs-gutter-x: 4.5rem;
}

.g-6,
.gy-6 {
    --bs-gutter-y: 4.5rem;
}

.g-7,
.gx-7 {
    --bs-gutter-x: 6rem;
}

.g-7,
.gy-7 {
    --bs-gutter-y: 6rem;
}

@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 {
        --bs-gutter-x: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }

    .g-sm-6,
    .gx-sm-6 {
        --bs-gutter-x: 4.5rem;
    }

    .g-sm-6,
    .gy-sm-6 {
        --bs-gutter-y: 4.5rem;
    }

    .g-sm-7,
    .gx-sm-7 {
        --bs-gutter-x: 6rem;
    }

    .g-sm-7,
    .gy-sm-7 {
        --bs-gutter-y: 6rem;
    }
}

@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;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }

    .g-md-6,
    .gx-md-6 {
        --bs-gutter-x: 4.5rem;
    }

    .g-md-6,
    .gy-md-6 {
        --bs-gutter-y: 4.5rem;
    }

    .g-md-7,
    .gx-md-7 {
        --bs-gutter-x: 6rem;
    }

    .g-md-7,
    .gy-md-7 {
        --bs-gutter-y: 6rem;
    }
}

@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 {
        --bs-gutter-x: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }

    .g-lg-6,
    .gx-lg-6 {
        --bs-gutter-x: 4.5rem;
    }

    .g-lg-6,
    .gy-lg-6 {
        --bs-gutter-y: 4.5rem;
    }

    .g-lg-7,
    .gx-lg-7 {
        --bs-gutter-x: 6rem;
    }

    .g-lg-7,
    .gy-lg-7 {
        --bs-gutter-y: 6rem;
    }
}

@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 {
        --bs-gutter-x: 0;
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }

    .g-xl-6,
    .gx-xl-6 {
        --bs-gutter-x: 4.5rem;
    }

    .g-xl-6,
    .gy-xl-6 {
        --bs-gutter-y: 4.5rem;
    }

    .g-xl-7,
    .gx-xl-7 {
        --bs-gutter-x: 6rem;
    }

    .g-xl-7,
    .gy-xl-7 {
        --bs-gutter-y: 6rem;
    }
}

@media (min-width: 1440px) {
    .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 {
        --bs-gutter-x: 0;
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }

    .g-xxl-6,
    .gx-xxl-6 {
        --bs-gutter-x: 4.5rem;
    }

    .g-xxl-6,
    .gy-xxl-6 {
        --bs-gutter-y: 4.5rem;
    }

    .g-xxl-7,
    .gx-xxl-7 {
        --bs-gutter-x: 6rem;
    }

    .g-xxl-7,
    .gy-xxl-7 {
        --bs-gutter-y: 6rem;
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #495057;
    --bs-table-striped-bg: #f8f9fa;
    --bs-table-active-color: #495057;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #495057;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.038);
    border-color: #dee2e6;
    color: #495057;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}

    .table > :not(caption) > * > * {
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        padding: 0.75rem;
    }

    .table > tbody {
        vertical-align: inherit;
    }

    .table > thead {
        vertical-align: bottom;
    }

    .table > :not(:first-child) {
        border-top: 2px solid;
    }

.caption-top {
    caption-side: top;
}

.table-sm > :not(caption) > * > * {
    padding: 0.3rem;
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px;
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
    border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}

.table-primary {
    --bs-table-bg: #d8e5f8;
    --bs-table-striped-bg: #cddaec;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c2cedf;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c8d4e5;
    --bs-table-hover-color: #000;
    border-color: #c2cedf;
    color: #000;
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    border-color: #cbccce;
    color: #000;
}

.table-success {
    --bs-table-bg: #d2f1e8;
    --bs-table-striped-bg: #c8e5dc;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bdd9d1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c2dfd7;
    --bs-table-hover-color: #000;
    border-color: #bdd9d1;
    color: #000;
}

.table-info {
    --bs-table-bg: #d1ecf1;
    --bs-table-striped-bg: #c7e0e5;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd4d9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1dadf;
    --bs-table-hover-color: #000;
    border-color: #bcd4d9;
    color: #000;
}

.table-warning {
    --bs-table-bg: #fef1d5;
    --bs-table-striped-bg: #f1e5ca;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e5d9c0;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ebdfc5;
    --bs-table-hover-color: #000;
    border-color: #e5d9c0;
    color: #000;
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    border-color: #dfc2c4;
    color: #000;
}

.table-light {
    --bs-table-bg: #f5f7fb;
    --bs-table-striped-bg: #e9ebee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dddee2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e3e4e8;
    --bs-table-hover-color: #000;
    border-color: #dddee2;
    color: #000;
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    border-color: #373b3e;
    color: #fff;
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width: 1439.98px) {
    .table-responsive-xxl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

.form-label {
    margin-bottom: 0.5rem;
}

.col-form-label {
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: calc(0.3rem + 1px);
    padding-top: calc(0.3rem + 1px);
}

.col-form-label-lg {
    font-size: 0.925rem;
    padding-bottom: calc(0.4rem + 1px);
    padding-top: calc(0.4rem + 1px);
}

.col-form-label-sm {
    font-size: 0.75rem;
    padding-bottom: calc(0.2rem + 1px);
    padding-top: calc(0.2rem + 1px);
}

.form-text {
    color: #6c757d;
    font-size: 80%;
    margin-top: 0.25rem;
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    color: #495057;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3rem 0.85rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type="file"] {
    overflow: hidden;
}

    .form-control[type="file"]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.form-control:focus {
    background-color: #fff;
    border-color: #9dbeee;
    box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
    color: #495057;
    outline: 0;
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control::file-selector-button {
    -webkit-margin-end: 0.85rem;
    background-color: #e9ecef;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 1px;
    border-radius: 0;
    color: #495057;
    margin: -0.3rem -0.85rem;
    margin-inline-end: 0.85rem;
    padding: 0.3rem 0.85rem;
    pointer-events: 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;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
}

.form-control::-webkit-file-upload-button {
    -webkit-margin-end: 0.85rem;
    background-color: #e9ecef;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 1px;
    border-radius: 0;
    color: #495057;
    margin: -0.3rem -0.85rem;
    margin-inline-end: 0.85rem;
    padding: 0.3rem 0.85rem;
    pointer-events: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3;
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    color: #495057;
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 0.3rem 0;
    width: 100%;
}

    .form-control-plaintext.form-control-lg,
    .form-control-plaintext.form-control-sm {
        padding-left: 0;
        padding-right: 0;
    }

.form-control-sm {
    border-radius: 0.1rem;
    font-size: 0.75rem;
    min-height: calc(1.525rem + 2px);
    padding: 0.2rem 0.5rem;
}

    .form-control-sm::file-selector-button {
        -webkit-margin-end: 0.5rem;
        margin: -0.2rem -0.5rem;
        margin-inline-end: 0.5rem;
        padding: 0.2rem 0.5rem;
    }

    .form-control-sm::-webkit-file-upload-button {
        -webkit-margin-end: 0.5rem;
        margin: -0.2rem -0.5rem;
        margin-inline-end: 0.5rem;
        padding: 0.2rem 0.5rem;
    }

.form-control-lg {
    border-radius: 0.3rem;
    font-size: 0.925rem;
    min-height: calc(2.1875rem + 2px);
    padding: 0.4rem 1rem;
}

    .form-control-lg::file-selector-button {
        -webkit-margin-end: 1rem;
        margin: -0.4rem -1rem;
        margin-inline-end: 1rem;
        padding: 0.4rem 1rem;
    }

    .form-control-lg::-webkit-file-upload-button {
        -webkit-margin-end: 1rem;
        margin: -0.4rem -1rem;
        margin-inline-end: 1rem;
        padding: 0.4rem 1rem;
    }

textarea.form-control {
    min-height: calc(1.9125rem + 2px);
}

textarea.form-control-sm {
    min-height: calc(1.525rem + 2px);
}

textarea.form-control-lg {
    min-height: calc(2.1875rem + 2px);
}

.form-control-color {
    height: auto;
    padding: 0.3rem;
    width: 3rem;
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-control-color::-moz-color-swatch {
        border-radius: 0.2rem;
        height: 1.5em;
    }

    .form-control-color::-webkit-color-swatch {
        border-radius: 0.2rem;
        height: 1.5em;
    }

.form-select {
    -moz-padding-start: calc(0.85rem - 3px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 0.85rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    color: #495057;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3rem 2.55rem 0.3rem 0.85rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: #9dbeee;
    box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
    outline: 0;
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: 0.85rem;
}

.form-select:disabled {
    background-color: #e9ecef;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.form-select-sm {
    border-radius: 0.1rem;
    font-size: 0.75rem;
    padding-bottom: 0.2rem;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
}

.form-select-lg {
    border-radius: 0.3rem;
    font-size: 0.925rem;
    padding-bottom: 0.4rem;
    padding-left: 1rem;
    padding-top: 0.4rem;
}

.form-check {
    display: block;
    margin-bottom: 0.125rem;
    min-height: 1.3125rem;
    padding-left: 1.5em;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

.form-check-input {
    -webkit-print-color-adjust: exact;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color-adjust: exact;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    width: 1em;
}

    .form-check-input[type="checkbox"] {
        border-radius: 0.25em;
    }

    .form-check-input[type="radio"] {
        border-radius: 50%;
    }

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        border-color: #9dbeee;
        box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
        outline: 0;
    }

    .form-check-input:checked {
        background-color: #3b7ddd;
        border-color: #3b7ddd;
    }

        .form-check-input:checked[type="checkbox"] {
            background-image: url("data:image/svg+xml;charset=utf-8,%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;charset=utf-8,%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: #3b7ddd;
        background-image: url("data:image/svg+xml;charset=utf-8,%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");
        border-color: #3b7ddd;
    }

    .form-check-input:disabled {
        filter: none;
        opacity: 0.5;
        pointer-events: none;
    }

        .form-check-input:disabled ~ .form-check-label,
        .form-check-input[disabled] ~ .form-check-label {
            opacity: 0.5;
        }

.form-switch {
    padding-left: 2.5em;
}

    .form-switch .form-check-input {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
        background-position: 0;
        border-radius: 2em;
        margin-left: -2.5em;
        transition: background-position 0.15s ease-in-out;
        width: 2em;
    }

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239dbeee'/%3E%3C/svg%3E");
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%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: 100%;
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.btn-check {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute;
}

    .btn-check:disabled + .btn,
    .btn-check[disabled] + .btn {
        filter: none;
        opacity: 0.65;
        pointer-events: none;
    }

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 1.4rem;
    padding: 0;
    width: 100%;
}

    .form-range:focus {
        outline: 0;
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
        }

    .form-range::-moz-focus-outer {
        border: 0;
    }

    .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background-color: #3b7ddd;
        border: 0;
        border-radius: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        width: 1rem;
    }

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #c4d8f5;
}

.form-range::-webkit-slider-runnable-track {
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: 0.5rem;
    width: 100%;
}

.form-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: #3b7ddd;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #c4d8f5;
}

.form-range::-moz-range-track {
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: 0.5rem;
    width: 100%;
}

.form-range:disabled {
    pointer-events: none;
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd;
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #adb5bd;
    }

.form-floating {
    position: relative;
}

    .form-floating > .form-control,
    .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25;
    }

    .form-floating > label {
        border: 1px solid transparent;
        height: 100%;
        left: 0;
        padding: 1rem 0.85rem;
        pointer-events: none;
        position: absolute;
        top: 0;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}

.form-floating > .form-control {
    padding: 1rem 0.85rem;
}

    .form-floating > .form-control::-moz-placeholder {
        color: transparent;
    }

    .form-floating > .form-control::placeholder {
        color: transparent;
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-bottom: 0.625rem;
        padding-top: 1.625rem;
    }

    .form-floating > .form-control:focus,
    .form-floating > .form-control:not(:placeholder-shown) {
        padding-bottom: 0.625rem;
        padding-top: 1.625rem;
    }

    .form-floating > .form-control:-webkit-autofill {
        padding-bottom: 0.625rem;
        padding-top: 1.625rem;
    }

.form-floating > .form-select {
    padding-bottom: 0.625rem;
    padding-top: 1.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control: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);
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-select {
        flex: 1 1 auto;
        min-width: 0;
        position: relative;
        width: 1%;
    }

        .input-group > .form-control:focus,
        .input-group > .form-select:focus {
            z-index: 3;
        }

    .input-group .btn {
        position: relative;
        z-index: 2;
    }

        .input-group .btn:focus {
            z-index: 3;
        }

.input-group-text {
    align-items: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    color: #495057;
    display: flex;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3rem 0.85rem;
    text-align: center;
    white-space: nowrap;
}

.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
    border-radius: 0.3rem;
    font-size: 0.925rem;
    padding: 0.4rem 1rem;
}

.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
    border-radius: 0.1rem;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 3.4rem;
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( .valid-feedback ):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
}

.valid-feedback {
    color: #1cbb8c;
    display: none;
    font-size: 80%;
    margin-top: 0.25rem;
    width: 100%;
}

.valid-tooltip {
    background-color: rgba(28, 187, 140, 0.9);
    border-radius: 0.2rem;
    color: #000;
    display: none;
    font-size: 0.75rem;
    margin-top: 0.1rem;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    position: absolute;
    top: 100%;
    z-index: 5;
}

.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
    display: block;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #1cbb8c;
}

    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: #1cbb8c;
        box-shadow: 0 0 0 0.2rem rgba(28, 187, 140, 0.25);
    }

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #1cbb8c;
}

    .form-select.is-valid:focus,
    .was-validated .form-select:valid:focus {
        border-color: #1cbb8c;
        box-shadow: 0 0 0 0.2rem rgba(28, 187, 140, 0.25);
    }

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #1cbb8c;
}

    .form-check-input.is-valid:checked,
    .was-validated .form-check-input:valid:checked {
        background-color: #1cbb8c;
    }

    .form-check-input.is-valid:focus,
    .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 0.2rem rgba(28, 187, 140, 0.25);
    }

    .form-check-input.is-valid ~ .form-check-label,
    .was-validated .form-check-input:valid ~ .form-check-label {
        color: #1cbb8c;
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}

.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
    z-index: 1;
}

    .input-group .form-control.is-valid:focus,
    .input-group .form-select.is-valid:focus,
    .was-validated .input-group .form-control:valid:focus,
    .was-validated .input-group .form-select:valid:focus {
        z-index: 3;
    }

.invalid-feedback {
    color: #dc3545;
    display: none;
    font-size: 80%;
    margin-top: 0.25rem;
    width: 100%;
}

.invalid-tooltip {
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.2rem;
    color: #fff;
    display: none;
    font-size: 0.75rem;
    margin-top: 0.1rem;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    position: absolute;
    top: 100%;
    z-index: 5;
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
    display: block;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
}

    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #dc3545;
}

    .form-select.is-invalid:focus,
    .was-validated .form-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545;
}

    .form-check-input.is-invalid:checked,
    .was-validated .form-check-input:invalid:checked {
        background-color: #dc3545;
    }

    .form-check-input.is-invalid:focus,
    .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .form-check-input.is-invalid ~ .form-check-label,
    .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #dc3545;
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}

.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
    z-index: 2;
}

    .input-group .form-control.is-invalid:focus,
    .input-group .form-select.is-invalid:focus,
    .was-validated .input-group .form-control:invalid:focus,
    .was-validated .input-group .form-select:invalid:focus {
        z-index: 3;
    }

.btn {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.2rem;
    color: #495057;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3rem 0.85rem;
    text-align: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #495057;
    text-decoration: none;
}

.btn-check:focus + .btn,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
    outline: 0;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: 0.65;
    pointer-events: none;
}

.btn-primary {
    background-color: #3b7ddd;
    border-color: #3b7ddd;
    color: #fff;
}

    .btn-check:focus + .btn-primary,
    .btn-primary:focus,
    .btn-primary:hover {
        background-color: #326abc;
        border-color: #2f64b1;
        color: #fff;
    }

    .btn-check:focus + .btn-primary,
    .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(88, 145, 226, 0.5);
    }

    .btn-check:active + .btn-primary,
    .btn-check:checked + .btn-primary,
    .btn-primary.active,
    .btn-primary:active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #2f64b1;
        border-color: #2c5ea6;
        color: #fff;
    }

        .btn-check:active + .btn-primary:focus,
        .btn-check:checked + .btn-primary:focus,
        .btn-primary.active:focus,
        .btn-primary:active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(88, 145, 226, 0.5);
        }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: #3b7ddd;
        border-color: #3b7ddd;
        color: #fff;
    }

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

    .btn-check:focus + .btn-secondary,
    .btn-secondary:focus,
    .btn-secondary:hover {
        background-color: #5c636a;
        border-color: #565e64;
        color: #fff;
    }

    .btn-check:focus + .btn-secondary,
    .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-check:active + .btn-secondary,
    .btn-check:checked + .btn-secondary,
    .btn-secondary.active,
    .btn-secondary:active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: #565e64;
        border-color: #51585e;
        color: #fff;
    }

        .btn-check:active + .btn-secondary:focus,
        .btn-check:checked + .btn-secondary:focus,
        .btn-secondary.active:focus,
        .btn-secondary:active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #fff;
    }

.btn-success {
    background-color: #1cbb8c;
    border-color: #1cbb8c;
    color: #000;
}

    .btn-check:focus + .btn-success,
    .btn-success:focus,
    .btn-success:hover {
        background-color: #3ec59d;
        border-color: #33c298;
        color: #000;
    }

    .btn-check:focus + .btn-success,
    .btn-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(24, 159, 119, 0.5);
    }

    .btn-check:active + .btn-success,
    .btn-check:checked + .btn-success,
    .btn-success.active,
    .btn-success:active,
    .show > .btn-success.dropdown-toggle {
        background-color: #49c9a3;
        border-color: #33c298;
        color: #000;
    }

        .btn-check:active + .btn-success:focus,
        .btn-check:checked + .btn-success:focus,
        .btn-success.active:focus,
        .btn-success:active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(24, 159, 119, 0.5);
        }

    .btn-success.disabled,
    .btn-success:disabled {
        background-color: #1cbb8c;
        border-color: #1cbb8c;
        color: #000;
    }

.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}

    .btn-check:focus + .btn-info,
    .btn-info:focus,
    .btn-info:hover {
        background-color: #148a9c;
        border-color: #128293;
        color: #fff;
    }

    .btn-check:focus + .btn-info,
    .btn-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-check:active + .btn-info,
    .btn-check:checked + .btn-info,
    .btn-info.active,
    .btn-info:active,
    .show > .btn-info.dropdown-toggle {
        background-color: #128293;
        border-color: #117a8a;
        color: #fff;
    }

        .btn-check:active + .btn-info:focus,
        .btn-check:checked + .btn-info:focus,
        .btn-info.active:focus,
        .btn-info:active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
        }

    .btn-info.disabled,
    .btn-info:disabled {
        background-color: #17a2b8;
        border-color: #17a2b8;
        color: #fff;
    }

.btn-warning {
    background-color: #fcb92c;
    border-color: #fcb92c;
    color: #000;
}

    .btn-check:focus + .btn-warning,
    .btn-warning:focus,
    .btn-warning:hover {
        background-color: #fcc44c;
        border-color: #fcc041;
        color: #000;
    }

    .btn-check:focus + .btn-warning,
    .btn-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(214, 157, 37, 0.5);
    }

    .btn-check:active + .btn-warning,
    .btn-check:checked + .btn-warning,
    .btn-warning.active,
    .btn-warning:active,
    .show > .btn-warning.dropdown-toggle {
        background-color: #fdc756;
        border-color: #fcc041;
        color: #000;
    }

        .btn-check:active + .btn-warning:focus,
        .btn-check:checked + .btn-warning:focus,
        .btn-warning.active:focus,
        .btn-warning:active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(214, 157, 37, 0.5);
        }

    .btn-warning.disabled,
    .btn-warning:disabled {
        background-color: #fcb92c;
        border-color: #fcb92c;
        color: #000;
    }

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

    .btn-check:focus + .btn-danger,
    .btn-danger:focus,
    .btn-danger:hover {
        background-color: #bb2d3b;
        border-color: #b02a37;
        color: #fff;
    }

    .btn-check:focus + .btn-danger,
    .btn-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-check:active + .btn-danger,
    .btn-check:checked + .btn-danger,
    .btn-danger.active,
    .btn-danger:active,
    .show > .btn-danger.dropdown-toggle {
        background-color: #b02a37;
        border-color: #a52834;
        color: #fff;
    }

        .btn-check:active + .btn-danger:focus,
        .btn-check:checked + .btn-danger:focus,
        .btn-danger.active:focus,
        .btn-danger:active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
        }

    .btn-danger.disabled,
    .btn-danger:disabled {
        background-color: #dc3545;
        border-color: #dc3545;
        color: #fff;
    }

.btn-light {
    background-color: #f5f7fb;
    border-color: #f5f7fb;
    color: #000;
}

    .btn-check:focus + .btn-light,
    .btn-light:focus,
    .btn-light:hover {
        background-color: #f7f8fc;
        border-color: #f6f8fb;
        color: #000;
    }

    .btn-check:focus + .btn-light,
    .btn-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(208, 210, 213, 0.5);
    }

    .btn-check:active + .btn-light,
    .btn-check:checked + .btn-light,
    .btn-light.active,
    .btn-light:active,
    .show > .btn-light.dropdown-toggle {
        background-color: #f7f9fc;
        border-color: #f6f8fb;
        color: #000;
    }

        .btn-check:active + .btn-light:focus,
        .btn-check:checked + .btn-light:focus,
        .btn-light.active:focus,
        .btn-light:active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(208, 210, 213, 0.5);
        }

    .btn-light.disabled,
    .btn-light:disabled {
        background-color: #f5f7fb;
        border-color: #f5f7fb;
        color: #000;
    }

.btn-dark {
    background-color: #212529;
    border-color: #212529;
    color: #fff;
}

    .btn-check:focus + .btn-dark,
    .btn-dark:focus,
    .btn-dark:hover {
        background-color: #1c1f23;
        border-color: #1a1e21;
        color: #fff;
    }

    .btn-check:focus + .btn-dark,
    .btn-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5);
    }

    .btn-check:active + .btn-dark,
    .btn-check:checked + .btn-dark,
    .btn-dark.active,
    .btn-dark:active,
    .show > .btn-dark.dropdown-toggle {
        background-color: #1a1e21;
        border-color: #191c1f;
        color: #fff;
    }

        .btn-check:active + .btn-dark:focus,
        .btn-check:checked + .btn-dark:focus,
        .btn-dark.active:focus,
        .btn-dark:active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5);
        }

    .btn-dark.disabled,
    .btn-dark:disabled {
        background-color: #212529;
        border-color: #212529;
        color: #fff;
    }

.btn-outline-primary {
    border-color: #3b7ddd;
    color: #3b7ddd;
}

    .btn-outline-primary:hover {
        background-color: #3b7ddd;
        border-color: #3b7ddd;
        color: #fff;
    }

    .btn-check:focus + .btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.5);
    }

    .btn-check:active + .btn-outline-primary,
    .btn-check:checked + .btn-outline-primary,
    .btn-outline-primary.active,
    .btn-outline-primary.dropdown-toggle.show,
    .btn-outline-primary:active {
        background-color: #3b7ddd;
        border-color: #3b7ddd;
        color: #fff;
    }

        .btn-check:active + .btn-outline-primary:focus,
        .btn-check:checked + .btn-outline-primary:focus,
        .btn-outline-primary.active:focus,
        .btn-outline-primary.dropdown-toggle.show:focus,
        .btn-outline-primary:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.5);
        }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        background-color: transparent;
        color: #3b7ddd;
    }

.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

    .btn-outline-secondary:hover {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #fff;
    }

    .btn-check:focus + .btn-outline-secondary,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-check:active + .btn-outline-secondary,
    .btn-check:checked + .btn-outline-secondary,
    .btn-outline-secondary.active,
    .btn-outline-secondary.dropdown-toggle.show,
    .btn-outline-secondary:active {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #fff;
    }

        .btn-check:active + .btn-outline-secondary:focus,
        .btn-check:checked + .btn-outline-secondary:focus,
        .btn-outline-secondary.active:focus,
        .btn-outline-secondary.dropdown-toggle.show:focus,
        .btn-outline-secondary:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        background-color: transparent;
        color: #6c757d;
    }

.btn-outline-success {
    border-color: #1cbb8c;
    color: #1cbb8c;
}

    .btn-outline-success:hover {
        background-color: #1cbb8c;
        border-color: #1cbb8c;
        color: #000;
    }

    .btn-check:focus + .btn-outline-success,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(28, 187, 140, 0.5);
    }

    .btn-check:active + .btn-outline-success,
    .btn-check:checked + .btn-outline-success,
    .btn-outline-success.active,
    .btn-outline-success.dropdown-toggle.show,
    .btn-outline-success:active {
        background-color: #1cbb8c;
        border-color: #1cbb8c;
        color: #000;
    }

        .btn-check:active + .btn-outline-success:focus,
        .btn-check:checked + .btn-outline-success:focus,
        .btn-outline-success.active:focus,
        .btn-outline-success.dropdown-toggle.show:focus,
        .btn-outline-success:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(28, 187, 140, 0.5);
        }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        background-color: transparent;
        color: #1cbb8c;
    }

.btn-outline-info {
    border-color: #17a2b8;
    color: #17a2b8;
}

    .btn-outline-info:hover {
        background-color: #17a2b8;
        border-color: #17a2b8;
        color: #fff;
    }

    .btn-check:focus + .btn-outline-info,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-check:active + .btn-outline-info,
    .btn-check:checked + .btn-outline-info,
    .btn-outline-info.active,
    .btn-outline-info.dropdown-toggle.show,
    .btn-outline-info:active {
        background-color: #17a2b8;
        border-color: #17a2b8;
        color: #fff;
    }

        .btn-check:active + .btn-outline-info:focus,
        .btn-check:checked + .btn-outline-info:focus,
        .btn-outline-info.active:focus,
        .btn-outline-info.dropdown-toggle.show:focus,
        .btn-outline-info:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        background-color: transparent;
        color: #17a2b8;
    }

.btn-outline-warning {
    border-color: #fcb92c;
    color: #fcb92c;
}

    .btn-outline-warning:hover {
        background-color: #fcb92c;
        border-color: #fcb92c;
        color: #000;
    }

    .btn-check:focus + .btn-outline-warning,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(252, 185, 44, 0.5);
    }

    .btn-check:active + .btn-outline-warning,
    .btn-check:checked + .btn-outline-warning,
    .btn-outline-warning.active,
    .btn-outline-warning.dropdown-toggle.show,
    .btn-outline-warning:active {
        background-color: #fcb92c;
        border-color: #fcb92c;
        color: #000;
    }

        .btn-check:active + .btn-outline-warning:focus,
        .btn-check:checked + .btn-outline-warning:focus,
        .btn-outline-warning.active:focus,
        .btn-outline-warning.dropdown-toggle.show:focus,
        .btn-outline-warning:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(252, 185, 44, 0.5);
        }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        background-color: transparent;
        color: #fcb92c;
    }

.btn-outline-danger {
    border-color: #dc3545;
    color: #dc3545;
}

    .btn-outline-danger:hover {
        background-color: #dc3545;
        border-color: #dc3545;
        color: #fff;
    }

    .btn-check:focus + .btn-outline-danger,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-check:active + .btn-outline-danger,
    .btn-check:checked + .btn-outline-danger,
    .btn-outline-danger.active,
    .btn-outline-danger.dropdown-toggle.show,
    .btn-outline-danger:active {
        background-color: #dc3545;
        border-color: #dc3545;
        color: #fff;
    }

        .btn-check:active + .btn-outline-danger:focus,
        .btn-check:checked + .btn-outline-danger:focus,
        .btn-outline-danger.active:focus,
        .btn-outline-danger.dropdown-toggle.show:focus,
        .btn-outline-danger:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        background-color: transparent;
        color: #dc3545;
    }

.btn-outline-light {
    border-color: #f5f7fb;
    color: #f5f7fb;
}

    .btn-outline-light:hover {
        background-color: #f5f7fb;
        border-color: #f5f7fb;
        color: #000;
    }

    .btn-check:focus + .btn-outline-light,
    .btn-outline-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5);
    }

    .btn-check:active + .btn-outline-light,
    .btn-check:checked + .btn-outline-light,
    .btn-outline-light.active,
    .btn-outline-light.dropdown-toggle.show,
    .btn-outline-light:active {
        background-color: #f5f7fb;
        border-color: #f5f7fb;
        color: #000;
    }

        .btn-check:active + .btn-outline-light:focus,
        .btn-check:checked + .btn-outline-light:focus,
        .btn-outline-light.active:focus,
        .btn-outline-light.dropdown-toggle.show:focus,
        .btn-outline-light:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5);
        }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        background-color: transparent;
        color: #f5f7fb;
    }

.btn-outline-dark {
    border-color: #212529;
    color: #212529;
}

    .btn-outline-dark:hover {
        background-color: #212529;
        border-color: #212529;
        color: #fff;
    }

    .btn-check:focus + .btn-outline-dark,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
    }

    .btn-check:active + .btn-outline-dark,
    .btn-check:checked + .btn-outline-dark,
    .btn-outline-dark.active,
    .btn-outline-dark.dropdown-toggle.show,
    .btn-outline-dark:active {
        background-color: #212529;
        border-color: #212529;
        color: #fff;
    }

        .btn-check:active + .btn-outline-dark:focus,
        .btn-check:checked + .btn-outline-dark:focus,
        .btn-outline-dark.active:focus,
        .btn-outline-dark.dropdown-toggle.show:focus,
        .btn-outline-dark:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
        }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        background-color: transparent;
        color: #212529;
    }

.btn-link {
    color: #3b7ddd;
    font-weight: 400;
    text-decoration: none;
}

    .btn-link:hover {
        color: #2f64b1;
    }

    .btn-link:focus,
    .btn-link:hover {
        text-decoration: underline;
    }

    .btn-link.disabled,
    .btn-link:disabled {
        color: #6c757d;
    }

.btn-group-lg > .btn,
.btn-lg {
    border-radius: 0.3rem;
    font-size: 0.925rem;
    padding: 0.4rem 1rem;
}

.btn-group-sm > .btn,
.btn-sm {
    border-radius: 0.1rem;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.collapse-horizontal {
    height: auto;
    transition: width 0.35s ease;
    width: 0;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}

.dropdown,
.dropend,
.dropstart,
.dropup {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle:after {
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        border-right: 0.3em solid transparent;
        border-top: 0.3em solid;
        content: "";
        margin-left: 0.255em;
        vertical-align: 0.255em;
    }

    .dropdown-toggle:empty:after {
        margin-left: 0;
    }

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.2rem;
    color: #495057;
    display: none;
    font-size: 0.875rem;
    list-style: none;
    margin: 0;
    min-width: 10rem;
    padding: 0.5rem 0;
    position: absolute;
    text-align: left;
    z-index: 1000;
}

    .dropdown-menu[data-bs-popper] {
        left: 0;
        margin-top: 0.125rem;
        top: 100%;
    }

.dropdown-menu-start {
    --bs-position: start;
}

    .dropdown-menu-start[data-bs-popper] {
        left: 0;
        right: auto;
    }

.dropdown-menu-end {
    --bs-position: end;
}

    .dropdown-menu-end[data-bs-popper] {
        left: auto;
        right: 0;
    }

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            left: 0;
            right: auto;
        }

    .dropdown-menu-sm-end {
        --bs-position: end;
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            left: auto;
            right: 0;
        }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }

        .dropdown-menu-md-start[data-bs-popper] {
            left: 0;
            right: auto;
        }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

        .dropdown-menu-md-end[data-bs-popper] {
            left: auto;
            right: 0;
        }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            left: 0;
            right: auto;
        }

    .dropdown-menu-lg-end {
        --bs-position: end;
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            left: auto;
            right: 0;
        }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            left: 0;
            right: auto;
        }

    .dropdown-menu-xl-end {
        --bs-position: end;
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            left: auto;
            right: 0;
        }
}

@media (min-width: 1440px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            left: 0;
            right: auto;
        }

    .dropdown-menu-xxl-end {
        --bs-position: end;
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            left: auto;
            right: 0;
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    bottom: 100%;
    margin-bottom: 0.125rem;
    margin-top: 0;
    top: auto;
}

.dropup .dropdown-toggle:after {
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 100%;
    margin-left: 0.125rem;
    margin-top: 0;
    right: auto;
    top: 0;
}

.dropend .dropdown-toggle:after {
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-right: 0;
    border-top: 0.3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0;
}

.dropend .dropdown-toggle:after {
    vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
    left: auto;
    margin-right: 0.125rem;
    margin-top: 0;
    right: 100%;
    top: 0;
}

.dropstart .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
}

.dropstart .dropdown-toggle:before {
    border-bottom: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-top: 0.3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0;
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0;
}

.dropdown-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    clear: both;
    color: #212529;
    display: block;
    font-weight: 400;
    padding: 0.25rem 1rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%;
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: #e9ecef;
        color: #1e2125;
        text-decoration: none;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: #3b7ddd;
        color: #fff;
        text-decoration: none;
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        background-color: transparent;
        color: #adb5bd;
        pointer-events: none;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    color: #6c757d;
    display: block;
    font-size: 0.75rem;
    margin-bottom: 0;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.dropdown-item-text {
    color: #212529;
    display: block;
    padding: 0.25rem 1rem;
}

.dropdown-menu-dark {
    background-color: #343a40;
    border-color: rgba(0, 0, 0, 0.15);
    color: #dee2e6;
}

    .dropdown-menu-dark .dropdown-item {
        color: #dee2e6;
    }

        .dropdown-menu-dark .dropdown-item:focus,
        .dropdown-menu-dark .dropdown-item:hover {
            background-color: rgba(255, 255, 255, 0.15);
            color: #fff;
        }

        .dropdown-menu-dark .dropdown-item.active,
        .dropdown-menu-dark .dropdown-item:active {
            background-color: #3b7ddd;
            color: #fff;
        }

        .dropdown-menu-dark .dropdown-item.disabled,
        .dropdown-menu-dark .dropdown-item:disabled {
            color: #adb5bd;
        }

    .dropdown-menu-dark .dropdown-divider {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .dropdown-menu-dark .dropdown-item-text {
        color: #dee2e6;
    }

    .dropdown-menu-dark .dropdown-header {
        color: #adb5bd;
    }

.btn-group,
.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
}

    .btn-group-vertical > .btn,
    .btn-group > .btn {
        flex: 1 1 auto;
        position: relative;
    }

        .btn-group-vertical > .btn-check:checked + .btn,
        .btn-group-vertical > .btn-check:focus + .btn,
        .btn-group-vertical > .btn.active,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn-check:checked + .btn,
        .btn-group > .btn-check:focus + .btn,
        .btn-group > .btn.active,
        .btn-group > .btn:active,
        .btn-group > .btn:focus,
        .btn-group > .btn:hover {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.dropdown-toggle-split {
    padding-left: 0.6375rem;
    padding-right: 0.6375rem;
}

    .dropdown-toggle-split:after,
    .dropend .dropdown-toggle-split:after,
    .dropup .dropdown-toggle-split:after {
        margin-left: 0;
    }

.dropstart .dropdown-toggle-split:before {
    margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .btn-group-vertical > .btn-group:not(:first-child),
        .btn-group-vertical > .btn:not(:first-child) {
            margin-top: -1px;
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn,
        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .btn-group-vertical > .btn-group:not(:first-child) > .btn,
        .btn-group-vertical > .btn ~ .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.nav-link {
    color: #3b7ddd;
    display: block;
    padding: 0.5rem 1rem;
    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:focus,
.nav-link:hover {
    color: #2f64b1;
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    cursor: default;
    pointer-events: none;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        background: none;
        border: 1px solid transparent;
        border-top-left-radius: 0.2rem;
        border-top-right-radius: 0.2rem;
        margin-bottom: -1px;
    }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6;
            isolation: isolate;
        }

        .nav-tabs .nav-link.disabled {
            background-color: transparent;
            border-color: transparent;
            color: #6c757d;
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            background-color: #f5f7fb;
            border-color: #dee2e6 #dee2e6 #f5f7fb;
            color: #495057;
        }

    .nav-tabs .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -1px;
    }

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.2rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: #3b7ddd;
        color: #fff;
    }

.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

    .nav-fill .nav-item .nav-link,
    .nav-justified .nav-item .nav-link {
        width: 100%;
    }

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between;
}


.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

    .navbar-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }

.navbar-text {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1;
}

.navbar-toggler {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.2rem;
    font-size: 0.925rem;
    line-height: 1;
    padding: 0.25rem 0.75rem;
    transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem;
    outline: 0;
    text-decoration: none;
}

.navbar-toggler-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em;
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-left: 0.5rem;
                padding-right: 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,
        .navbar-expand-sm .offcanvas-header {
            display: none;
        }

        .navbar-expand-sm .offcanvas {
            background-color: transparent;
            border-left: 0;
            border-right: 0;
            bottom: 0;
            flex-grow: 1;
            position: inherit;
            transform: none;
            transition: none;
            visibility: visible !important;
            z-index: 1000;
        }

        .navbar-expand-sm .offcanvas-bottom,
        .navbar-expand-sm .offcanvas-top {
            border-bottom: 0;
            border-top: 0;
            height: auto;
        }

        .navbar-expand-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0;
        }
}

@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-left: 0.5rem;
                padding-right: 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,
        .navbar-expand-md .offcanvas-header {
            display: none;
        }

        .navbar-expand-md .offcanvas {
            background-color: transparent;
            border-left: 0;
            border-right: 0;
            bottom: 0;
            flex-grow: 1;
            position: inherit;
            transform: none;
            transition: none;
            visibility: visible !important;
            z-index: 1000;
        }

        .navbar-expand-md .offcanvas-bottom,
        .navbar-expand-md .offcanvas-top {
            border-bottom: 0;
            border-top: 0;
            height: auto;
        }

        .navbar-expand-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0;
        }
}

@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-left: 0.5rem;
                padding-right: 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,
        .navbar-expand-lg .offcanvas-header {
            display: none;
        }

        .navbar-expand-lg .offcanvas {
            background-color: transparent;
            border-left: 0;
            border-right: 0;
            bottom: 0;
            flex-grow: 1;
            position: inherit;
            transform: none;
            transition: none;
            visibility: visible !important;
            z-index: 1000;
        }

        .navbar-expand-lg .offcanvas-bottom,
        .navbar-expand-lg .offcanvas-top {
            border-bottom: 0;
            border-top: 0;
            height: auto;
        }

        .navbar-expand-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0;
        }
}

@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-left: 0.5rem;
                padding-right: 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,
        .navbar-expand-xl .offcanvas-header {
            display: none;
        }

        .navbar-expand-xl .offcanvas {
            background-color: transparent;
            border-left: 0;
            border-right: 0;
            bottom: 0;
            flex-grow: 1;
            position: inherit;
            transform: none;
            transition: none;
            visibility: visible !important;
            z-index: 1000;
        }

        .navbar-expand-xl .offcanvas-bottom,
        .navbar-expand-xl .offcanvas-top {
            border-bottom: 0;
            border-top: 0;
            height: auto;
        }

        .navbar-expand-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0;
        }
}

@media (min-width: 1440px) {
    .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-left: 0.5rem;
                padding-right: 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,
        .navbar-expand-xxl .offcanvas-header {
            display: none;
        }

        .navbar-expand-xxl .offcanvas {
            background-color: transparent;
            border-left: 0;
            border-right: 0;
            bottom: 0;
            flex-grow: 1;
            position: inherit;
            transform: none;
            transition: none;
            visibility: visible !important;
            z-index: 1000;
        }

        .navbar-expand-xxl .offcanvas-bottom,
        .navbar-expand-xxl .offcanvas-top {
            border-bottom: 0;
            border-top: 0;
            height: auto;
        }

        .navbar-expand-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0;
        }
}

.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-left: 0.5rem;
            padding-right: 0.5rem;
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler,
    .navbar-expand .offcanvas-header {
        display: none;
    }

    .navbar-expand .offcanvas {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        bottom: 0;
        flex-grow: 1;
        position: inherit;
        transform: none;
        transition: none;
        visibility: visible !important;
        z-index: 1000;
    }

    .navbar-expand .offcanvas-bottom,
    .navbar-expand .offcanvas-top {
        border-bottom: 0;
        border-top: 0;
        height: auto;
    }

    .navbar-expand .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0;
    }

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.55);
}

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.55);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' 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);
}

    .navbar-light .navbar-text a,
    .navbar-light .navbar-text a:focus,
    .navbar-light .navbar-text a:hover {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.55);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' 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);
}

    .navbar-dark .navbar-text a,
    .navbar-dark .navbar-text a:focus,
    .navbar-dark .navbar-text a:hover {
        color: #fff;
    }

.card > hr {
    margin-left: 0;
    margin-right: 0;
}

.card > .list-group {
    border-bottom: inherit;
    border-top: inherit;
}

    .card > .list-group:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        border-top-width: 0;
    }

    .card > .list-group:last-child {
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-width: 0;
    }

    .card > .card-header + .list-group,
    .card > .list-group + .card-footer {
        border-top: 0;
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.5rem;
}

.card-subtitle {
    margin-top: -0.25rem;
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    background-color: #fff;
    border-bottom: 0 solid transparent;
    margin-bottom: 0;
    padding: 1rem 1.25rem;
}

.card-footer {
    background-color: #fff;
    border-top: 0 solid transparent;
    padding: 1rem 1.25rem;
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: -1rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

    .card-header-tabs .nav-link.active {
        background-color: #fff;
        border-bottom-color: #fff;
    }

.card-header-pills {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

.card-img-overlay {
    border-radius: 0.25rem;
    bottom: 0;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.card-group > .card {
    margin-bottom: 12px;
}

@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 {
                border-left: 0;
                margin-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-header,
                .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-footer,
                .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-header,
                .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-footer,
                .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0;
                }
}

.badge {
    border-radius: 0.2rem;
    color: #fff;
    display: inline-block;
    font-size: 80%;
    font-weight: 600;
    line-height: 1;
    padding: 0.3em 0.45em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.list-group {
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
}

.list-group-numbered {
    counter-reset: section;
    list-style-type: none;
}

    .list-group-numbered > li:before {
        content: counters(section, ".") ". ";
        counter-increment: section;
    }

.list-group-item-action {
    color: #495057;
    text-align: inherit;
    width: 100%;
}

    .list-group-item-action:focus,
    .list-group-item-action:hover {
        background-color: #f8f9fa;
        color: #495057;
        text-decoration: none;
        z-index: 1;
    }

    .list-group-item-action:active {
        background-color: #e9ecef;
        color: #495057;
    }

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    color: #212529;
    display: block;
    padding: 0.5rem 1rem;
    position: relative;
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .list-group-item:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        background-color: #fff;
        color: #6c757d;
        pointer-events: none;
    }

    .list-group-item.active {
        background-color: #3b7ddd;
        border-color: #3b7ddd;
        color: #fff;
        z-index: 2;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            border-top-width: 1px;
            margin-top: -1px;
        }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 0.2rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.2rem;
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: 1px;
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            border-left-width: 1px;
            margin-left: -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.2rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-bottom-left-radius: 0;
            border-top-right-radius: 0.2rem;
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-left-width: 0;
            border-top-width: 1px;
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                border-left-width: 1px;
                margin-left: -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.2rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-bottom-left-radius: 0;
            border-top-right-radius: 0.2rem;
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-left-width: 0;
            border-top-width: 1px;
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                border-left-width: 1px;
                margin-left: -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.2rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-bottom-left-radius: 0;
            border-top-right-radius: 0.2rem;
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-left-width: 0;
            border-top-width: 1px;
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                border-left-width: 1px;
                margin-left: -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.2rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-bottom-left-radius: 0;
            border-top-right-radius: 0.2rem;
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-left-width: 0;
            border-top-width: 1px;
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                border-left-width: 1px;
                margin-left: -1px;
            }
}

@media (min-width: 1440px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }

        .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: 0.2rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xxl > .list-group-item:last-child {
            border-bottom-left-radius: 0;
            border-top-right-radius: 0.2rem;
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-left-width: 0;
            border-top-width: 1px;
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                border-left-width: 1px;
                margin-left: -1px;
            }
}

.list-group-flush {
    border-radius: 0;
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

.list-group-item-primary {
    background-color: #d8e5f8;
    color: #234b85;
}

    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        background-color: #c2cedf;
        color: #234b85;
    }

    .list-group-item-primary.list-group-item-action.active {
        background-color: #234b85;
        border-color: #234b85;
        color: #fff;
    }

.list-group-item-secondary {
    background-color: #e2e3e5;
    color: #41464b;
}

    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        background-color: #cbccce;
        color: #41464b;
    }

    .list-group-item-secondary.list-group-item-action.active {
        background-color: #41464b;
        border-color: #41464b;
        color: #fff;
    }

.list-group-item-success {
    background-color: #d2f1e8;
    color: #117054;
}

    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        background-color: #bdd9d1;
        color: #117054;
    }

    .list-group-item-success.list-group-item-action.active {
        background-color: #117054;
        border-color: #117054;
        color: #fff;
    }

.list-group-item-info {
    background-color: #d1ecf1;
    color: #0e616e;
}

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        background-color: #bcd4d9;
        color: #0e616e;
    }

    .list-group-item-info.list-group-item-action.active {
        background-color: #0e616e;
        border-color: #0e616e;
        color: #fff;
    }

.list-group-item-warning {
    background-color: #fef1d5;
    color: #976f1a;
}

    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        background-color: #e5d9c0;
        color: #976f1a;
    }

    .list-group-item-warning.list-group-item-action.active {
        background-color: #976f1a;
        border-color: #976f1a;
        color: #fff;
    }

.list-group-item-danger {
    background-color: #f8d7da;
    color: #842029;
}

    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        background-color: #dfc2c4;
        color: #842029;
    }

    .list-group-item-danger.list-group-item-action.active {
        background-color: #842029;
        border-color: #842029;
        color: #fff;
    }

.list-group-item-light {
    background-color: #fdfdfe;
    color: #626364;
}

    .list-group-item-light.list-group-item-action:focus,
    .list-group-item-light.list-group-item-action:hover {
        background-color: #e4e4e5;
        color: #626364;
    }

    .list-group-item-light.list-group-item-action.active {
        background-color: #626364;
        border-color: #626364;
        color: #fff;
    }

.list-group-item-dark {
    background-color: #d3d3d4;
    color: #141619;
}

    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        background-color: #bebebf;
        color: #141619;
    }

    .list-group-item-dark.list-group-item-action.active {
        background-color: #141619;
        border-color: #141619;
        color: #fff;
    }

.btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%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") 50%/1em auto no-repeat;
    border: 0;
    border-radius: 0.2rem;
    box-sizing: content-box;
    color: #000;
    height: 1em;
    opacity: 0.5;
    padding: 0.25em;
    width: 1em;
}

    .btn-close:hover {
        color: #000;
        opacity: 0.75;
        text-decoration: none;
    }

    .btn-close:focus {
        box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
        opacity: 1;
        outline: 0;
    }

    .btn-close.disabled,
    .btn-close:disabled {
        opacity: 0.25;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

.link-primary {
    color: #3b7ddd;
}

    .link-primary:focus,
    .link-primary:hover {
        color: #2f64b1;
    }

.link-secondary {
    color: #6c757d;
}

    .link-secondary:focus,
    .link-secondary:hover {
        color: #565e64;
    }

.link-success {
    color: #1cbb8c;
}

    .link-success:focus,
    .link-success:hover {
        color: #49c9a3;
    }

.link-info {
    color: #17a2b8;
}

    .link-info:focus,
    .link-info:hover {
        color: #128293;
    }

.link-warning {
    color: #fcb92c;
}

    .link-warning:focus,
    .link-warning:hover {
        color: #fdc756;
    }

.link-danger {
    color: #dc3545;
}

    .link-danger:focus,
    .link-danger:hover {
        color: #b02a37;
    }

.link-light {
    color: #f5f7fb;
}

    .link-light:focus,
    .link-light:hover {
        color: #f7f9fc;
    }

.link-dark {
    color: #212529;
}

    .link-dark:focus,
    .link-dark:hover {
        color: #1a1e21;
    }

.ratio {
    position: relative;
    width: 100%;
}

    .ratio:before {
        content: "";
        display: block;
        padding-top: var(--bs-aspect-ratio);
    }

    .ratio > * {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
    top: 0;
}

.fixed-bottom,
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}

.fixed-bottom {
    bottom: 0;
}

.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: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1440px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.hstack {
    align-items: center;
    flex-direction: row;
}

.hstack,
.vstack {
    align-self: stretch;
    display: flex;
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*
.text-truncate::after{
    content: attr(data-tippy-content);
    position:absolute;
    width:50%;
    bottom: 100%;
    left: 50%;
    transform: translatex(-50%);
    background-color: #3333334f;
    border-radius: 4px;
    color: #fff;
    pointer-events: none;
    white-space: nowrap;
    transition: opacity 0.3s ease;
    opacity:0;
    text-wrap: wrap;
}

.text-truncate:hover::after{
    opacity:1;
}
*/
.vr {
    align-self: stretch;
    background-color: currentColor;
    display: inline-block;
    min-height: 1em;
    opacity: 0.25;
    width: 1px;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.shadow {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05) !important;
}

.shadow-sm {
    box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.05) !important;
}

.shadow-lg {
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-10 {
    top: 30% !important;
}

.top-50 {
    top: 10% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-50 {
    left: 50% !important;
}

.start-100 {
    left: 100% !important;
}

.end-0 {
    right: 0 !important;
}

.end-50 {
    right: 50% !important;
}

.end-100 {
    right: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

/*.border {
  border: 1px solid #dee2e6 !important;
}*/

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #3b7ddd !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #1cbb8c !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #fcb92c !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f5f7fb !important;
}

.border-dark {
    border-color: #212529 !important;
}

.border-white {
    border-color: #fff !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-33 {
    height: 33.33% !important;
}

.h-1/6 {
    height: 16.6% !important;
}

.h-50 {
    height: 50% !important;
}

.h-70 {
    height: 70% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.gap-6 {
    gap: 4.5rem !important;
}

.gap-7 {
    gap: 6rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-6 {
    margin: 4.5rem !important;
}

.m-7 {
    margin: 6rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.mx-6 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
}

.mx-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.my-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
}

.my-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}

.my-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
}

.my-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
}

.my-6 {
    margin-bottom: 4.5rem !important;
    margin-top: 4.5rem !important;
}

.my-7 {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important;
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-6 {
    margin-top: 4.5rem !important;
}

.mt-7 {
    margin-top: 6rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-6 {
    margin-right: 4.5rem !important;
}

.me-7 {
    margin-right: 6rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-6 {
    margin-bottom: 4.5rem !important;
}

.mb-7 {
    margin-bottom: 6rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-6 {
    margin-left: 4.5rem !important;
}

.ms-7 {
    margin-left: 6rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.m-n6 {
    margin: -4.5rem !important;
}

.m-n7 {
    margin: -6rem !important;
}

.mx-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}

.mx-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

.mx-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
}

.mx-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}

.mx-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
}

.mx-n6 {
    margin-left: -4.5rem !important;
    margin-right: -4.5rem !important;
}

.mx-n7 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
}

.my-n1 {
    margin-bottom: -0.25rem !important;
    margin-top: -0.25rem !important;
}

.my-n2 {
    margin-bottom: -0.5rem !important;
    margin-top: -0.5rem !important;
}

.my-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important;
}

.my-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important;
}

.my-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important;
}

.my-n6 {
    margin-bottom: -4.5rem !important;
    margin-top: -4.5rem !important;
}

.my-n7 {
    margin-bottom: -6rem !important;
    margin-top: -6rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.mt-n6 {
    margin-top: -4.5rem !important;
}

.mt-n7 {
    margin-top: -6rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.me-n4 {
    margin-right: -1.5rem !important;
}

.me-n5 {
    margin-right: -3rem !important;
}

.me-n6 {
    margin-right: -4.5rem !important;
}

.me-n7 {
    margin-right: -6rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

.mb-n6 {
    margin-bottom: -4.5rem !important;
}

.mb-n7 {
    margin-bottom: -6rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.ms-n4 {
    margin-left: -1.5rem !important;
}

.ms-n5 {
    margin-left: -3rem !important;
}

.ms-n6 {
    margin-left: -4.5rem !important;
}

.ms-n7 {
    margin-left: -6rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pe-6 {
    padding-right: 4.5rem !important;
}

.pe-7 {
    padding-right: 6rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pb-6 {
    padding-bottom: 4.5rem !important;
}

.pb-7 {
    padding-bottom: 6rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.ps-6 {
    padding-left: 4.5rem !important;
}

.ps-7 {
    padding-left: 6rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: 1.75rem !important;
}

.fs-2 {
    font-size: 1.53125rem !important;
}

.fs-3 {
    font-size: 1.3125rem !important;
}

.fs-4 {
    font-size: 1.09375rem !important;
}

.fs-5,
.fs-6 {
    font-size: 0.875rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 600 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-base,
.lh-lg,
.lh-sm {
    line-height: 1.5 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important;
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

.text-opacity-25 {
    --bs-text-opacity: 0.25;
}

.text-opacity-50 {
    --bs-text-opacity: 0.5;
}

.text-opacity-75 {
    --bs-text-opacity: 0.75;
}

.text-opacity-100 {
    --bs-text-opacity: 1;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba( var(--bs-primary-rgb), var(--bs-bg-opacity) ) !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba( var(--bs-secondary-rgb), var(--bs-bg-opacity) ) !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba( var(--bs-success-rgb), var(--bs-bg-opacity) ) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba( var(--bs-warning-rgb), var(--bs-bg-opacity) ) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba( var(--bs-body-bg-rgb), var(--bs-bg-opacity) ) !important;
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
    --bs-bg-opacity: 1;
}

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

.rounded {
    border-radius: 0.2rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.1rem !important;
}

.rounded-2 {
    border-radius: 0.2rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-top {
    border-top-left-radius: 0.2rem !important;
}

.rounded-end,
.rounded-top {
    border-top-right-radius: 0.2rem !important;
}

.rounded-bottom,
.rounded-end {
    border-bottom-right-radius: 0.2rem !important;
}

.rounded-bottom,
.rounded-start {
    border-bottom-left-radius: 0.2rem !important;
}

.rounded-start {
    border-top-left-radius: 0.2rem !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !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;
    }

    .gap-sm-6 {
        gap: 4.5rem !important;
    }

    .gap-sm-7 {
        gap: 6rem !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-6 {
        margin: 4.5rem !important;
    }

    .m-sm-7 {
        margin: 6rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-sm-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-sm-6 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .mx-sm-7 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-sm-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .my-sm-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }

    .my-sm-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }

    .my-sm-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .my-sm-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important;
    }

    .my-sm-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important;
    }

    .my-sm-6 {
        margin-bottom: 4.5rem !important;
        margin-top: 4.5rem !important;
    }

    .my-sm-7 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important;
    }

    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-6 {
        margin-top: 4.5rem !important;
    }

    .mt-sm-7 {
        margin-top: 6rem !important;
    }

    .mt-sm-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-6 {
        margin-right: 4.5rem !important;
    }

    .me-sm-7 {
        margin-right: 6rem !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-6 {
        margin-bottom: 4.5rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 6rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-6 {
        margin-left: 4.5rem !important;
    }

    .ms-sm-7 {
        margin-left: 6rem !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;
    }

    .m-sm-n6 {
        margin: -4.5rem !important;
    }

    .m-sm-n7 {
        margin: -6rem !important;
    }

    .mx-sm-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .mx-sm-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .mx-sm-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .mx-sm-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .mx-sm-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .mx-sm-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .mx-sm-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }

    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }

    .my-sm-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }

    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }

    .my-sm-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }

    .my-sm-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }

    .my-sm-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }

    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-sm-n3 {
        margin-top: -1rem !important;
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-sm-n5 {
        margin-top: -3rem !important;
    }

    .mt-sm-n6 {
        margin-top: -4.5rem !important;
    }

    .mt-sm-n7 {
        margin-top: -6rem !important;
    }

    .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;
    }

    .me-sm-n6 {
        margin-right: -4.5rem !important;
    }

    .me-sm-n7 {
        margin-right: -6rem !important;
    }

    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-sm-n6 {
        margin-bottom: -4.5rem !important;
    }

    .mb-sm-n7 {
        margin-bottom: -6rem !important;
    }

    .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;
    }

    .ms-sm-n6 {
        margin-left: -4.5rem !important;
    }

    .ms-sm-n7 {
        margin-left: -6rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .p-sm-6 {
        padding: 4.5rem !important;
    }

    .p-sm-7 {
        padding: 6rem !important;
    }

    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-sm-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .px-sm-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .px-sm-6 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .px-sm-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-sm-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .py-sm-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }

    .py-sm-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    .py-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .py-sm-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important;
    }

    .py-sm-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }

    .py-sm-6 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-sm-7 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pt-sm-6 {
        padding-top: 4.5rem !important;
    }

    .pt-sm-7 {
        padding-top: 6rem !important;
    }

    .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;
    }

    .pe-sm-6 {
        padding-right: 4.5rem !important;
    }

    .pe-sm-7 {
        padding-right: 6rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pb-sm-6 {
        padding-bottom: 4.5rem !important;
    }

    .pb-sm-7 {
        padding-bottom: 6rem !important;
    }

    .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;
    }

    .ps-sm-6 {
        padding-left: 4.5rem !important;
    }

    .ps-sm-7 {
        padding-left: 6rem !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;
    }

    .gap-md-6 {
        gap: 4.5rem !important;
    }

    .gap-md-7 {
        gap: 6rem !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-6 {
        margin: 4.5rem !important;
    }

    .m-md-7 {
        margin: 6rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-md-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-md-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-md-6 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .mx-md-7 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-md-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .my-md-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }

    .my-md-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }

    .my-md-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .my-md-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important;
    }

    .my-md-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important;
    }

    .my-md-6 {
        margin-bottom: 4.5rem !important;
        margin-top: 4.5rem !important;
    }

    .my-md-7 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important;
    }

    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-6 {
        margin-top: 4.5rem !important;
    }

    .mt-md-7 {
        margin-top: 6rem !important;
    }

    .mt-md-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-6 {
        margin-right: 4.5rem !important;
    }

    .me-md-7 {
        margin-right: 6rem !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-6 {
        margin-bottom: 4.5rem !important;
    }

    .mb-md-7 {
        margin-bottom: 6rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-6 {
        margin-left: 4.5rem !important;
    }

    .ms-md-7 {
        margin-left: 6rem !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;
    }

    .m-md-n6 {
        margin: -4.5rem !important;
    }

    .m-md-n7 {
        margin: -6rem !important;
    }

    .mx-md-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .mx-md-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .mx-md-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .mx-md-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .mx-md-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .mx-md-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .mx-md-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-md-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }

    .my-md-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }

    .my-md-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }

    .my-md-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }

    .my-md-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }

    .my-md-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }

    .my-md-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }

    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-md-n3 {
        margin-top: -1rem !important;
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-md-n5 {
        margin-top: -3rem !important;
    }

    .mt-md-n6 {
        margin-top: -4.5rem !important;
    }

    .mt-md-n7 {
        margin-top: -6rem !important;
    }

    .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;
    }

    .me-md-n6 {
        margin-right: -4.5rem !important;
    }

    .me-md-n7 {
        margin-right: -6rem !important;
    }

    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-md-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-md-n6 {
        margin-bottom: -4.5rem !important;
    }

    .mb-md-n7 {
        margin-bottom: -6rem !important;
    }

    .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;
    }

    .ms-md-n6 {
        margin-left: -4.5rem !important;
    }

    .ms-md-n7 {
        margin-left: -6rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .p-md-6 {
        padding: 4.5rem !important;
    }

    .p-md-7 {
        padding: 6rem !important;
    }

    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-md-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .px-md-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .px-md-6 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .px-md-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-md-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .py-md-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }

    .py-md-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    .py-md-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .py-md-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important;
    }

    .py-md-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }

    .py-md-6 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-md-7 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pt-md-6 {
        padding-top: 4.5rem !important;
    }

    .pt-md-7 {
        padding-top: 6rem !important;
    }

    .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;
    }

    .pe-md-6 {
        padding-right: 4.5rem !important;
    }

    .pe-md-7 {
        padding-right: 6rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .pb-md-6 {
        padding-bottom: 4.5rem !important;
    }

    .pb-md-7 {
        padding-bottom: 6rem !important;
    }

    .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;
    }

    .ps-md-6 {
        padding-left: 4.5rem !important;
    }

    .ps-md-7 {
        padding-left: 6rem !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;
    }

    .gap-lg-6 {
        gap: 4.5rem !important;
    }

    .gap-lg-7 {
        gap: 6rem !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-6 {
        margin: 4.5rem !important;
    }

    .m-lg-7 {
        margin: 6rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-lg-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-lg-6 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .mx-lg-7 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-lg-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .my-lg-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }

    .my-lg-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }

    .my-lg-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .my-lg-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important;
    }

    .my-lg-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important;
    }

    .my-lg-6 {
        margin-bottom: 4.5rem !important;
        margin-top: 4.5rem !important;
    }

    .my-lg-7 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important;
    }

    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-6 {
        margin-top: 4.5rem !important;
    }

    .mt-lg-7 {
        margin-top: 6rem !important;
    }

    .mt-lg-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-6 {
        margin-right: 4.5rem !important;
    }

    .me-lg-7 {
        margin-right: 6rem !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-6 {
        margin-bottom: 4.5rem !important;
    }

    .mb-lg-7 {
        margin-bottom: 6rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-6 {
        margin-left: 4.5rem !important;
    }

    .ms-lg-7 {
        margin-left: 6rem !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;
    }

    .m-lg-n6 {
        margin: -4.5rem !important;
    }

    .m-lg-n7 {
        margin: -6rem !important;
    }

    .mx-lg-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .mx-lg-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .mx-lg-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .mx-lg-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .mx-lg-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .mx-lg-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .mx-lg-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }

    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }

    .my-lg-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }

    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }

    .my-lg-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }

    .my-lg-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }

    .my-lg-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }

    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-lg-n3 {
        margin-top: -1rem !important;
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-lg-n5 {
        margin-top: -3rem !important;
    }

    .mt-lg-n6 {
        margin-top: -4.5rem !important;
    }

    .mt-lg-n7 {
        margin-top: -6rem !important;
    }

    .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;
    }

    .me-lg-n6 {
        margin-right: -4.5rem !important;
    }

    .me-lg-n7 {
        margin-right: -6rem !important;
    }

    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-lg-n6 {
        margin-bottom: -4.5rem !important;
    }

    .mb-lg-n7 {
        margin-bottom: -6rem !important;
    }

    .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;
    }

    .ms-lg-n6 {
        margin-left: -4.5rem !important;
    }

    .ms-lg-n7 {
        margin-left: -6rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .p-lg-6 {
        padding: 4.5rem !important;
    }

    .p-lg-7 {
        padding: 6rem !important;
    }

    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-lg-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .px-lg-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .px-lg-6 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .px-lg-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-lg-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .py-lg-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }

    .py-lg-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    .py-lg-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .py-lg-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important;
    }

    .py-lg-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }

    .py-lg-6 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-lg-7 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pt-lg-6 {
        padding-top: 4.5rem !important;
    }

    .pt-lg-7 {
        padding-top: 6rem !important;
    }

    .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;
    }

    .pe-lg-6 {
        padding-right: 4.5rem !important;
    }

    .pe-lg-7 {
        padding-right: 6rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pb-lg-6 {
        padding-bottom: 4.5rem !important;
    }

    .pb-lg-7 {
        padding-bottom: 6rem !important;
    }

    .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;
    }

    .ps-lg-6 {
        padding-left: 4.5rem !important;
    }

    .ps-lg-7 {
        padding-left: 6rem !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;
    }

    .gap-xl-6 {
        gap: 4.5rem !important;
    }

    .gap-xl-7 {
        gap: 6rem !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-6 {
        margin: 4.5rem !important;
    }

    .m-xl-7 {
        margin: 6rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-xl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-xl-6 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .mx-xl-7 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-xl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .my-xl-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }

    .my-xl-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }

    .my-xl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .my-xl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important;
    }

    .my-xl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important;
    }

    .my-xl-6 {
        margin-bottom: 4.5rem !important;
        margin-top: 4.5rem !important;
    }

    .my-xl-7 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important;
    }

    .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-6 {
        margin-top: 4.5rem !important;
    }

    .mt-xl-7 {
        margin-top: 6rem !important;
    }

    .mt-xl-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-6 {
        margin-right: 4.5rem !important;
    }

    .me-xl-7 {
        margin-right: 6rem !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-6 {
        margin-bottom: 4.5rem !important;
    }

    .mb-xl-7 {
        margin-bottom: 6rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-6 {
        margin-left: 4.5rem !important;
    }

    .ms-xl-7 {
        margin-left: 6rem !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;
    }

    .m-xl-n6 {
        margin: -4.5rem !important;
    }

    .m-xl-n7 {
        margin: -6rem !important;
    }

    .mx-xl-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .mx-xl-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .mx-xl-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .mx-xl-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .mx-xl-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .mx-xl-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .mx-xl-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }

    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }

    .my-xl-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }

    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }

    .my-xl-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }

    .my-xl-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }

    .my-xl-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }

    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xl-n3 {
        margin-top: -1rem !important;
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-xl-n5 {
        margin-top: -3rem !important;
    }

    .mt-xl-n6 {
        margin-top: -4.5rem !important;
    }

    .mt-xl-n7 {
        margin-top: -6rem !important;
    }

    .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;
    }

    .me-xl-n6 {
        margin-right: -4.5rem !important;
    }

    .me-xl-n7 {
        margin-right: -6rem !important;
    }

    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-xl-n6 {
        margin-bottom: -4.5rem !important;
    }

    .mb-xl-n7 {
        margin-bottom: -6rem !important;
    }

    .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;
    }

    .ms-xl-n6 {
        margin-left: -4.5rem !important;
    }

    .ms-xl-n7 {
        margin-left: -6rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .p-xl-6 {
        padding: 4.5rem !important;
    }

    .p-xl-7 {
        padding: 6rem !important;
    }

    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-xl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .px-xl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .px-xl-6 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .px-xl-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-xl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .py-xl-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }

    .py-xl-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    .py-xl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .py-xl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important;
    }

    .py-xl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }

    .py-xl-6 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-xl-7 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pt-xl-6 {
        padding-top: 4.5rem !important;
    }

    .pt-xl-7 {
        padding-top: 6rem !important;
    }

    .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;
    }

    .pe-xl-6 {
        padding-right: 4.5rem !important;
    }

    .pe-xl-7 {
        padding-right: 6rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pb-xl-6 {
        padding-bottom: 4.5rem !important;
    }

    .pb-xl-7 {
        padding-bottom: 6rem !important;
    }

    .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;
    }

    .ps-xl-6 {
        padding-left: 4.5rem !important;
    }

    .ps-xl-7 {
        padding-left: 6rem !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: 1440px) {
    .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;
    }

    .gap-xxl-6 {
        gap: 4.5rem !important;
    }

    .gap-xxl-7 {
        gap: 6rem !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-6 {
        margin: 4.5rem !important;
    }

    .m-xxl-7 {
        margin: 6rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-xxl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-xxl-6 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .mx-xxl-7 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-xxl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .my-xxl-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .my-xxl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important;
    }

    .my-xxl-6 {
        margin-bottom: 4.5rem !important;
        margin-top: 4.5rem !important;
    }

    .my-xxl-7 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important;
    }

    .my-xxl-auto {
        margin-bottom: auto !important;
        margin-top: 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-6 {
        margin-top: 4.5rem !important;
    }

    .mt-xxl-7 {
        margin-top: 6rem !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-6 {
        margin-right: 4.5rem !important;
    }

    .me-xxl-7 {
        margin-right: 6rem !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-6 {
        margin-bottom: 4.5rem !important;
    }

    .mb-xxl-7 {
        margin-bottom: 6rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-6 {
        margin-left: 4.5rem !important;
    }

    .ms-xxl-7 {
        margin-left: 6rem !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;
    }

    .m-xxl-n6 {
        margin: -4.5rem !important;
    }

    .m-xxl-n7 {
        margin: -6rem !important;
    }

    .mx-xxl-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .mx-xxl-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .mx-xxl-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .mx-xxl-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .mx-xxl-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .mx-xxl-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .mx-xxl-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-xxl-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }

    .my-xxl-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }

    .my-xxl-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }

    .my-xxl-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }

    .my-xxl-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }

    .my-xxl-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }

    .my-xxl-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !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;
    }

    .mt-xxl-n6 {
        margin-top: -4.5rem !important;
    }

    .mt-xxl-n7 {
        margin-top: -6rem !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;
    }

    .me-xxl-n6 {
        margin-right: -4.5rem !important;
    }

    .me-xxl-n7 {
        margin-right: -6rem !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;
    }

    .mb-xxl-n6 {
        margin-bottom: -4.5rem !important;
    }

    .mb-xxl-n7 {
        margin-bottom: -6rem !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;
    }

    .ms-xxl-n6 {
        margin-left: -4.5rem !important;
    }

    .ms-xxl-n7 {
        margin-left: -6rem !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;
    }

    .p-xxl-6 {
        padding: 4.5rem !important;
    }

    .p-xxl-7 {
        padding: 6rem !important;
    }

    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-xxl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .px-xxl-6 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .px-xxl-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-xxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .py-xxl-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .py-xxl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }

    .py-xxl-6 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-xxl-7 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !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;
    }

    .pt-xxl-6 {
        padding-top: 4.5rem !important;
    }

    .pt-xxl-7 {
        padding-top: 6rem !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;
    }

    .pe-xxl-6 {
        padding-right: 4.5rem !important;
    }

    .pe-xxl-7 {
        padding-right: 6rem !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;
    }

    .pb-xxl-6 {
        padding-bottom: 4.5rem !important;
    }

    .pb-xxl-7 {
        padding-bottom: 6rem !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;
    }

    .ps-xxl-6 {
        padding-left: 4.5rem !important;
    }

    .ps-xxl-7 {
        padding-left: 6rem !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}

.avatar {
    height: 40px;
    width: 40px;
}

.avatar-lg {
    height: 64px;
    width: 64px;
}

.avatar-title {
    align-items: center;
    color: #3b7ddd;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.btn .feather {
    height: 14px;
    width: 14px;
}

.btn-danger,
.btn-danger.disabled,
.btn-danger.focus,
.btn-danger.hover:not(:disabled):not(.disabled),
.btn-danger:disabled,
.btn-danger:focus,
.btn-danger:hover:not(:disabled):not(.disabled),
.btn-dark,
.btn-dark.disabled,
.btn-dark.focus,
.btn-dark.hover:not(:disabled):not(.disabled),
.btn-dark:disabled,
.btn-dark:focus,
.btn-dark:hover:not(:disabled):not(.disabled),
.btn-info,
.btn-info.disabled,
.btn-info.focus,
.btn-info.hover:not(:disabled):not(.disabled),
.btn-info:disabled,
.btn-info:focus,
.btn-info:hover:not(:disabled):not(.disabled),
.btn-light,
.btn-light.disabled,
.btn-light.focus,
.btn-light.hover:not(:disabled):not(.disabled),
.btn-light:disabled,
.btn-light:focus,
.btn-light:hover:not(:disabled):not(.disabled),
.btn-primary,
.btn-primary.disabled,
.btn-primary.focus,
.btn-primary.hover:not(:disabled):not(.disabled),
.btn-primary:disabled,
.btn-primary:focus,
.btn-primary:hover:not(:disabled):not(.disabled),
.btn-secondary,
.btn-secondary.disabled,
.btn-secondary.focus,
.btn-secondary.hover:not(:disabled):not(.disabled),
.btn-secondary:disabled,
.btn-secondary:focus,
.btn-secondary:hover:not(:disabled):not(.disabled),
.btn-success,
.btn-success.disabled,
.btn-success.focus,
.btn-success.hover:not(:disabled):not(.disabled),
.btn-success:disabled,
.btn-success:focus,
.btn-success:hover:not(:disabled):not(.disabled),
.btn-warning,
.btn-warning.disabled,
.btn-warning.focus,
.btn-warning.hover:not(:disabled):not(.disabled),
.btn-warning:disabled,
.btn-warning:focus,
.btn-warning:hover:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle,
.show > .btn-dark.dropdown-toggle,
.show > .btn-info.dropdown-toggle,
.show > .btn-light.dropdown-toggle,
.show > .btn-primary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle,
.show > .btn-success.dropdown-toggle,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
}

.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff;
}

    .btn-check:focus + .btn-facebook,
    .btn-facebook:focus,
    .btn-facebook:hover {
        background-color: #324c81;
        border-color: #2f477a;
        color: #fff;
    }

    .btn-check:focus + .btn-facebook,
    .btn-facebook:focus {
        box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5);
    }

    .btn-check:active + .btn-facebook,
    .btn-check:checked + .btn-facebook,
    .btn-facebook.active,
    .btn-facebook:active,
    .show > .btn-facebook.dropdown-toggle {
        background-color: #2f477a;
        border-color: #2c4372;
        color: #fff;
    }

        .btn-check:active + .btn-facebook:focus,
        .btn-check:checked + .btn-facebook:focus,
        .btn-facebook.active:focus,
        .btn-facebook:active:focus,
        .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5);
        }

    .btn-facebook.disabled,
    .btn-facebook:disabled {
        background-color: #3b5998;
        border-color: #3b5998;
        color: #fff;
    }

    .btn-facebook,
    .btn-facebook.disabled,
    .btn-facebook.focus,
    .btn-facebook.hover:not(:disabled):not(.disabled),
    .btn-facebook:disabled,
    .btn-facebook:focus,
    .btn-facebook:hover:not(:disabled):not(.disabled),
    .show > .btn-facebook.dropdown-toggle {
        color: #fff;
    }

.btn-twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #000;
}

    .btn-check:focus + .btn-twitter,
    .btn-twitter:focus,
    .btn-twitter:hover {
        background-color: #3faff4;
        border-color: #34aaf3;
        color: #000;
    }

    .btn-check:focus + .btn-twitter,
    .btn-twitter:focus {
        box-shadow: 0 0 0 0.2rem rgba(25, 137, 206, 0.5);
    }

    .btn-check:active + .btn-twitter,
    .btn-check:checked + .btn-twitter,
    .btn-twitter.active,
    .btn-twitter:active,
    .show > .btn-twitter.dropdown-toggle {
        background-color: #4ab4f5;
        border-color: #34aaf3;
        color: #000;
    }

        .btn-check:active + .btn-twitter:focus,
        .btn-check:checked + .btn-twitter:focus,
        .btn-twitter.active:focus,
        .btn-twitter:active:focus,
        .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(25, 137, 206, 0.5);
        }

    .btn-twitter.disabled,
    .btn-twitter:disabled {
        background-color: #1da1f2;
        border-color: #1da1f2;
        color: #000;
    }

    .btn-twitter,
    .btn-twitter.disabled,
    .btn-twitter.focus,
    .btn-twitter.hover:not(:disabled):not(.disabled),
    .btn-twitter:disabled,
    .btn-twitter:focus,
    .btn-twitter:hover:not(:disabled):not(.disabled),
    .show > .btn-twitter.dropdown-toggle {
        color: #fff;
    }

.btn-google {
    background-color: #dc4e41;
    border-color: #dc4e41;
    color: #fff;
}

    .btn-check:focus + .btn-google,
    .btn-google:focus,
    .btn-google:hover {
        background-color: #bb4237;
        border-color: #b03e34;
        color: #fff;
    }

    .btn-check:focus + .btn-google,
    .btn-google:focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5);
    }

    .btn-check:active + .btn-google,
    .btn-check:checked + .btn-google,
    .btn-google.active,
    .btn-google:active,
    .show > .btn-google.dropdown-toggle {
        background-color: #b03e34;
        border-color: #a53b31;
        color: #fff;
    }

        .btn-check:active + .btn-google:focus,
        .btn-check:checked + .btn-google:focus,
        .btn-google.active:focus,
        .btn-google:active:focus,
        .show > .btn-google.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5);
        }

    .btn-google.disabled,
    .btn-google:disabled {
        background-color: #dc4e41;
        border-color: #dc4e41;
        color: #fff;
    }

    .btn-google,
    .btn-google.disabled,
    .btn-google.focus,
    .btn-google.hover:not(:disabled):not(.disabled),
    .btn-google:disabled,
    .btn-google:focus,
    .btn-google:hover:not(:disabled):not(.disabled),
    .show > .btn-google.dropdown-toggle {
        color: #fff;
    }

.btn-youtube {
    background-color: red;
    border-color: red;
    color: #fff;
}

    .btn-check:focus + .btn-youtube,
    .btn-youtube:focus,
    .btn-youtube:hover {
        background-color: #d90000;
        border-color: #c00;
        color: #fff;
    }

    .btn-check:focus + .btn-youtube,
    .btn-youtube:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5);
    }

    .btn-check:active + .btn-youtube,
    .btn-check:checked + .btn-youtube,
    .btn-youtube.active,
    .btn-youtube:active,
    .show > .btn-youtube.dropdown-toggle {
        background-color: #c00;
        border-color: #bf0000;
        color: #fff;
    }

        .btn-check:active + .btn-youtube:focus,
        .btn-check:checked + .btn-youtube:focus,
        .btn-youtube.active:focus,
        .btn-youtube:active:focus,
        .show > .btn-youtube.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5);
        }

    .btn-youtube.disabled,
    .btn-youtube:disabled {
        background-color: red;
        border-color: red;
        color: #fff;
    }

    .btn-youtube,
    .btn-youtube.disabled,
    .btn-youtube.focus,
    .btn-youtube.hover:not(:disabled):not(.disabled),
    .btn-youtube:disabled,
    .btn-youtube:focus,
    .btn-youtube:hover:not(:disabled):not(.disabled),
    .show > .btn-youtube.dropdown-toggle {
        color: #fff;
    }

.btn-vimeo {
    background-color: #1ab7ea;
    border-color: #1ab7ea;
    color: #000;
}

    .btn-check:focus + .btn-vimeo,
    .btn-vimeo:focus,
    .btn-vimeo:hover {
        background-color: #3cc2ed;
        border-color: #31beec;
        color: #000;
    }

    .btn-check:focus + .btn-vimeo,
    .btn-vimeo:focus {
        box-shadow: 0 0 0 0.2rem rgba(22, 156, 199, 0.5);
    }

    .btn-check:active + .btn-vimeo,
    .btn-check:checked + .btn-vimeo,
    .btn-vimeo.active,
    .btn-vimeo:active,
    .show > .btn-vimeo.dropdown-toggle {
        background-color: #48c5ee;
        border-color: #31beec;
        color: #000;
    }

        .btn-check:active + .btn-vimeo:focus,
        .btn-check:checked + .btn-vimeo:focus,
        .btn-vimeo.active:focus,
        .btn-vimeo:active:focus,
        .show > .btn-vimeo.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(22, 156, 199, 0.5);
        }

    .btn-vimeo.disabled,
    .btn-vimeo:disabled {
        background-color: #1ab7ea;
        border-color: #1ab7ea;
        color: #000;
    }

    .btn-vimeo,
    .btn-vimeo.disabled,
    .btn-vimeo.focus,
    .btn-vimeo.hover:not(:disabled):not(.disabled),
    .btn-vimeo:disabled,
    .btn-vimeo:focus,
    .btn-vimeo:hover:not(:disabled):not(.disabled),
    .show > .btn-vimeo.dropdown-toggle {
        color: #fff;
    }

.btn-dribbble {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff;
}

    .btn-check:focus + .btn-dribbble,
    .btn-dribbble:focus,
    .btn-dribbble:hover {
        background-color: #c74174;
        border-color: #bb3d6e;
        color: #fff;
    }

    .btn-check:focus + .btn-dribbble,
    .btn-dribbble:focus {
        box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
    }

    .btn-check:active + .btn-dribbble,
    .btn-check:checked + .btn-dribbble,
    .btn-dribbble.active,
    .btn-dribbble:active,
    .show > .btn-dribbble.dropdown-toggle {
        background-color: #bb3d6e;
        border-color: #b03967;
        color: #fff;
    }

        .btn-check:active + .btn-dribbble:focus,
        .btn-check:checked + .btn-dribbble:focus,
        .btn-dribbble.active:focus,
        .btn-dribbble:active:focus,
        .show > .btn-dribbble.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
        }

    .btn-dribbble.disabled,
    .btn-dribbble:disabled {
        background-color: #ea4c89;
        border-color: #ea4c89;
        color: #fff;
    }

    .btn-dribbble,
    .btn-dribbble.disabled,
    .btn-dribbble.focus,
    .btn-dribbble.hover:not(:disabled):not(.disabled),
    .btn-dribbble:disabled,
    .btn-dribbble:focus,
    .btn-dribbble:hover:not(:disabled):not(.disabled),
    .show > .btn-dribbble.dropdown-toggle {
        color: #fff;
    }

.btn-github {
    background-color: #181717;
    border-color: #181717;
    color: #fff;
}

    .btn-check:focus + .btn-github,
    .btn-github:focus,
    .btn-github:hover {
        background-color: #141414;
        border-color: #131212;
        color: #fff;
    }

    .btn-check:focus + .btn-github,
    .btn-github:focus {
        box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5);
    }

    .btn-check:active + .btn-github,
    .btn-check:checked + .btn-github,
    .btn-github.active,
    .btn-github:active,
    .show > .btn-github.dropdown-toggle {
        background-color: #131212;
        border-color: #121111;
        color: #fff;
    }

        .btn-check:active + .btn-github:focus,
        .btn-check:checked + .btn-github:focus,
        .btn-github.active:focus,
        .btn-github:active:focus,
        .show > .btn-github.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5);
        }

    .btn-github.disabled,
    .btn-github:disabled {
        background-color: #181717;
        border-color: #181717;
        color: #fff;
    }

    .btn-github,
    .btn-github.disabled,
    .btn-github.focus,
    .btn-github.hover:not(:disabled):not(.disabled),
    .btn-github:disabled,
    .btn-github:focus,
    .btn-github:hover:not(:disabled):not(.disabled),
    .show > .btn-github.dropdown-toggle {
        color: #fff;
    }

.btn-instagram {
    background-color: #e4405f;
    border-color: #e4405f;
    color: #fff;
}

    .btn-check:focus + .btn-instagram,
    .btn-instagram:focus,
    .btn-instagram:hover {
        background-color: #c23651;
        border-color: #b6334c;
        color: #fff;
    }

    .btn-check:focus + .btn-instagram,
    .btn-instagram:focus {
        box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
    }

    .btn-check:active + .btn-instagram,
    .btn-check:checked + .btn-instagram,
    .btn-instagram.active,
    .btn-instagram:active,
    .show > .btn-instagram.dropdown-toggle {
        background-color: #b6334c;
        border-color: #ab3047;
        color: #fff;
    }

        .btn-check:active + .btn-instagram:focus,
        .btn-check:checked + .btn-instagram:focus,
        .btn-instagram.active:focus,
        .btn-instagram:active:focus,
        .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
        }

    .btn-instagram.disabled,
    .btn-instagram:disabled {
        background-color: #e4405f;
        border-color: #e4405f;
        color: #fff;
    }

    .btn-instagram,
    .btn-instagram.disabled,
    .btn-instagram.focus,
    .btn-instagram.hover:not(:disabled):not(.disabled),
    .btn-instagram:disabled,
    .btn-instagram:focus,
    .btn-instagram:hover:not(:disabled):not(.disabled),
    .show > .btn-instagram.dropdown-toggle {
        color: #fff;
    }

.btn-pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
    color: #fff;
}

    .btn-check:focus + .btn-pinterest,
    .btn-pinterest:focus,
    .btn-pinterest:hover {
        background-color: #a10718;
        border-color: #970616;
        color: #fff;
    }

    .btn-check:focus + .btn-pinterest,
    .btn-pinterest:focus {
        box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
    }

    .btn-check:active + .btn-pinterest,
    .btn-check:checked + .btn-pinterest,
    .btn-pinterest.active,
    .btn-pinterest:active,
    .show > .btn-pinterest.dropdown-toggle {
        background-color: #970616;
        border-color: #8e0615;
        color: #fff;
    }

        .btn-check:active + .btn-pinterest:focus,
        .btn-check:checked + .btn-pinterest:focus,
        .btn-pinterest.active:focus,
        .btn-pinterest:active:focus,
        .show > .btn-pinterest.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
        }

    .btn-pinterest.disabled,
    .btn-pinterest:disabled {
        background-color: #bd081c;
        border-color: #bd081c;
        color: #fff;
    }

    .btn-pinterest,
    .btn-pinterest.disabled,
    .btn-pinterest.focus,
    .btn-pinterest.hover:not(:disabled):not(.disabled),
    .btn-pinterest:disabled,
    .btn-pinterest:focus,
    .btn-pinterest:hover:not(:disabled):not(.disabled),
    .show > .btn-pinterest.dropdown-toggle {
        color: #fff;
    }

.btn-flickr {
    background-color: #0063dc;
    border-color: #0063dc;
    color: #fff;
}

    .btn-check:focus + .btn-flickr,
    .btn-flickr:focus,
    .btn-flickr:hover {
        background-color: #0054bb;
        border-color: #004fb0;
        color: #fff;
    }

    .btn-check:focus + .btn-flickr,
    .btn-flickr:focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5);
    }

    .btn-check:active + .btn-flickr,
    .btn-check:checked + .btn-flickr,
    .btn-flickr.active,
    .btn-flickr:active,
    .show > .btn-flickr.dropdown-toggle {
        background-color: #004fb0;
        border-color: #004aa5;
        color: #fff;
    }

        .btn-check:active + .btn-flickr:focus,
        .btn-check:checked + .btn-flickr:focus,
        .btn-flickr.active:focus,
        .btn-flickr:active:focus,
        .show > .btn-flickr.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5);
        }

    .btn-flickr.disabled,
    .btn-flickr:disabled {
        background-color: #0063dc;
        border-color: #0063dc;
        color: #fff;
    }

    .btn-flickr,
    .btn-flickr.disabled,
    .btn-flickr.focus,
    .btn-flickr.hover:not(:disabled):not(.disabled),
    .btn-flickr:disabled,
    .btn-flickr:focus,
    .btn-flickr:hover:not(:disabled):not(.disabled),
    .show > .btn-flickr.dropdown-toggle {
        color: #fff;
    }

.btn-bitbucket {
    background-color: #0052cc;
    border-color: #0052cc;
    color: #fff;
}

    .btn-bitbucket:focus,
    .btn-bitbucket:hover,
    .btn-check:focus + .btn-bitbucket {
        background-color: #0046ad;
        border-color: #0042a3;
        color: #fff;
    }

    .btn-bitbucket:focus,
    .btn-check:focus + .btn-bitbucket {
        box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5);
    }

    .btn-bitbucket.active,
    .btn-bitbucket:active,
    .btn-check:active + .btn-bitbucket,
    .btn-check:checked + .btn-bitbucket,
    .show > .btn-bitbucket.dropdown-toggle {
        background-color: #0042a3;
        border-color: #003e99;
        color: #fff;
    }

        .btn-bitbucket.active:focus,
        .btn-bitbucket:active:focus,
        .btn-check:active + .btn-bitbucket:focus,
        .btn-check:checked + .btn-bitbucket:focus,
        .show > .btn-bitbucket.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5);
        }

    .btn-bitbucket.disabled,
    .btn-bitbucket:disabled {
        background-color: #0052cc;
        border-color: #0052cc;
        color: #fff;
    }

    .btn-bitbucket,
    .btn-bitbucket.disabled,
    .btn-bitbucket.focus,
    .btn-bitbucket.hover:not(:disabled):not(.disabled),
    .btn-bitbucket:disabled,
    .btn-bitbucket:focus,
    .btn-bitbucket:hover:not(:disabled):not(.disabled),
    .show > .btn-bitbucket.dropdown-toggle {
        color: #fff;
    }

.btn-light,
.btn-light.disabled,
.btn-light.focus,
.btn-light.hover:not(:disabled):not(.disabled),
.btn-light:disabled,
.btn-light:focus,
.btn-light:hover:not(:disabled):not(.disabled),
.btn-white,
.btn-white.disabled,
.btn-white.focus,
.btn-white.hover:not(:disabled):not(.disabled),
.btn-white:disabled,
.btn-white:focus,
.btn-white:hover:not(:disabled):not(.disabled),
.show > .btn-light.dropdown-toggle,
.show > .btn-white.dropdown-toggle {
    color: #343a40;
}

.card {
    box-shadow: 0 0 0.875rem 0 rgba(33, 37, 41, 0.05);
    margin-bottom: 24px;
}

.card-header {
    border-bottom-width: 1px;
}

.card-title {
    color: #939ba2;
    font-size: 0.925rem;
    font-weight: 600;
}

.card-subtitle {
    font-weight: 400;
}

.card-table {
    margin-bottom: 0;
}

    .card-table tr td:first-child,
    .card-table tr th:first-child {
        padding-left: 1.25rem;
    }

    .card-table tr td:last-child,
    .card-table tr th:last-child {
        padding-right: 1.25rem;
    }

.card-img,
.card-img-bottom,
.card-img-top {
    height: auto;
    max-width: 100%;
}

@media (-ms-high-contrast: none) {
    .card-img,
    .card-img-bottom,
    .card-img-top {
        height: 100%;
    }
}

.navbar-nav .dropdown-menu {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.dropdown .dropdown-menu.show {
    animation-duration: 0.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: dropdownAnimation;
    animation-timing-function: ease;
}

@keyframes dropdownAnimation {
    0% {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

.dropdown-toggle:after {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
}

.dropdown-item {
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}

.dropdown-menu {
    top: auto;
}

.dropdown-menu-lg {
    min-width: 20rem;
}

.dropdown .list-group .list-group-item {
    border-width: 0 0 1px;
    margin-bottom: 0;
}

    .dropdown .list-group .list-group-item:first-child,
    .dropdown .list-group .list-group-item:last-child {
        border-radius: 0;
    }

    .dropdown .list-group .list-group-item:hover {
        background: #f8f9fa;
    }

.dropdown-menu-header {
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    padding: 0.75rem;
    text-align: center;
}

.dropdown-menu-footer {
    display: block;
    font-size: 0.75rem;
    padding: 0.5rem;
    text-align: center;
}

.feather {
    stroke-width: 2;
    height: 18px;
    width: 18px;
}

.feather-sm {
    height: 14px;
    width: 14px;
}

.feather-lg {
    height: 36px;
    width: 36px;
}

footer.footer {
    background: #fff;
    direction: ltr;
    padding: 1rem 0.875rem;
}

    footer.footer ul {
        margin-bottom: 0;
    }

@media (max-width: 767.98px) {
    footer.footer {
        width: 100vw;
    }
}

.hamburger,
.hamburger:after,
.hamburger:before {
    background: #495057;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
    width: 24px;
}

.hamburger {
    position: relative;
}

    .hamburger:before {
        position: absolute;
        top: -7.5px;
        width: 24px;
    }

    .hamburger:after {
        bottom: -7.5px;
        position: absolute;
        width: 16px;
    }

.sidebar-toggle:hover .hamburger,
.sidebar-toggle:hover .hamburger:after,
.sidebar-toggle:hover .hamburger:before {
    background: #3b7ddd;
}

.hamburger-right,
.hamburger-right:after,
.hamburger-right:before {
    right: 0;
}

a.list-group-item {
    text-decoration: none;
}

.navbar .avatar {
    margin-bottom: -15px;
    margin-top: -15px;
}

.navbar-nav {
    direction: ltr;
}

.navbar-align {
    margin-left: auto;
}

.navbar-bg {
    background: #fff;
}

.navbar-brand .feather,
.navbar-brand svg {
    color: #3b7ddd;
    height: 24px;
    margin-left: -0.15rem;
    margin-right: 0.375rem;
    margin-top: -0.375rem;
    width: 24px;
}

.nav-flag,
.nav-icon {
    color: #6c757d;
    display: block;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 0.1rem 0.8rem;
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}

    .nav-flag:after,
    .nav-icon:after {
        display: none !important;
    }

    .nav-flag.active,
    .nav-flag:hover,
    .nav-icon.active,
    .nav-icon:hover {
        color: #3b7ddd;
    }

    .nav-flag .feather,
    .nav-flag svg,
    .nav-icon .feather,
    .nav-icon svg {
        height: 20px;
        width: 20px;
    }

.nav-item .indicator {
    background: #3b7ddd;
    border-radius: 50%;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
    color: #fff;
    display: block;
    font-size: 0.675rem;
    height: 18px;
    padding: 1px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 0;
    transition: top 0.1s ease-out;
    width: 18px;
}

.nav-item a:focus {
    outline: 0;
}

.nav-flag img {
    border-radius: 50%;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px;
}

.navbar input {
    direction: ltr;
}

#root,
html {
    height: 100%;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    html {
        overflow-x: hidden;
    }
}

.sidebar {
    direction: ltr;
    max-width: 260px;
    min-width: 260px;
}

.sidebar,
.sidebar-content {
    background: #222e3c;
    transition: margin-left 0.35s ease-in-out, left 0.35s ease-in-out, margin-right 0.35s ease-in-out, right 0.35s ease-in-out;
}

.sidebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.sidebar-nav {
    flex-grow: 1;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.sidebar-link,
a.sidebar-link {
    background: #222e3c;
    border-left: 3px solid transparent;
    color: rgba(233, 236, 239, 0.5);
    cursor: pointer;
    display: block;
    font-weight: 400;
    padding: 0.625rem 1.625rem;
    position: relative;
    text-decoration: none;
    transition: background 0.1s ease-in-out;
}

    .sidebar-link i,
    .sidebar-link svg,
    a.sidebar-link i,
    a.sidebar-link svg {
        color: rgba(233, 236, 239, 0.5);
        margin-right: 0.75rem;
    }

    .sidebar-link:focus {
        outline: 0;
    }

    .sidebar-link:hover {
        background: #222e3c;
        border-left-color: transparent;
    }

        .sidebar-link:hover,
        .sidebar-link:hover i,
        .sidebar-link:hover svg {
            color: rgba(233, 236, 239, 0.75);
        }

.sidebar-item.active .sidebar-link:hover,
.sidebar-item.active > .sidebar-link {
    background: linear-gradient( 90deg, rgba(59, 125, 221, 0.1), rgba(59, 125, 221, 0.088) 50%, transparent );
    border-left-color: #3b7ddd;
    color: #e9ecef;
}

    .sidebar-item.active .sidebar-link:hover i,
    .sidebar-item.active .sidebar-link:hover svg,
    .sidebar-item.active > .sidebar-link i,
    .sidebar-item.active > .sidebar-link svg {
        color: #e9ecef;
    }

.sidebar-brand {
    color: #f8f9fa;
    display: block;
    font-size: 1.15rem;
    font-weight: 600;
    padding: 1.15rem 1.5rem;
}

    .sidebar-brand:hover {
        color: #f8f9fa;
        text-decoration: none;
    }

    .sidebar-brand:focus {
        outline: 0;
    }

.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px;
}

.sidebar.collapsed {
    margin-left: -260px;
}

@media (min-width: 1px) and (max-width: 991.98px) {
    .sidebar {
        margin-left: -260px;
    }

        .sidebar.collapsed {
            margin-left: 0;
        }
}

.sidebar-toggle {
    margin-right: 1rem;
}

.sidebar-header {
    background: transparent;
    color: #ced4da;
    font-size: 0.75rem;
    padding: 1.5rem 1.5rem 0.375rem;
}

.sidebar-badge {
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 1;
}

.sidebar-cta-content {
    background: #2b3947;
    border-radius: 0.3rem;
    color: #e9ecef;
    margin: 1.75rem;
    padding: 1.5rem;
}

.min-vw-50 {
    min-width: 50vw !important;
}

.min-vh-50 {
    min-height: 50vh !important;
}

.vw-50 {
    width: 50vw !important;
}

.vh-50 {
    height: 50vh !important;
}

.stat {
    align-items: center;
    background: #d3e2f7;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

    .stat svg {
        stroke-width: 1.5;
        color: #3b7ddd !important;
        height: 18px;
        width: 18px;
    }

.table > :not(:last-child) > :last-child > *,
.table tbody,
.table td,
.table tfoot,
.table th,
.table thead,
.table tr {
    border-color: #dee2e6;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.text-sm {
    font-size: 0.75rem;
}

.text-lg {
    font-size: 0.925rem;
}

b,
strong {
    font-weight: 600;
}

pre.snippet {
    word-wrap: break-word;
    text-align: justify;
    white-space: pre-wrap;
}

a {
    cursor: pointer;
}

.wrapper {
    align-items: stretch;
    background: #222e3c;
    display: flex;
    width: 100%;
}

.cursor-grab {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
}

.cursor-pointer {
    cursor: pointer;
}

svg {
    touch-action: none;
}

.jvm-zoomin,
.jvm-zoomout,
image,
text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.jvm-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    touch-action: none;
    width: 100%;
}

.jvm-tooltip {
    background-color: #5c5cff;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
    display: none;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px 5px;
    white-space: nowrap;
}

.jvm-tooltip,
.jvm-zoom-btn {
    border-radius: 3px;
    color: #fff;
    position: absolute;
}

.jvm-zoom-btn {
    background-color: #292929;
    box-sizing: border-box;
    cursor: pointer;
    height: 15px;
    left: 10px;
    line-height: 10px;
    padding: 3px;
    width: 15px;
}

    .jvm-zoom-btn.jvm-zoomout {
        top: 30px;
    }

    .jvm-zoom-btn.jvm-zoomin {
        top: 10px;
    }

.jvm-series-container {
    position: absolute;
    right: 15px;
}

    .jvm-series-container.jvm-series-h {
        bottom: 15px;
    }

    .jvm-series-container.jvm-series-v {
        top: 15px;
    }

    .jvm-series-container .jvm-legend {
        background-color: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 0.25rem;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        float: left;
        margin-left: 0.75rem;
        padding: 0.6rem;
    }

        .jvm-series-container .jvm-legend .jvm-legend-title {
            border-bottom: 1px solid #e5e7eb;
            line-height: 1;
            margin-bottom: 0.575rem;
            padding-bottom: 0.5rem;
            text-align: left;
        }

        .jvm-series-container .jvm-legend .jvm-legend-inner {
            overflow: hidden;
        }

            .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
                min-width: 40px;
                overflow: hidden;
            }

                .jvm-series-container
                .jvm-legend
                .jvm-legend-inner
                .jvm-legend-tick:not(:first-child) {
                    margin-top: 0.575rem;
                }

                .jvm-series-container
                .jvm-legend
                .jvm-legend-inner
                .jvm-legend-tick
                .jvm-legend-tick-sample {
                    border-radius: 4px;
                    float: left;
                    height: 16px;
                    margin-right: 0.65rem;
                    width: 16px;
                }

                .jvm-series-container
                .jvm-legend
                .jvm-legend-inner
                .jvm-legend-tick
                .jvm-legend-tick-text {
                    float: left;
                    font-size: 12px;
                    text-align: center;
                }

.jvm-line[animation="true"] {
    animation: jvm-line-animation 10s linear infinite forwards;
}

@keyframes jvm-line-animation {
    0% {
        stroke-dashoffset: 250;
    }
}

[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit;
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0;
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important;
}

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto;
}

    .simplebar-content-wrapper::-webkit-scrollbar,
    .simplebar-hide-scrollbar::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1;
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0;
}

    .simplebar-scrollbar:before {
        background: #000;
        border-radius: 7px;
        content: "";
        left: 2px;
        opacity: 0;
        position: absolute;
        right: 2px;
        transition: opacity 0.2s linear;
    }

    .simplebar-scrollbar.simplebar-visible:before {
        opacity: 0.5;
        transition: opacity 0s linear;
    }

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

    .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
        bottom: 2px;
        top: 2px;
    }

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0;
}

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 100%;
        left: 2px;
        right: 2px;
    }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        height: 7px;
        left: 0;
        min-height: 0;
        min-width: 10px;
        right: auto;
        top: 2px;
        width: auto;
    }

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px;
}

.simplebar-hide-scrollbar {
    -ms-overflow-style: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden;
}

.flatpickr-calendar {
    animation: none;
    background: transparent;
    background: #fff;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    direction: ltr;
    display: none;
    font-size: 14px;
    line-height: 24px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    touch-action: manipulation;
    visibility: hidden;
    width: 307.875px;
}

    .flatpickr-calendar.inline,
    .flatpickr-calendar.open {
        max-height: 640px;
        opacity: 1;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.animate.open {
        animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            display: block;
            z-index: 999;
        }

    .flatpickr-calendar.multiMonth
    .flatpickr-days
    .dayContainer:nth-child(n + 1)
    .flatpickr-day.inRange:nth-child(7n + 7) {
        box-shadow: none !important;
    }

    .flatpickr-calendar.multiMonth
    .flatpickr-days
    .dayContainer:nth-child(n + 2)
    .flatpickr-day.inRange:nth-child(7n + 1) {
        box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-calendar .hasTime .dayContainer,
    .flatpickr-calendar .hasWeeks .dayContainer {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0;
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        border-top: 1px solid #e6e6e6;
        height: 40px;
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto;
    }

    .flatpickr-calendar:after,
    .flatpickr-calendar:before {
        border: solid transparent;
        content: "";
        display: block;
        height: 0;
        left: 22px;
        pointer-events: none;
        position: absolute;
        width: 0;
    }

    .flatpickr-calendar.arrowRight:after,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.rightMost:before {
        left: auto;
        right: 22px;
    }

    .flatpickr-calendar.arrowCenter:after,
    .flatpickr-calendar.arrowCenter:before {
        left: 50%;
        right: 50%;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar.arrowTop:after,
    .flatpickr-calendar.arrowTop:before {
        bottom: 100%;
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowBottom:after,
    .flatpickr-calendar.arrowBottom:before {
        top: 100%;
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    display: inline-block;
    position: relative;
}

.flatpickr-months {
    display: flex;
}

    .flatpickr-months .flatpickr-month {
        fill: rgba(0, 0, 0, 0.9);
        background: transparent;
        color: rgba(0, 0, 0, 0.9);
        flex: 1;
        height: 34px;
        line-height: 1;
        overflow: hidden;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .flatpickr-months .flatpickr-next-month,
    .flatpickr-months .flatpickr-prev-month {
        fill: rgba(0, 0, 0, 0.9);
        color: rgba(0, 0, 0, 0.9);
        cursor: pointer;
        height: 34px;
        padding: 10px;
        position: absolute;
        text-decoration: none;
        top: 0;
        z-index: 3;
    }

        .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-next-month i,
        .flatpickr-months .flatpickr-prev-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
            left: 0;
        }

        .flatpickr-months .flatpickr-next-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
            right: 0;
        }

        .flatpickr-months .flatpickr-next-month:hover,
        .flatpickr-months .flatpickr-prev-month:hover {
            color: #959ea9;
        }

            .flatpickr-months .flatpickr-next-month:hover svg,
            .flatpickr-months .flatpickr-prev-month:hover svg {
                fill: #f64747;
            }

        .flatpickr-months .flatpickr-next-month svg,
        .flatpickr-months .flatpickr-prev-month svg {
            height: 14px;
            width: 14px;
        }

            .flatpickr-months .flatpickr-next-month svg path,
            .flatpickr-months .flatpickr-prev-month svg path {
                fill: inherit;
                transition: fill 0.1s;
            }

.numInputWrapper {
    height: auto;
    position: relative;
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block;
    }

    .numInputWrapper input {
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

        .numInputWrapper input::-webkit-inner-spin-button,
        .numInputWrapper input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .numInputWrapper span {
        border: 1px solid rgba(57, 57, 57, 0.15);
        box-sizing: border-box;
        cursor: pointer;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        padding: 0 4px 0 2px;
        position: absolute;
        right: 0;
        width: 14px;
    }

        .numInputWrapper span:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .numInputWrapper span:active {
            background: rgba(0, 0, 0, 0.2);
        }

        .numInputWrapper span:after {
            content: "";
            display: block;
            position: absolute;
        }

        .numInputWrapper span.arrowUp {
            border-bottom: 0;
            top: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-bottom: 4px solid rgba(57, 57, 57, 0.6);
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                top: 26%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57, 57, 57, 0.6);
                top: 40%;
            }

        .numInputWrapper span svg {
            height: auto;
            width: inherit;
        }

            .numInputWrapper span svg path {
                fill: rgba(0, 0, 0, 0.5);
            }

    .numInputWrapper:hover {
        background: rgba(0, 0, 0, 0.05);
    }

        .numInputWrapper:hover span {
            opacity: 1;
        }

.flatpickr-current-month {
    color: inherit;
    display: inline-block;
    font-size: 135%;
    font-weight: 300;
    height: 34px;
    left: 12.5%;
    line-height: inherit;
    line-height: 1;
    padding: 7.48px 0 0;
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    width: 75%;
}

    .flatpickr-current-month span.cur-month {
        color: inherit;
        display: inline-block;
        font-family: inherit;
        font-weight: 700;
        margin-left: 0.5ch;
        padding: 0;
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .flatpickr-current-month .numInputWrapper {
        display: inline-block;
        width: 6ch;
        width: 7ch\0;
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0, 0, 0, 0.9);
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0, 0, 0, 0.9);
        }

    .flatpickr-current-month input.cur-year {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        display: inline-block;
        font-family: inherit;
        font-size: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: 0;
        padding: 0 0 0 0.5ch;
        vertical-align: initial;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled],
        .flatpickr-current-month input.cur-year[disabled]:hover {
            background: transparent;
            color: rgba(0, 0, 0, 0.5);
            font-size: 100%;
            pointer-events: none;
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-family: inherit;
        font-size: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0;
        outline: none;
        padding: 0 0 0 0.5ch;
        position: relative;
        vertical-align: initial;
        width: auto;
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:active,
        .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
            outline: none;
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0, 0, 0, 0.05);
        }

        .flatpickr-current-month
        .flatpickr-monthDropdown-months
        .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: none;
            padding: 0;
        }

.flatpickr-weekdays {
    align-items: center;
    background: transparent;
    display: flex;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1;
    }

span.flatpickr-weekday {
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    cursor: default;
    display: block;
    flex: 1;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    margin: 0;
    text-align: center;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0;
}

.flatpickr-days {
    align-items: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 307.875px;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    max-width: 307.875px;
    min-width: 307.875px;
    opacity: 1;
    outline: 0;
    padding: 0;
    text-align: left;
    transform: translateZ(0);
    width: 307.875px;
}

    .dayContainer + .dayContainer {
        box-shadow: -1px 0 0 #e6e6e6;
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    flex-basis: 14.2857143%;
    font-weight: 400;
    height: 39px;
    justify-content: center;
    line-height: 39px;
    margin: 0;
    max-width: 39px;
    position: relative;
    text-align: center;
    width: 14.2857143%;
}

    .flatpickr-day.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay:focus,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.today.inRange,
    .flatpickr-day:focus,
    .flatpickr-day:hover {
        background: #e6e6e6;
        border-color: #e6e6e6;
        cursor: pointer;
        outline: 0;
    }

    .flatpickr-day.today {
        border-color: #959ea9;
    }

        .flatpickr-day.today:focus,
        .flatpickr-day.today:hover {
            background: #959ea9;
            border-color: #959ea9;
            color: #fff;
        }

    .flatpickr-day.endRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.endRange.nextMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.selected:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.startRange:hover {
        background: #569ff7;
        border-color: #569ff7;
        box-shadow: none;
        color: #fff;
    }

        .flatpickr-day.endRange.startRange,
        .flatpickr-day.selected.startRange,
        .flatpickr-day.startRange.startRange {
            border-radius: 50px 0 0 50px;
        }

        .flatpickr-day.endRange.endRange,
        .flatpickr-day.selected.endRange,
        .flatpickr-day.startRange.endRange {
            border-radius: 0 50px 50px 0;
        }

        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
            box-shadow: -10px 0 0 #569ff7;
        }

        .flatpickr-day.endRange.startRange.endRange,
        .flatpickr-day.selected.startRange.endRange,
        .flatpickr-day.startRange.startRange.endRange {
            border-radius: 50px;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.nextMonthDay,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.prevMonthDay {
        background: transparent;
        border-color: transparent;
        color: rgba(57, 57, 57, 0.3);
        cursor: default;
    }

        .flatpickr-day.flatpickr-disabled,
        .flatpickr-day.flatpickr-disabled:hover {
            color: rgba(57, 57, 57, 0.1);
            cursor: not-allowed;
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        box-shadow: 1px 0 0 #e6e6e6;
        padding: 0 12px;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        line-height: 28px;
        width: 100%;
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        background: transparent;
        border: none;
        color: rgba(57, 57, 57, 0.3);
        cursor: default;
        display: block;
        max-width: none;
        width: 100%;
    }

.flatpickr-innerContainer {
    box-sizing: border-box;
    display: block;
    display: flex;
    overflow: hidden;
}

.flatpickr-rContainer {
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
}

.flatpickr-time {
    box-sizing: border-box;
    display: block;
    display: flex;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    outline: 0;
    overflow: hidden;
    text-align: center;
}

    .flatpickr-time:after {
        clear: both;
        content: "";
        display: table;
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        float: left;
        height: 40px;
        width: 40%;
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939;
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939;
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
    }

    .flatpickr-time input {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        color: #393939;
        font-size: 14px;
        height: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: 700;
        }

        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time input.flatpickr-second {
            font-weight: 400;
        }

        .flatpickr-time input:focus {
            border: 0;
            outline: 0;
        }

    .flatpickr-time .flatpickr-am-pm,
    .flatpickr-time .flatpickr-time-separator {
        align-self: center;
        color: #393939;
        float: left;
        font-weight: 700;
        height: inherit;
        line-height: inherit;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 2%;
    }

    .flatpickr-time .flatpickr-am-pm {
        cursor: pointer;
        font-weight: 400;
        outline: 0;
        text-align: center;
        width: 18%;
    }

        .flatpickr-time .flatpickr-am-pm:focus,
        .flatpickr-time .flatpickr-am-pm:hover,
        .flatpickr-time input:focus,
        .flatpickr-time input:hover {
            background: #eee;
        }

.flatpickr-input[readonly] {
    cursor: pointer;
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.flatpickr-calendar.inline {
    background: transparent;
    box-shadow: none;
    width: 100%;
}

    .flatpickr-calendar.inline .flatpickr-days {
        width: 100%;
    }

    .flatpickr-calendar.inline .dayContainer {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }

    .flatpickr-calendar.inline .flatpickr-day {
        border-radius: 0.2rem;
        height: 45px;
        line-height: 45px;
        max-width: inherit;
    }

        .flatpickr-calendar.inline .flatpickr-day.today {
            border: 0;
        }

            .flatpickr-calendar.inline .flatpickr-day.today:before {
                border-color: rgba(0, 0, 0, 0.2) transparent #3b7ddd;
                border-style: solid;
                border-width: 0 0 7px 7px;
                bottom: 4px;
                content: "";
                display: inline-block;
                position: absolute;
                right: 4px;
            }

            .flatpickr-calendar.inline .flatpickr-day.today.selected:before {
                border-color: rgba(0, 0, 0, 0.2) transparent #fff;
            }

            .flatpickr-calendar.inline .flatpickr-day.today:hover {
                background: #e6e6e6;
                color: #000;
            }

        .flatpickr-calendar.inline .flatpickr-day.selected,
        .flatpickr-calendar.inline .flatpickr-day.selected:focus,
        .flatpickr-calendar.inline .flatpickr-day.selected:hover {
            background: #3b7ddd;
            border-radius: 0.2rem;
            color: #fff;
        }

    .flatpickr-calendar.inline .flatpickr-weekdays {
        height: 45px;
    }

    .flatpickr-calendar.inline .flatpickr-weekday {
        height: 45px;
        line-height: 45px;
    }

    .flatpickr-calendar.inline .flatpickr-months .flatpickr-month,
    .flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month,
    .flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month {
        height: 45px;
    }

    .flatpickr-calendar.inline .flatpickr-current-month {
        height: 45px;
        line-height: 45px;
        padding-top: 0;
    }

        .flatpickr-calendar.inline
        .flatpickr-current-month
        .flatpickr-monthDropdown-months {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .flatpickr-calendar.inline
        .flatpickr-current-month
        .flatpickr-monthDropdown-months,
        .flatpickr-calendar.inline .flatpickr-current-month input.cur-year {
            font-size: 1.09375rem;
            font-weight: 400;
        }

    .flatpickr-calendar.inline .flatpickr-next-month,
    .flatpickr-calendar.inline .flatpickr-prev-month {
        border-radius: 0.2rem;
        width: 45px;
    }

        .flatpickr-calendar.inline .flatpickr-next-month:hover,
        .flatpickr-calendar.inline .flatpickr-prev-month:hover {
            background: #e6e6e6;
            color: #000;
        }

.simplebar-scrollbar:before {
    background: #fff;
}

.simplebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-bottom: 0 !important;
}

[data-simplebar] {
    left: 0;
    position: sticky;
    top: 0;
    width: 260px;
}

.timeline-steps {
    display: flex;
}

    .timeline-steps .timeline-step {
        align-items: center;
        display: flex;
        flex-direction: column;
        position: relative;
    }

@media (min-width: 768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: 0.25rem dotted #17202a;
        width: 3.46rem;
        position: absolute;
        left: 4.5rem;
        top: 0.3125rem;
    }

    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: 0.25rem dotted #17202a;
        width: 3.8125rem;
        position: absolute;
        right: 4.5rem;
        top: 0.3125rem;
    }
}

.timeline-steps .timeline-content {
    width: 5.5rem;
    text-align: center;
}

    .timeline-steps .timeline-content .inner-circle {
        border-radius: 0.5rem;
        height: 1rem;
        width: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #3b82f6;
    }

        .timeline-steps .timeline-content .inner-circle:before {
            content: "";
            background-color: #3b82f6;
            display: inline-block;
            height: 3rem;
            width: 3rem;
            min-width: 3rem;
            border-radius: 4.25rem;
            opacity: 0.5;
        }

    .timeline-steps .timeline-content .inner-circle-success {
        border-radius: 0.5rem;
        height: 1rem;
        width: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #1cbb8c;
    }

        .timeline-steps .timeline-content .inner-circle-success:before {
            content: "";
            background-color: #1cbb8c;
            display: inline-block;
            height: 3rem;
            width: 3rem;
            min-width: 3rem;
            border-radius: 4.25rem;
            opacity: 0.5;
        }

    .timeline-steps .timeline-content .inner-circle-warning {
        border-radius: 0.5rem;
        height: 1rem;
        width: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #fcb92c;
    }

        .timeline-steps .timeline-content .inner-circle-warning:before {
            content: "";
            background-color: #fcb92c;
            display: inline-block;
            height: 3rem;
            width: 3rem;
            min-width: 3rem;
            border-radius: 4.25rem;
            opacity: 0.5;
        }

    .timeline-steps .timeline-content .inner-circle-danger {
        border-radius: 0.5rem;
        height: 1rem;
        width: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #dc3545;
    }

        .timeline-steps .timeline-content .inner-circle-danger:before {
            content: "";
            background-color: #dc3545;
            display: inline-block;
            height: 3rem;
            width: 3rem;
            min-width: 3rem;
            border-radius: 4.25rem;
            opacity: 0.5;
        }

.bg-moderate {
    --bs-bg-opacity: 1;
    background-color: #f39c12 !important;
}

.bg-risk {
    --bs-bg-opacity: 1;
    background-color: #e67e22 !important;
}

.text-moderate {
    --bs-text-opacity: 1;
    color: #f39c12 !important;
}

.text-risk {
    --bs-text-opacity: 1;
    color: #e67e22 !important;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #eaecf4;
    border-radius: 0.35rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #4e73df;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.progress-sm {
    height: 0.5rem;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

/*-----------------*/

.contenedor {
    margin: 2rem auto;
    border: 1px solid #aaa;
    height: 300px;
    width: 90%;
    max-width: 400px;
    background: #f1f2f3;
    overflow: auto;
    box-sizing: border-box;
    padding: 0 1rem;
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

.card::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .card::-webkit-scrollbar:vertical {
        width: 10px;
    }

.card::-webkit-scrollbar-button:increment,
.card::-webkit-scrollbar-button {
    display: none;
}

.card::-webkit-scrollbar:horizontal {
    height: 10px;
}

.card::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.card::-webkit-scrollbar-track {
    border-radius: 10px;
}

/*-----------------*/

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*="col-"] {
        flex-grow: 1;
    }

/*
.row.display-flex [class*='col-'] {
    background-color: #cceeee;
}*/

/*-----------------*/

/* www.menucool.com/tooltip/javascript-tooltip */

/*For tooltip target element that has set class="tooltip" */

.tooltip {
    text-decoration: none;
    border-bottom: 1px dotted #36c;
    color: #36c;
    outline: none;
    position: static;
    display: inline;
    opacity: 1;
}

/*For tooltip box*/

#mcTooltip {
    line-height: 20px;
    border-width: 2px;
    color: #dddddd;
    border-color: #666666;
    padding: 20px;
    font-size: 12px;
    font-family: Verdana, Arial;
    border-radius: 3px;
    background-color: #373737;
    background-image: url(bg_ptn.png);
}

#mcTooltip,
#mcttCo b {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

    /* For hyperlink within tooltip */

    #mcTooltip a {
        color: #6cf;
    }

/*Close button. Available when sticky or overlay has been set to true, or is on touch-enabled devices. */

#mcttCloseButton {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    margin-top: 4px;
    /*background:black;*/
}

    /*Close button X symbol*/

    #mcttCloseButton:after {
        font: normal 38px/18px arial, sans-serif;
        color: #999;
        top: 0;
        left: -2px;
    }

/*Give the close button a bigger size on smaller devices*/

@media only screen and (max-width: 736px) {
    #mcttCloseButton {
        width: 28px;
        height: 28px;
    }

        #mcttCloseButton:after {
            font-size: 48px;
            line-height: 28px;
        }
}

/* Useful when overlay has been set to true or 1 in JS */

#mcOverlay {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 4;
}

#mcTooltip img {
    border: 0;
    vertical-align: middle;
}

/*The settings below should remain unchanged*/

#mcTooltipWrapper {
    position: absolute;
    visibility: hidden;
    overflow: visible;
    z-index: 9999999999;
    top: -2000px;
}

#mcTooltip {
    float: left;
    border-style: solid;
    position: relative;
    overflow: hidden;
}

.mcTooltipInner {
    float: left;
    position: relative;
    width: auto;
    height: auto;
}

#mcttCo,
#mcttCo b {
    position: absolute;
    overflow: hidden;
}

/*compatible with bootstrap*/

#mcTooltip,
#mcTooltip div {
    box-sizing: content-box;
}

.modal {
    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;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 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 rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.3;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .modal-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem -0.5rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    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: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

    .modal-footer > * {
        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-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen .modal-footer {
        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;
        }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }
}

.loader {
    display: flex;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 4;
    top: 30px;
    align-items: center;
    justify-content: center;
}

.ban-loader {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
}

    .ban-loader div {
        animation: ban-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .ban-loader div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #3b7ddd;
            margin: -4px 0 0 -4px;
        }

        .ban-loader div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .ban-loader div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .ban-loader div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .ban-loader div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .ban-loader div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .ban-loader div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .ban-loader div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .ban-loader div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .ban-loader div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .ban-loader div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .ban-loader div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .ban-loader div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .ban-loader div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .ban-loader div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .ban-loader div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .ban-loader div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes ban-loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (min-width: 640px) {
    .sm\:container {
        width: 100%;
    }

    @media (min-width: 640px) {
        .sm\:container {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {
        .sm\:container {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {
        .sm\:container {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {
        .sm\:container {
            max-width: 1280px;
        }
    }

    @media (min-width: 1536px) {
        .sm\:container {
            max-width: 1536px;
        }
    }
}

.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}

.after\:inset-x-0::after {
    content: var(--tw-content);
    left: 0px;
    right: 0px;
}

.after\:top-1\/4::after {
    content: var(--tw-content);
    top: 25%;
}

.after\:block::after {
    content: var(--tw-content);
    display: block;
}

.after\:h-1::after {
    content: var(--tw-content);
    height: 0.25rem;
}

.after\:translate-y-1\/2::after {
    content: var(--tw-content);
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rounded-lg::after {
    content: var(--tw-content);
    border-radius: 0.5rem;
}

.after\:bg-gradient-to-r::after {
    content: var(--tw-content);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.hover\:isolate:hover {
    isolation: isolate;
}

.hover\:z-\[2\]:hover {
    z-index: 2;
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:list-disc:hover {
    list-style-type: disc;
}

.hover\:border-r-8:hover {
    border-right-width: 8px;
}

.hover\:border-\[\#3751B2\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(55 81 178 / var(--tw-border-opacity));
}

.hover\:border-b-\[\#3751B2\]:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 81 178 / var(--tw-border-opacity));
}

.hover\:bg-\[\#F0F2FA\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 242 250 / var(--tw-bg-opacity));
}

.hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}

.hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.hover\:bg-rose-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 113 133 / var(--tw-bg-opacity));
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-stone-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}

.hover\:bg-teal-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(45 212 191 / var(--tw-bg-opacity));
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9;
}

.hover\:font-bold:hover {
    font-weight: 700;
}

.hover\:font-semibold:hover {
    font-weight: 600;
}

.hover\:text-\[\#3751B2\]:hover {
    --tw-text-opacity: 1;
    color: rgb(55 81 178 / var(--tw-text-opacity));
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.hover\:text-inherit:hover {
    color: inherit;
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
}

.hover\:text-zinc-800:hover {
    --tw-text-opacity: 1;
    color: rgb(39 39 42 / var(--tw-text-opacity));
}

.hover\:no-underline:hover {
    text-decoration-line: none;
}

.hover\:outline-none:hover {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.before\:hover\:text-center:hover::before {
    content: var(--tw-content);
    text-align: center;
}

.hover\:before\:text-center:hover::before {
    content: var(--tw-content);
    text-align: center;
}

.focus\:isolate:focus {
    isolation: isolate;
}

.focus\:z-\[3\]:focus {
    z-index: 3;
}

.focus\:border-r-8:focus {
    border-right-width: 8px;
}

.focus\:border-none:focus {
    border-style: none;
}

.focus\:border-\[\#3751B2\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(55 81 178 / var(--tw-border-opacity));
}

.focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity));
}

.focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.focus\:border-transparent:focus {
    border-color: transparent;
}

.focus\:border-b-\[\#3751B2\]:focus {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 81 178 / var(--tw-border-opacity));
}

.focus\:bg-\[\#F0F2FA\]:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(240 242 250 / var(--tw-bg-opacity));
}

.focus\:bg-blue-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}

.focus\:bg-blue-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.focus\:bg-slate-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:text-\[\#3751B2\]:focus {
    --tw-text-opacity: 1;
    color: rgb(55 81 178 / var(--tw-text-opacity));
}

.focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.focus\:text-inherit:focus {
    color: inherit;
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:outline:focus {
    outline-style: solid;
}

.focus\:outline-1:focus {
    outline-width: 1px;
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:transition-shadow:focus {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.focus\:hover\:text-center:hover:focus {
    text-align: center;
}

.hover\:focus\:text-center:focus:hover {
    text-align: center;
}

.active\:border-r-4:active {
    border-right-width: 4px;
}

.active\:border-none:active {
    border-style: none;
}

.active\:border-\[\#3751B2\]:active {
    --tw-border-opacity: 1;
    border-color: rgb(55 81 178 / var(--tw-border-opacity));
}

.active\:bg-blue-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.active\:bg-blue-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.active\:bg-slate-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.active\:text-\[\#3751B2\]:active {
    --tw-text-opacity: 1;
    color: rgb(55 81 178 / var(--tw-text-opacity));
}

.active\:text-blue-800:active {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
}

.active\:text-inherit:active {
    color: inherit;
}

.active\:outline-none:active {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.disabled\:cursor-default:disabled {
    cursor: default;
}

.disabled\:bg-white:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.data-\[te-tab-active\]\:block[data-te-tab-active] {
    display: block;
}

.data-\[te-tab-active\]\:flex[data-te-tab-active] {
    display: flex;
}

.data-\[te-sidenav-slim-collapsed\=\'true\'\]\:w-\[77px\][data-te-sidenav-slim-collapsed='true'] {
    width: 77px;
}

.data-\[te-sidenav-slim\=\'true\'\]\:w-\[77px\][data-te-sidenav-slim='true'] {
    width: 77px;
}

.data-\[te-sidenav-hidden\=\'false\'\]\:translate-x-0[data-te-sidenav-hidden='false'] {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[te-sidebar-state-active\]\:border-r-4[data-te-sidebar-state-active] {
    border-right-width: 4px;
}

.data-\[te-sidebar-state-active\]\:border-\[\#3751B2\][data-te-sidebar-state-active] {
    --tw-border-opacity: 1;
    border-color: rgb(55 81 178 / var(--tw-border-opacity));
}

.data-\[te-nav-active\]\:border-b-\[\#3751B2\][data-te-nav-active] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 81 178 / var(--tw-border-opacity));
}

.data-\[te-nav-active\]\:bg-blue-50[data-te-nav-active] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.data-\[te-sidebar-state-active\]\:bg-\[\#F0F2FA\][data-te-sidebar-state-active] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 242 250 / var(--tw-bg-opacity));
}

.data-\[te-nav-active\]\:text-\[\#3751B2\][data-te-nav-active] {
    --tw-text-opacity: 1;
    color: rgb(55 81 178 / var(--tw-text-opacity));
}

.data-\[te-sidebar-state-active\]\:text-\[\#3751B2\][data-te-sidebar-state-active] {
    --tw-text-opacity: 1;
    color: rgb(55 81 178 / var(--tw-text-opacity));
}

.data-\[te-sidebar-state-active\]\:text-inherit[data-te-sidebar-state-active] {
    color: inherit;
}

.data-\[te-sidebar-state-focus\]\:outline-none[data-te-sidebar-state-focus] {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.group[data-te-sidenav-slim-collapsed='true'] .group-\[\&\[data-te-sidenav-slim-collapsed\=\'true\'\]\]\:data-\[te-sidenav-slim\=\'false\'\]\:hidden[data-te-sidenav-slim='false'] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
        transition-property: none;
    }
}

:is(.dark .dark\:border-slate-700) {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

:is(.dark .dark\:bg-amber-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-blue-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-blue-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-green-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-neutral-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-orange-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-red-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-slate-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-slate-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-stone-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-violet-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-yellow-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-zinc-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gradient-to-t) {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

:is(.dark .dark\:bg-gradient-to-tl) {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}

:is(.dark .dark\:from-slate-800) {
    --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is(.dark .dark\:from-transparent) {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is(.dark .dark\:via-white) {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

:is(.dark .dark\:to-gray-400) {
    --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
}

:is(.dark .dark\:to-transparent) {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

:is(.dark .dark\:text-amber-100) {
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-blue-100) {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-100) {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-200) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-300) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-100) {
    --tw-text-opacity: 1;
    color: rgb(220 252 231 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-orange-100) {
    --tw-text-opacity: 1;
    color: rgb(255 237 213 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-100) {
    --tw-text-opacity: 1;
    color: rgb(254 226 226 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-violet-100) {
    --tw-text-opacity: 1;
    color: rgb(237 233 254 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white\/80) {
    color: rgb(255 255 255 / 0.8);
}

:is(.dark .dark\:text-yellow-100) {
    --tw-text-opacity: 1;
    color: rgb(254 249 195 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:border-neutral-100:hover) {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

:is(.dark .dark\:hover\:bg-transparent:hover) {
    background-color: transparent;
}

:is(.dark .dark\:hover\:bg-white\/10:hover) {
    background-color: rgb(255 255 255 / 0.1);
}

:is(.dark .dark\:hover\:text-white\/10:hover) {
    color: rgb(255 255 255 / 0.1);
}

:is(.dark .dark\:focus\:border-none:focus) {
    border-style: none;
}

:is(.dark .dark\:focus\:border-\[\#3751B2\]:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(55 81 178 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-neutral-100:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:bg-white\/10:focus) {
    background-color: rgb(255 255 255 / 0.1);
}

:is(.dark .dark\:active\:border-neutral-100:active) {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

:is(.dark .dark\:active\:bg-white\/10:active) {
    background-color: rgb(255 255 255 / 0.1);
}

:is(.dark .dark\:data-\[te-nav-active\]\:border-stone-200[data-te-nav-active]) {
    --tw-border-opacity: 1;
    border-color: rgb(231 229 228 / var(--tw-border-opacity));
}

:is(.dark .dark\:data-\[te-nav-active\]\:text-stone-200[data-te-nav-active]) {
    --tw-text-opacity: 1;
    color: rgb(231 229 228 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .sm\:ml-2 {
        margin-left: 0.5rem;
    }

    .sm\:ml-auto {
        margin-left: auto;
    }

    .sm\:mt-0 {
        margin-top: 0px;
    }

    .sm\:mt-6 {
        margin-top: 1.5rem;
    }

    .sm\:block {
        display: block;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:h-80 {
        height: 20rem;
    }

    .sm\:w-1\/3 {
        width: 33.333333%;
    }

    .sm\:w-1\/4 {
        width: 25%;
    }

    .sm\:w-1\/5 {
        width: 20%;
    }

    .sm\:w-auto {
        width: auto;
    }

    .sm\:w-full {
        width: 100%;
    }

    .sm\:flex-none {
        flex: none;
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .sm\:justify-center {
        justify-content: center;
    }

    .sm\:justify-between {
        justify-content: space-between;
    }

    .sm\:underline {
        text-decoration-line: underline;
    }
}

@media (min-width: 768px) {
    .md\:col-span-12 {
        grid-column: span 12 / span 12;
    }

    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .md\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    .md\:col-span-9 {
        grid-column: span 9 / span 9;
    }

    .md\:mb-3 {
        margin-bottom: 0.75rem;
    }

    .md\:mt-0 {
        margin-top: 0px;
    }

    .md\:mt-3 {
        margin-top: 0.75rem;
    }

    .md\:mt-4 {
        margin-top: 1rem;
    }

    .md\:mt-5 {
        margin-top: 1.25rem;
    }

    .md\:flex {
        display: flex;
    }

    .md\:w-1\/2 {
        width: 50%;
    }

    .md\:w-1\/4 {
        width: 25%;
    }

    .md\:w-2\/4 {
        width: 50%;
    }

    .md\:flex-none {
        flex: none;
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:gap-3 {
        gap: 0.75rem;
    }

    .md\:gap-4 {
        gap: 1rem;
    }

    .md\:gap-6 {
        gap: 1.5rem;
    }

    .md\:p-4 {
        padding: 1rem;
    }

    .md\:p-6 {
        padding: 1.5rem;
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1024px) {
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .lg\:mb-0 {
        margin-bottom: 0px;
    }

    .lg\:mb-1 {
        margin-bottom: 0.25rem;
    }

    .lg\:ml-10 {
        margin-left: 2.5rem;
    }

    .lg\:mt-0 {
        margin-top: 0px;
    }

    .lg\:mt-8 {
        margin-top: 2rem;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:h-80 {
        height: 20rem;
    }

    .lg\:h-\[20rem\] {
        height: 20rem;
    }

    .lg\:h-\[30rem\] {
        height: 30rem;
    }

    .lg\:h-\[35rem\] {
        height: 35rem;
    }

    .lg\:h-\[40rem\] {
        height: 40rem;
    }

    .lg\:h-\[45rem\] {
        height: 45rem;
    }

    .lg\:h-\[48rem\] {
        height: 48rem;
    }

    .lg\:h-full {
        height: 100%;
    }

    .lg\:h-screen {
        height: 100vh;
    }

    .lg\:min-h-screen {
        min-height: 100vh;
    }

    .lg\:w-1\/2 {
        width: 50%;
    }

    .lg\:w-1\/3 {
        width: 33.333333%;
    }

    .lg\:w-1\/4 {
        width: 25%;
    }

    .lg\:w-2\/3 {
        width: 66.666667%;
    }

    .lg\:w-\[90\%\] {
        width: 90%;
    }

    .lg\:w-full {
        width: 100%;
    }

    .lg\:max-w-screen-2xl {
        max-width: 1536px;
    }

    .lg\:flex-none {
        flex: none;
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .lg\:gap-2 {
        gap: 0.5rem;
    }

    .lg\:pl-3 {
        padding-left: 0.75rem;
    }

    .lg\:pt-2 {
        padding-top: 0.5rem;
    }

    :is(.dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover) {
        paint-order: markers;
    }
}

@media (min-width: 1280px) {
    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .xl\:col-span-12 {
        grid-column: span 12 / span 12;
    }

    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .xl\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .xl\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .xl\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    .xl\:col-span-9 {
        grid-column: span 9 / span 9;
    }

    .xl\:mb-0 {
        margin-bottom: 0px;
    }

    .xl\:w-1\/4 {
        width: 25%;
    }

    .xl\:w-3\/4 {
        width: 75%;
    }

    .xl\:w-5\/12 {
        width: 41.666667%;
    }

    .xl\:w-7\/12 {
        width: 58.333333%;
    }

    .xl\:w-full {
        width: 100%;
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:flex-col {
        flex-direction: column;
    }

    .xl\:gap-5 {
        gap: 1.25rem;
    }

    .xl\:p-3 {
        padding: 0.75rem;
    }

    .xl\:p-4 {
        padding: 1rem;
    }

    .xl\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

@media (min-width: 1536px) {
    .\32xl\:mt-7 {
        margin-top: 1.75rem;
    }

    .\32xl\:px-11 {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }
}

.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:bg-white:not([data-te-collapse-collapsed]) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&\[data-te-dropdown-show\]\]\:block[data-te-dropdown-show] {
    display: block;
}

.\[\&\[data-te-sidenav-slim-collapsed\=\'true\'\]\[data-te-sidenav-slim\=\'false\'\]\]\:hidden[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false'] {
    display: none;
}

.\[\&\[data-te-sidenav-slim-collapsed\=\'true\'\]\[data-te-sidenav-slim\=\'true\'\]\]\:\[display\:unset\][data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true'] {
    display: unset;
}

.\[\&not\(\[data-te-collapse-collapsed\]\)\]\:text-blue-500not([data-te-collapse-collapsed]) {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}

.chosen-drop {
    top: auto !important;
    bottom: 100% !important;
}

table.dataTable {
    width: 100% !important;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.left-alertDetailCase {
    left: -6rem !important;
}

.tooltip-light-theme {
    background-color: #3751B2;
    color: white;
}

.tooltip-dark-theme {
    background-color: #ced4da;
    color: #3751B2;
}

.bgBanyax {
    background-image: url('../img/bg-banyax.png') !important;
    background-color: transparent !important;
}

.bgAdminBanyax {
    background-image: url('../img/bg-banyax-5.jpg') !important;
    background-color: transparent !important;
}

table.overflow-wrap * {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/*** Quest CSS ***/
.bgBanyax {
    background-image: url('../img/bg-banyax.png') !important;
    background-color: transparent !important;
    opacity: 0.85;
}

.bgBanyaxLogin {
    background-color: #103B9E !important;
}

#banyaxLoginText {
    font-size: 30px;
    font-weight: 600;
    color: #2D2D2F;
}

#loginColumn {
    background-image: url('../img/photos/VCDC_Login.png') !important;
    background-size: cover;
    background-position: center center;
    border: none;
}

.loginCard {
    border-radius: 15px 0px 0px 15px;
}

.cardBanyaxLogin {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    background-color: #F4F5F9;
    border-radius: 0px 15px 15px 0px;
}

    .cardBanyaxLogin:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

@media only screen and (max-width: 770px) {
    .cardBanyaxLogin {
        border-radius: 15px 15px 15px 15px;
    }

    #banyaxLoginText {
        font-size: 23px;
        font-weight: 600;
        color: #2D2D2F;
    }
}

.containerBanyaxLogin {
    padding: 2px 16px;
}


.has-background-banyax {
    background-color: #F0F2FA !important;
}

#navbar-main {
    padding-left: 16vw !important;
}

/* SideBar Menu */
.is-sidebar {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 80px;
    z-index: 30;
    transition: all 0.5s ease;
}

    .is-sidebar.active-menu ~ .is-main-container {
        left: 250px;
        width: calc(100% - 250px);
    }

    .is-sidebar.active-menu {
        width: 250px;
    }

.is-main-container {
    position: relative;
    top: 0;
    left: 80px;
    min-height: 100vh;
    width: calc(100% - 80px);
    transition: all 0.5s ease;
}

.submenu-sidebar a {
    height: 5vh !important;
}

.is-sidebar-menu ul li {
    margin-left: 0.25rem !important;
}

.toggle-icon {
    background-color: transparent !important;
    border-radius: unset !important;
    padding: unset !important;
    text-align: center !important;
    width: fit-content !important;
}

.submenu-sidebar {
    margin: 0 !important;
    padding: 0 !important;
    writing-mode: horizontal-tb !important;
}

#main {
    margin: 0;
    padding: 0;
}

.is-footer {
    position: fixed !important;
    bottom: 0px !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
}

/* active item side menu */
.is-active-sidemenu-item,
.is-active-sidemenu-item-dark {
    transition: 0.5s !important;
}

    .is-active-sidemenu-item:hover,
    .is-active-sidemenu-item:focus {
        transform: scale(1.05) !important;
    }


    .is-active-sidemenu-item-dark:hover,
    .is-active-sidemenu-item-dark:focus {
        transform: scale(1.05) !important;
    }


/*Admin menu*/
#nav-muen-admin {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 80px;
    z-index: 30;
    transition: all 0.5s ease;
}

    #nav-muen-admin.active-menu ~ .is-main-container {
        left: 250px;
        width: calc(100% - 250px);
    }

    #nav-muen-admin.active-menu {
        width: 250px;
    }

/* colors steps */
.steps-container {
    height: 90% !important;
}

.steps {
    display: flex;
    height: 90% !important;
}

    .steps .step-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        list-style: none;
        z-index: 1;
    }

.step-segment {
    height: 3em;
    width: 3em;
    display: grid;
    place-items: center;
    color: ghostwhite;
    position: relative;
    cursor: pointer;
}

.steps:after {
    content: "";
    position: absolute;
    width: 85%;
    height: 0.45rem;
    top: 40%;
    left: 4.5vw;
    background-color: rgb(30,134,54);
    background: linear-gradient(90deg, #16A34A 0%, #FCD34D 50%, #EF4444 100%);
    border-radius: 1rem;
}

/* zoom hover elements */
.is-zooming-elem {
    transition: 0.5s !important;
}

    .is-zooming-elem:hover {
        transform: scale(1.05) !important;
    }

.is-zooming-elem-xs {
    transition: 0.3s !important;
}

    .is-zooming-elem-xs:hover {
        transform: scale(1.05) !important;
    }

/* change color hover elements */
.is-changes-color-text {
    color: #6c757d !important;
}

    .is-changes-color-text:hover {
        color: #1861ac !important;
    }

    .is-changes-color-text:focus {
        color: #1861ac !important;
    }

.is-changes-color-text-dark {
    color: #d1d0d2 !important;
}

    .is-changes-color-text-dark:hover {
        color: #1861ac !important;
    }

    .is-changes-color-text-dark:focus {
        color: #1861ac !important;
    }

.change-color-hover-elem {
    transition: 0.5s !important;
    opacity: 1 !important;
}

    .change-color-hover-elem:hover {
        opacity: 0.8 !important;
    }

.border-gray-img {
    border: 0.15rem solid #D1D0D2 !important;
}

.border-green-img {
    border: 0.15rem solid #52b950 !important;
}

.border-red-img {
    border: 0.15rem solid #9d0208 !important;
}

/* Text properties */
.is-text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
}

.is-text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
}

.is-text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}

.is-text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

.is-text-xl {
    font-size: 1.20rem !important;
    line-height: 1.70rem !important;
}

.is-text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}

.is-text-md {
    font-size: 1.15rem !important;
    line-height: 1.65rem !important;
}


.is-text-base {
    font-size: 1.05rem !important;
    line-height: 1.60rem !important;
}

.is-text-normal {
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
}

.is-text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.is-text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.is-text-2xs {
    font-size: 0.5rem !important;
    line-height: 0.75rem !important;
}

.is-text-3xs {
    font-size: .25rem !important;
    line-height: 0.5rem !important;
}

.is-text-4xs {
    font-size: .15rem !important;
    line-height: 0.25rem !important;
}

.has-hyphens {
    hyphens: auto !important;
}

@media (max-width:800px) {
    .hidden-text-mobile {
        display: none !important;
    }
}

.hidden-text-mobile {
    display: inherit;
}

/* shadow to elements */
.has-shadow-normal {
    box-shadow: .45rem .45rem .75rem 0 rgba(0,0,0,0.25) !important;
    -webkit-box-shadow: .45rem .45rem .75rem 0 rgba(0,0,0,0.25) !important;
    -moz-box-shadow: .45rem .45rem .75rem 0 rgba(0,0,0,0.25) !important;
}

.has-shadow-md {
    box-shadow: .25rem .25rem .55rem 0 rgba(0,0,0,0.25) !important;
    -webkit-box-shadow: .25rem .25rem .55rem 0 rgba(0,0,0,0.25) !important;
    -moz-box-shadow: .25rem .25rem .55rem 0 rgba(0,0,0,0.25) !important;
}

.has-shadow-sm {
    box-shadow: .15rem .15rem .25rem 0 rgba(0,0,0,0.25) !important;
    -webkit-box-shadow: .15rem .15rem .25rem 0 rgba(0,0,0,0.25) !important;
    -moz-box-shadow: .15rem .15rem .25rem 0 rgba(0,0,0,0.25) !important;
}

.has-shadow-xs {
    box-shadow: .05rem .05rem .15rem 0 rgba(0,0,0,0.25) !important;
    -webkit-box-shadow: .05rem .05rem .15rem 0 rgba(0,0,0,0.25) !important;
    -moz-box-shadow: .05rem .05rem .15rem 0 rgba(0,0,0,0.25) !important;
}

/* fixed width */
.has-width-400p {
    width: 400px;
}

.has-width-0 {
    width: 0rem !important;
}

.has-width-0_5 {
    width: 0.125rem !important;
}

.has-width-1 {
    width: 0.25rem !important;
}

.has-width-1_5 {
    width: 0.375rem !important;
}

.has-width-2 {
    width: 0.5rem !important;
}

.has-width-2_5 {
    width: 0.625rem !important;
}

.has-width-3 {
    width: 0.75rem !important;
}

.has-width-3_5 {
    width: 0.875rem !important;
}

.has-width-4 {
    width: 1rem !important;
}

.has-width-5 {
    width: 1.25rem !important;
}

.has-width-6 {
    width: 1.5rem !important;
}

.has-width-7 {
    width: 1.75rem !important;
}

.has-width-8 {
    width: 2rem !important;
}

.has-width-9 {
    width: 2.25rem !important;
}

.has-width-10 {
    width: 2.5rem !important;
}

.has-width-11 {
    width: 2.75rem !important;
}

.has-width-12 {
    width: 3rem !important;
}

.has-width-14 {
    width: 3.5rem !important;
}

.has-width-16 {
    width: 4rem !important;
}

.has-width-20 {
    width: 5rem !important;
}

.has-width-24 {
    width: 6rem !important;
}

.has-width-28 {
    width: 7rem !important;
}

.has-width-32 {
    width: 8rem !important;
}

.has-width-36 {
    width: 9rem !important;
}


.has-width-40 {
    width: 6rem !important;
}

.has-width-44 {
    width: 6rem !important;
}

.has-width-48 {
    width: 12rem !important;
}

.has-width-52 {
    width: 13rem !important;
}

.has-width-56 {
    width: 14rem !important;
}

.has-width-60 {
    width: 15rem !important;
}

.has-width-64 {
    width: 16rem !important;
}

.has-width-72 {
    width: 18rem !important;
}

.has-width-80 {
    width: 20rem !important;
}

.has-width-96 {
    width: 24rem !important;
}

.has-width-full {
    width: 100%;
}

.has-width-10p {
    width: 10% !important;
}

.has-width-20p {
    width: 20% !important;
}

.has-width-30p {
    width: 30% !important;
}

.has-width-40p {
    width: 40% !important;
}

.has-width-50p {
    width: 50% !important;
}

.has-width-90p {
    width: 90% !important;
}

.has-width-80p {
    width: 80% !important;
}

.has-width-min {
    width: min-content;
}


.has-width-inherit {
    width: inherit;
}

.has-width-8vw {
    width: 8vw;
}

.has-width-70vw {
    width: 70vw;
}

/* fixed height */
.has-height-0 {
    height: 0rem !important;
}

.has-height-0_5 {
    height: 0.125rem !important;
}

.has-height-1 {
    height: 0.25rem !important;
}

.has-height-1_5 {
    height: 0.375rem !important;
}

.has-height-2 {
    height: 0.5rem !important;
}

.has-height-2_5 {
    height: 0.625rem !important;
}

.has-height-3 {
    height: 0.75rem !important;
}

.has-height-3_5 {
    height: 0.875rem !important;
}

.has-height-4 {
    height: 1rem !important;
}

.has-height-5 {
    height: 1.25rem !important;
}

.has-height-6 {
    height: 1.5rem !important;
}

.has-height-7 {
    height: 1.75rem !important;
}

.has-height-8 {
    height: 2rem !important;
}

.has-height-9 {
    height: 2.25rem !important;
}

.has-height-10 {
    height: 2.5rem !important;
}

.has-height-11 {
    height: 2.75rem !important;
}

.has-height-12 {
    height: 3rem !important;
}

.has-height-14 {
    height: 3.5rem !important;
}

.has-height-16 {
    height: 4rem !important;
}

.has-height-17 {
    height: 4.5rem !important;
}

.has-height-20 {
    height: 5rem !important;
}

.has-height-24 {
    height: 6rem !important;
}

.has-height-28 {
    height: 7rem !important;
}

.has-height-32 {
    height: 8rem !important;
}

.has-height-36 {
    height: 9rem !important;
}


.has-height-40 {
    height: 6rem !important;
}

.has-height-44 {
    height: 6rem !important;
}

.has-height-48 {
    height: 12rem !important;
}

.has-height-52 {
    height: 13rem !important;
}

.has-height-56 {
    height: 14rem !important;
}

.has-height-60 {
    height: 15rem !important;
}

.has-height-64 {
    height: 16rem !important;
}

.has-height-72 {
    height: 18rem !important;
}

.has-height-80 {
    height: 20rem !important;
}

.has-height-96 {
    height: 24rem !important;
}

has-height-104 {
    height: 26rem !important;
}

has-height-120 {
    height: 30rem !important;
}

.has-height-14vh {
    height: 14vh;
}

.has-height-12vh {
    height: 12vh;
}

.has-height-10vh {
    height: 10vh;
}

.has-height-20vh {
    height: 20vh;
}

.has-height-15vh {
    height: 15vh;
}

.has-height-25vh {
    height: 25vh;
}

.has-height-39vh {
    height: 39vh;
}

.has-height-45vh {
    height: 45vh;
}

.has-height-50vh {
    height: 50vh !important;
}

.has-height-55vh {
    height: 55vh !important;
}

.has-height-70vh {
    height: 70vh !important;
}

.has-height-80vh {
    height: 80vh !important;
}

.has-height-90vh {
    height: 90vh !important;
}

.has-height-73/5vh {
    height: 73.5vh !important;
}

.has-height-65vh {
    height: 65vh !important;
}

.has-height-60vh {
    height: 60vh !important;
}

.has-height-40vh {
    height: 0vh;
}

.has-height-80p {
    height: 80%;
}

.has-height-15p {
    height: 15%;
}

.has-height-25p {
    height: 25%;
}

.has-height-50p {
    height: 50%;
}

.has-height-90p {
    height: 90% !important;
}

.has-height-full {
    height: 100%;
}

.has-height-inherit {
    height: inherit;
}

.has-height-min {
    height: min-content;
}

.has-height-fit-content {
    height: fit-content;
}

.hidden {
    display: none !important;
}

/* padding extra */
.px-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.px-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* border radius */
.is-rounded-sm {
    border-radius: 0.125rem !important;
}

.is-rounded-normal {
    border-radius: 0.25rem !important;
}

.is-rounded-md {
    border-radius: 0.375rem !important;
}

.is-rounded-lg {
    border-radius: 0.5rem !important;
}

.is-rounded-xl {
    border-radius: 0.75rem !important;
}

.is-rounded-2xl {
    border-radius: 1rem !important;
}

.is-rounded-3xl {
    border-radius: 1.5rem !important;
}

.is-rounded-middle {
    border-radius: 50% !important;
}

.is-rounded-full {
    border-radius: 9999px !important;
}

.is-border-none {
    border: unset !important;
}

/* border type */
.is-border-solid {
    border-style: solid !important;
}

.is-border-dotted {
    border-style: dotted !important;
}

/* border width */
.is-border-0 {
    border-width: 0px;
}

.is-border-1 {
    border-width: 1px;
}

.is-border-2 {
    border-width: 2px;
}

.is-border-3 {
    border-width: 3px;
}

.is-border-4 {
    border-width: 4px;
}

/* border colors */
.is-border-slate-50 {
    border-color: #F1F5F9 !important;
}

.is-border-slate-100 {
    border-color: #F1F5F9 !important;
}

.is-border-slate-200 {
    border-color: #E2E8F0 !important;
}

.is-border-slate-300 {
    border-color: #CBD5E1 !important;
}

.is-border-slate-400 {
    border-color: #94A3B8 !important;
}

.is-border-slate-500 {
    border-color: #64748B !important;
}

.is-border-slate-600 {
    border-color: #475569 !important;
}

.is-border-slate-700 {
    border-color: #334155 !important;
}

.is-border-slate-800 {
    border-color: #1E293B !important;
}

.is-border-slate-900 {
    border-color: #0E172A !important;
}

.is-border-slate-950 {
    border-color: #F9FAFB !important;
}

.is-border-gray-50 {
    border-color: #F9FAFB !important;
}

.is-border-gray-100 {
    border-color: #F3F4F6 !important;
}

.is-border-gray-200 {
    border-color: #E5E7EB !important;
}

.is-border-gray-300 {
    border-color: #D1D5DB !important;
}

.is-border-gray-400 {
    border-color: #6B7280 !important;
}

.is-border-gray-500 {
    border-color: #6A717F !important;
}

.is-border-gray-600 {
    border-color: #4B5665 !important;
}

.is-border-gray-700 {
    border-color: #374151 !important;
}

.is-border-gray-800 {
    border-color: #1F2936 !important;
}

.is-border-gray-900 {
    border-color: #111827 !important;
}

.is-border-gray-950 {
    border-color: #030712 !important;
}

.is-border-zinc-50 {
    border-color: #FAFAFA !important;
}

.is-border-zinc-100 {
    border-color: #F4F4F5 !important;
}

.is-border-zinc-200 {
    border-color: #E4E4E7 !important;
}

.is-border-zinc-300 {
    border-color: #A1A1AA !important;
}

.is-border-zinc-400 {
    border-color: #71717A !important;
}

.is-border-zinc-500 {
    border-color: #71717A !important;
}

.is-border-zinc-600 {
    border-color: #52525B !important;
}

.is-border-zinc-700 {
    border-color: #3F3F46 !important;
}

.is-border-zinc-800 {
    border-color: #27272A !important;
}

.is-border-zinc-900 {
    border-color: #18181B !important;
}

.is-border-zinc-950 {
    border-color: #09090B !important;
}

.is-border-stone-50 {
    border-color: #FAFAF9 !important;
}

.is-border-stone-100 {
    border-color: #F5F5F4 !important;
}

.is-border-stone-200 {
    border-color: #E7E5E4 !important;
}

.is-border-stone-300 {
    border-color: #D6D3D1 !important;
}

.is-border-stone-400 {
    border-color: #A8A29E !important;
}

.is-border-stone-500 {
    border-color: #78716C !important;
}

.is-border-stone-600 {
    border-color: #57534E !important;
}

.is-border-stone-700 {
    border-color: #44403C !important;
}

.is-border-stone-800 {
    border-color: #292524 !important;
}

.is-border-stone-900 {
    border-color: #1C1917 !important;
}

.is-border-stone-950 {
    border-color: #0C0A09 !important;
}

.is-border-red-50 {
    border-color: #FEF2F2 !important;
}

.is-border-red-100 {
    border-color: #FEE2E2 !important;
}

.is-border-red-200 {
    border-color: #FECACA !important;
}

.is-border-red-300 {
    border-color: #FCA5A5 !important;
}

.is-border-red-400 {
    border-color: #F87171 !important;
}

.is-border-red-500 {
    border-color: #EF4444 !important;
}

.is-border-red-600 {
    border-color: #DC2626 !important;
}

.is-border-red-700 {
    border-color: #B91C1C !important;
}

.is-border-red-800 {
    border-color: #991B1B !important;
}

.is-border-red-900 {
    border-color: #7E1D1D !important;
}

.is-border-red-950 {
    border-color: #450A0A !important;
}

.is-border-orange-50 {
    border-color: #FFF7ED !important;
}

.is-border-orange-100 {
    border-color: #FFEDD5 !important;
}

.is-border-orange-200 {
    border-color: #FED7AA !important;
}

.is-border-orange-300 {
    border-color: #FDBA74 !important;
}

.is-border-orange-400 {
    border-color: #FB923C !important;
}

.is-border-orange-500 {
    border-color: #F97316 !important;
}

.is-border-orange-600 {
    border-color: #EA580C !important;
}

.is-border-orange-700 {
    border-color: #C2410C !important;
}

.is-border-orange-800 {
    border-color: #9A3412 !important;
}

.is-border-orange-900 {
    border-color: #7C2D12 !important;
}

.is-border-amber-50 {
    border-color: #FFFBEB !important;
}

.is-border-amber-100 {
    border-color: #FEF3C7 !important;
}

.is-border-amber-200 {
    border-color: #FDE68A !important;
}

.is-border-amber-300 {
    border-color: #FCD34D !important;
}

.is-border-amber-400 {
    border-color: #F9BE25 !important;
}

.is-border-amber-500 {
    border-color: #F59E0B !important;
}

.is-border-amber-600 {
    border-color: #D97706 !important;
}

.is-border-amber-700 {
    border-color: #B45309 !important;
}

.is-border-amber-800 {
    border-color: #92400E !important;
}

.is-border-amber-900 {
    border-color: #78350F !important;
}

.is-border-yellow-50 {
    border-color: #FDFBE7 !important;
}

.is-border-yellow-100 {
    border-color: #FEF9C3 !important;
}

.is-border-yellow-200 {
    border-color: #FEF08A !important;
}

.is-border-yellow-300 {
    border-color: #FDE047 !important;
}

.is-border-yellow-400 {
    border-color: #FACC15 !important;
}

.is-border-yellow-500 {
    border-color: #EAB308 !important;
}

.is-border-yellow-600 {
    border-color: #CA8A04 !important;
}

.is-border-yellow-700 {
    border-color: #A16207 !important;
}

.is-border-yellow-800 {
    border-color: #854D0E !important;
}

.is-border-yellow-900 {
    border-color: #713F12 !important;
}


.is-border-lime-50 {
    border-color: #F7FEE7 !important;
}

.is-border-lime-100 {
    border-color: #D9F99D !important;
}

.is-border-lime-200 {
    border-color: #D9F99D !important;
}

.is-border-lime-300 {
    border-color: #BEF264 !important;
}

.is-border-lime-400 {
    border-color: #A3E635 !important;
}

.is-border-lime-500 {
    border-color: #83CA17 !important;
}

.is-border-lime-600 {
    border-color: #65A30D !important;
}

.is-border-lime-700 {
    border-color: #4D7C0F !important;
}

.is-border-lime-800 {
    border-color: #3F6212 !important;
}

.is-border-lime-900 {
    border-color: #365314 !important;
}

.is-border-green-50 {
    border-color: #F0FDF4 !important;
}

.is-border-green-100 {
    border-color: #DCFCE7 !important;
}

.is-border-green-200 {
    border-color: #BBF7D0 !important;
}

.is-border-green-300 {
    border-color: #86EFAC !important;
}

.is-border-green-400 {
    border-color: #4ADE80 !important;
}

.is-border-green-500 {
    border-color: #16A34A !important;
}

.is-border-green-600 {
    border-color: #16A34A !important;
}

.is-border-green-700 {
    border-color: #15803D !important;
}

.is-border-green-800 {
    border-color: #166534 !important;
}

.is-border-green-900 {
    border-color: #14532D !important;
}

.is-border-green-950 {
    border-color: #052E16 !important;
}

.is-border-emerald-50 {
    border-color: #ECFDF5 !important;
}

.is-border-emerald-100 {
    border-color: #D1FAE5 !important;
}

.is-border-emerald-200 {
    border-color: #A7F3D0 !important;
}

.is-border-emerald-300 {
    border-color: #6EE7B7 !important;
}

.is-border-emerald-400 {
    border-color: #34D399 !important;
}

.is-border-emerald-500 {
    border-color: #10B981 !important;
}

.is-border-emerald-600 {
    border-color: #059669 !important;
}

.is-border-emerald-700 {
    border-color: #047857 !important;
}

.is-border-emerald-800 {
    border-color: #065F46 !important;
}

.is-border-emerald-900 {
    border-color: #064E3B !important;
}

.is-border-emerald-950 {
    border-color: #022C22 !important;
}

.is-border-teal-50 {
    border-color: #F0FDFA !important;
}

.is-border-teal-100 {
    border-color: #CCFBF1 !important;
}

.is-border-teal-200 {
    border-color: #99F6E4 !important;
}

.is-border-teal-300 {
    border-color: #5EEAD4 !important;
}

.is-border-teal-400 {
    border-color: #2DD4BF !important;
}

.is-border-teal-500 {
    border-color: #14B8A5 !important;
}

.is-border-teal-600 {
    border-color: #0D9488 !important;
}

.is-border-teal-700 {
    border-color: #0F766E !important;
}

.is-border-teal-800 {
    border-color: #115E59 !important;
}

.is-border-teal-900 {
    border-color: #134E4A !important;
}

.is-border-teal-950 {
    border-color: #042F2E !important;
}

.is-border-cyan-50 {
    border-color: #ECFEFF !important;
}

.is-border-cyan-100 {
    border-color: #CFFAFE !important;
}

.is-border-cyan-200 {
    border-color: #A5F3FC !important;
}

.is-border-cyan-300 {
    border-color: #67E8F9 !important;
}

.is-border-cyan-400 {
    border-color: #22D3EE !important;
}

.is-border-cyan-500 {
    border-color: #06B6D4 !important;
}

.is-border-cyan-600 {
    border-color: #0891B2 !important;
}

.is-border-cyan-700 {
    border-color: #0E7490 !important;
}

.is-border-cyan-800 {
    border-color: #155E75 !important;
}

.is-border-cyan-900 {
    border-color: #164E63 !important;
}

.is-border-cyan-950 {
    border-color: #083344 !important;
}

.is-border-sky-50 {
    border-color: #F0F9FF !important;
}

.is-border-sky-100 {
    border-color: #E0F2FE !important;
}

.is-border-sky-200 {
    border-color: #BAE6FD !important;
}

.is-border-sky-300 {
    border-color: #7DD3FC !important;
}

.is-border-sky-400 {
    border-color: #38BDF8 !important;
}

.is-border-sky-500 {
    border-color: #0EA5E9 !important;
}

.is-border-sky-600 {
    border-color: #0284C7 !important;
}

.is-border-sky-700 {
    border-color: #0369A1 !important;
}

.is-border-sky-800 {
    border-color: #065884 !important;
}

.is-border-sky-900 {
    border-color: #0C4A6E !important;
}

.is-border-sky-950 {
    border-color: #082F49 !important;
}

.is-border-blue-50 {
    border-color: #EFF6FF !important;
}

.is-border-blue-100 {
    border-color: #DBEAFE !important;
}

.is-border-blue-200 {
    border-color: #BFDBFE !important;
}

.is-border-blue-300 {
    border-color: #93C5FD !important;
}

.is-border-blue-400 {
    border-color: #60A5FA !important;
}

.is-border-blue-500 {
    border-color: #3B82F6 !important;
}

.is-border-blue-600 {
    border-color: #2563EB !important;
}

.is-border-blue-700 {
    border-color: #1D4ED8 !important;
}

.is-border-blue-800 {
    border-color: #1E40AF !important;
}

.is-border-blue-900 {
    border-color: #1E3A8A !important;
}

.is-border-blue-950 {
    border-color: #172554 !important;
}

.is-border-indigo-50 {
    border-color: #EEF2FF !important;
}

.is-border-indigo-100 {
    border-color: #E0E7FF !important;
}

.is-border-indigo-200 {
    border-color: #C7D2FE !important;
}

.is-border-indigo-300 {
    border-color: #A5B4FC !important;
}

.is-border-indigo-400 {
    border-color: #818CF8 !important;
}

.is-border-indigo-500 {
    border-color: #6366F1 !important;
}

.is-border-indigo-600 {
    border-color: #4F46E5 !important;
}

.is-border-indigo-700 {
    border-color: #4338CA !important;
}

.is-border-indigo-800 {
    border-color: #3730A3 !important;
}

.is-border-indigo-900 {
    border-color: #312E81 !important;
}

.is-border-indigo-950 {
    border-color: #1E1B4B !important;
}

.is-border-violet-50 {
    border-color: #F5F3FF !important;
}

.is-border-violet-100 {
    border-color: #EDE9FE !important;
}

.is-border-violet-200 {
    border-color: #DDD6FE !important;
}

.is-border-violet-300 {
    border-color: #C4B5FD !important;
}

.is-border-violet-400 {
    border-color: #A78BFA !important;
}

.is-border-violet-500 {
    border-color: #8B5CF6 !important;
}

.is-border-violet-600 {
    border-color: #7C3AED !important;
}

.is-border-violet-700 {
    border-color: #6D28D9 !important;
}

.is-border-violet-800 {
    border-color: #5B21B6 !important;
}

.is-border-violet-900 {
    border-color: #4C1D95 !important;
}

.is-border-violet-950 {
    border-color: #2E1065 !important;
}

.is-border-purple-50 {
    border-color: #FAF5FF !important;
}

.is-border-purple-100 {
    border-color: #F3E8FF !important;
}

.is-border-purple-200 {
    border-color: #E9D5FF !important;
}

.is-border-purple-300 {
    border-color: #D8B4FE !important;
}

.is-border-purple-400 {
    border-color: #C084FC !important;
}

.is-border-purple-500 {
    border-color: #A855F7 !important;
}

.is-border-purple-600 {
    border-color: #9333EA !important;
}

.is-border-purple-700 {
    border-color: #7E22CE !important;
}

.is-border-purple-800 {
    border-color: #6B21A8 !important;
}

.is-border-purple-900 {
    border-color: #581C87 !important;
}

.is-border-purple-950 {
    border-color: #3B0764 !important;
}

.is-border-fuchsia-50 {
    border-color: #FDF4FF !important;
}

.is-border-fuchsia-100 {
    border-color: #FAE8FF !important;
}

.is-border-fuchsia-200 {
    border-color: #F5D0FE !important;
}

.is-border-fuchsia-300 {
    border-color: #F0ABFC !important;
}

.is-border-fuchsia-400 {
    border-color: #E879F9 !important;
}

.is-border-fuchsia-500 {
    border-color: #D946EF !important;
}

.is-border-fuchsia-600 {
    border-color: #C026D3 !important;
}

.is-border-fuchsia-700 {
    border-color: #A21CAF !important;
}

.is-border-fuchsia-800 {
    border-color: #701A75 !important;
}

.is-border-fuchsia-900 {
    border-color: #701A75 !important;
}

.is-border-fuchsia-950 {
    border-color: #4A044E !important;
}

.is-border-pink-50 {
    border-color: #FDF2F8 !important;
}

.is-border-pink-100 {
    border-color: #FCE7F3 !important;
}

.is-border-pink-200 {
    border-color: #FBCFE8 !important;
}

.is-border-pink-300 {
    border-color: #F9A8D4 !important;
}

.is-border-pink-400 {
    border-color: #F472B6 !important;
}

.is-border-pink-500 {
    border-color: #EC4899 !important;
}

.is-border-pink-600 {
    border-color: #DB2777 !important;
}

.is-border-pink-700 {
    border-color: #BE185D !important;
}

.is-border-pink-800 {
    border-color: #9D174D !important;
}

.is-border-pink-900 {
    border-color: #831843 !important;
}

.is-border-pink-950 {
    border-color: #500724 !important;
}

.is-border-rose-50 {
    border-color: #FFF1F2 !important;
}

.is-border-rose-100 {
    border-color: #FFE4E6 !important;
}

.is-border-rose-200 {
    border-color: #FECDD3 !important;
}

.is-border-rose-300 {
    border-color: #FDA4AF !important;
}

.is-border-rose-400 {
    border-color: #FB7185 !important;
}

.is-border-rose-500 {
    border-color: #F43F5E !important;
}

.is-border-rose-600 {
    border-color: #E11D48 !important;
}

.is-border-rose-700 {
    border-color: #BE123C !important;
}

.is-border-rose-800 {
    border-color: #9F1239 !important;
}

.is-border-rose-900 {
    border-color: #881337 !important;
}

.is-border-rose-950 {
    border-color: #4C0519 !important;
}

/* bg gradiente Banyax */
.btn-quest {
    text-align: center !important;
    text-transform: uppercase !important;
    transition: 0.5s !important;
    color: white !important;
    border-radius: 0.5rem !important;
    border: unset !important;
    box-shadow: .25rem .25rem .55rem 0 rgba(0,0,0,0.25) !important;
    -webkit-box-shadow: .25rem .25rem .55rem 0 rgba(0,0,0,0.25) !important;
    -moz-box-shadow: .25rem .25rem .55rem 0 rgba(0,0,0,0.25) !important;
}

    .btn-quest:hover {
        background-position-x: right center !important;
        transform: scale(1.05) !important;
    }

.bg-gradient-banyax-blue {
    background: linear-gradient(330deg, #3751B2, #85b6ed) !important;
}

/* backgrouds extra*/
.has-bg-white {
    justify-content: flex-end background-color: white !important;
}

.has-bg-transparent {
    background-color: transparent;
}

.has-bg-slate-50 {
    background-color: #F1F5F9 !important;
}

.has-bg-slate-100 {
    background-color: #F1F5F9 !important;
}

.has-bg-slate-200 {
    background-color: #E2E8F0 !important;
}

.has-bg-slate-300 {
    background-color: #CBD5E1 !important;
}

.has-bg-slate-400 {
    background-color: #94A3B8 !important;
}

.has-bg-slate-500 {
    background-color: #64748B !important;
}

.has-bg-slate-600 {
    background-color: #475569 !important;
}

.has-bg-slate-700 {
    background-color: #334155 !important;
}

.has-bg-slate-800 {
    background-color: #1E293B !important;
}

.has-bg-slate-900 {
    background-color: #0E172A !important;
}

.has-bg-slate-950 {
    background-color: #F9FAFB !important;
}

.has-bg-gray-50 {
    background-color: #F9FAFB !important;
}

.has-bg-gray-100 {
    background-color: #F3F4F6 !important;
}

.has-bg-gray-200 {
    background-color: #E5E7EB !important;
}

.has-bg-gray-300 {
    background-color: #D1D5DB !important;
}

.has-bg-gray-400 {
    background-color: #6B7280 !important;
}

.has-bg-gray-500 {
    background-color: #6A717F !important;
}

.has-bg-gray-600 {
    background-color: #4B5665 !important;
}

.has-bg-gray-700 {
    background-color: #374151 !important;
}

.has-bg-gray-800 {
    background-color: #1F2936 !important;
}

.has-bg-gray-900 {
    background-color: #111827 !important;
}

.has-bg-gray-950 {
    background-color: #030712 !important;
}

.has-bg-gray-500\/50 {
    background-color: rgb(107 114 128 / 0.5)
}

.has-bg-zinc-50 {
    background-color: #FAFAFA !important;
}

.has-bg-zinc-100 {
    background-color: #F4F4F5 !important;
}

.has-bg-zinc-200 {
    background-color: #E4E4E7 !important;
}

.has-bg-zinc-300 {
    background-color: #A1A1AA !important;
}

.has-bg-zinc-400 {
    background-color: #71717A !important;
}

.has-bg-zinc-500 {
    background-color: #71717A !important;
}

.has-bg-zinc-600 {
    background-color: #52525B !important;
}

.has-bg-zinc-700 {
    background-color: #3F3F46 !important;
}

.has-bg-zinc-800 {
    background-color: #27272A !important;
}

.has-bg-zinc-900 {
    background-color: #18181B !important;
}

.has-bg-zinc-950 {
    background-color: #09090B !important;
}

.has-bg-stone-50 {
    background-color: #FAFAF9 !important;
}

.has-bg-stone-100 {
    background-color: #F5F5F4 !important;
}

.has-bg-stone-200 {
    background-color: #E7E5E4 !important;
}

.has-bg-stone-300 {
    background-color: #D6D3D1 !important;
}

.has-bg-stone-400 {
    background-color: #A8A29E !important;
}

.has-bg-stone-500 {
    background-color: #78716C !important;
}

.has-bg-stone-600 {
    background-color: #57534E !important;
}

.has-bg-stone-700 {
    background-color: #44403C !important;
}

.has-bg-stone-800 {
    background-color: #292524 !important;
}

.has-bg-stone-900 {
    background-color: #1C1917 !important;
}

.has-bg-stone-950 {
    background-color: #0C0A09 !important;
}

.has-bg-red-50 {
    background-color: #FEF2F2 !important;
}

.has-bg-red-100 {
    background-color: #FEE2E2 !important;
}

.has-bg-red-200 {
    background-color: #FECACA !important;
}

.has-bg-red-300 {
    background-color: #FCA5A5 !important;
}

.has-bg-red-400 {
    background-color: #F87171 !important;
}

.has-bg-red-500 {
    background-color: #EF4444 !important;
}

.has-bg-red-600 {
    background-color: #DC2626 !important;
}

.has-bg-red-700 {
    background-color: #B91C1C !important;
}

.has-bg-red-800 {
    background-color: #991B1B !important;
}

.has-bg-red-900 {
    background-color: #7E1D1D !important;
}

.has-bg-red-950 {
    background-color: #450A0A !important;
}

.has-bg-orange-50 {
    background-color: #FFF7ED !important;
}

.has-bg-orange-100 {
    background-color: #FFEDD5 !important;
}

.has-bg-orange-200 {
    background-color: #FED7AA !important;
}

.has-bg-orange-300 {
    background-color: #FDBA74 !important;
}

.has-bg-orange-400 {
    background-color: #FB923C !important;
}

.has-bg-orange-500 {
    background-color: #F97316 !important;
}

.has-bg-orange-600 {
    background-color: #EA580C !important;
}

.has-bg-orange-700 {
    background-color: #C2410C !important;
}

.has-bg-orange-800 {
    background-color: #9A3412 !important;
}

.has-bg-orange-900 {
    background-color: #7C2D12 !important;
}

.has-bg-amber-50 {
    background-color: #FFFBEB !important;
}

.has-bg-amber-100 {
    background-color: #FEF3C7 !important;
}

.has-bg-amber-200 {
    background-color: #FDE68A !important;
}

.has-bg-amber-300 {
    background-color: #FCD34D !important;
}

.has-bg-amber-400 {
    background-color: #F9BE25 !important;
}

.has-bg-amber-500 {
    background-color: #F59E0B !important;
}

.has-bg-amber-600 {
    background-color: #D97706 !important;
}

.has-bg-amber-700 {
    background-color: #B45309 !important;
}

.has-bg-amber-800 {
    background-color: #92400E !important;
}

.has-bg-amber-900 {
    background-color: #78350F !important;
}

.has-bg-yellow-50 {
    background-color: #FDFBE7 !important;
}

.has-bg-yellow-100 {
    background-color: #FEF9C3 !important;
}

.has-bg-yellow-200 {
    background-color: #FEF08A !important;
}

.has-bg-yellow-300 {
    background-color: #FDE047 !important;
}

.has-bg-yellow-400 {
    background-color: #FACC15 !important;
}

.has-bg-yellow-500 {
    background-color: #EAB308 !important;
}

.has-bg-yellow-600 {
    background-color: #CA8A04 !important;
}

.has-bg-yellow-700 {
    background-color: #A16207 !important;
}

.has-bg-yellow-800 {
    background-color: #854D0E !important;
}

.has-bg-yellow-900 {
    background-color: #713F12 !important;
}


.has-bg-lime-50 {
    background-color: #F7FEE7 !important;
}

.has-bg-lime-100 {
    background-color: #D9F99D !important;
}

.has-bg-lime-200 {
    background-color: #D9F99D !important;
}

.has-bg-lime-300 {
    background-color: #BEF264 !important;
}

.has-bg-lime-400 {
    background-color: #A3E635 !important;
}

.has-bg-lime-500 {
    background-color: #83CA17 !important;
}

.has-bg-lime-600 {
    background-color: #65A30D !important;
}

.has-bg-lime-700 {
    background-color: #4D7C0F !important;
}

.has-bg-lime-800 {
    background-color: #3F6212 !important;
}

.has-bg-lime-900 {
    background-color: #365314 !important;
}

.has-bg-green-50 {
    background-color: #F0FDF4 !important;
}

.has-bg-green-100 {
    background-color: #DCFCE7 !important;
}

.has-bg-green-200 {
    background-color: #BBF7D0 !important;
}

.has-bg-green-300 {
    background-color: #86EFAC !important;
}

.has-bg-green-400 {
    background-color: #4ADE80 !important;
}

.has-bg-green-500 {
    background-color: #16A34A !important;
}

.has-bg-green-600 {
    background-color: #16A34A !important;
}

.has-bg-green-700 {
    background-color: #15803D !important;
}

.has-bg-green-800 {
    background-color: #166534 !important;
}

.has-bg-green-900 {
    background-color: #14532D !important;
}

.has-bg-green-950 {
    background-color: #052E16 !important;
}

.has-bg-emerald-50 {
    background-color: #ECFDF5 !important;
}

.has-bg-emerald-100 {
    background-color: #D1FAE5 !important;
}

.has-bg-emerald-200 {
    background-color: #A7F3D0 !important;
}

.has-bg-emerald-300 {
    background-color: #6EE7B7 !important;
}

.has-bg-emerald-400 {
    background-color: #34D399 !important;
}

.has-bg-emerald-500 {
    background-color: #10B981 !important;
}

.has-bg-emerald-600 {
    background-color: #059669 !important;
}

.has-bg-emerald-700 {
    background-color: #047857 !important;
}

.has-bg-emerald-800 {
    background-color: #065F46 !important;
}

.has-bg-emerald-900 {
    background-color: #064E3B !important;
}

.has-bg-emerald-950 {
    background-color: #022C22 !important;
}

.has-bg-teal-50 {
    background-color: #F0FDFA !important;
}

.has-bg-teal-100 {
    background-color: #CCFBF1 !important;
}

.has-bg-teal-200 {
    background-color: #99F6E4 !important;
}

.has-bg-teal-300 {
    background-color: #5EEAD4 !important;
}

.has-bg-teal-400 {
    background-color: #2DD4BF !important;
}

.has-bg-teal-500 {
    background-color: #14B8A5 !important;
}

.has-bg-teal-600 {
    background-color: #0D9488 !important;
}

.has-bg-teal-700 {
    background-color: #0F766E !important;
}

.has-bg-teal-800 {
    background-color: #115E59 !important;
}

.has-bg-teal-900 {
    background-color: #134E4A !important;
}

.has-bg-teal-950 {
    background-color: #042F2E !important;
}

.has-bg-cyan-50 {
    background-color: #ECFEFF !important;
}

.has-bg-cyan-100 {
    background-color: #CFFAFE !important;
}

.has-bg-cyan-200 {
    background-color: #A5F3FC !important;
}

.has-bg-cyan-300 {
    background-color: #67E8F9 !important;
}

.has-bg-cyan-400 {
    background-color: #22D3EE !important;
}

.has-bg-cyan-500 {
    background-color: #06B6D4 !important;
}

.has-bg-cyan-600 {
    background-color: #0891B2 !important;
}

.has-bg-cyan-700 {
    background-color: #0E7490 !important;
}

.has-bg-cyan-800 {
    background-color: #155E75 !important;
}

.has-bg-cyan-900 {
    background-color: #164E63 !important;
}

.has-bg-cyan-950 {
    background-color: #083344 !important;
}

.has-bg-sky-50 {
    background-color: #F0F9FF !important;
}

.has-bg-sky-100 {
    background-color: #E0F2FE !important;
}

.has-bg-sky-200 {
    background-color: #BAE6FD !important;
}

.has-bg-sky-300 {
    background-color: #7DD3FC !important;
}

.has-bg-sky-400 {
    background-color: #38BDF8 !important;
}

.has-bg-sky-500 {
    background-color: #0EA5E9 !important;
}

.has-bg-sky-600 {
    background-color: #0284C7 !important;
}

.has-bg-sky-700 {
    background-color: #0369A1 !important;
}

.has-bg-sky-800 {
    background-color: #065884 !important;
}

.has-bg-sky-900 {
    background-color: #0C4A6E !important;
}

.has-bg-sky-950 {
    background-color: #082F49 !important;
}

.has-bg-blue-50 {
    background-color: #EFF6FF !important;
}

.has-bg-blue-100 {
    background-color: #DBEAFE !important;
}

.has-bg-blue-200 {
    background-color: #BFDBFE !important;
}

.has-bg-blue-300 {
    background-color: #93C5FD !important;
}

.has-bg-blue-400 {
    background-color: #60A5FA !important;
}

.has-bg-blue-500 {
    background-color: #3B82F6 !important;
}

.has-bg-blue-600 {
    background-color: #2563EB !important;
}

.has-bg-blue-700 {
    background-color: #1D4ED8 !important;
}

.has-bg-blue-800 {
    background-color: #1E40AF !important;
}

.has-bg-blue-900 {
    background-color: #1E3A8A !important;
}

.has-bg-blue-950 {
    background-color: #172554 !important;
}

.has-bg-indigo-50 {
    background-color: #EEF2FF !important;
}

.has-bg-indigo-100 {
    background-color: #E0E7FF !important;
}

.has-bg-indigo-200 {
    background-color: #C7D2FE !important;
}

.has-bg-indigo-300 {
    background-color: #A5B4FC !important;
}

.has-bg-indigo-400 {
    background-color: #818CF8 !important;
}

.has-bg-indigo-500 {
    background-color: #6366F1 !important;
}

.has-bg-indigo-600 {
    background-color: #4F46E5 !important;
}

.has-bg-indigo-700 {
    background-color: #4338CA !important;
}

.has-bg-indigo-800 {
    background-color: #3730A3 !important;
}

.has-bg-indigo-900 {
    background-color: #312E81 !important;
}

.has-bg-indigo-950 {
    background-color: #1E1B4B !important;
}

.has-bg-violet-50 {
    background-color: #F5F3FF !important;
}

.has-bg-violet-100 {
    background-color: #EDE9FE !important;
}

.has-bg-violet-200 {
    background-color: #DDD6FE !important;
}

.has-bg-violet-300 {
    background-color: #C4B5FD !important;
}

.has-bg-violet-400 {
    background-color: #A78BFA !important;
}

.has-bg-violet-500 {
    background-color: #8B5CF6 !important;
}

.has-bg-violet-600 {
    background-color: #7C3AED !important;
}

.has-bg-violet-700 {
    background-color: #6D28D9 !important;
}

.has-bg-violet-800 {
    background-color: #5B21B6 !important;
}

.has-bg-violet-900 {
    background-color: #4C1D95 !important;
}

.has-bg-violet-950 {
    background-color: #2E1065 !important;
}

.has-bg-purple-50 {
    background-color: #FAF5FF !important;
}

.has-bg-purple-100 {
    background-color: #F3E8FF !important;
}

.has-bg-purple-200 {
    background-color: #E9D5FF !important;
}

.has-bg-purple-300 {
    background-color: #D8B4FE !important;
}

.has-bg-purple-400 {
    background-color: #C084FC !important;
}

.has-bg-purple-500 {
    background-color: #A855F7 !important;
}

.has-bg-purple-600 {
    background-color: #9333EA !important;
}

.has-bg-purple-700 {
    background-color: #7E22CE !important;
}

.has-bg-purple-800 {
    background-color: #6B21A8 !important;
}

.has-bg-purple-900 {
    background-color: #581C87 !important;
}

.has-bg-purple-950 {
    background-color: #3B0764 !important;
}

.has-bg-fuchsia-50 {
    background-color: #FDF4FF !important;
}

.has-bg-fuchsia-100 {
    background-color: #FAE8FF !important;
}

.has-bg-fuchsia-200 {
    background-color: #F5D0FE !important;
}

.has-bg-fuchsia-300 {
    background-color: #F0ABFC !important;
}

.has-bg-fuchsia-400 {
    background-color: #E879F9 !important;
}

.has-bg-fuchsia-500 {
    background-color: #D946EF !important;
}

.has-bg-fuchsia-600 {
    background-color: #C026D3 !important;
}

.has-bg-fuchsia-700 {
    background-color: #A21CAF !important;
}

.has-bg-fuchsia-800 {
    background-color: #701A75 !important;
}

.has-bg-fuchsia-900 {
    background-color: #701A75 !important;
}

.has-bg-fuchsia-950 {
    background-color: #4A044E !important;
}

.has-bg-pink-50 {
    background-color: #FDF2F8 !important;
}

.has-bg-pink-100 {
    background-color: #FCE7F3 !important;
}

.has-bg-pink-200 {
    background-color: #FBCFE8 !important;
}

.has-bg-pink-300 {
    background-color: #F9A8D4 !important;
}

.has-bg-pink-400 {
    background-color: #F472B6 !important;
}

.has-bg-pink-500 {
    background-color: #EC4899 !important;
}

.has-bg-pink-600 {
    background-color: #DB2777 !important;
}

.has-bg-pink-700 {
    background-color: #BE185D !important;
}

.has-bg-pink-800 {
    background-color: #9D174D !important;
}

.has-bg-pink-900 {
    background-color: #831843 !important;
}

.has-bg-pink-950 {
    background-color: #500724 !important;
}

.has-bg-rose-50 {
    background-color: #FFF1F2 !important;
}

.has-bg-rose-100 {
    background-color: #FFE4E6 !important;
}

.has-bg-rose-200 {
    background-color: #FECDD3 !important;
}

.has-bg-rose-300 {
    background-color: #FDA4AF !important;
}

.has-bg-rose-400 {
    background-color: #FB7185 !important;
}

.has-bg-rose-500 {
    background-color: #F43F5E !important;
}

.has-bg-rose-600 {
    background-color: #E11D48 !important;
}

.has-bg-rose-700 {
    background-color: #BE123C !important;
}

.has-bg-rose-800 {
    background-color: #9F1239 !important;
}

.has-bg-rose-900 {
    background-color: #881337 !important;
}

.has-bg-rose-950 {
    background-color: #4C0519 !important;
}

.has-bg-banyax-gradient {
    background-image: linear-gradient(150deg, #979fff 0, #788efc 25%, #3c78f2 50%, #0064a8 75%, #0052df 100%);
}

.has-bg-gray-modal {
    background-color: #F9FAFB;
    opacity: 0.5;
}

.has-bg-modal-quest {
    background-color: rgb(249 250 251 / 0.35);
}

.has-bg-modal-quest {
    background-color: rgb(249 250 251 / 0.35);
}

/* text colors extra */
.is-text-slate-50 {
    color: #F1F5F9 !important;
}

.is-text-slate-100 {
    color: #F1F5F9 !important;
}

.is-text-slate-200 {
    color: #CBD5E1 !important;
}

.is-text-slate-300 {
    color: #94A3B8 !important;
}

.is-text-slate-400 {
    /*color: #C4CCD8 !important;*/
    color: #64748B !important;
}

.is-text-slate-500 {
    color: #64748B !important;
}

.is-text-slate-600 {
    color: #475569 !important;
}

.is-text-slate-700 {
    color: #1E293B !important;
}

.is-text-slate-800 {
    color: #0F172A !important;
}

.is-text-slate-900 {
    color: #111827 !important;
}

.is-text-slate-950 {
    color: #F9FAFB !important;
}

.is-text-gray-50 {
    color: #F9FAFB !important;
}

.is-text-gray-100 {
    color: #F3F4F6 !important;
}

.is-text-gray-200 {
    color: #E5E7EB !important;
}

.is-text-gray-300 {
    color: #D1D5DB !important;
}

.is-text-gray-400 {
    color: #6B7280 !important;
}

.is-text-gray-500 {
    color: #6A717F !important;
}

.is-text-gray-600 {
    color: #4B5665 !important;
}

.is-text-gray-700 {
    color: #374151 !important;
}

.is-text-gray-800 {
    color: #1F2936 !important;
}

.is-text-gray-900 {
    color: #111827 !important;
}

.is-text-gray-950 {
    color: #030712 !important;
}

.is-text-zinc-50 {
    color: #FAFAFA !important;
}

.is-text-zinc-100 {
    color: #F4F4F5 !important;
}

.is-text-zinc-200 {
    color: #E4E4E7 !important;
}

.is-text-zinc-300 {
    color: #A1A1AA !important;
}

.is-text-zinc-400 {
    color: #71717A !important;
}

.is-text-zinc-500 {
    color: #71717A !important;
}

.is-text-zinc-600 {
    color: #52525B !important;
}

.is-text-zinc-700 {
    color: #3F3F46 !important;
}

.is-text-zinc-800 {
    color: #27272A !important;
}

.is-text-zinc-900 {
    color: #18181B !important;
}

.is-text-zinc-950 {
    color: #09090B !important;
}

.is-text-stone-50 {
    color: #FAFAF9 !important;
}

.is-text-stone-100 {
    color: #F5F5F4 !important;
}

.is-text-stone-200 {
    color: #E7E5E4 !important;
}

.is-text-stone-300 {
    color: #D6D3D1 !important;
}

.is-text-stone-400 {
    color: #A8A29E !important;
}

.is-text-stone-500 {
    color: #78716C !important;
}

.is-text-stone-600 {
    color: #57534E !important;
}

.is-text-stone-700 {
    color: #44403C !important;
}

.is-text-stone-800 {
    color: #292524 !important;
}

.is-text-stone-900 {
    color: #1C1917 !important;
}

.is-text-stone-950 {
    color: #0C0A09 !important;
}

.is-text-red-50 {
    color: #FEF2F2 !important;
}

.is-text-red-100 {
    color: #FEE2E2 !important;
}

.is-text-red-200 {
    color: #FECACA !important;
}

.is-text-red-300 {
    color: #FCA5A5 !important;
}

.is-text-red-400 {
    color: #F87171 !important;
}

.is-text-red-500 {
    color: #EF4444 !important;
}

.is-text-red-600 {
    color: #DC2626 !important;
}

.is-text-red-700 {
    color: #B91C1C !important;
}

.is-text-red-800 {
    color: #991B1B !important;
}

.is-text-red-900 {
    color: #7E1D1D !important;
}

.is-text-red-950 {
    color: #450A0A !important;
}

.is-text-orange-50 {
    color: #FFF7ED !important;
}

.is-text-orange-100 {
    color: #FFEDD5 !important;
}

.is-text-orange-200 {
    color: #FED7AA !important;
}

.is-text-orange-300 {
    color: #FDBA74 !important;
}

.is-text-orange-400 {
    color: #FB923C !important;
}

.is-text-orange-500 {
    color: #F97316 !important;
}

.is-text-orange-600 {
    color: #EA580C !important;
}

.is-text-orange-700 {
    color: #C2410C !important;
}

.is-text-orange-800 {
    color: #9A3412 !important;
}

.is-text-orange-900 {
    color: #7C2D12 !important;
}

.is-text-amber-50 {
    color: #FFFBEB !important;
}

.is-text-amber-100 {
    color: #FEF3C7 !important;
}

.is-text-amber-200 {
    color: #FDE68A !important;
}

.is-text-amber-300 {
    color: #FCD34D !important;
}

.is-text-amber-400 {
    color: #F9BE25 !important;
}

.is-text-amber-500 {
    color: #F59E0B !important;
}

.is-text-amber-600 {
    color: #D97706 !important;
}

.is-text-amber-700 {
    color: #B45309 !important;
}

.is-text-amber-800 {
    color: #92400E !important;
}

.is-text-amber-900 {
    color: #78350F !important;
}

.is-text-yellow-50 {
    color: #FDFBE7 !important;
}

.is-text-yellow-100 {
    color: #FEF9C3 !important;
}

.is-text-yellow-200 {
    color: #FEF08A !important;
}

.is-text-yellow-300 {
    color: #FDE047 !important;
}

.is-text-yellow-400 {
    color: #FACC15 !important;
}

.is-text-yellow-500 {
    color: #EAB308 !important;
}

.is-text-yellow-600 {
    color: #CA8A04 !important;
}

.is-text-yellow-700 {
    color: #A16207 !important;
}

.is-text-yellow-800 {
    color: #854D0E !important;
}

.is-text-yellow-900 {
    color: #713F12 !important;
}


.is-text-lime-50 {
    color: #F7FEE7 !important;
}

.is-text-lime-100 {
    color: #D9F99D !important;
}

.is-text-lime-200 {
    color: #D9F99D !important;
}

.is-text-lime-300 {
    color: #BEF264 !important;
}

.is-text-lime-400 {
    color: #A3E635 !important;
}

.is-text-lime-500 {
    color: #83CA17 !important;
}

.is-text-lime-600 {
    color: #65A30D !important;
}

.is-text-lime-700 {
    color: #4D7C0F !important;
}

.is-text-lime-800 {
    color: #3F6212 !important;
}

.is-text-lime-900 {
    color: #365314 !important;
}

.is-text-green-50 {
    color: #F0FDF4 !important;
}

.is-text-green-100 {
    color: #DCFCE7 !important;
}

.is-text-green-200 {
    color: #BBF7D0 !important;
}

.is-text-green-300 {
    color: #86EFAC !important;
}

.is-text-green-400 {
    color: #4ADE80 !important;
}

.is-text-green-500 {
    color: #16A34A !important;
}

.is-text-green-600 {
    color: #16A34A !important;
}

.is-text-green-700 {
    color: #15803D !important;
}

.is-text-green-800 {
    color: #166534 !important;
}

.is-text-green-900 {
    color: #14532D;
}

.is-text-green-950 {
    color: #052E16 !important;
}

.is-text-emerald-50 {
    color: #ECFDF5 !important;
}

.is-text-emerald-100 {
    color: #D1FAE5 !important;
}

.is-text-emerald-200 {
    color: #A7F3D0 !important;
}

.is-text-emerald-300 {
    color: #6EE7B7 !important;
}

.is-text-emerald-400 {
    color: #34D399 !important;
}

.is-text-emerald-500 {
    color: #10B981 !important;
}

.is-text-emerald-600 {
    color: #059669 !important;
}

.is-text-emerald-700 {
    color: #047857 !important;
}

.is-text-emerald-800 {
    color: #065F46 !important;
}

.is-text-emerald-900 {
    color: #064E3B !important;
}

.is-text-emerald-950 {
    color: #022C22 !important;
}

.is-text-teal-50 {
    color: #F0FDFA !important;
}

.is-text-teal-100 {
    color: #CCFBF1 !important;
}

.is-text-teal-200 {
    color: #99F6E4 !important;
}

.is-text-teal-300 {
    color: #5EEAD4 !important;
}

.is-text-teal-400 {
    color: #2DD4BF !important;
}

.is-text-teal-500 {
    color: #14B8A5 !important;
}

.is-text-teal-600 {
    color: #0D9488 !important;
}

.is-text-teal-700 {
    color: #0F766E !important;
}

.is-text-teal-800 {
    color: #115E59 !important;
}

.is-text-teal-900 {
    color: #134E4A !important;
}

.is-text-teal-950 {
    color: #042F2E !important;
}

.is-text-cyan-50 {
    color: #ECFEFF !important;
}

.is-text-cyan-100 {
    color: #CFFAFE !important;
}

.is-text-cyan-200 {
    color: #A5F3FC !important;
}

.is-text-cyan-300 {
    color: #67E8F9 !important;
}

.is-text-cyan-400 {
    color: #22D3EE !important;
}

.is-text-cyan-500 {
    color: #06B6D4 !important;
}

.is-text-cyan-600 {
    color: #0891B2 !important;
}

.is-text-cyan-700 {
    color: #0E7490 !important;
}

.is-text-cyan-800 {
    color: #155E75 !important;
}

.is-text-cyan-900 {
    color: #164E63 !important;
}

.is-text-cyan-950 {
    color: #083344 !important;
}

.is-text-sky-50 {
    color: #F0F9FF !important;
}

.is-text-sky-100 {
    color: #E0F2FE !important;
}

.is-text-sky-200 {
    color: #BAE6FD !important;
}

.is-text-sky-300 {
    color: #7DD3FC !important;
}

.is-text-sky-400 {
    color: #38BDF8 !important;
}

.is-text-sky-500 {
    color: #0EA5E9 !important;
}

.is-text-sky-600 {
    color: #0284C7 !important;
}

.is-text-sky-700 {
    color: #0369A1 !important;
}

.is-text-sky-800 {
    color: #065884 !important;
}

.is-text-sky-900 {
    color: #0C4A6E !important;
}

.is-text-sky-950 {
    color: #082F49 !important;
}

.is-text-blue-50 {
    color: #EFF6FF !important;
}

.is-text-blue-100 {
    color: #DBEAFE !important;
}

.is-text-blue-200 {
    color: #BFDBFE !important;
}

.is-text-blue-300 {
    color: #93C5FD !important;
}

.is-text-blue-400 {
    color: #60A5FA !important;
}

.is-text-blue-500 {
    color: #3B82F6 !important;
}

.is-text-blue-600 {
    color: #2563EB !important;
}

.is-text-blue-700 {
    color: #1D4ED8 !important;
}

.is-text-blue-800 {
    color: #1E40AF !important;
}

.is-text-blue-900 {
    color: #1E3A8A !important;
}

.is-text-blue-950 {
    color: #172554 !important;
}

.is-text-indigo-50 {
    color: #EEF2FF !important;
}

.is-text-indigo-100 {
    color: #E0E7FF !important;
}

.is-text-indigo-200 {
    color: #C7D2FE !important;
}

.is-text-indigo-300 {
    color: #A5B4FC !important;
}

.is-text-indigo-400 {
    color: #818CF8 !important;
}

.is-text-indigo-500 {
    color: #6366F1 !important;
}

.is-text-indigo-600 {
    color: #4F46E5 !important;
}

.is-text-indigo-700 {
    color: #4338CA !important;
}

.is-text-indigo-800 {
    color: #3730A3 !important;
}

.is-text-indigo-900 {
    color: #312E81 !important;
}

.is-text-indigo-950 {
    color: #1E1B4B !important;
}

.is-text-violet-50 {
    color: #F5F3FF !important;
}

.is-text-violet-100 {
    color: #EDE9FE !important;
}

.is-text-violet-200 {
    color: #DDD6FE !important;
}

.is-text-violet-300 {
    color: #C4B5FD !important;
}

.is-text-violet-400 {
    color: #A78BFA !important;
}

.is-text-violet-500 {
    color: #8B5CF6 !important;
}

.is-text-violet-600 {
    color: #7C3AED !important;
}

.is-text-violet-700 {
    color: #6D28D9 !important;
}

.is-text-violet-800 {
    color: #5B21B6 !important;
}

.is-text-violet-900 {
    color: #4C1D95 !important;
}

.is-text-violet-950 {
    color: #2E1065 !important;
}

.is-text-purple-50 {
    color: #FAF5FF !important;
}

.is-text-purple-100 {
    color: #F3E8FF !important;
}

.is-text-purple-200 {
    color: #E9D5FF !important;
}

.is-text-purple-300 {
    color: #D8B4FE !important;
}

.is-text-purple-400 {
    color: #C084FC !important;
}

.is-text-purple-500 {
    color: #A855F7 !important;
}

.is-text-purple-600 {
    color: #9333EA !important;
}

.is-text-purple-700 {
    color: #7E22CE !important;
}

.is-text-purple-800 {
    color: #6B21A8 !important;
}

.is-text-purple-900 {
    color: #581C87 !important;
}

.is-text-purple-950 {
    color: #3B0764 !important;
}

.is-text-fuchsia-50 {
    color: #FDF4FF !important;
}

.is-text-fuchsia-100 {
    color: #FAE8FF !important;
}

.is-text-fuchsia-200 {
    color: #F5D0FE !important;
}

.is-text-fuchsia-300 {
    color: #F0ABFC !important;
}

.is-text-fuchsia-400 {
    color: #E879F9 !important;
}

.is-text-fuchsia-500 {
    color: #D946EF !important;
}

.is-text-fuchsia-600 {
    color: #C026D3 !important;
}

.is-text-fuchsia-700 {
    color: #A21CAF !important;
}

.is-text-fuchsia-800 {
    color: #701A75 !important;
}

.is-text-fuchsia-900 {
    color: #701A75 !important;
}

.is-text-fuchsia-950 {
    color: #4A044E !important;
}

.is-text-pink-50 {
    color: #FDF2F8 !important;
}

.is-text-pink-100 {
    color: #FCE7F3 !important;
}

.is-text-pink-200 {
    color: #FBCFE8 !important;
}

.is-text-pink-300 {
    color: #F9A8D4 !important;
}

.is-text-pink-400 {
    color: #F472B6 !important;
}

.is-text-pink-500 {
    color: #EC4899 !important;
}

.is-text-pink-600 {
    color: #DB2777 !important;
}

.is-text-pink-700 {
    color: #BE185D !important;
}

.is-text-pink-800 {
    color: #9D174D !important;
}

.is-text-pink-900 {
    color: #831843 !important;
}

.is-text-pink-950 {
    color: #500724 !important;
}

.is-text-rose-50 {
    color: #FFF1F2 !important;
}

.is-text-rose-100 {
    color: #FFE4E6 !important;
}

.is-text-rose-200 {
    color: #FECDD3 !important;
}

.is-text-rose-300 {
    color: #FDA4AF !important;
}

.is-text-rose-400 {
    color: #FB7185 !important;
}

.is-text-rose-500 {
    color: #F43F5E !important;
}

.is-text-rose-600 {
    color: #E11D48 !important;
}

.is-text-rose-700 {
    color: #BE123C !important;
}

.is-text-rose-800 {
    color: #9F1239 !important;
}

.is-text-rose-900 {
    color: #881337 !important;
}

.is-text-rose-950 {
    color: #4C0519 !important;
}

/* positions */
.is-static {
    position: static;
}

.is-fixed {
    position: fixed;
}

.is-relative {
    position: relative;
}

.is-sticky {
    position: sticky;
}

.is-absolute {
    position: absolute;
}

/*  table css   */
.table-container-scrolleable table {
    display: block;
    position: relative;
    border-collapse: collapse;
    height: 65vh;
}

    .table-container-scrolleable table thead {
        display: block;
        position: sticky;
        top: 0;
    }

    .table-container-scrolleable table tbody {
        display: block;
        height: 60vh;
    }

.table-container-scrolleable-sm table {
    display: block;
    position: relative;
    max-height: 250px;
    border-collapse: collapse;
    height: 100%;
}

    .table-container-scrolleable-sm table thead {
        display: flex;
        position: sticky;
        top: 0;
    }

    .table-container-scrolleable-sm table tbody {
        display: block;
        height: 90%;
    }

/*  tabs show/hide   */

.tabs-content ul,
.content ul {
    text-decoration: none !important;
    list-style: none !important;
}

    .tabs-content ul li {
        text-decoration: none !important;
    }

.tab-section {
    display: none;
}

    .tab-section.is-active {
        display: block;
    }

/* My profile CSS */
.separator-semicircle {
    position: relative;
    background: #103B9E;
    height: 15vh;
}

.semicircle-profile {
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    background: #3751b2;
    top: 5rem;
    left: 5rem;
    z-index: 11;
}

.MFASelectedCard {
    background: #3751b2;
    color: lightgray;
}




/* Notifications */

.notifications {
    transition: transform 0.2s ease-in-out;
}

    .notifications:hover {
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        background-color: #E0E0E0;
        border-radius: 10px;
    }

.notificationsDarkMode {
    transition: transform 0.2s ease-in-out;
}

    .notificationsDarkMode:hover {
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        background-color: #424242;
        border-radius: 10px;
    }

.text-banyax-color {
    color: #3751B2;
}

.background-banyax-color {
    background-color: #3751B2;
}

.nowrap {
    white-space: nowrap
}

.viewAllButton:hover {
    color: #3751B2;
}

.markAsReadBtn:hover {
    color: #757575;
}

.markAsReadBtnDark:hover {
    color: #EEEEEE;
}

.spinner_DupU {
    animation: spinner_sM3D 1.2s infinite
}

.spinner_GWtZ {
    animation-delay: .1s
}

.spinner_dwN6 {
    animation-delay: .2s
}

.spinner_46QP {
    animation-delay: .3s
}

.spinner_PD82 {
    animation-delay: .4s
}

.spinner_eUgh {
    animation-delay: .5s
}

.spinner_eUaP {
    animation-delay: .6s
}

.spinner_j38H {
    animation-delay: .7s
}

.spinner_tVmX {
    animation-delay: .8s
}

.spinner_DQhX {
    animation-delay: .9s
}

.spinner_GIL4 {
    animation-delay: 1s
}

.spinner_n0Yb {
    animation-delay: 1.1s
}

@keyframes spinner_sM3D {
    0%,50% {
        animation-timing-function: cubic-bezier(0,1,0,1);
        r: 0
    }

    10% {
        animation-timing-function: cubic-bezier(.53,0,.61,.73);
        r: 2px
    }
}

.commentCardAnimated {
    transition: transform 0.2s ease-in-out;
}

    .commentCardAnimated :hover {
        transform: scale(1.02);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }


.workbenchToolsElement {
    border-bottom: solid black;
}

    .workbenchToolsElement:hover {
        color: #3751B2;
        transform: scale(1.02);
        border-bottom: solid #3751B2;
    }

.historyElementsWorkbench:hover {
    transform: scale(1.02);
}

.placeholderCommentsDark::placeholder {
    color: lightgray;
}

.placeholderCommentsLight::placeholder {
    color: darkgray;
}

.placeholderQuestDark::placeholder {
    color: lightgray;
}

.placeholderQuestLight::placeholder {
    color: darkgray;
}

#luceneQueryTextArea::placeholder {
    padding-left: 15px;
    line-height: 2em;
}

#luceneQueryTextArea {
    font-size: 1rem;
    padding-left: 25px;
    line-height: 2em;
}
/* Configuration section */
.open-submenu.is-active {
    background-color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta))) !important;
    border-radius: var(--bulma-menu-item-radius) !important;
    color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), var(--bulma-menu-item-color-l)) !important;
    display: block;
    padding: var(--bulma-menu-list-link-padding);
    text-align: left;
    width: 100%;
}

.submenu-admin .open-submenu.is-active {
    background-color: #1E3A8A !important;
}

.option-admin {
    cursor: pointer;
    border: none;
    border-radius: unset;
}

    .option-admin.is-active {
        border-left: 4px solid #1e3a8a;
        background-color: #ecf5ff !important;
        color: #1e3a8a !important;
    }

.menu-tabs-admin li {
    border-bottom: 2.5px solid #1e3a8a;
    background: #ffffff;
    opacity: 0.8 !important;
}

    .menu-tabs-admin li.is-active {
        opacity: 1 !important;
    }

.datasourceInput::placeholder {
    color: gray;
}

.datasourceInputDarkMode::placeholder {
    color: gray;
}

.fixed-grid.has-2-cols-admin .grid {
    --bulma-grid-column-count: 2 !important;
}

.collapse-admin {
    transform-origin: left top;
}

.collapse-admin-show {
    animation: 300ms ease deployCollapse 1;
}

.tab-section.is-active {
    display: block;
}

@media screen and (min-width: 769px) and (max-width:1023px), print {
    .cell.is-col-span-3-tablet {
        --bulma-grid-cell-column-span: 3 !important;
    }
}

@keyframes deployCollapse {
    from {
        transform: scaleY(0);
    }
}

.icon-order {
    color: #1e3a8a;
}

    .icon-order:hover {
        color: gray;
    }

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.chat {
    box-sizing: content-box;
    position: fixed;
    bottom: 0;
    right: 0;
    padding-bottom: 1em;
    width: 70%;
    height: auto;
    /*    max-height: calc(100vh - 50px); 
*/
    overflow-y: hidden;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    border-radius: 10px 10px 0 0;
}

.chatClient {
    box-sizing: content-box;
    position: fixed;
    bottom: 0;
    right: 0;
    padding-bottom: 1em;
    width: 40%;
    height: auto;
    /*    max-height: calc(100vh - 50px); 
*/
    overflow-y: hidden;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    border-radius: 10px 10px 0 0;
}

.messageContainer {
    width: 100%;
    margin-top: 1rem;
    letter-spacing: 0.5px;
    padding: 1rem;
}

/* Styling the msg-header container */
.msg-header {
    border: 1px solid #ccc;
    width: 100%;
    height: 10%;
    border-bottom: none;
    display: inline-block;
    background-color: #efefef;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.msgimg {
    margin-left: 2%;
    float: left;
}

.containerMsg1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
}

/* styling user-name */
.activeMsgItem {
    width: 100%;
    float: left;
    color: black;
    font-weight: bold;
    margin: 0 0 0 5px;
    height: 10%;
}

.chat-box {
    position: fixed;
    bottom: 60px; /* Adjust this value based on footer height */
    right: 20px;
    z-index: 150;
    width: 50%;
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Add media queries for responsiveness */
@media (max-width: 768px) {
    .chat-box {
        width: 25%;
        right: 20px;
        left: 20px;
    }
}

/* Styling the chat box container */
.chat-page {
    padding: 0 0 50px 0;
}

.msg-inbox {
    border: 1px solid #ccc;
    overflow: hidden;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 70%;
}


.chats {
    padding: 30px 15px 0 25px;
}

/* Styling the message page */

.msg-page {
    max-height: 500px;
    overflow-y: auto;
}

.msg-bottom {
    border-top: 1px solid #ccc;
    position: relative;
    height: 10%;
}
/* Styling the input field */
.input-msg-group {
    float: right;
    margin-top: 13px;
    margin-right: 20px;
    outline: none !important;
    border-radius: 20px;
    width: 90% !important;
    background-color: #fff;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

    .input-msg-group > .msg-form-control {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

.msg-form-control {
    border: none !important;
    border-radius: 20px !important;
    display: block;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.input-msg-group-text {
    border: none !important;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    background: transparent;
    border-radius: 10px;
    color: #646464;
    font-size: 14px;
    margin-left: 1rem;
    padding: 1rem;
    width: 100%;
    border-radius: 0.25rem;
    font-weight: bold !important;
    cursor: pointer;
}

.input-msg:focus {
    outline: none;
    border: none !important;
    box-shadow: none !important;
}

.send-icon {
    font-weight: bold !important;
}

/* Styling the avatar  */
.received-chats-img {
    display: inline-block;
    width: 50px;
    float: left;
}

.received-msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92%;
}

.received-msg-inbox {
    width: 57%;
}

    .received-msg-inbox p {
        background: #efefef none repeat scroll 0 0;
        border-radius: 10px;
        color: #646464;
        font-size: 14px;
        margin-left: 1rem;
        padding: 1rem;
        width: 100%;
        box-shadow: rgb(0 0 0 / 25%) 0px 5px 5px 2px;
    }

p {
    overflow-wrap: break-word;
}

.time {
    color: #777;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.outgoing-chats {
    overflow: hidden;
    margin: 16px 10px;
}

.outgoing-chats-msg p {
    background: linear-gradient(330deg, #3751B2, #85b6ed) !important;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
    padding: 1rem;
    width: 100%;
    box-shadow: rgb(0 0 0 / 25%) 0px 2px 5px 2px;
}

.outgoing-chats-msg {
    float: right;
    width: 50%;
}

/* Styling the avatar */
.outgoing-chats-img {
    display: inline-block;
    width: 50px;
    float: right;
}

.contenedor-toast {
    /*position: absolute;*/
    /*position: fixed;*/
    /*position: relative;*/
    /*right: 40px;*/
    /*bottom: 40px;*/
    width: 100%;
    /*max-width: 300px;*/
    /*display: flex;*/
    /*justify-content: center;*/
    flex-direction: column;
    /*flex-direction: column-reverse;*/
    /*gap: -20px;*/
    /*gap: 20px;*/
    /*margin-top:-30px;*/
    /*z-index: auto;*/
}

.toast {
    background: white;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
    animation-name: apertura;
    animation-duration: 200ms;
    animation-timing-function: ease-out;
    /*z-index: auto;*/
    position: absolute;
    width: 100%;
    height: 10vh;
    /*bottom:20px;
    right:20px;*/
}


    .toast .titulo {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .toast .btn-cerrar {
        /*background: rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    padding: 0px 5px;
    transition: 0.3s ease all;*/
        position: absolute;
        top: 10px;
        right: 15px;
        padding: 5px;
        cursor: pointer;
        opacity: 0.7;
        transition: 0.3s ease all;
        padding: 0px 5px;
    }

        .toast .btn-cerrar:hover {
            background: rgba(0, 0, 0, 0.3);
        }

        .toast .btn-cerrar .icono {
            width: 20px;
            height: 20px;
            color: gray; /*#fff*/
        }

@keyframes apertura {
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.toast.cerrando {
    animation-name: cierre;
    animation-duration: 200ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes cierre {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(100% + 40px));
    }
}

.shadow-p {
    background-color: white;
    box-shadow: 0px -5px 10px rgba(0,0,0,0.2);
    border-radius: 10px;
}

.toast .icono {
    color: rgba(0, 0, 0, 0.4);
    /*color: gray;*/
}

.toast .contenido {
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    gap: 15px;
    /*padding: 15px;*/
    padding: 10px;
}

/*MAT ALERT */
.container_mat_demo {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 4s cubic-bezier(0, 1.5, 0.3, 1);
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.mat-demo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

    .mat-demo:before {
        content: "";
        opacity: .5;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.earth {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}

    .earth img {
        height: 150px;
        width: 150px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .earth .more-info-demo {
        padding: 1em;
        color: #fff;
        opacity: 1;
        transform: scale(0.8);
        transform-origin: 0 0;
        width: 400px;
    }

        .earth .more-info-demo h3 {
            margin: 0 0 1em;
            text-align: right;
        }

        .earth .more-info-demo h3, .earth .more-info-demo li {
            opacity: 0;
        }

.nave-container {
    position: absolute;
    top: 40%;
    left: 50%;
}

.nave {
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
    background: none;
    width: 50px;
    height: 50px;
    pointer-events: none;
    transform-origin: 25px;
}

    .nave img {
        transform: translateX(-80px) translateY(-80px);
        width: 30px;
    }

.draggableShape {
    cursor: move;
}

.earth img, .nave img {
    border-radius: 50%;
    box-shadow: 0 0 12em 1em rgba(110, 140, 200, 0.6);
}

.earth:hover img .earth.active img {
    transform: translateX(-75px) translateY(-75px) scale(0.5);
}

.earth:hover ~ .nave-container, .earth.active ~ .nave-container {
    transform: translateX(-75px) translateY(-75px) scale(0.4);
}

    .earth:hover ~ .nave-container img, .earth.active ~ .nave-container img {
        transform: translateX(-140px) translateY(-140px);
    }

.earth:hover .more-info-demo, .earth.active .more.more-info-demo {
    opacity: 1;
    transform: scale(1);
}

    .earth:hover .more-info-demo h3, .earth.active .more-info-demo li, .earth.active .more-info-demo h3, .earth.active .more-info-demo li {
        opacity: 1;
    }

@-webkit-keyframes spin {
    to {
        transform: rotateZ(360deg)
    }
}

@keyframes spin {
    to {
        transform: rotateZ(360deg)
    }
}

.text-truncate {
    width: 35vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: width 0.3s ease;
}

.text-truncate-label {
    display: inline-block;
    max-width: 10vw;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

button.accordion-event {
    cursor: pointer;
    transition: 0.4s;
}

    button.accordion-event:after {
        content: '\02795';
        float: right;
    }

    button.accordion-event.active:after {
        content: '\02796';
    }

.section-accordion-event {
    display: hidden;
}

    .section-accordion-event.active {
        display: flex;
    }

.table-layout-fixed {
    table-layout: fixed;
}

.table.is-scrollable tbody {
    overflow-y: auto;
    position: absolute;
}

#NotableRulesInfo {
    width: -webkit-fill-available;
}

@media only screen and (max-width: 1537px) {
    .toolbarSVG {
        width: 14px;
        height: 14px;
    }
}

.no-edit-input {
    pointer-events: none;
    cursor: default;
}

.cardMFA:hover {
    transform: scale(1.1);
}

.input-scroll {
    direction: ltr;
    white-space: nowrap;
    overflow-x: scroll;
}
#braianViewModal.modal.is-active {
    z-index: 9999; 
    height: 100%; 
    display: flex; 
    align-items: flex-end; 
    justify-content: flex-end; 
}

#braianViewModal .modal-background {
    background-color: rgba(0, 0, 0, 0.3) !important;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#braianViewModal .modal-card.modal-right-aligned {
    margin: 0;
    height: 100%;
    border-radius: 0;
    width: 600px;
    max-width: 90%;
    z-index: 20;
}
#braianViewModal .modal-card.modal-right-aligned .modal-card-head {
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
}
    #braianViewModal .modal-card.modal-right-aligned .modal-card-body {
        flex-grow: 1;
        overflow-y: auto;
        min-height: 0;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
.is-rounded {
    border-radius: 50%;
}
#braianViewModal .modal-card.modal-right-aligned.modal-right-aligned-light {
    background-color: white;
    color: #363636;
}

#braianViewModal .modal-card.modal-right-aligned.modal-right-aligned-dark {
    background-color: #363636;
    color: white;
}

.modal-card.modal-right-aligned.modal-right-aligned-dark {
    background-color: #363636;
    color: white;
}
/* --- Estilos para el Historial Braian --- */
.history-container {
    background-color: #f0f2f5;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}

.history-content {
    height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-right: 10px;
}
.history-message {
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 6px;
    max-width: 80%;
    line-height: 1.5;
    word-wrap: break-word;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

    .history-message.sender-you {
        background-color: #e2f7cb;
        align-self: flex-end;
        margin-left: auto;
        color: #333;
    }

    .history-message.sender-other {
        background-color: #ffffff;
        align-self: flex-start;
        margin-right: auto;
        color: #333;
    }

.history-timestamp {
    font-size: 0.8em;
    color: #888;
    margin-bottom: 5px;
    display: block;
}

.history-sender {
    font-weight: bold;
    color: #555;
    margin-bottom: 3px;
    display: block;
}

.history-text {
    color: #333;
    white-space: pre-wrap;
}

.history-container::-webkit-scrollbar {
    width: 8px;
}

.history-container::-webkit-scrollbar-track {
    background: #f0f2f5;
    border-radius: 10px;
}

.history-container::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    border-radius: 10px;
    border: 2px solid #f0f2f5;
}

    .history-container::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a0;
    }