:root {
    --varnames: --blue,--indigo,--purple,--pink,--red,--orange,--yellow,--green,--teal,--cyan,--white,--gray,--gray-dark,--black,--primary,--secondary,--success,--info,--warning,--danger,--light,--dark,--gray,--primary-dark,--warning-dark,--gray-100,--gray-200,--gray-300,--gray-400,--gray-500,--gray-600,--gray-700,--gray-800,--gray-900,--gray-150,--gray-650,--muted,--body;
    --muted: #aab5bf;
    --body: var(--body-color);
    --body-bg: #fff;
    --box-shadow-xs: 0 calc(1px * var(--shadow-yoffset, 1)) 8px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(1px * var(--shadow-yoffset, 1)) 1px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.3));
    --box-shadow-xl: 0 calc(17px * var(--shadow-yoffset, 1)) 70px -7px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.14)),0 calc(20px * var(--shadow-yoffset, 1)) 48px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.22));
    --shadow-color-rgb: 0,0,0;
    --shadow-colorbase-rgb: 0, 31, 82;
    --shadow-intensity: 1
}

:root {
    --blue: #307abe;
    --indigo: #18509f;
    --purple: #55237d;
    --pink: #e91e63;
    --red: #dc3000;
    --orange: #ee9B00;
    --yellow: #fdd835;
    --green: #009e74;
    --teal: #009688;
    --cyan: #00bcd4;
    --white: #fff;
    --gray: #8d9ba9;
    --gray-dark: #393f46;
    --black: #000;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #aab5bf;
    --gray-600: #8d9ba9;
    --gray-700: #596167;
    --gray-800: #393f46;
    --gray-900: #22262a;
    --gray-150: #f1f3f5;
    --gray-650: #737e88;
    --primary: #307abe;
    --secondary: #eff1f3;
    --success: #009e74;
    --info: #2c8d8a;
    --warning: #ee9B00;
    --danger: #dc3000;
    --light: #f8f9fa;
    --dark: #001f52;
    --gray: #596167;
    --primary-dark: #18509f;
    --warning-dark: #e77c00;
    --primary-rgb: 48,122,190;
    --secondary-rgb: 238.9052631579,241.1,243.2947368421;
    --success-rgb: 0,158,116;
    --info-rgb: 44,141,138;
    --warning-rgb: 238,155,0;
    --danger-rgb: 220,48,0;
    --light-rgb: 248,249,250;
    --dark-rgb: 0,31,82;
    --gray-rgb: 89,97,103;
    --primary-dark-rgb: 24,80,159;
    --warning-dark-rgb: 231,124,0;
    --primary-text-emphasis: #1d4972;
    --secondary-text-emphasis: #8f9192;
    --success-text-emphasis: #005f46;
    --info-text-emphasis: #1a5553;
    --warning-text-emphasis: #8f5d00;
    --danger-text-emphasis: #841d00;
    --light-text-emphasis: #596167;
    --dark-text-emphasis: #596167;
    --primary-bg-subtle: #d6e4f2;
    --primary-bg-subtle-rgb: 214,228,242;
    --secondary-bg-subtle: #fcfcfd;
    --secondary-bg-subtle-rgb: 252,252,253;
    --success-bg-subtle: #ccece3;
    --success-bg-subtle-rgb: 204,236,227;
    --info-bg-subtle: #d5e8e8;
    --info-bg-subtle-rgb: 213,232,232;
    --warning-bg-subtle: #fcebcc;
    --warning-bg-subtle-rgb: 252,235,204;
    --danger-bg-subtle: #f8d6cc;
    --danger-bg-subtle-rgb: 248,214,204;
    --light-bg-subtle: #fcfcfd;
    --light-bg-subtle-rgb: 252,252,253;
    --dark-bg-subtle: #ced4da;
    --dark-bg-subtle-rgb: 206,212,218;
    --primary-border-subtle: #accae5;
    --secondary-border-subtle: #f9f9fa;
    --success-border-subtle: #99d8c7;
    --info-border-subtle: #abd1d0;
    --warning-border-subtle: #f8d799;
    --danger-border-subtle: #f1ac99;
    --light-border-subtle: #e9ecef;
    --dark-border-subtle: #aab5bf;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));
    --body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --body-font-size: .875rem;
    --body-font-weight: 400;
    --body-line-height: 1.5715;
    --body-color: #393f46;
    --body-color-rgb: 57,63,70;
    --body-bg: #fff;
    --body-bg-rgb: 255,255,255;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0,0,0;
    --secondary-color: #aab5bf;
    --secondary-color-rgb: 170,181,191;
    --secondary-bg: #e9ecef;
    --secondary-bg-rgb: 233,236,239;
    --tertiary-color: #ced4da;
    --tertiary-color-rgb: 206,212,218;
    --tertiary-bg: #f8f9fa;
    --tertiary-bg-rgb: 248,249,250;
    --heading-color:;
    --link-color: #245b8d;
    --link-color-rgb: 35.6571428571,90.6285714286,141.1428571429;
    --link-decoration: none;
    --link-hover-color: #1d4971;
    --link-hover-color-rgb: 29,73,113;
    --link-hover-decoration: underline;
    --code-color: #e91e63;
    --highlight-bg: #fcf8e3;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dee2e6;
    --border-color-translucent: rgba(0,0,0,0.125);
    --border-radius-sm: .25rem;
    --border-radius-md: .375rem;
    --border-radius-lg: .5rem;
    --border-radius-xl: 1rem;
    --border-radius-xxl: 2rem;
    --border-radius-pill: 50rem;
    --box-shadow-md: 0 calc(6px * var(--shadow-yoffset, 1)) 24px -5px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(5px * var(--shadow-yoffset, 1)) 12px -5px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.17));
    --box-shadow-sm: 0 calc(2px * var(--shadow-yoffset, 1)) 16px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(2px * var(--shadow-yoffset, 1)) 3px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.15));
    --box-shadow-lg: 0 calc(10px * var(--shadow-yoffset, 1)) 40px -4px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.14)),0 calc(12px * var(--shadow-yoffset, 1)) 28px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.2));
    --box-shadow-inset: inset 0 1px 2px rgba(0,0,0,0.075);
    --focus-ring-width: .25rem;
    --focus-ring-opacity: .25;
    --focus-ring-color: rgba(48,122,190,0.25);
    --form-valid-color: #009e74;
    --form-valid-border-color: #009e74;
    --form-invalid-color: #dc3000;
    --form-invalid-border-color: #dc3000
}

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

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

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

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--border-width) solid;
    opacity: .12
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color)
}

h1, .h1 {
    font-size: 2.25rem
}

h2, .h2 {
    font-size: 1.75rem
}

h3, .h3 {
    font-size: 1.375rem
}

h4, .h4 {
    font-size: 1.25rem
}

h5, .h5 {
    font-size: 1.125rem
}

h6, .h6 {
    font-size: 1rem
}

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

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

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

ol, ul {
    -webkit-padding-start: 2rem;
    padding-inline-start: 2rem
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small, .small {
    font-size: 90%
}

mark, .mark {
    padding: .2em;
    background-color: var(--highlight-bg)
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--link-color, rgba(var(--link-color-rgb), var(--link-opacity, 1)));
    text-decoration: none
}

    a:hover {
        color: var(--link-hover-color, rgba(var(--link-hover-color-rgb), var(--link-opacity, 1)));
        text-decoration: underline
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 87.5%;
    color: #22262a
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

code {
    font-size: 87.5%;
    color: var(--code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #22262a;
    border-radius: .25rem
}

    kbd kbd {
        padding: 0;
        font-size: 1em;
        font-weight: 700
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #aab5bf;
    text-align: start
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

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

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none !important
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
        cursor: pointer
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

    legend + * {
        clear: left
    }

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
    padding: 0
}

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

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.09375rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

.list-unstyled {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none
}

.list-inline {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.09375rem
}

    .blockquote > :last-child {
        margin-bottom: 0
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #8d9ba9
}

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #8d9ba9
}

code {
    font-size: 87.5%;
    color: #e91e63;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #22262a;
    border-radius: .25rem;
    box-shadow: inset 0 -0.1rem 0 rgba(0,0,0,0.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #22262a
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px
    }
}

.row {
    --gutter-x: 30px;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--gutter-y));
    margin-right: calc(-.5 * var(--gutter-x));
    margin-left: calc(-.5 * var(--gutter-x))
}

    .row > * {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * .5);
        padding-left: calc(var(--gutter-x) * .5);
        margin-top: var(--gutter-y)
    }

.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 {
    -webkit-margin-start: 8.33333333%;
    margin-inline-start: 8.33333333%
}

.offset-2 {
    -webkit-margin-start: 16.66666667%;
    margin-inline-start: 16.66666667%
}

.offset-3 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%
}

.offset-4 {
    -webkit-margin-start: 33.33333333%;
    margin-inline-start: 33.33333333%
}

.offset-5 {
    -webkit-margin-start: 41.66666667%;
    margin-inline-start: 41.66666667%
}

.offset-6 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%
}

.offset-7 {
    -webkit-margin-start: 58.33333333%;
    margin-inline-start: 58.33333333%
}

.offset-8 {
    -webkit-margin-start: 66.66666667%;
    margin-inline-start: 66.66666667%
}

.offset-9 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%
}

.offset-10 {
    -webkit-margin-start: 83.33333333%;
    margin-inline-start: 83.33333333%
}

.offset-11 {
    -webkit-margin-start: 91.66666667%;
    margin-inline-start: 91.66666667%
}

.g-0, .gx-0 {
    --gutter-x: 0
}

.g-0, .gy-0 {
    --gutter-y: 0
}

.g-1, .gx-1 {
    --gutter-x: .25rem
}

.g-1, .gy-1 {
    --gutter-y: .25rem
}

.g-2, .gx-2 {
    --gutter-x: .5rem
}

.g-2, .gy-2 {
    --gutter-y: .5rem
}

.g-3, .gx-3 {
    --gutter-x: 1rem
}

.g-3, .gy-3 {
    --gutter-y: 1rem
}

.g-4, .gx-4 {
    --gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --gutter-x: 3rem
}

.g-5, .gy-5 {
    --gutter-y: 3rem
}

.g-6, .gx-6 {
    --gutter-x: 4.5rem
}

.g-6, .gy-6 {
    --gutter-y: 4.5rem
}

@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 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .offset-sm-1 {
        -webkit-margin-start: 8.33333333%;
        margin-inline-start: 8.33333333%
    }

    .offset-sm-2 {
        -webkit-margin-start: 16.66666667%;
        margin-inline-start: 16.66666667%
    }

    .offset-sm-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .offset-sm-4 {
        -webkit-margin-start: 33.33333333%;
        margin-inline-start: 33.33333333%
    }

    .offset-sm-5 {
        -webkit-margin-start: 41.66666667%;
        margin-inline-start: 41.66666667%
    }

    .offset-sm-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .offset-sm-7 {
        -webkit-margin-start: 58.33333333%;
        margin-inline-start: 58.33333333%
    }

    .offset-sm-8 {
        -webkit-margin-start: 66.66666667%;
        margin-inline-start: 66.66666667%
    }

    .offset-sm-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .offset-sm-10 {
        -webkit-margin-start: 83.33333333%;
        margin-inline-start: 83.33333333%
    }

    .offset-sm-11 {
        -webkit-margin-start: 91.66666667%;
        margin-inline-start: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --gutter-x: .25rem
    }

    .g-sm-1, .gy-sm-1 {
        --gutter-y: .25rem
    }

    .g-sm-2, .gx-sm-2 {
        --gutter-x: .5rem
    }

    .g-sm-2, .gy-sm-2 {
        --gutter-y: .5rem
    }

    .g-sm-3, .gx-sm-3 {
        --gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --gutter-y: 3rem
    }

    .g-sm-6, .gx-sm-6 {
        --gutter-x: 4.5rem
    }

    .g-sm-6, .gy-sm-6 {
        --gutter-y: 4.5rem
    }
}

@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 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .offset-md-1 {
        -webkit-margin-start: 8.33333333%;
        margin-inline-start: 8.33333333%
    }

    .offset-md-2 {
        -webkit-margin-start: 16.66666667%;
        margin-inline-start: 16.66666667%
    }

    .offset-md-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .offset-md-4 {
        -webkit-margin-start: 33.33333333%;
        margin-inline-start: 33.33333333%
    }

    .offset-md-5 {
        -webkit-margin-start: 41.66666667%;
        margin-inline-start: 41.66666667%
    }

    .offset-md-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .offset-md-7 {
        -webkit-margin-start: 58.33333333%;
        margin-inline-start: 58.33333333%
    }

    .offset-md-8 {
        -webkit-margin-start: 66.66666667%;
        margin-inline-start: 66.66666667%
    }

    .offset-md-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .offset-md-10 {
        -webkit-margin-start: 83.33333333%;
        margin-inline-start: 83.33333333%
    }

    .offset-md-11 {
        -webkit-margin-start: 91.66666667%;
        margin-inline-start: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --gutter-x: .25rem
    }

    .g-md-1, .gy-md-1 {
        --gutter-y: .25rem
    }

    .g-md-2, .gx-md-2 {
        --gutter-x: .5rem
    }

    .g-md-2, .gy-md-2 {
        --gutter-y: .5rem
    }

    .g-md-3, .gx-md-3 {
        --gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --gutter-y: 3rem
    }

    .g-md-6, .gx-md-6 {
        --gutter-x: 4.5rem
    }

    .g-md-6, .gy-md-6 {
        --gutter-y: 4.5rem
    }
}

@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 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .offset-lg-1 {
        -webkit-margin-start: 8.33333333%;
        margin-inline-start: 8.33333333%
    }

    .offset-lg-2 {
        -webkit-margin-start: 16.66666667%;
        margin-inline-start: 16.66666667%
    }

    .offset-lg-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .offset-lg-4 {
        -webkit-margin-start: 33.33333333%;
        margin-inline-start: 33.33333333%
    }

    .offset-lg-5 {
        -webkit-margin-start: 41.66666667%;
        margin-inline-start: 41.66666667%
    }

    .offset-lg-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .offset-lg-7 {
        -webkit-margin-start: 58.33333333%;
        margin-inline-start: 58.33333333%
    }

    .offset-lg-8 {
        -webkit-margin-start: 66.66666667%;
        margin-inline-start: 66.66666667%
    }

    .offset-lg-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .offset-lg-10 {
        -webkit-margin-start: 83.33333333%;
        margin-inline-start: 83.33333333%
    }

    .offset-lg-11 {
        -webkit-margin-start: 91.66666667%;
        margin-inline-start: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --gutter-x: .25rem
    }

    .g-lg-1, .gy-lg-1 {
        --gutter-y: .25rem
    }

    .g-lg-2, .gx-lg-2 {
        --gutter-x: .5rem
    }

    .g-lg-2, .gy-lg-2 {
        --gutter-y: .5rem
    }

    .g-lg-3, .gx-lg-3 {
        --gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --gutter-y: 3rem
    }

    .g-lg-6, .gx-lg-6 {
        --gutter-x: 4.5rem
    }

    .g-lg-6, .gy-lg-6 {
        --gutter-y: 4.5rem
    }
}

@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 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .offset-xl-1 {
        -webkit-margin-start: 8.33333333%;
        margin-inline-start: 8.33333333%
    }

    .offset-xl-2 {
        -webkit-margin-start: 16.66666667%;
        margin-inline-start: 16.66666667%
    }

    .offset-xl-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .offset-xl-4 {
        -webkit-margin-start: 33.33333333%;
        margin-inline-start: 33.33333333%
    }

    .offset-xl-5 {
        -webkit-margin-start: 41.66666667%;
        margin-inline-start: 41.66666667%
    }

    .offset-xl-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .offset-xl-7 {
        -webkit-margin-start: 58.33333333%;
        margin-inline-start: 58.33333333%
    }

    .offset-xl-8 {
        -webkit-margin-start: 66.66666667%;
        margin-inline-start: 66.66666667%
    }

    .offset-xl-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .offset-xl-10 {
        -webkit-margin-start: 83.33333333%;
        margin-inline-start: 83.33333333%
    }

    .offset-xl-11 {
        -webkit-margin-start: 91.66666667%;
        margin-inline-start: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --gutter-x: .25rem
    }

    .g-xl-1, .gy-xl-1 {
        --gutter-y: .25rem
    }

    .g-xl-2, .gx-xl-2 {
        --gutter-x: .5rem
    }

    .g-xl-2, .gy-xl-2 {
        --gutter-y: .5rem
    }

    .g-xl-3, .gx-xl-3 {
        --gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --gutter-y: 3rem
    }

    .g-xl-6, .gx-xl-6 {
        --gutter-x: 4.5rem
    }

    .g-xl-6, .gy-xl-6 {
        --gutter-y: 4.5rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .offset-xxl-1 {
        -webkit-margin-start: 8.33333333%;
        margin-inline-start: 8.33333333%
    }

    .offset-xxl-2 {
        -webkit-margin-start: 16.66666667%;
        margin-inline-start: 16.66666667%
    }

    .offset-xxl-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .offset-xxl-4 {
        -webkit-margin-start: 33.33333333%;
        margin-inline-start: 33.33333333%
    }

    .offset-xxl-5 {
        -webkit-margin-start: 41.66666667%;
        margin-inline-start: 41.66666667%
    }

    .offset-xxl-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .offset-xxl-7 {
        -webkit-margin-start: 58.33333333%;
        margin-inline-start: 58.33333333%
    }

    .offset-xxl-8 {
        -webkit-margin-start: 66.66666667%;
        margin-inline-start: 66.66666667%
    }

    .offset-xxl-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .offset-xxl-10 {
        -webkit-margin-start: 83.33333333%;
        margin-inline-start: 83.33333333%
    }

    .offset-xxl-11 {
        -webkit-margin-start: 91.66666667%;
        margin-inline-start: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --gutter-x: .25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --gutter-y: .25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --gutter-x: .5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --gutter-y: .5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --gutter-y: 3rem
    }

    .g-xxl-6, .gx-xxl-6 {
        --gutter-x: 4.5rem
    }

    .g-xxl-6, .gy-xxl-6 {
        --gutter-y: 4.5rem
    }
}

.grid {
    display: grid;
    grid-template-rows: repeat(var(--rows, 1), 1fr);
    grid-template-columns: repeat(var(--columns, 12), 1fr);
    gap: var(--gap, 30px)
}

    .grid .g-col-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-1 {
        grid-column-start: 1
    }

    .grid .g-start-2 {
        grid-column-start: 2
    }

    .grid .g-start-3 {
        grid-column-start: 3
    }

    .grid .g-start-4 {
        grid-column-start: 4
    }

    .grid .g-start-5 {
        grid-column-start: 5
    }

    .grid .g-start-6 {
        grid-column-start: 6
    }

    .grid .g-start-7 {
        grid-column-start: 7
    }

    .grid .g-start-8 {
        grid-column-start: 8
    }

    .grid .g-start-9 {
        grid-column-start: 9
    }

    .grid .g-start-10 {
        grid-column-start: 10
    }

    .grid .g-start-11 {
        grid-column-start: 11
    }

@media (min-width: 576px) {
    .grid .g-col-sm-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media (min-width: 768px) {
    .grid .g-col-md-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-md-1 {
        grid-column-start: 1
    }

    .grid .g-start-md-2 {
        grid-column-start: 2
    }

    .grid .g-start-md-3 {
        grid-column-start: 3
    }

    .grid .g-start-md-4 {
        grid-column-start: 4
    }

    .grid .g-start-md-5 {
        grid-column-start: 5
    }

    .grid .g-start-md-6 {
        grid-column-start: 6
    }

    .grid .g-start-md-7 {
        grid-column-start: 7
    }

    .grid .g-start-md-8 {
        grid-column-start: 8
    }

    .grid .g-start-md-9 {
        grid-column-start: 9
    }

    .grid .g-start-md-10 {
        grid-column-start: 10
    }

    .grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media (min-width: 992px) {
    .grid .g-col-lg-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1200px) {
    .grid .g-col-xl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xl-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1400px) {
    .grid .g-col-xxl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xxl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xxl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xxl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xxl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xxl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xxl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xxl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xxl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xxl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xxl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xxl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xxl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xxl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xxl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xxl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xxl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xxl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xxl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xxl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xxl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xxl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xxl-11 {
        grid-column-start: 11
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #393f46
}

.table th, .table td {
    padding: 5px 5px 5px 3px;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table-sm th, .table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6
    }

    .table-bordered thead th, .table-bordered thead td {
        border-bottom-width: 2px
    }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.03)
}

.table-hover tbody tr:hover {
    color: #393f46;
    background-color: rgba(0,0,0,0.05)
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #c5daed
}

    .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
        border-color: #93badd
    }

.table-hover .table-primary:hover {
    background-color: #b2cee7
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #b2cee7
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #fafbfc
}

    .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
        border-color: #f7f8f9
    }

.table-hover .table-secondary:hover {
    background-color: #eaeef2
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #eaeef2
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #b8e4d8
}

    .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
        border-color: #7acdb7
    }

.table-hover .table-success:hover {
    background-color: #a6ddce
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #a6ddce
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #c4dfde
}

    .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
        border-color: #91c4c2
    }

.table-hover .table-info:hover {
    background-color: #b3d6d5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #b3d6d5
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #fae3b8
}

    .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
        border-color: #f6cb7a
    }

.table-hover .table-warning:hover {
    background-color: #f8daa0
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #f8daa0
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f5c5b8
}

    .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
        border-color: #ed937a
    }

.table-hover .table-danger:hover {
    background-color: #f2b3a2
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f2b3a2
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe
}

    .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
        border-color: #fbfcfc
    }

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #b8c0cf
}

    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
        border-color: #7a8ba5
    }

.table-hover .table-dark:hover {
    background-color: #a9b3c5
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #a9b3c5
    }

.table-gray, .table-gray > th, .table-gray > td {
    background-color: #d1d3d4
}

    .table-gray th, .table-gray td, .table-gray thead th, .table-gray tbody + tbody {
        border-color: #a9adb0
    }

.table-hover .table-gray:hover {
    background-color: #c4c6c8
}

    .table-hover .table-gray:hover > td, .table-hover .table-gray:hover > th {
        background-color: #c4c6c8
    }

.table-primary-dark, .table-primary-dark > th, .table-primary-dark > td {
    background-color: #becee4
}

    .table-primary-dark th, .table-primary-dark td, .table-primary-dark thead th, .table-primary-dark tbody + tbody {
        border-color: #87a4cd
    }

.table-hover .table-primary-dark:hover {
    background-color: #acc0dd
}

    .table-hover .table-primary-dark:hover > td, .table-hover .table-primary-dark:hover > th {
        background-color: #acc0dd
    }

.table-warning-dark, .table-warning-dark > th, .table-warning-dark > td {
    background-color: #f8dab8
}

    .table-warning-dark th, .table-warning-dark td, .table-warning-dark thead th, .table-warning-dark tbody + tbody {
        border-color: #f3bb7a
    }

.table-hover .table-warning-dark:hover {
    background-color: #f6cea1
}

    .table-hover .table-warning-dark:hover > td, .table-hover .table-warning-dark:hover > th {
        background-color: #f6cea1
    }

.table-active, .table-active > th, .table-active > td {
    background-color: rgba(0,0,0,0.05)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,0.05)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,0.05)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #393f46;
    border-color: #4a525b
}

.table .thead-light th {
    color: #596167;
    background-color: #f6f8fa;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #393f46
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #4a525b
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,0.05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255,255,255,0.075)
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xxl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .table-responsive > .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5715em + 1rem + 2px);
    padding: .5rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5715;
    color: #596167;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    box-shadow: none;
    transition: none
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #596167;
        background-color: #fff;
        border-color: #689de8;
        outline: 0
    }

    .form-control::-webkit-input-placeholder {
        color: #8d9ba9;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #8d9ba9;
        opacity: 1
    }

    .form-control::placeholder {
        color: #8d9ba9;
        opacity: 1
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #f8f9fa;
        opacity: 1
    }

input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="datetime-local"], input.form-control[type="month"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #596167
}

select.form-control:focus::-ms-value {
    color: #596167;
    background-color: #fff
}

select.form-control:not([multiple],[size]:not([size="1"])) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.25rem
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5715
}

.col-form-label-lg {
    padding-top: calc(.625rem + 1px);
    padding-bottom: calc(.625rem + 1px);
    font-size: 1rem;
    line-height: 1.375
}

.col-form-label-sm {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    font-size: .8125rem;
    line-height: 1.429
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .5rem 0;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.5715;
    color: #393f46;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    height: calc(1.429em + .75rem + 2px);
    padding: .375rem .625rem;
    font-size: .8125rem;
    line-height: 1.429;
    border-radius: .375rem
}

.form-control-lg {
    height: calc(1.375em + 1.25rem + 2px);
    padding: .625rem 1.25rem;
    font-size: 1rem;
    line-height: 1.375;
    border-radius: .375rem
}

select.form-control[size], select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    min-height: 1.3750625rem;
    -webkit-padding-start: 1.6em;
    padding-inline-start: 1.6em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        -webkit-margin-start: -1.6em;
        margin-inline-start: -1.6em
    }

.form-check-reverse {
    -webkit-padding-end: 1.6em;
    padding-inline-end: 1.6em;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    text-align: end
}

    .form-check-reverse .form-check-input {
        float: right;
        -webkit-margin-end: -1.6em;
        margin-inline-end: -1.6em;
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

.form-check-input {
    --form-check-bg: #fff;
    --form-check-size: max(1rem, 1em);
    --form-check-checked-bg-rgb: 48,122,190;
    width: var(--form-check-size);
    height: var(--form-check-size);
    margin-top: calc((1.5715 * 1em - var(--form-check-size)) * 0.5);
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--form-check-bg);
    background-image: var(--form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    transition: box-shadow 0.12s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-check-input {
        transition: none
    }
}

.form-check-input[type="checkbox"] {
    border-radius: .25em
}

.form-check-input[type="radio"] {
    border-radius: 50%
}

.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: rgba(var(--form-check-checked-bg-rgb), 0.5);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(var(--form-check-checked-bg-rgb), 0.25)
}

.form-check-input:checked {
    background-color: rgba(var(--form-check-checked-bg-rgb), 1);
    border-color: rgba(var(--form-check-checked-bg-rgb), 1)
}

.form-check-input[type="checkbox"]:checked {
    --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input[type="radio"]:checked {
    --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #307abe;
    border-color: #307abe;
    --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        cursor: default;
        opacity: .5
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.form-switch {
    --form-switch-width: max(2rem, 2em);
    --form-switch-offset: calc(var(--form-switch-width) + 0.75em);
    -webkit-padding-start: var(--form-switch-offset);
    padding-inline-start: var(--form-switch-offset)
}

    .form-switch .form-check-input {
        --form-check-size: calc(var(--form-switch-width) / 2);
        --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3cdefs%3e%3cfilter id='shadow'%3e%3cfeDropShadow dx='0' dy='0' stdDeviation='0.6' flood-opacity='0.3' /%3e%3c/filter%3e%3c/defs%3e%3ccircle r='3' fill='%23fff' style='filter:url%28%23shadow%29'/%3e%3c/svg%3e");
        width: var(--form-switch-width);
        height: calc(var(--form-switch-width) / 2);
        -webkit-margin-start: calc(var(--form-switch-offset) * -1);
        margin-inline-start: calc(var(--form-switch-offset) * -1);
        background-image: var(--form-switch-bg);
        background-position: left center;
        border-radius: 2em;
        transition: background-color 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow 0.2s ease-in-out,border-color 0.2s ease-in-out,background-position 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    }

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3cdefs%3e%3cfilter id='shadow'%3e%3cfeDropShadow dx='0' dy='0' stdDeviation='0.6' flood-opacity='0.3' /%3e%3c/filter%3e%3c/defs%3e%3ccircle r='3' fill='%23fff' style='filter:url%28%23shadow%29'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3cdefs%3e%3cfilter id='shadow'%3e%3cfeDropShadow dx='0' dy='0' stdDeviation='0.6' flood-opacity='0.3' /%3e%3c/filter%3e%3c/defs%3e%3ccircle r='3' fill='%23fff' style='filter:url%28%23shadow%29'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    -webkit-padding-end: var(--form-switch-offset);
    padding-inline-end: var(--form-switch-offset);
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

    .form-switch.form-check-reverse .form-check-input {
        -webkit-margin-end: calc(var(--form-switch-offset) * -1);
        margin-inline-end: calc(var(--form-switch-offset) * -1);
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 90%;
    color: #009e74
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .8125rem;
    line-height: 1.5715;
    color: #fff;
    background-color: rgba(0,158,116,0.9);
    border-radius: .375rem
}

.form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip {
    left: 5px
}

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #009e74;
    padding-right: calc(1.5715em + 1rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23009e74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.392875em + .25rem) center;
    background-size: calc(.78575em + .5rem) calc(.78575em + .5rem)
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #009e74;
        box-shadow: 0 0 0 3px rgba(0,158,116,0.25)
    }

.was-validated select.form-control:valid, select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5715em + 1rem);
    background-position: top calc(.392875em + .25rem) right calc(.392875em + .25rem)
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #009e74;
    padding-right: calc(.75em + 2.5rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393f46' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23009e74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.78575em + .5rem) calc(.78575em + .5rem) no-repeat
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #009e74;
        box-shadow: 0 0 0 3px rgba(0,158,116,0.25)
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #009e74
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #009e74
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #009e74
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #00d199;
    background-color: #00d199
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 3px rgba(0,158,116,0.25)
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #009e74
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #009e74
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #009e74;
    box-shadow: 0 0 0 3px rgba(0,158,116,0.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 90%;
    color: #dc3000
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .8125rem;
    line-height: 1.5715;
    color: #fff;
    background-color: rgba(220,48,0,0.9);
    border-radius: .375rem
}

.form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip {
    left: 5px
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3000;
    padding-right: calc(1.5715em + 1rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3000' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.392875em + .25rem) center;
    background-size: calc(.78575em + .5rem) calc(.78575em + .5rem)
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3000;
        box-shadow: 0 0 0 3px rgba(220,48,0,0.25)
    }

.was-validated select.form-control:invalid, select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5715em + 1rem);
    background-position: top calc(.392875em + .25rem) right calc(.392875em + .25rem)
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3000;
    padding-right: calc(.75em + 2.5rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393f46' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3000' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.78575em + .5rem) calc(.78575em + .5rem) no-repeat
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3000;
        box-shadow: 0 0 0 3px rgba(220,48,0,0.25)
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3000
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3000
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #dc3000
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #ff4410;
    background-color: #ff4410
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 3px rgba(220,48,0,0.25)
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3000
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3000
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3000;
    box-shadow: 0 0 0 3px rgba(220,48,0,0.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group, .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext {
        height: calc(3.5rem + 2px);
        min-height: calc(3.5rem + 2px);
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        color: #8d9ba9;
        transition: opacity 0.1s ease-in-out,-webkit-transform 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out,transform 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out,transform 0.1s ease-in-out,-webkit-transform 0.1s ease-in-out
    }

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

    .form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder {
        color: transparent
    }

    .form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder {
        color: transparent
    }

    .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder {
        color: transparent
    }

    .form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > select.form-control {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: .65;
    font-weight: 400;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > select.form-control ~ label {
    opacity: .65;
    font-weight: 400;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label::after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: #fff;
    border-radius: .375rem
}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > select.form-control ~ label::after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: #fff;
    border-radius: .375rem
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    font-weight: 400;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0
}

.form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label {
    color: #8d9ba9
}

    .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after {
        background-color: #f8f9fa
    }

.btn {
    --btn-padding-x: .75rem;
    --btn-padding-y: .5rem;
    --btn-font-weight: 600;
    --btn-font-size: .875rem;
    --btn-line-height: 1.5715;
    --btn-color: #393f46;
    --btn-bg: transparent;
    --btn-border-width: 1px;
    --btn-border-radius: .375rem;
    --btn-border-color: rgba(89,97,103,0.15);
    --btn-hover-border-color: rgba(89,97,103,0.15);
    --btn-active-border-color: rgba(89,97,103,0.3);
    --btn-disabled-opacity: .5;
    --btn-box-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-box-shadow: inset 0 0 0 3px #fff;
    --btn-transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
    --btn-active-transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
    display: inline-block;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    font-family: var(--btn-font-family, inherit);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    color: var(--btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--btn-bg);
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-bg);
    box-shadow: var(--btn-box-shadow);
    transition: var(--btn-transition)
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover, .btn.hover {
    color: var(--btn-hover-color);
    text-decoration: none;
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
    box-shadow: var(--btn-hover-shadow)
}

.btn:focus-visible {
    outline: max(0px, 2px) solid #689de8;
    outline-offset: calc(max(0px, 2px) * -1);
    box-shadow: var(--btn-focus-box-shadow)
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--btn-disabled-color);
    pointer-events: none !important;
    background-color: var(--btn-disabled-bg);
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity) !important;
    outline: 0 !important;
    box-shadow: none
}

.btn:active, .btn.active, .show > .btn.dropdown-toggle {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg);
    border-color: var(--btn-active-border-color);
    box-shadow: var(--btn-active-shadow);
    transition: var(--btn-active-transition)
}

@media (prefers-reduced-motion: reduce) {
    .btn:active, .btn.active, .show > .btn.dropdown-toggle {
        transition: none
    }
}

.btn:active:focus-visible, .btn.active:focus-visible, .show > .btn.dropdown-toggle:focus-visible {
    box-shadow: var(--btn-active-shadow),var(--btn-focus-box-shadow)
}

.btn-primary {
    --btn-color: #fff;
    --btn-bg: #307abe;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #307abe;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-primary {
    --btn-color: #307abe;
    --btn-border-color: #307abe;
    --btn-box-shadow: none;
    --btn-disabled-color: #307abe;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #307abe;
    --gradient: none
}

.btn-primary, .btn-outline-primary {
    --btn-hover-color: #fff;
    --btn-hover-bg: #2968a2;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #266298;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-secondary {
    --btn-color: #393f46;
    --btn-bg: #eff1f3;
    --btn-disabled-color: #393f46;
    --btn-disabled-bg: #eff1f3;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-secondary {
    --btn-color: #eff1f3;
    --btn-border-color: #eff1f3;
    --btn-box-shadow: none;
    --btn-disabled-color: #eff1f3;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #eff1f3;
    --gradient: none
}

.btn-secondary, .btn-outline-secondary {
    --btn-hover-color: #393f46;
    --btn-hover-bg: #e5e7e9;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 67,74,80;
    --btn-active-color: #393f46;
    --btn-active-bg: #dfe1e3;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-success {
    --btn-color: #fff;
    --btn-bg: #009e74;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #009e74;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-success {
    --btn-color: #009e74;
    --btn-border-color: #009e74;
    --btn-box-shadow: none;
    --btn-disabled-color: #009e74;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #009e74;
    --gradient: none
}

.btn-success, .btn-outline-success {
    --btn-hover-color: #fff;
    --btn-hover-bg: #008663;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #007e5d;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-info {
    --btn-color: #fff;
    --btn-bg: #2c8d8a;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #2c8d8a;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-info {
    --btn-color: #2c8d8a;
    --btn-border-color: #2c8d8a;
    --btn-box-shadow: none;
    --btn-disabled-color: #2c8d8a;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #2c8d8a;
    --gradient: none
}

.btn-info, .btn-outline-info {
    --btn-hover-color: #fff;
    --btn-hover-bg: #257875;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #23716e;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-warning {
    --btn-color: #fff;
    --btn-bg: #ee9B00;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #ee9B00;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-warning {
    --btn-color: #ee9B00;
    --btn-border-color: #ee9B00;
    --btn-box-shadow: none;
    --btn-disabled-color: #ee9B00;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #ee9B00;
    --gradient: none
}

.btn-warning, .btn-outline-warning {
    --btn-hover-color: #fff;
    --btn-hover-bg: #ca8400;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #be7c00;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-danger {
    --btn-color: #fff;
    --btn-bg: #dc3000;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #dc3000;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-danger {
    --btn-color: #dc3000;
    --btn-border-color: #dc3000;
    --btn-box-shadow: none;
    --btn-disabled-color: #dc3000;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #dc3000;
    --gradient: none
}

.btn-danger, .btn-outline-danger {
    --btn-hover-color: #fff;
    --btn-hover-bg: #bb2900;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #b02600;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-light {
    --btn-color: #393f46;
    --btn-bg: #f8f9fa;
    --btn-disabled-color: #393f46;
    --btn-disabled-bg: #f8f9fa;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-light {
    --btn-color: #f8f9fa;
    --btn-border-color: #f8f9fa;
    --btn-box-shadow: none;
    --btn-disabled-color: #f8f9fa;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #f8f9fa;
    --gradient: none
}

.btn-light, .btn-outline-light {
    --btn-hover-color: #393f46;
    --btn-hover-bg: #edeeef;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 67,74,80;
    --btn-active-color: #393f46;
    --btn-active-bg: #e7e8e9;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-dark {
    --btn-color: #fff;
    --btn-bg: #001f52;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #001f52;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-dark {
    --btn-color: #001f52;
    --btn-border-color: #001f52;
    --btn-box-shadow: none;
    --btn-disabled-color: #001f52;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #001f52;
    --gradient: none
}

.btn-dark, .btn-outline-dark {
    --btn-hover-color: #fff;
    --btn-hover-bg: #26416c;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #334c75;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-gray {
    --btn-color: #fff;
    --btn-bg: #596167;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #596167;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-gray {
    --btn-color: #596167;
    --btn-border-color: #596167;
    --btn-box-shadow: none;
    --btn-disabled-color: #596167;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #596167;
    --gradient: none
}

.btn-gray, .btn-outline-gray {
    --btn-hover-color: #fff;
    --btn-hover-bg: #4c5258;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #474e52;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-primary-dark {
    --btn-color: #fff;
    --btn-bg: #18509f;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #18509f;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-primary-dark {
    --btn-color: #18509f;
    --btn-border-color: #18509f;
    --btn-box-shadow: none;
    --btn-disabled-color: #18509f;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #18509f;
    --gradient: none
}

.btn-primary-dark, .btn-outline-primary-dark {
    --btn-hover-color: #fff;
    --btn-hover-bg: #144487;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #13407f;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-warning-dark {
    --btn-color: #fff;
    --btn-bg: #e77c00;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #e77c00;
    --btn-disabled-border-color: rgba(89,97,103,0.15)
}

.btn-outline-warning-dark {
    --btn-color: #e77c00;
    --btn-border-color: #e77c00;
    --btn-box-shadow: none;
    --btn-disabled-color: #e77c00;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #e77c00;
    --gradient: none
}

.btn-warning-dark, .btn-outline-warning-dark {
    --btn-hover-color: #fff;
    --btn-hover-bg: #c46900;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #b96300;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-link {
    --btn-font-weight: 400;
    --btn-color: #245b8d;
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-hover-color: #1d4971;
    --btn-hover-border-color: transparent;
    --btn-active-color: #1d4971;
    --btn-active-border-color: transparent;
    --btn-disabled-color: #8d9ba9;
    --btn-disabled-border-color: transparent;
    --btn-box-shadow: 0 0 0 #000;
    text-decoration: none
}

    .btn-link:hover, .btn-link:focus-visible {
        text-decoration: underline
    }

    .btn-link:focus-visible {
        color: var(--btn-color)
    }

    .btn-link:hover {
        color: var(--btn-hover-color)
    }

.btn-lg, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn, .btn-group-lg > .btn {
    --btn-padding-y: .625rem;
    --btn-padding-x: 1.25rem;
    --btn-line-height: 1.375;
    --btn-border-radius: .375rem;
    --btn-font-size: 1rem
}

.btn-sm, .fu-container:not(.xl) .fu-buttons .btn, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn, .btn-group-sm > .btn {
    --btn-padding-y: .375rem;
    --btn-padding-x: .625rem;
    --btn-line-height: 1.429;
    --btn-border-radius: .375rem;
    --btn-font-size: .8125rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
    width: 100%
}

.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 {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        --caret-width: .3em;
        display: inline-block;
        -webkit-margin-start: .255em;
        margin-inline-start: .255em;
        vertical-align: .255em;
        content: "";
        border-top: var(--caret-width) solid;
        -webkit-border-end: var(--caret-width) solid transparent;
        border-inline-end: var(--caret-width) solid transparent;
        border-bottom: 0;
        -webkit-border-start: var(--caret-width) solid transparent;
        border-inline-start: var(--caret-width) solid transparent
    }

    .dropdown-toggle: empty::after {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

.dropdown-menu {
    --dropdown-zindex: 1000;
    --dropdown-min-width: 10rem;
    --dropdown-padding-x: .375rem;
    --dropdown-padding-y: .375rem;
    --dropdown-spacer: .125rem;
    --dropdown-font-size: .875rem;
    --dropdown-color: #393f46;
    --dropdown-bg: #fff;
    --dropdown-border-width: 1px;
    --dropdown-border-color: #e9ecef;
    --dropdown-border-radius: .375rem;
    --dropdown-inner-border-radius: calc(var(--dropdown-border-radius) - var(--dropdown-border-width));
    --dropdown-divider-bg: #e9ecef;
    --dropdown-divider-margin-y: .375rem;
    --dropdown-box-shadow: 0 calc(6px * var(--shadow-yoffset, 1)) 24px -5px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(5px * var(--shadow-yoffset, 1)) 12px -5px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.17));
    --dropdown-link-color: #596167;
    --dropdown-link-hover-color: #4d5459;
    --dropdown-link-hover-bg: #f1f3f5;
    --dropdown-link-active-color: #4d5459;
    --dropdown-link-active-bg: #e9ecef;
    --dropdown-link-disabled-color: #aab5bf;
    --dropdown-item-padding-x: .75rem;
    --dropdown-item-padding-y: .375rem;
    --dropdown-item-border-radius: .375rem;
    --dropdown-header-color: #aab5bf;
    --dropdown-header-padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    z-index: var(--dropdown-zindex);
    display: none;
    float: left;
    min-width: var(--dropdown-min-width);
    padding: var(--dropdown-padding-y) var(--dropdown-padding-x);
    margin: var(--dropdown-spacer) 0 0;
    font-size: var(--dropdown-font-size);
    color: var(--dropdown-color);
    text-align: start;
    list-style: none;
    background-color: var(--dropdown-bg);
    background-clip: padding-box;
    border: var(--dropdown-border-width) solid var(--dropdown-border-color);
    border-radius: var(--dropdown-border-radius);
    box-shadow: var(--dropdown-box-shadow)
}

.dropdown-menu-left, .dropdown-menu-start {
    inset-inline-end: auto;
    inset-inline-start: 0
}

.dropdown-menu-right, .dropdown-menu-end {
    inset-inline-end: 0;
    inset-inline-start: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left, .dropdown-menu-sm-start {
        inset-inline-end: auto;
        inset-inline-start: 0
    }

    .dropdown-menu-sm-right, .dropdown-menu-sm-end {
        inset-inline-end: 0;
        inset-inline-start: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left, .dropdown-menu-md-start {
        inset-inline-end: auto;
        inset-inline-start: 0
    }

    .dropdown-menu-md-right, .dropdown-menu-md-end {
        inset-inline-end: 0;
        inset-inline-start: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left, .dropdown-menu-lg-start {
        inset-inline-end: auto;
        inset-inline-start: 0
    }

    .dropdown-menu-lg-right, .dropdown-menu-lg-end {
        inset-inline-end: 0;
        inset-inline-start: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left, .dropdown-menu-xl-start {
        inset-inline-end: auto;
        inset-inline-start: 0
    }

    .dropdown-menu-xl-right, .dropdown-menu-xl-end {
        inset-inline-end: 0;
        inset-inline-start: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-left, .dropdown-menu-xxl-start {
        inset-inline-end: auto;
        inset-inline-start: 0
    }

    .dropdown-menu-xxl-right, .dropdown-menu-xxl-end {
        inset-inline-end: 0;
        inset-inline-start: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    --caret-width: .3em;
    display: inline-block;
    -webkit-margin-start: .255em;
    margin-inline-start: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    -webkit-border-end: .3em solid transparent;
    border-inline-end: .3em solid transparent;
    border-bottom: .3em solid;
    -webkit-border-start: .3em solid transparent;
    border-inline-start: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.dropright .dropdown-menu {
    top: 0;
    inset-inline-end: auto;
    inset-inline-start: 100%;
    margin-top: 0;
    -webkit-margin-start: var(--dropdown-spacer);
    margin-inline-start: var(--dropdown-spacer)
}

.dropright .dropdown-toggle: :after {
    --caret-width: .3em;
    display: inline-block;
    -webkit-margin-start: .255em;
    margin-inline-start: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    -webkit-border-end: 0;
    border-inline-end: 0;
    border-bottom: .3em solid transparent;
    -webkit-border-start: .3em solid;
    border-inline-start: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    inset-inline-end: 100%;
    inset-inline-start: auto;
    margin-top: 0;
    -webkit-margin-end: var(--dropdown-spacer);
    margin-inline-end: var(--dropdown-spacer)
}

.dropleft .dropdown-toggle: :after {
    --caret-width: .3em;
    display: inline-block;
    -webkit-margin-start: .255em;
    margin-inline-start: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    -webkit-margin-end: .255em;
    margin-inline-end: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    -webkit-border-end: .3em solid;
    border-inline-end: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    inset-inline-end: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: var(--dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--dropdown-item-border-radius, 0)
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: var(--dropdown-link-hover-color);
        text-decoration: none;
        background-color: var(--dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--dropdown-header-padding);
    margin-bottom: 0;
    font-size: .8125rem;
    color: var(--dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
    color: var(--dropdown-link-color)
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
            z-index: 1
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    -webkit-margin-start: -1px;
    margin-inline-start: -1px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .fu-container:not(.xl) .fu-buttons .btn + .dropdown-toggle-split, .input-group-sm > .input-group-prepend > .btn + .dropdown-toggle-split, .input-group-sm > .input-group-append > .btn + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: .46875rem;
    padding-left: .46875rem
}

.btn-lg + .dropdown-toggle-split, .input-group-lg > .input-group-prepend > .btn + .dropdown-toggle-split, .input-group-lg > .input-group-append > .btn + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.btn-group.show .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

    .btn-group.show .dropdown-toggle.btn-link {
        box-shadow: none
    }

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-end-end-radius: 0;
            border-end-start-radius: 0
        }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-start-start-radius: 0;
            border-start-end-radius: 0
        }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0
    }

        .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
            -webkit-margin-start: -1px;
            margin-inline-start: -1px
        }

        .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
            border-start-start-radius: 0;
            border-end-start-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-start-end-radius: 0;
            border-end-end-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-start-start-radius: 0;
            border-end-start-radius: 0
        }

    .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

.input-group-prepend, .input-group-append {
    display: flex
}

    .input-group-prepend .btn, .input-group-append .btn {
        position: relative;
        z-index: 2
    }

        .input-group-prepend .btn:focus, .input-group-append .btn:focus {
            z-index: 3
        }

        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .btn + .input-group-inline-addon, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-inline-addon + .input-group-text, .input-group-prepend .input-group-text + .input-group-inline-addon, .input-group-prepend .input-group-inline-addon + .input-group-inline-addon, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-inline-addon + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .btn + .input-group-inline-addon, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-inline-addon + .input-group-text, .input-group-append .input-group-text + .input-group-inline-addon, .input-group-append .input-group-inline-addon + .input-group-inline-addon, .input-group-append .input-group-text + .btn, .input-group-append .input-group-inline-addon + .btn {
            -webkit-margin-start: -1px;
            margin-inline-start: -1px
        }

.input-group-prepend {
    -webkit-margin-end: -1px;
    margin-inline-end: -1px
}

.input-group-append {
    -webkit-margin-start: -1px;
    margin-inline-start: -1px
}

.input-group-text, .input-group-inline-addon {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5715;
    color: #596167;
    text-align: center;
    white-space: nowrap;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: .375rem
}

    .input-group-text input[type="radio"], .input-group-inline-addon input[type="radio"], .input-group-text input[type="checkbox"], .input-group-inline-addon input[type="checkbox"] {
        margin-top: 0
    }

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
    height: calc(1.375em + 1.25rem + 2px)
}

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-prepend > .input-group-inline-addon, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-append > .input-group-inline-addon {
    padding: .625rem 1.25rem;
    font-size: 1rem;
    line-height: 1.375;
    border-radius: .375rem
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: calc(1.429em + .75rem + 2px)
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-prepend > .input-group-inline-addon, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-append > .input-group-inline-addon {
    padding: .375rem .625rem;
    font-size: .8125rem;
    line-height: 1.429;
    border-radius: .375rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    -webkit-padding-end: 1.75rem;
    padding-inline-end: 1.75rem
}

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-prepend > .input-group-inline-addon, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-inline-addon, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-inline-addon, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:last-child > .input-group-inline-addon:not(:last-child) {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-append > .input-group-inline-addon, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .input-group-inline-addon, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-inline-addon:not(:first-child) {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.3750625rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.18753125rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: inherit;
        border-color: #b8d4ed;
        background-color: #b8d4ed;
        box-shadow:
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: none,none
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #689de8
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: inherit;
        background-color: #fff;
        border-color: #fff;
        box-shadow:
    }

    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
        color: #8d9ba9
    }

        .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #f8f9fa
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .18753125rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: 1px solid #aab5bf;
        box-shadow: none
    }

    .custom-control-label::after {
        position: absolute;
        top: .18753125rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50% / 50% 50% no-repeat
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .375rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='inherit' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #b8d4ed;
    background-color: #b8d4ed;
    box-shadow:
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='inherit' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(48,122,190,0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(48,122,190,0.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='inherit'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(48,122,190,0.5)
}

.custom-switch {
    padding-left: 2.25rem
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
    }

    .custom-switch .custom-control-label::after {
        top: calc(.18753125rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #aab5bf;
        border-radius: .5rem;
        transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out;
        transition: transform 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: transform 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-transform 0.15s ease-in-out
    }

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(48,122,190,0.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5715em + 1rem + 2px);
    padding: .5rem 1.75rem .5rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5715;
    color: #596167;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393f46' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #689de8;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 0 3px rgba(24,80,159,0.25)
    }

        .custom-select:focus::-ms-value {
            color: #596167;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #8d9ba9;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        display: none
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #596167
    }

.custom-select-sm {
    height: calc(1.429em + .75rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    padding-left: .625rem;
    font-size: .8125rem
}

.custom-select-lg {
    height: calc(1.375em + 1.25rem + 2px);
    padding-top: .625rem;
    padding-bottom: .625rem;
    padding-left: 1.25rem;
    font-size: 1rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5715em + 1rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5715em + 1rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #689de8;
        box-shadow: none
    }

    .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
        background-color: #f8f9fa
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse)
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5715em + 1rem + 2px);
    padding: .5rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5715;
    color: #596167;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    box-shadow: none
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5715em + 1rem);
        padding: .5rem .75rem;
        line-height: 1.5715;
        color: #596167;
        content: "Browse";
        background-color: #f8f9fa;
        border-left: inherit;
        border-radius: 0 .375rem .375rem 0
    }

.custom-range {
    width: 100%;
    height: calc(.925rem + 2px);
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(24,80,159,0.25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(24,80,159,0.25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(24,80,159,0.25)
        }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: .925rem;
        height: .925rem;
        margin-top: -.305rem;
        background-color: #307abe;
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 1px 0.25rem rgba(48,122,190,0.2);
        -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;
        -webkit-appearance: none;
        appearance: none
    }

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #77acdd
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .315rem;
    color: transparent;
    cursor: pointer;
    background-color: rgba(0,0,0,0.12);
    border-color: transparent;
    border-radius: 0;
    box-shadow: none
}

.custom-range::-moz-range-thumb {
    width: .925rem;
    height: .925rem;
    background-color: #307abe;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1px 0.25rem rgba(48,122,190,0.2);
    -moz-transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #77acdd
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .315rem;
    color: transparent;
    cursor: pointer;
    background-color: rgba(0,0,0,0.12);
    border-color: transparent;
    border-radius: 0;
    box-shadow: none
}

.custom-range::-ms-thumb {
    width: .925rem;
    height: .925rem;
    margin-top: 0;
    margin-right: 1px;
    margin-left: 1px;
    background-color: #307abe;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1px 0.25rem rgba(48,122,190,0.2);
    -ms-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;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #77acdd
}

.custom-range::-ms-track {
    width: 100%;
    height: .315rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .4625rem;
    box-shadow: none
}

.custom-range::-ms-fill-lower {
    background-color: rgba(0,0,0,0.12);
    border-radius: 0
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: rgba(0,0,0,0.12);
    border-radius: 0
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #aab5bf
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #aab5bf
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #aab5bf
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    --nav-link-padding-x: 1rem;
    --nav-link-padding-y: .5rem;
    --nav-link-font-weight: 400;
    --nav-link-color: #245b8d;
    --nav-link-hover-color: #1d4971;
    --nav-link-disabled-color: #8d9ba9;
    --nav-link-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
    font-size: var(--nav-link-font-size);
    font-weight: var(--nav-link-font-weight);
    color: var(--nav-link-color);
    background: none;
    border: 0;
    transition: var(--nav-link-transition)
}

    .nav-link:hover, .nav-link:focus {
        color: var(--nav-link-hover-color);
        text-decoration: none
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(48,122,190,0.25)
    }

    .nav-link.disabled, .nav-link:disabled {
        color: var(--nav-link-disabled-color);
        pointer-events: none;
        cursor: default
    }

.nav-tabs {
    --nav-tabs-border-width: 1px;
    --nav-tabs-border-color: #dee2e6;
    --nav-tabs-border-radius: .375rem;
    --nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --nav-tabs-link-active-color: #22262a;
    --nav-tabs-link-active-bg: #fff;
    --nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--nav-tabs-border-width));
        border: var(--nav-tabs-border-width) solid transparent;
        border-start-start-radius: var(--nav-tabs-border-radius);
        border-start-end-radius: var(--nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            isolation: isolate;
            border-color: var(--nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: var(--nav-tabs-link-active-color);
            background-color: var(--nav-tabs-link-active-bg);
            border-color: var(--nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--nav-tabs-border-width));
        border-start-start-radius: 0;
        border-start-end-radius: 0
    }

.nav-pills {
    --nav-pills-border-radius: .375rem;
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: #307abe
}

    .nav-pills .nav-link {
        border-radius: var(--nav-pills-border-radius)
    }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--nav-pills-link-active-color);
            background-color: var(--nav-pills-link-active-bg)
        }

.nav-fill > .nav-link, .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified > .nav-link, .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .40178125rem;
    padding-bottom: .40178125rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    font-size: 1rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .375rem
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50% / 100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row 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 {
                -webkit-padding-end: .5rem;
                padding-inline-end: .5rem;
                -webkit-padding-start: .5rem;
                padding-inline-start: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row 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 {
                -webkit-padding-end: .5rem;
                padding-inline-end: .5rem;
                -webkit-padding-start: .5rem;
                padding-inline-start: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row 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 {
                -webkit-padding-end: .5rem;
                padding-inline-end: .5rem;
                -webkit-padding-start: .5rem;
                padding-inline-start: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row 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 {
                -webkit-padding-end: .5rem;
                padding-inline-end: .5rem;
                -webkit-padding-start: .5rem;
                padding-inline-start: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

@media (max-width: 1399.98px) {
    .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-flow: row 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 {
                -webkit-padding-end: .5rem;
                padding-inline-end: .5rem;
                -webkit-padding-start: .5rem;
                padding-inline-start: .5rem
            }

        .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
            flex-wrap: nowrap
        }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            -webkit-padding-end: .5rem;
            padding-inline-end: .5rem;
            -webkit-padding-start: .5rem;
            padding-inline-start: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,0.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        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 .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,0.9)
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0,0,0,0.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        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 .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: .375rem
}

    .card > hr {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-start-start-radius: calc(.375rem - 1px);
            border-start-end-radius: calc(.375rem - 1px)
        }

    .card .list-group:last-child {
        border-bottom-width: 0;
        border-end-end-radius: calc(.375rem - 1px);
        border-end-start-radius: calc(.375rem - 1px)
    }

    .card > .card-header + .list-group, .card > .list-group + .card-footer {
        border-top: 0
    }

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    -webkit-margin-start: 1.25rem;
    margin-inline-start: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

    .card-header:first-child {
        border-start-start-radius: calc(.375rem - 1px);
        border-start-end-radius: calc(.375rem - 1px)
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,0.03);
    border-top: 1px solid rgba(0,0,0,0.1)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.375rem - 1px) calc(.375rem - 1px)
    }

.card-header-tabs {
    -webkit-margin-end: -.625rem;
    margin-inline-end: -.625rem;
    margin-bottom: -.75rem;
    -webkit-margin-start: -.625rem;
    margin-inline-start: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    -webkit-margin-end: -.625rem;
    margin-inline-end: -.625rem;
    -webkit-margin-start: -.625rem;
    margin-inline-start: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.375rem - 1px)
}

.card-img, .card-img-top, .card-img-bottom {
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-start-start-radius: calc(.375rem - 1px);
    border-start-end-radius: calc(.375rem - 1px)
}

.card-img, .card-img-bottom {
    border-end-end-radius: calc(.375rem - 1px);
    border-end-start-radius: calc(.375rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        -webkit-margin-end: -15px;
        margin-inline-end: -15px;
        -webkit-margin-start: -15px;
        margin-inline-start: -15px
    }

        .card-deck .card {
            flex: 1 0 0%;
            -webkit-margin-end: 15px;
            margin-inline-end: 15px;
            margin-bottom: 0;
            -webkit-margin-start: 15px;
            margin-inline-start: 15px
        }
}

.card-group > .card {
    margin-bottom: 15px
}

@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 {
                -webkit-margin-start: 0;
                margin-inline-start: 0;
                -webkit-border-start: 0;
                border-inline-start: 0
            }

            .card-group > .card:not(:last-child) {
                border-start-end-radius: 0;
                border-end-end-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-start-end-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-end-end-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-start-start-radius: 0;
                border-end-start-radius: 0
            }

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-start-start-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-end-start-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion {
    overflow-anchor: none
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-end-end-radius: 0;
            border-end-start-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-start-start-radius: 0;
            border-start-end-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .375rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        color: #8d9ba9;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #8d9ba9
}

.pagination {
    display: flex;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none;
    border-radius: .375rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #245b8d;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #1d4971;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 3px rgba(24,80,159,0.25)
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-start-start-radius: .375rem;
    border-end-start-radius: .375rem
}

.page-item:last-child .page-link {
    border-start-end-radius: .375rem;
    border-end-end-radius: .375rem
}

.page-item.active .page-link {
    z-index: 3;
    color: inherit;
    background-color: #b8d4ed;
    border-color: #b8d4ed
}

.page-item.disabled .page-link {
    color: #8d9ba9;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.375
}

.pagination-lg .page-item:first-child .page-link {
    border-start-start-radius: .5rem;
    border-end-start-radius: .5rem
}

.pagination-lg .page-item:last-child .page-link {
    border-start-end-radius: .5rem;
    border-end-end-radius: .5rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .8125rem;
    line-height: 1.429
}

.pagination-sm .page-item:first-child .page-link {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem
}

.pagination-sm .page-item:last-child .page-link {
    border-start-end-radius: .25rem;
    border-end-end-radius: .25rem
}

.badge {
    --badge-padding-x: .5em;
    --badge-padding-y: .1666666667em;
    --badge-font-size: .8571428571em;
    --badge-font-weight: 600;
    --badge-line-height: 1.25;
    --badge-bg: transparent;
    --badge-bg-rgb: 255, 255, 255;
    --badge-color: inherit;
    --badge-border-radius: .25rem;
    --badge-transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375em;
    padding: var(--badge-padding-y) var(--badge-padding-x);
    font-size: max(12px, var(--badge-font-size));
    font-weight: var(--badge-font-weight);
    line-height: max(16px, calc(var(--badge-line-height) * 1em));
    color: var(--badge-color);
    background-color: rgba(var(--badge-bg-rgb), var(--badge-bg-opacity, 1));
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    text-decoration: none;
    border-radius: var(--badge-border-radius);
    transition: var(--badge-transition)
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover, a.badge:focus, a.badge:active {
    text-decoration: none;
    color: var(--badge-hover-color, var(--badge-color));
    background-color: rgba(var(--badge-hover-bg-rgb, var(--badge-bg-rgb)), var(--badge-hover-bg-opacity, var(--badge-bg-opacity, 1)))
}

.badge:empty {
    display: none
}

.badge-pill {
    --badge-padding-x: .85em !important;
    --badge-border-radius: 10rem !important
}

.badge-primary {
    --badge-base-rgb: 48,122,190;
    --badge-bg: #307abe;
    --badge-bg-rgb: 48,122,190;
    --badge-color: #fff
}

a.badge-primary {
    --badge-hover-bg: #2968a2;
    --badge-hover-bg-rgb: 40.8,103.7,161.5
}

.badge-secondary {
    --badge-base-rgb: 238.9052631579,241.1,243.2947368421;
    --badge-bg: #eff1f3;
    --badge-bg-rgb: 238.9052631579,241.1,243.2947368421;
    --badge-color: #393f46
}

a.badge-secondary {
    --badge-hover-bg: #dadfe4;
    --badge-hover-bg-rgb: 218.2368421053,223.25,228.2631578947
}

.badge-success {
    --badge-base-rgb: 0,158,116;
    --badge-bg: #009e74;
    --badge-bg-rgb: 0,158,116;
    --badge-color: #fff
}

a.badge-success {
    --badge-hover-bg: #007a5a;
    --badge-hover-bg-rgb: 0,122.3,89.7898734177
}

.badge-info {
    --badge-base-rgb: 44,141,138;
    --badge-bg: #2c8d8a;
    --badge-bg-rgb: 44,141,138;
    --badge-color: #fff
}

a.badge-info {
    --badge-hover-bg: #24726f;
    --badge-hover-bg-rgb: 35.5091891892,113.7908108108,111.3697297297
}

.badge-warning {
    --badge-base-rgb: 238,155,0;
    --badge-bg: #ee9B00;
    --badge-bg-rgb: 238,155,0;
    --badge-color: #fff
}

a.badge-warning {
    --badge-hover-bg: #ca8400;
    --badge-hover-bg-rgb: 202.3,131.75,0
}

.badge-danger {
    --badge-base-rgb: 220,48,0;
    --badge-bg: #dc3000;
    --badge-bg-rgb: 220,48,0;
    --badge-color: #fff
}

a.badge-danger {
    --badge-hover-bg: #b82800;
    --badge-hover-bg-rgb: 184.3,40.2109090909,0
}

.badge-light {
    --badge-base-rgb: 248,249,250;
    --badge-bg: #f8f9fa;
    --badge-bg-rgb: 248,249,250;
    --badge-color: #393f46
}

a.badge-light {
    --badge-hover-bg: #e3e7eb;
    --badge-hover-bg-rgb: 227.175,231.15,235.125
}

.badge-dark {
    --badge-base-rgb: 0,31,82;
    --badge-bg: #001f52;
    --badge-bg-rgb: 0,31,82;
    --badge-color: #fff
}

a.badge-dark {
    --badge-hover-bg: #00122e;
    --badge-hover-bg-rgb: 0,17.5036585366,46.3
}

.badge-gray {
    --badge-base-rgb: 89,97,103;
    --badge-bg: #596167;
    --badge-bg-rgb: 89,97,103;
    --badge-color: #fff
}

a.badge-gray {
    --badge-hover-bg: #484f54;
    --badge-hover-bg-rgb: 72.4515625,78.9640625,83.8484375
}

.badge-primary-dark {
    --badge-base-rgb: 24,80,159;
    --badge-bg: #18509f;
    --badge-bg-rgb: 24,80,159;
    --badge-color: #fff
}

a.badge-primary-dark {
    --badge-hover-bg: #134080;
    --badge-hover-bg-rgb: 19.3180327869,64.393442623,127.9819672131
}

.badge-warning-dark {
    --badge-base-rgb: 231,124,0;
    --badge-bg: #e77c00;
    --badge-bg-rgb: 231,124,0;
    --badge-color: #fff
}

a.badge-warning-dark {
    --badge-hover-bg: #c36900;
    --badge-hover-bg-rgb: 195.3,104.8363636364,0
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .5rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert, .validation-summary-valid, .validation-summary-errors {
    --alert-bg: transparent;
    --alert-padding-x: 1.25rem;
    --alert-padding-y: 1rem;
    --alert-margin-bottom: 1rem;
    --alert-color: inherit;
    --alert-border-color: transparent;
    --alert-border: 1px solid var(--alert-border-color);
    --alert-border-radius: .375rem;
    --alert-link-color: inherit;
    position: relative;
    padding: var(--alert-padding-y) var(--alert-padding-x);
    margin-bottom: var(--alert-margin-bottom);
    color: var(--alert-color);
    background-color: var(--alert-bg);
    border: var(--alert-border);
    border-radius: var(--alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 600;
    color: var(--alert-link-color)
}

.alert-dismissible {
    -webkit-padding-end: 3.8125rem;
    padding-inline-end: 3.8125rem
}

    .alert-dismissible .btn-close, .alert-dismissible .close {
        position: absolute;
        top: 0;
        inset-inline-end: 0;
        z-index: 2;
        padding-block: calc(var(--alert-padding-y) * 1);
        padding-inline: var(--alert-padding-x);
        height: calc(1em * 1.5715)
    }

.alert-primary {
    --alert-base-rgb: var(--primary-rgb);
    --alert-color: var(--primary-text-emphasis);
    --alert-bg: var(--primary-bg-subtle);
    --alert-border-color: var(--primary-border-subtle);
    --alert-link-color: var(--primary-text-emphasis)
}

.alert-secondary {
    --alert-base-rgb: var(--secondary-rgb);
    --alert-color: var(--secondary-text-emphasis);
    --alert-bg: var(--secondary-bg-subtle);
    --alert-border-color: var(--secondary-border-subtle);
    --alert-link-color: var(--secondary-text-emphasis)
}

.alert-success, .validation-summary-valid {
    --alert-base-rgb: var(--success-rgb);
    --alert-color: var(--success-text-emphasis);
    --alert-bg: var(--success-bg-subtle);
    --alert-border-color: var(--success-border-subtle);
    --alert-link-color: var(--success-text-emphasis)
}

.alert-info {
    --alert-base-rgb: var(--info-rgb);
    --alert-color: var(--info-text-emphasis);
    --alert-bg: var(--info-bg-subtle);
    --alert-border-color: var(--info-border-subtle);
    --alert-link-color: var(--info-text-emphasis)
}

.alert-warning {
    --alert-base-rgb: var(--warning-rgb);
    --alert-color: var(--warning-text-emphasis);
    --alert-bg: var(--warning-bg-subtle);
    --alert-border-color: var(--warning-border-subtle);
    --alert-link-color: var(--warning-text-emphasis)
}

.alert-danger, .validation-summary-errors {
    --alert-base-rgb: var(--danger-rgb);
    --alert-color: var(--danger-text-emphasis);
    --alert-bg: var(--danger-bg-subtle);
    --alert-border-color: var(--danger-border-subtle);
    --alert-link-color: var(--danger-text-emphasis)
}

.alert-light {
    --alert-base-rgb: var(--light-rgb);
    --alert-color: var(--light-text-emphasis);
    --alert-bg: var(--light-bg-subtle);
    --alert-border-color: var(--light-border-subtle);
    --alert-link-color: var(--light-text-emphasis)
}

.alert-dark {
    --alert-base-rgb: var(--dark-rgb);
    --alert-color: var(--dark-text-emphasis);
    --alert-bg: var(--dark-bg-subtle);
    --alert-border-color: var(--dark-border-subtle);
    --alert-link-color: var(--dark-text-emphasis)
}

.alert-gray {
    --alert-base-rgb: var(--gray-rgb);
    --alert-color: var(--gray-text-emphasis);
    --alert-bg: var(--gray-bg-subtle);
    --alert-border-color: var(--gray-border-subtle);
    --alert-link-color: var(--gray-text-emphasis)
}

.alert-primary-dark {
    --alert-base-rgb: var(--primary-dark-rgb);
    --alert-color: var(--primary-dark-text-emphasis);
    --alert-bg: var(--primary-dark-bg-subtle);
    --alert-border-color: var(--primary-dark-border-subtle);
    --alert-link-color: var(--primary-dark-text-emphasis)
}

.alert-warning-dark {
    --alert-base-rgb: var(--warning-dark-rgb);
    --alert-color: var(--warning-dark-text-emphasis);
    --alert-bg: var(--warning-dark-bg-subtle);
    --alert-border-color: var(--warning-dark-border-subtle);
    --alert-link-color: var(--warning-dark-text-emphasis)
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@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: .65625rem;
    background-color: #e9ecef;
    border-radius: .375rem;
    box-shadow: inset 0 0.1rem 0.1rem rgba(0,0,0,0.1)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #307abe;
    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 {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

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

.media-body {
    flex: 1
}

.list-group {
    --list-group-color: inherit;
    --list-group-bg: #fff;
    --list-group-border-color: rgba(0,0,0,0.125);
    --list-group-border-width: 1px;
    --list-group-border-radius: .375rem;
    --list-group-item-padding-x: 1.25rem;
    --list-group-item-padding-y: .75rem;
    --list-group-action-color: #596167;
    --list-group-action-hover-color: #596167;
    --list-group-action-hover-bg: #f8f9fa;
    --list-group-action-active-color: #393f46;
    --list-group-action-active-bg: #e9ecef;
    --list-group-disabled-color: #8d9ba9;
    --list-group-disabled-bg: #fff;
    --list-group-active-color: inherit;
    --list-group-active-bg: #b8d4ed;
    --list-group-active-border-color: #b8d4ed;
    display: flex;
    flex-direction: column;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 0;
    border-radius: var(--list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

    .list-group-numbered > .list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section
    }

.list-group-item-action {
    width: 100%;
    color: var(--list-group-action-color);
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: var(--list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--list-group-action-hover-bg)
    }

    .list-group-item-action:active {
        color: var(--list-group-action-active-color);
        background-color: var(--list-group-action-active-bg)
    }

.list-group-item {
    position: relative;
    display: block;
    padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);
    color: var(--list-group-color);
    background-color: var(--list-group-bg);
    border: var(--list-group-border-width) solid var(--list-group-border-color)
}

    .list-group-item:first-child {
        border-start-start-radius: inherit;
        border-start-end-radius: inherit
    }

    .list-group-item:last-child {
        border-end-end-radius: inherit;
        border-end-start-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: var(--list-group-disabled-color);
        pointer-events: none;
        background-color: var(--list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--list-group-active-color);
        background-color: var(--list-group-active-bg);
        border-color: var(--list-group-active-border-color)
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: calc(-1 * var(--list-group-border-width));
            border-top-width: var(--list-group-border-width)
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
        border-end-start-radius: var(--list-group-border-radius);
        border-start-end-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-start-end-radius: var(--list-group-border-radius);
        border-end-start-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: var(--list-group-border-width);
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: calc(-1 * var(--list-group-border-width));
            border-left-width: var(--list-group-border-width)
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
            border-end-start-radius: var(--list-group-border-radius);
            border-start-end-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
            border-start-end-radius: var(--list-group-border-radius);
            border-end-start-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: var(--list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--list-group-border-width));
                border-left-width: var(--list-group-border-width)
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
            border-end-start-radius: var(--list-group-border-radius);
            border-start-end-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
            border-start-end-radius: var(--list-group-border-radius);
            border-end-start-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: var(--list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--list-group-border-width));
                border-left-width: var(--list-group-border-width)
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
            border-end-start-radius: var(--list-group-border-radius);
            border-start-end-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
            border-start-end-radius: var(--list-group-border-radius);
            border-end-start-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: var(--list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--list-group-border-width));
                border-left-width: var(--list-group-border-width)
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
            border-end-start-radius: var(--list-group-border-radius);
            border-start-end-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
            border-start-end-radius: var(--list-group-border-radius);
            border-end-start-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: var(--list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--list-group-border-width));
                border-left-width: var(--list-group-border-width)
            }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
            border-end-start-radius: var(--list-group-border-radius);
            border-start-end-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
            border-start-end-radius: var(--list-group-border-radius);
            border-end-start-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: var(--list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--list-group-border-width));
                border-left-width: var(--list-group-border-width)
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 var(--list-group-border-width)
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    --list-group-color: var(--primary-text-emphasis);
    --list-group-bg: var(--primary-bg-subtle);
    --list-group-border-color: var(--primary-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--primary-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--primary-border-subtle);
    --list-group-active-color: var(--primary-bg-subtle);
    --list-group-active-bg: var(--primary-text-emphasis);
    --list-group-active-border-color: var(--primary-text-emphasis)
}

.list-group-item-secondary {
    --list-group-color: var(--secondary-text-emphasis);
    --list-group-bg: var(--secondary-bg-subtle);
    --list-group-border-color: var(--secondary-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--secondary-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--secondary-border-subtle);
    --list-group-active-color: var(--secondary-bg-subtle);
    --list-group-active-bg: var(--secondary-text-emphasis);
    --list-group-active-border-color: var(--secondary-text-emphasis)
}

.list-group-item-success {
    --list-group-color: var(--success-text-emphasis);
    --list-group-bg: var(--success-bg-subtle);
    --list-group-border-color: var(--success-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--success-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--success-border-subtle);
    --list-group-active-color: var(--success-bg-subtle);
    --list-group-active-bg: var(--success-text-emphasis);
    --list-group-active-border-color: var(--success-text-emphasis)
}

.list-group-item-info {
    --list-group-color: var(--info-text-emphasis);
    --list-group-bg: var(--info-bg-subtle);
    --list-group-border-color: var(--info-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--info-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--info-border-subtle);
    --list-group-active-color: var(--info-bg-subtle);
    --list-group-active-bg: var(--info-text-emphasis);
    --list-group-active-border-color: var(--info-text-emphasis)
}

.list-group-item-warning {
    --list-group-color: var(--warning-text-emphasis);
    --list-group-bg: var(--warning-bg-subtle);
    --list-group-border-color: var(--warning-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--warning-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--warning-border-subtle);
    --list-group-active-color: var(--warning-bg-subtle);
    --list-group-active-bg: var(--warning-text-emphasis);
    --list-group-active-border-color: var(--warning-text-emphasis)
}

.list-group-item-danger {
    --list-group-color: var(--danger-text-emphasis);
    --list-group-bg: var(--danger-bg-subtle);
    --list-group-border-color: var(--danger-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--danger-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--danger-border-subtle);
    --list-group-active-color: var(--danger-bg-subtle);
    --list-group-active-bg: var(--danger-text-emphasis);
    --list-group-active-border-color: var(--danger-text-emphasis)
}

.list-group-item-light {
    --list-group-color: var(--light-text-emphasis);
    --list-group-bg: var(--light-bg-subtle);
    --list-group-border-color: var(--light-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--light-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--light-border-subtle);
    --list-group-active-color: var(--light-bg-subtle);
    --list-group-active-bg: var(--light-text-emphasis);
    --list-group-active-border-color: var(--light-text-emphasis)
}

.list-group-item-dark {
    --list-group-color: var(--dark-text-emphasis);
    --list-group-bg: var(--dark-bg-subtle);
    --list-group-border-color: var(--dark-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--dark-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--dark-border-subtle);
    --list-group-active-color: var(--dark-bg-subtle);
    --list-group-active-bg: var(--dark-text-emphasis);
    --list-group-active-border-color: var(--dark-text-emphasis)
}

.list-group-item-gray {
    --list-group-color: var(--gray-text-emphasis);
    --list-group-bg: var(--gray-bg-subtle);
    --list-group-border-color: var(--gray-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--gray-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--gray-border-subtle);
    --list-group-active-color: var(--gray-bg-subtle);
    --list-group-active-bg: var(--gray-text-emphasis);
    --list-group-active-border-color: var(--gray-text-emphasis)
}

.list-group-item-primary-dark {
    --list-group-color: var(--primary-dark-text-emphasis);
    --list-group-bg: var(--primary-dark-bg-subtle);
    --list-group-border-color: var(--primary-dark-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--primary-dark-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--primary-dark-border-subtle);
    --list-group-active-color: var(--primary-dark-bg-subtle);
    --list-group-active-bg: var(--primary-dark-text-emphasis);
    --list-group-active-border-color: var(--primary-dark-text-emphasis)
}

.list-group-item-warning-dark {
    --list-group-color: var(--warning-dark-text-emphasis);
    --list-group-bg: var(--warning-dark-bg-subtle);
    --list-group-border-color: var(--warning-dark-border-subtle);
    --list-group-action-hover-color: var(--emphasis-color);
    --list-group-action-hover-bg: var(--warning-dark-border-subtle);
    --list-group-action-active-color: var(--emphasis-color);
    --list-group-action-active-bg: var(--warning-dark-border-subtle);
    --list-group-active-color: var(--warning-dark-bg-subtle);
    --list-group-active-bg: var(--warning-dark-text-emphasis);
    --list-group-active-border-color: var(--warning-dark-text-emphasis)
}

.btn-close, .close {
    --btn-close-color: #000;
    --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --btn-close-opacity: .5;
    --btn-close-hover-opacity: .75;
    --btn-close-focus-shadow: none;
    --btn-close-focus-opacity: 1;
    --btn-close-disabled-opacity: .25;
    --btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--btn-close-color);
    background: transparent var(--btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--btn-close-opacity);
    transition: opacity 0.1s, color 0.1s
}

    .btn-close:hover, .close:hover {
        color: var(--btn-close-color);
        text-decoration: none;
        opacity: var(--btn-close-hover-opacity)
    }

    .btn-close:focus, .close:focus {
        outline: 0;
        box-shadow: var(--btn-close-focus-shadow);
        opacity: var(--btn-close-focus-opacity)
    }

    .btn-close:disabled, .close:disabled, .btn-close.disabled, .disabled.close {
        pointer-events: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: var(--btn-close-disabled-opacity)
    }

.btn-close-white, .badge:not(.badge-subtle,.badge-outline,.badge-light) > .btn-close, .badge:not(.badge-subtle,.badge-outline,.badge-light) > .close {
    -webkit-filter: var(--btn-close-white-filter);
    filter: var(--btn-close-white-filter)
}

.xclose {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .xclose:hover {
        color: #000;
        text-decoration: none
    }

    .xclose:not(:disabled):not(.disabled):hover, .xclose:not(:disabled):not(.disabled):focus {
        opacity: .75
    }

button.xclose {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.xclose.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    --modal-zindex: 1050;
    --modal-width: 500px;
    --modal-padding: 1.5rem;
    --modal-margin: .5rem;
    --modal-border-color: rgba(0,0,0,0.06);
    --modal-border-width: 0;
    --modal-border-radius: var(--border-radius-lg);
    --modal-box-shadow: var(--box-shadow-sm);
    --modal-inner-border-radius: calc(var(--border-radius-lg) - 0);
    --modal-header-padding-x: var(--modal-padding);
    --modal-header-padding-y: var(--modal-padding);
    --modal-header-border-color: var(--border-color);
    --modal-header-border-width: 0;
    --modal-title-line-height: 1.5715;
    --modal-footer-gap: .375rem;
    --modal-footer-border-color: var(--border-color);
    --modal-footer-border-width: 0;
    --modal-bg: var(--body-bg);
    --modal-footer-bg: rgba(0,0,0,0.04);
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: all 0.2s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--modal-margin) * 2)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--modal-margin) * 2)
}

.modal-title {
    color: var(--modal-color, inherit)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--modal-color, inherit);
    pointer-events: auto;
    background-color: var(--modal-bg);
    background-clip: padding-box;
    border: var(--modal-border-width) solid var(--modal-border-color);
    border-radius: var(--modal-border-radius);
    box-shadow: var(--modal-box-shadow);
    outline: 0
}

.modal-backdrop {
    --backdrop-zindex: 1040;
    --backdrop-bg: #000;
    --backdrop-opacity: .68;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--backdrop-bg)
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--modal-header-padding-y) var(--modal-header-padding-x);
    border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color);
    border-start-start-radius: var(--modal-inner-border-radius);
    border-start-end-radius: var(--modal-inner-border-radius)
}

    .modal-header .btn-close, .modal-header .close {
        padding: calc(var(--modal-header-padding-y) * .5) calc(var(--modal-header-padding-x) * .5);
        margin: calc(-.5 * var(--modal-header-padding-y)) calc(-.5 * var(--modal-header-padding-x)) calc(-.5 * var(--modal-header-padding-y)) auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--modal-footer-gap);
    padding: var(--modal-padding);
    background-color: var(--modal-footer-bg, transparent);
    border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color);
    border-end-end-radius: var(--modal-inner-border-radius);
    border-end-start-radius: var(--modal-inner-border-radius)
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal {
        --modal-margin: 1.75rem;
        --modal-box-shadow: var(--box-shadow-md)
    }

    .modal-dialog {
        max-width: var(--modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --modal-width: 1140px
    }
}

@media (max-width: 575.98px) {
    .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen .modal-body {
            overflow-y: auto
        }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
}

.modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5715;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .8125rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .375rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5715;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    border-radius: .5rem;
    box-shadow: 0 calc(6px * var(--shadow-yoffset, 1)) 24px -5px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(5px * var(--shadow-yoffset, 1)) 12px -5px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.17))
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .5rem
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: .5rem
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
        bottom: calc(-.5rem - 1px)
    }

        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
            bottom: 0;
            border-width: .5rem .5rem 0;
            border-top-color: #e9ecef
        }

        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: #fff
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: .5rem
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
        left: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .5rem 0
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
            left: 0;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #e9ecef
        }

        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
            left: 1px;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #fff
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: .5rem
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
        top: calc(-.5rem - 1px)
    }

        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
            top: 0;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #e9ecef
        }

        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
            top: 1px;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #fff
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: .5rem
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
        right: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .5rem 0
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
            right: 0;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #e9ecef
        }

        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
            right: 1px;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-start-start-radius: calc(.5rem - 1px);
    border-start-end-radius: calc(.5rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #393f46
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

    .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity 0.15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50% / 100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity 0.6s ease
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0,0,0,0.8) 75%, #000 95%);
    mask-image: gradient(130deg, #000 55%, rgba(0,0,0,0.8) 75%, #000 95%);
    mask-size: 200% 100%;
    -webkit-mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #aab5bf;
        page-break-inside: avoid
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, .h2, h3, .h3 {
        orphans: 3;
        widows: 3
    }

    h2, .h2, h3, .h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.rounded, .rounded-0, .rounded-1, .rounded-sm, .rounded-2, .rounded-3, .rounded-lg, .rounded-4, .rounded-xl, .rounded-5, .rounded-xxl, .rounded-pill, .rounded-circle {
    border-radius: var(--border-radius) !important
}

.rounded, .rounded-1, .rounded-sm, .rounded-2, .rounded-3, .rounded-lg, .rounded-4, .rounded-xl, .rounded-5, .rounded-xxl {
    --border-radius-inner: calc(var(--border-radius) - 1px)
}

.rounded-pill, .rounded-circle {
    --border-radius-inner: var(--border-radius)
}

.rounded-0 {
    --border-radius-inner: 0;
    --btn-border-radius: 0
}

.rounded-left, [class*=rounded-start-] {
    border-end-start-radius: var(--border-radius-start) !important;
    border-start-start-radius: var(--border-radius-start) !important
}

.rounded-right, [class*=rounded-end-] {
    border-start-end-radius: var(--border-radius-end) !important;
    border-end-end-radius: var(--border-radius-end) !important
}

.rounded-top, [class*=rounded-top-] {
    border-start-start-radius: var(--border-radius-top) !important;
    border-start-end-radius: var(--border-radius-top) !important
}

.rounded-bottom, [class*=rounded-bottom-] {
    border-end-end-radius: var(--border-radius-bottom) !important;
    border-end-start-radius: var(--border-radius-bottom) !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: RGBA(var(--primary-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--primary-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-primary:hover, .link-primary:focus {
        color: RGBA(38,98,152, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(38,98,152, var(--link-underline-opacity, 1)) !important
    }

.link-secondary {
    color: RGBA(var(--secondary-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--secondary-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-secondary:hover, .link-secondary:focus {
        color: RGBA(242,244,246, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(242,244,246, var(--link-underline-opacity, 1)) !important
    }

.link-success {
    color: RGBA(var(--success-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--success-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-success:hover, .link-success:focus {
        color: RGBA(0,126,93, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(0,126,93, var(--link-underline-opacity, 1)) !important
    }

.link-info {
    color: RGBA(var(--info-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--info-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-info:hover, .link-info:focus {
        color: RGBA(35,113,110, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(35,113,110, var(--link-underline-opacity, 1)) !important
    }

.link-warning {
    color: RGBA(var(--warning-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--warning-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-warning:hover, .link-warning:focus {
        color: RGBA(190,124,0, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(190,124,0, var(--link-underline-opacity, 1)) !important
    }

.link-danger {
    color: RGBA(var(--danger-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--danger-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-danger:hover, .link-danger:focus {
        color: RGBA(176,38,0, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(176,38,0, var(--link-underline-opacity, 1)) !important
    }

.link-light {
    color: RGBA(var(--light-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--light-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-light:hover, .link-light:focus {
        color: RGBA(249,250,251, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(249,250,251, var(--link-underline-opacity, 1)) !important
    }

.link-dark {
    color: RGBA(var(--dark-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--dark-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-dark:hover, .link-dark:focus {
        color: RGBA(0,25,66, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(0,25,66, var(--link-underline-opacity, 1)) !important
    }

.link-gray {
    color: RGBA(var(--gray-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--gray-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-gray:hover, .link-gray:focus {
        color: RGBA(71,78,82, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(71,78,82, var(--link-underline-opacity, 1)) !important
    }

.link-primary-dark {
    color: RGBA(var(--primary-dark-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--primary-dark-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-primary-dark:hover, .link-primary-dark:focus {
        color: RGBA(19,64,127, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(19,64,127, var(--link-underline-opacity, 1)) !important
    }

.link-warning-dark {
    color: RGBA(var(--warning-dark-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--warning-dark-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-warning-dark:hover, .link-warning-dark:focus {
        color: RGBA(185,99,0, var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(185,99,0, var(--link-underline-opacity, 1)) !important
    }

.link-body, a.pretty-link {
    color: RGBA(var(--body-color-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--body-color-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-body:hover, a.pretty-link:hover, .link-body:focus, a.pretty-link:focus {
        color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 1)) !important
    }

.link-body-emphasis {
    color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 1)) !important
}

    .link-body-emphasis:hover, .link-body-emphasis:focus {
        color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 0.75)) !important;
        text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 0.75)) !important
    }

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--primary-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #393f46 !important;
    background-color: RGBA(var(--secondary-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(var(--success-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-info {
    color: #fff !important;
    background-color: RGBA(var(--info-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #fff !important;
    background-color: RGBA(var(--warning-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--danger-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-light {
    color: #393f46 !important;
    background-color: RGBA(var(--light-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--dark-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-gray {
    color: #fff !important;
    background-color: RGBA(var(--gray-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-primary-dark {
    color: #fff !important;
    background-color: RGBA(var(--primary-dark-rgb), var(--bg-opacity, 1)) !important
}

.text-bg-warning-dark {
    color: #fff !important;
    background-color: RGBA(var(--warning-dark-rgb), var(--bg-opacity, 1)) !important
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.embed-responsive-21by9::before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-16by10::before {
    padding-top: 62.5%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.sr-only, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.text-justify {
    text-align: justify !important
}

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

.text-primary {
    color: #307abe !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #215381 !important
}

.text-secondary {
    color: #eff1f3 !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #c3cbd3 !important
}

.text-success {
    color: #009e74 !important
}

a.text-success:hover, a.text-success:focus {
    color: #00523c !important
}

.text-info {
    color: #2c8d8a !important
}

a.text-info:hover, a.text-info:focus {
    color: #1a5351 !important
}

.text-warning {
    color: #ee9B00 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #a26900 !important
}

.text-danger {
    color: #dc3000 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #901f00 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #001f52 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #000206 !important
}

.text-gray {
    color: #596167 !important
}

a.text-gray:hover, a.text-gray:focus {
    color: #363a3e !important
}

.text-primary-dark {
    color: #18509f !important
}

a.text-primary-dark:hover, a.text-primary-dark:focus {
    color: #0e2f5d !important
}

.text-warning-dark {
    color: #e77c00 !important
}

a.text-warning-dark:hover, a.text-warning-dark:focus {
    color: #9b5300 !important
}

.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-left {
    float: left !important
}

.float-end {
    float: right !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.fit-contain {
    fit: contain !important
}

.fit-cover {
    fit: cover !important
}

.fit-fill {
    fit: fill !important
}

.fit-scale {
    fit: scale-down !important
}

.fit-none {
    fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-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 calc(6px * var(--shadow-yoffset, 1)) 24px -5px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(5px * var(--shadow-yoffset, 1)) 12px -5px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.17)) !important
}

.shadow-sm {
    box-shadow: 0 calc(2px * var(--shadow-yoffset, 1)) 16px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(2px * var(--shadow-yoffset, 1)) 3px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.15)) !important
}

.shadow-lg {
    box-shadow: 0 calc(10px * var(--shadow-yoffset, 1)) 40px -4px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.14)),0 calc(12px * var(--shadow-yoffset, 1)) 28px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.2)) !important
}

.shadow-none {
    box-shadow: none !important
}

.shadow-xs {
    box-shadow: 0 calc(1px * var(--shadow-yoffset, 1)) 8px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(1px * var(--shadow-yoffset, 1)) 1px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.3)) !important
}

.shadow-xl {
    box-shadow: 0 calc(17px * var(--shadow-yoffset, 1)) 70px -7px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.14)),0 calc(20px * var(--shadow-yoffset, 1)) 48px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.22)) !important
}

.focus-ring-primary {
    --focus-ring-color: rgba(var(--primary-rgb), var(--focus-ring-opacity))
}

.focus-ring-secondary {
    --focus-ring-color: rgba(var(--secondary-rgb), var(--focus-ring-opacity))
}

.focus-ring-success {
    --focus-ring-color: rgba(var(--success-rgb), var(--focus-ring-opacity))
}

.focus-ring-info {
    --focus-ring-color: rgba(var(--info-rgb), var(--focus-ring-opacity))
}

.focus-ring-warning {
    --focus-ring-color: rgba(var(--warning-rgb), var(--focus-ring-opacity))
}

.focus-ring-danger {
    --focus-ring-color: rgba(var(--danger-rgb), var(--focus-ring-opacity))
}

.focus-ring-light {
    --focus-ring-color: rgba(var(--light-rgb), var(--focus-ring-opacity))
}

.focus-ring-dark {
    --focus-ring-color: rgba(var(--dark-rgb), var(--focus-ring-opacity))
}

.focus-ring-gray {
    --focus-ring-color: rgba(var(--gray-rgb), var(--focus-ring-opacity))
}

.focus-ring-primary-dark {
    --focus-ring-color: rgba(var(--primary-dark-rgb), var(--focus-ring-opacity))
}

.focus-ring-warning-dark {
    --focus-ring-color: rgba(var(--warning-dark-rgb), var(--focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    inset-inline-start: 0 !important
}

.start-50 {
    inset-inline-start: 50% !important
}

.start-100 {
    inset-inline-start: 100% !important
}

.end-0 {
    inset-inline-end: 0 !important
}

.end-50 {
    inset-inline-end: 50% !important
}

.end-100 {
    inset-inline-end: 100% !important
}

.translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

.translate-middle-y {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

.border {
    border: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end, .border-right {
    -webkit-border-end: var(--border-width) var(--border-style) var(--border-color) !important;
    border-inline-end: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-end-0, .border-right-0 {
    -webkit-border-end: 0 !important;
    border-inline-end: 0 !important
}

.border-bottom {
    border-bottom: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start, .border-left {
    -webkit-border-start: var(--border-width) var(--border-style) var(--border-color) !important;
    border-inline-start: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-start-0, .border-left-0 {
    -webkit-border-start: 0 !important;
    border-inline-start: 0 !important
}

.border-primary {
    --border-opacity: 1;
    border-color: rgba(var(--primary-rgb), var(--border-opacity)) !important
}

.border-secondary {
    --border-opacity: 1;
    border-color: rgba(var(--secondary-rgb), var(--border-opacity)) !important
}

.border-success {
    --border-opacity: 1;
    border-color: rgba(var(--success-rgb), var(--border-opacity)) !important
}

.border-info {
    --border-opacity: 1;
    border-color: rgba(var(--info-rgb), var(--border-opacity)) !important
}

.border-warning {
    --border-opacity: 1;
    border-color: rgba(var(--warning-rgb), var(--border-opacity)) !important
}

.border-danger {
    --border-opacity: 1;
    border-color: rgba(var(--danger-rgb), var(--border-opacity)) !important
}

.border-light {
    --border-opacity: 1;
    border-color: rgba(var(--light-rgb), var(--border-opacity)) !important
}

.border-dark {
    --border-opacity: 1;
    border-color: rgba(var(--dark-rgb), var(--border-opacity)) !important
}

.border-gray {
    --border-opacity: 1;
    border-color: rgba(var(--gray-rgb), var(--border-opacity)) !important
}

.border-primary-dark {
    --border-opacity: 1;
    border-color: rgba(var(--primary-dark-rgb), var(--border-opacity)) !important
}

.border-warning-dark {
    --border-opacity: 1;
    border-color: rgba(var(--warning-dark-rgb), var(--border-opacity)) !important
}

.border-black {
    --border-opacity: 1;
    border-color: rgba(var(--black-rgb), var(--border-opacity)) !important
}

.border-white {
    --border-opacity: 1;
    border-color: rgba(var(--white-rgb), var(--border-opacity)) !important
}

.border-primary-subtle {
    border-color: var(--primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--dark-border-subtle) !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
}

.border-opacity-10 {
    --border-opacity: .1
}

.border-opacity-25 {
    --border-opacity: .25
}

.border-opacity-50 {
    --border-opacity: .5
}

.border-opacity-75 {
    --border-opacity: .75
}

.border-opacity-100 {
    --border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.h-medium {
    min-height: 400px !important
}

.h-tall {
    min-height: 700px !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
}

.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: .25rem !important
}

.m-2 {
    margin: .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-auto {
    margin: auto !important
}

.mx-0 {
    margin-inline: 0 !important
}

.mx-1 {
    margin-inline: .25rem !important
}

.mx-2 {
    margin-inline: .5rem !important
}

.mx-3 {
    margin-inline: 1rem !important
}

.mx-4 {
    margin-inline: 1.5rem !important
}

.mx-5 {
    margin-inline: 3rem !important
}

.mx-6 {
    margin-inline: 4.5rem !important
}

.mx-auto {
    margin-inline: auto !important
}

.my-0 {
    margin-block: 0 !important
}

.my-1 {
    margin-block: .25rem !important
}

.my-2 {
    margin-block: .5rem !important
}

.my-3 {
    margin-block: 1rem !important
}

.my-4 {
    margin-block: 1.5rem !important
}

.my-5 {
    margin-block: 3rem !important
}

.my-6 {
    margin-block: 4.5rem !important
}

.my-auto {
    margin-block: auto !important
}

.mt-0 {
    -webkit-margin-before: 0 !important;
    margin-block-start: 0 !important
}

.mt-1 {
    -webkit-margin-before: .25rem !important;
    margin-block-start: .25rem !important
}

.mt-2 {
    -webkit-margin-before: .5rem !important;
    margin-block-start: .5rem !important
}

.mt-3 {
    -webkit-margin-before: 1rem !important;
    margin-block-start: 1rem !important
}

.mt-4 {
    -webkit-margin-before: 1.5rem !important;
    margin-block-start: 1.5rem !important
}

.mt-5 {
    -webkit-margin-before: 3rem !important;
    margin-block-start: 3rem !important
}

.mt-6 {
    -webkit-margin-before: 4.5rem !important;
    margin-block-start: 4.5rem !important
}

.mt-auto {
    -webkit-margin-before: auto !important;
    margin-block-start: auto !important
}

.mr-0 {
    -webkit-margin-end: 0 !important;
    margin-inline-end: 0 !important
}

.mr-1 {
    -webkit-margin-end: .25rem !important;
    margin-inline-end: .25rem !important
}

.mr-2 {
    -webkit-margin-end: .5rem !important;
    margin-inline-end: .5rem !important
}

.mr-3 {
    -webkit-margin-end: 1rem !important;
    margin-inline-end: 1rem !important
}

.mr-4 {
    -webkit-margin-end: 1.5rem !important;
    margin-inline-end: 1.5rem !important
}

.mr-5 {
    -webkit-margin-end: 3rem !important;
    margin-inline-end: 3rem !important
}

.mr-6 {
    -webkit-margin-end: 4.5rem !important;
    margin-inline-end: 4.5rem !important
}

.mr-auto {
    -webkit-margin-end: auto !important;
    margin-inline-end: auto !important
}

.mb-0 {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important
}

.mb-1 {
    -webkit-margin-after: .25rem !important;
    margin-block-end: .25rem !important
}

.mb-2 {
    -webkit-margin-after: .5rem !important;
    margin-block-end: .5rem !important
}

.mb-3 {
    -webkit-margin-after: 1rem !important;
    margin-block-end: 1rem !important
}

.mb-4 {
    -webkit-margin-after: 1.5rem !important;
    margin-block-end: 1.5rem !important
}

.mb-5 {
    -webkit-margin-after: 3rem !important;
    margin-block-end: 3rem !important
}

.mb-6 {
    -webkit-margin-after: 4.5rem !important;
    margin-block-end: 4.5rem !important
}

.mb-auto {
    -webkit-margin-after: auto !important;
    margin-block-end: auto !important
}

.ml-0 {
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important
}

.ml-1 {
    -webkit-margin-start: .25rem !important;
    margin-inline-start: .25rem !important
}

.ml-2 {
    -webkit-margin-start: .5rem !important;
    margin-inline-start: .5rem !important
}

.ml-3 {
    -webkit-margin-start: 1rem !important;
    margin-inline-start: 1rem !important
}

.ml-4 {
    -webkit-margin-start: 1.5rem !important;
    margin-inline-start: 1.5rem !important
}

.ml-5 {
    -webkit-margin-start: 3rem !important;
    margin-inline-start: 3rem !important
}

.ml-6 {
    -webkit-margin-start: 4.5rem !important;
    margin-inline-start: 4.5rem !important
}

.ml-auto {
    -webkit-margin-start: auto !important;
    margin-inline-start: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.m-n6 {
    margin: -4.5rem !important
}

.mx-n1 {
    margin-inline: -.25rem !important
}

.mx-n2 {
    margin-inline: -.5rem !important
}

.mx-n3 {
    margin-inline: -1rem !important
}

.mx-n4 {
    margin-inline: -1.5rem !important
}

.mx-n5 {
    margin-inline: -3rem !important
}

.mx-n6 {
    margin-inline: -4.5rem !important
}

.my-n1 {
    margin-block: -.25rem !important
}

.my-n2 {
    margin-block: -.5rem !important
}

.my-n3 {
    margin-block: -1rem !important
}

.my-n4 {
    margin-block: -1.5rem !important
}

.my-n5 {
    margin-block: -3rem !important
}

.my-n6 {
    margin-block: -4.5rem !important
}

.mt-n1 {
    -webkit-margin-before: -.25rem !important;
    margin-block-start: -.25rem !important
}

.mt-n2 {
    -webkit-margin-before: -.5rem !important;
    margin-block-start: -.5rem !important
}

.mt-n3 {
    -webkit-margin-before: -1rem !important;
    margin-block-start: -1rem !important
}

.mt-n4 {
    -webkit-margin-before: -1.5rem !important;
    margin-block-start: -1.5rem !important
}

.mt-n5 {
    -webkit-margin-before: -3rem !important;
    margin-block-start: -3rem !important
}

.mt-n6 {
    -webkit-margin-before: -4.5rem !important;
    margin-block-start: -4.5rem !important
}

.mr-n1 {
    -webkit-margin-end: -.25rem !important;
    margin-inline-end: -.25rem !important
}

.mr-n2 {
    -webkit-margin-end: -.5rem !important;
    margin-inline-end: -.5rem !important
}

.mr-n3 {
    -webkit-margin-end: -1rem !important;
    margin-inline-end: -1rem !important
}

.mr-n4 {
    -webkit-margin-end: -1.5rem !important;
    margin-inline-end: -1.5rem !important
}

.mr-n5 {
    -webkit-margin-end: -3rem !important;
    margin-inline-end: -3rem !important
}

.mr-n6 {
    -webkit-margin-end: -4.5rem !important;
    margin-inline-end: -4.5rem !important
}

.mb-n1 {
    -webkit-margin-after: -.25rem !important;
    margin-block-end: -.25rem !important
}

.mb-n2 {
    -webkit-margin-after: -.5rem !important;
    margin-block-end: -.5rem !important
}

.mb-n3 {
    -webkit-margin-after: -1rem !important;
    margin-block-end: -1rem !important
}

.mb-n4 {
    -webkit-margin-after: -1.5rem !important;
    margin-block-end: -1.5rem !important
}

.mb-n5 {
    -webkit-margin-after: -3rem !important;
    margin-block-end: -3rem !important
}

.mb-n6 {
    -webkit-margin-after: -4.5rem !important;
    margin-block-end: -4.5rem !important
}

.ml-n1 {
    -webkit-margin-start: -.25rem !important;
    margin-inline-start: -.25rem !important
}

.ml-n2 {
    -webkit-margin-start: -.5rem !important;
    margin-inline-start: -.5rem !important
}

.ml-n3 {
    -webkit-margin-start: -1rem !important;
    margin-inline-start: -1rem !important
}

.ml-n4 {
    -webkit-margin-start: -1.5rem !important;
    margin-inline-start: -1.5rem !important
}

.ml-n5 {
    -webkit-margin-start: -3rem !important;
    margin-inline-start: -3rem !important
}

.ml-n6 {
    -webkit-margin-start: -4.5rem !important;
    margin-inline-start: -4.5rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.p-6 {
    padding: 4.5rem !important
}

.px-0 {
    padding-inline: 0 !important
}

.px-1 {
    padding-inline: .25rem !important
}

.px-2 {
    padding-inline: .5rem !important
}

.px-3 {
    padding-inline: 1rem !important
}

.px-4 {
    padding-inline: 1.5rem !important
}

.px-5 {
    padding-inline: 3rem !important
}

.px-6 {
    padding-inline: 4.5rem !important
}

.py-0 {
    padding-block: 0 !important
}

.py-1 {
    padding-block: .25rem !important
}

.py-2 {
    padding-block: .5rem !important
}

.py-3 {
    padding-block: 1rem !important
}

.py-4 {
    padding-block: 1.5rem !important
}

.py-5 {
    padding-block: 3rem !important
}

.py-6 {
    padding-block: 4.5rem !important
}

.pt-0 {
    -webkit-padding-before: 0 !important;
    padding-block-start: 0 !important
}

.pt-1 {
    -webkit-padding-before: .25rem !important;
    padding-block-start: .25rem !important
}

.pt-2 {
    -webkit-padding-before: .5rem !important;
    padding-block-start: .5rem !important
}

.pt-3 {
    -webkit-padding-before: 1rem !important;
    padding-block-start: 1rem !important
}

.pt-4 {
    -webkit-padding-before: 1.5rem !important;
    padding-block-start: 1.5rem !important
}

.pt-5 {
    -webkit-padding-before: 3rem !important;
    padding-block-start: 3rem !important
}

.pt-6 {
    -webkit-padding-before: 4.5rem !important;
    padding-block-start: 4.5rem !important
}

.pr-0 {
    -webkit-padding-end: 0 !important;
    padding-inline-end: 0 !important
}

.pr-1 {
    -webkit-padding-end: .25rem !important;
    padding-inline-end: .25rem !important
}

.pr-2 {
    -webkit-padding-end: .5rem !important;
    padding-inline-end: .5rem !important
}

.pr-3 {
    -webkit-padding-end: 1rem !important;
    padding-inline-end: 1rem !important
}

.pr-4 {
    -webkit-padding-end: 1.5rem !important;
    padding-inline-end: 1.5rem !important
}

.pr-5 {
    -webkit-padding-end: 3rem !important;
    padding-inline-end: 3rem !important
}

.pr-6 {
    -webkit-padding-end: 4.5rem !important;
    padding-inline-end: 4.5rem !important
}

.pb-0 {
    -webkit-padding-after: 0 !important;
    padding-block-end: 0 !important
}

.pb-1 {
    -webkit-padding-after: .25rem !important;
    padding-block-end: .25rem !important
}

.pb-2 {
    -webkit-padding-after: .5rem !important;
    padding-block-end: .5rem !important
}

.pb-3 {
    -webkit-padding-after: 1rem !important;
    padding-block-end: 1rem !important
}

.pb-4 {
    -webkit-padding-after: 1.5rem !important;
    padding-block-end: 1.5rem !important
}

.pb-5 {
    -webkit-padding-after: 3rem !important;
    padding-block-end: 3rem !important
}

.pb-6 {
    -webkit-padding-after: 4.5rem !important;
    padding-block-end: 4.5rem !important
}

.pl-0 {
    -webkit-padding-start: 0 !important;
    padding-inline-start: 0 !important
}

.pl-1 {
    -webkit-padding-start: .25rem !important;
    padding-inline-start: .25rem !important
}

.pl-2 {
    -webkit-padding-start: .5rem !important;
    padding-inline-start: .5rem !important
}

.pl-3 {
    -webkit-padding-start: 1rem !important;
    padding-inline-start: 1rem !important
}

.pl-4 {
    -webkit-padding-start: 1.5rem !important;
    padding-inline-start: 1.5rem !important
}

.pl-5 {
    -webkit-padding-start: 3rem !important;
    padding-inline-start: 3rem !important
}

.pl-6 {
    -webkit-padding-start: 4.5rem !important;
    padding-inline-start: 4.5rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.gap-6 {
    gap: 4.5rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.row-gap-6 {
    row-gap: 4.5rem !important
}

.column-gap-0 {
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.column-gap-1 {
    -webkit-column-gap: .25rem !important;
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

.column-gap-2 {
    -webkit-column-gap: .5rem !important;
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.column-gap-3 {
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.column-gap-4 {
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.column-gap-5 {
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
}

.column-gap-6 {
    -webkit-column-gap: 4.5rem !important;
    -moz-column-gap: 4.5rem !important;
    column-gap: 4.5rem !important
}

.font-monospace, .text-monospace {
    font-family: var(--font-monospace) !important
}

.fs-1, .fs-h1 {
    font-size: 2.25rem !important
}

.fs-2, .fs-h2 {
    font-size: 1.75rem !important
}

.fs-3, .fs-h3 {
    font-size: 1.375rem !important
}

.fs-4, .fs-h4 {
    font-size: 1.25rem !important
}

.fs-5, .fs-h5 {
    font-size: 1.125rem !important
}

.fs-6, .fs-h6 {
    font-size: 1rem !important
}

.fst-italic, .font-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter, .font-weight-lighter {
    font-weight: lighter !important
}

.fw-light, .fwl, .font-weight-light {
    font-weight: 300 !important
}

.fw-normal, .fwn, .font-weight-normal {
    font-weight: 400 !important
}

.fw-medium, .font-weight-medium, .fwm {
    font-weight: 600 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold, .fwb, .font-weight-bold {
    font-weight: 700 !important
}

.fw-bolder, .font-weight-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.429 !important
}

.lh-base {
    line-height: 1.5715 !important
}

.lh-lg {
    line-height: 1.375 !important
}

.text-start {
    text-align: start !important
}

.text-left {
    text-align: start !important
}

.text-end {
    text-align: end !important
}

.text-right {
    text-align: end !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 {
    --text-opacity: 1;
    color: rgba(var(--primary-rgb), var(--text-opacity)) !important
}

.text-secondary {
    --text-opacity: 1;
    color: rgba(var(--secondary-rgb), var(--text-opacity)) !important
}

.text-success {
    --text-opacity: 1;
    color: rgba(var(--success-rgb), var(--text-opacity)) !important
}

.text-info {
    --text-opacity: 1;
    color: rgba(var(--info-rgb), var(--text-opacity)) !important
}

.text-warning {
    --text-opacity: 1;
    color: rgba(var(--warning-rgb), var(--text-opacity)) !important
}

.text-danger {
    --text-opacity: 1;
    color: rgba(var(--danger-rgb), var(--text-opacity)) !important
}

.text-light {
    --text-opacity: 1;
    color: rgba(var(--light-rgb), var(--text-opacity)) !important
}

.text-dark {
    --text-opacity: 1;
    color: rgba(var(--dark-rgb), var(--text-opacity)) !important
}

.text-gray {
    --text-opacity: 1;
    color: rgba(var(--gray-rgb), var(--text-opacity)) !important
}

.text-primary-dark {
    --text-opacity: 1;
    color: rgba(var(--primary-dark-rgb), var(--text-opacity)) !important
}

.text-warning-dark {
    --text-opacity: 1;
    color: rgba(var(--warning-dark-rgb), var(--text-opacity)) !important
}

.text-black {
    --text-opacity: 1;
    color: rgba(var(--black-rgb), var(--text-opacity)) !important
}

.text-white {
    --text-opacity: 1;
    color: rgba(var(--white-rgb), var(--text-opacity)) !important
}

.text-body {
    --text-opacity: 1;
    color: rgba(var(--body-color-rgb), var(--text-opacity)) !important
}

.text-muted, .muted {
    --text-opacity: 1;
    color: var(--secondary-color) !important
}

.text-black-50 {
    --text-opacity: 1;
    color: rgba(0,0,0,0.5) !important
}

.text-white-50 {
    --text-opacity: 1;
    color: rgba(255,255,255,0.5) !important
}

.text-body-secondary {
    --text-opacity: 1;
    color: var(--secondary-color) !important
}

.text-body-tertiary {
    --text-opacity: 1;
    color: var(--tertiary-color) !important
}

.text-body-emphasis {
    --text-opacity: 1;
    color: var(--emphasis-color) !important
}

.text-reset {
    --text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --text-opacity: .25
}

.text-opacity-50 {
    --text-opacity: .5
}

.text-opacity-75 {
    --text-opacity: .75
}

.text-opacity-100 {
    --text-opacity: 1
}

.text-primary-emphasis {
    color: var(--primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--dark-text-emphasis) !important
}

.link-opacity-10 {
    --link-opacity: .1
}

.link-opacity-10-hover:hover {
    --link-opacity: .1
}

.link-opacity-25 {
    --link-opacity: .25
}

.link-opacity-25-hover:hover {
    --link-opacity: .25
}

.link-opacity-50 {
    --link-opacity: .5
}

.link-opacity-50-hover:hover {
    --link-opacity: .5
}

.link-opacity-75 {
    --link-opacity: .75
}

.link-opacity-75-hover:hover {
    --link-opacity: .75
}

.link-opacity-100 {
    --link-opacity: 1
}

.link-opacity-100-hover:hover {
    --link-opacity: 1
}

.link-offset-1 {
    text-underline-offset: .125em !important
}

.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2 {
    text-underline-offset: .25em !important
}

.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3 {
    text-underline-offset: .375em !important
}

.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--primary-rgb), var(--link-underline-opacity)) !important
}

.link-underline-secondary {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--secondary-rgb), var(--link-underline-opacity)) !important
}

.link-underline-success {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--success-rgb), var(--link-underline-opacity)) !important
}

.link-underline-info {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--info-rgb), var(--link-underline-opacity)) !important
}

.link-underline-warning {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--warning-rgb), var(--link-underline-opacity)) !important
}

.link-underline-danger {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--danger-rgb), var(--link-underline-opacity)) !important
}

.link-underline-light {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--light-rgb), var(--link-underline-opacity)) !important
}

.link-underline-dark {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--dark-rgb), var(--link-underline-opacity)) !important
}

.link-underline-gray {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gray-rgb), var(--link-underline-opacity)) !important
}

.link-underline-primary-dark {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--primary-dark-rgb), var(--link-underline-opacity)) !important
}

.link-underline-warning-dark {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--warning-dark-rgb), var(--link-underline-opacity)) !important
}

.link-underline {
    --link-underline-opacity: 1;
    text-decoration-color: rgba(var(--link-color-rgb), var(--link-underline-opacity, 1)) !important
}

.link-underline-opacity-0 {
    --link-underline-opacity: 0
}

.link-underline-opacity-0-hover:hover {
    --link-underline-opacity: 0
}

.link-underline-opacity-10 {
    --link-underline-opacity: .1
}

.link-underline-opacity-10-hover:hover {
    --link-underline-opacity: .1
}

.link-underline-opacity-25 {
    --link-underline-opacity: .25
}

.link-underline-opacity-25-hover:hover {
    --link-underline-opacity: .25
}

.link-underline-opacity-50 {
    --link-underline-opacity: .5
}

.link-underline-opacity-50-hover:hover {
    --link-underline-opacity: .5
}

.link-underline-opacity-75 {
    --link-underline-opacity: .75
}

.link-underline-opacity-75-hover:hover {
    --link-underline-opacity: .75
}

.link-underline-opacity-100 {
    --link-underline-opacity: 1
}

.link-underline-opacity-100-hover:hover {
    --link-underline-opacity: 1
}

.bg-primary {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important
}

.bg-secondary {
    --bg-opacity: 1;
    background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important
}

.bg-success {
    --bg-opacity: 1;
    background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important
}

.bg-info {
    --bg-opacity: 1;
    background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important
}

.bg-warning {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important
}

.bg-danger {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important
}

.bg-light {
    --bg-opacity: 1;
    background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important
}

.bg-dark {
    --bg-opacity: 1;
    background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important
}

.bg-gray {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-rgb), var(--bg-opacity)) !important
}

.bg-primary-dark {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-dark-rgb), var(--bg-opacity)) !important
}

.bg-warning-dark {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-dark-rgb), var(--bg-opacity)) !important
}

.bg-black {
    --bg-opacity: 1;
    background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important
}

.bg-white {
    --bg-opacity: 1;
    background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important
}

.bg-body {
    --bg-opacity: 1;
    background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important
}

.bg-transparent {
    --bg-opacity: 1;
    background-color: rgba(0,0,0,0) !important
}

.bg-opacity-10 {
    --bg-opacity: .1
}

.bg-opacity-25 {
    --bg-opacity: .25
}

.bg-opacity-50 {
    --bg-opacity: .5
}

.bg-opacity-75 {
    --bg-opacity: .75
}

.bg-opacity-100 {
    --bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    --border-radius: var(--border-radius-md)
}

.rounded-0 {
    --border-radius: 0
}

.rounded-1, .rounded-sm {
    --border-radius: var(--border-radius-sm)
}

.rounded-2 {
    --border-radius: var(--border-radius-md)
}

.rounded-3, .rounded-lg {
    --border-radius: var(--border-radius-lg)
}

.rounded-4, .rounded-xl {
    --border-radius: var(--border-radius-xl)
}

.rounded-5, .rounded-xxl {
    --border-radius: var(--border-radius-xxl)
}

.rounded-circle {
    --border-radius: 50%
}

.rounded-pill {
    --border-radius: var(--border-radius-pill)
}

.rounded-top {
    --border-radius-top: var(--border-radius-md)
}

.rounded-top-0 {
    --border-radius-top: 0
}

.rounded-top-1 {
    --border-radius-top: var(--border-radius-sm)
}

.rounded-top-2 {
    --border-radius-top: var(--border-radius-md)
}

.rounded-top-3 {
    --border-radius-top: var(--border-radius-lg)
}

.rounded-top-4 {
    --border-radius-top: var(--border-radius-xl)
}

.rounded-top-5 {
    --border-radius-top: var(--border-radius-xxl)
}

.rounded-top-circle {
    --border-radius-top: 50%
}

.rounded-top-pill {
    --border-radius-top: var(--border-radius-pill)
}

.rounded-end, .rounded-right {
    --border-radius-end: var(--border-radius-md)
}

.rounded-end-0 {
    --border-radius-end: 0
}

.rounded-end-1 {
    --border-radius-end: var(--border-radius-sm)
}

.rounded-end-2 {
    --border-radius-end: var(--border-radius-md)
}

.rounded-end-3 {
    --border-radius-end: var(--border-radius-lg)
}

.rounded-end-4 {
    --border-radius-end: var(--border-radius-xl)
}

.rounded-end-5 {
    --border-radius-end: var(--border-radius-xxl)
}

.rounded-end-circle {
    --border-radius-end: 50%
}

.rounded-end-pill {
    --border-radius-end: var(--border-radius-pill)
}

.rounded-bottom {
    --border-radius-bottom: var(--border-radius-md)
}

.rounded-bottom-0 {
    --border-radius-bottom: 0
}

.rounded-bottom-1 {
    --border-radius-bottom: var(--border-radius-sm)
}

.rounded-bottom-2 {
    --border-radius-bottom: var(--border-radius-md)
}

.rounded-bottom-3 {
    --border-radius-bottom: var(--border-radius-lg)
}

.rounded-bottom-4 {
    --border-radius-bottom: var(--border-radius-xl)
}

.rounded-bottom-5 {
    --border-radius-bottom: var(--border-radius-xxl)
}

.rounded-bottom-circle {
    --border-radius-bottom: 50%
}

.rounded-bottom-pill {
    --border-radius-bottom: var(--border-radius-pill)
}

.rounded-start, .rounded-left {
    --border-radius-start: var(--border-radius-md)
}

.rounded-start-0 {
    --border-radius-start: 0
}

.rounded-start-1 {
    --border-radius-start: var(--border-radius-sm)
}

.rounded-start-2 {
    --border-radius-start: var(--border-radius-md)
}

.rounded-start-3 {
    --border-radius-start: var(--border-radius-lg)
}

.rounded-start-4 {
    --border-radius-start: var(--border-radius-xl)
}

.rounded-start-5 {
    --border-radius-start: var(--border-radius-xxl)
}

.rounded-start-circle {
    --border-radius-start: 50%
}

.rounded-start-pill {
    --border-radius-start: var(--border-radius-pill)
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-left {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .fit-sm-contain {
        fit: contain !important
    }

    .fit-sm-cover {
        fit: cover !important
    }

    .fit-sm-fill {
        fit: fill !important
    }

    .fit-sm-scale {
        fit: scale-down !important
    }

    .fit-sm-none {
        fit: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-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
    }

    .h-sm-medium {
        min-height: 400px !important
    }

    .h-sm-tall {
        min-height: 700px !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .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-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-inline: 0 !important
    }

    .mx-sm-1 {
        margin-inline: .25rem !important
    }

    .mx-sm-2 {
        margin-inline: .5rem !important
    }

    .mx-sm-3 {
        margin-inline: 1rem !important
    }

    .mx-sm-4 {
        margin-inline: 1.5rem !important
    }

    .mx-sm-5 {
        margin-inline: 3rem !important
    }

    .mx-sm-6 {
        margin-inline: 4.5rem !important
    }

    .mx-sm-auto {
        margin-inline: auto !important
    }

    .my-sm-0 {
        margin-block: 0 !important
    }

    .my-sm-1 {
        margin-block: .25rem !important
    }

    .my-sm-2 {
        margin-block: .5rem !important
    }

    .my-sm-3 {
        margin-block: 1rem !important
    }

    .my-sm-4 {
        margin-block: 1.5rem !important
    }

    .my-sm-5 {
        margin-block: 3rem !important
    }

    .my-sm-6 {
        margin-block: 4.5rem !important
    }

    .my-sm-auto {
        margin-block: auto !important
    }

    .mt-sm-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .mt-sm-1 {
        -webkit-margin-before: .25rem !important;
        margin-block-start: .25rem !important
    }

    .mt-sm-2 {
        -webkit-margin-before: .5rem !important;
        margin-block-start: .5rem !important
    }

    .mt-sm-3 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .mt-sm-4 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .mt-sm-5 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .mt-sm-6 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .mt-sm-auto {
        -webkit-margin-before: auto !important;
        margin-block-start: auto !important
    }

    .mr-sm-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .mr-sm-1 {
        -webkit-margin-end: .25rem !important;
        margin-inline-end: .25rem !important
    }

    .mr-sm-2 {
        -webkit-margin-end: .5rem !important;
        margin-inline-end: .5rem !important
    }

    .mr-sm-3 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .mr-sm-4 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .mr-sm-5 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .mr-sm-6 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .mr-sm-auto {
        -webkit-margin-end: auto !important;
        margin-inline-end: auto !important
    }

    .mb-sm-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .mb-sm-1 {
        -webkit-margin-after: .25rem !important;
        margin-block-end: .25rem !important
    }

    .mb-sm-2 {
        -webkit-margin-after: .5rem !important;
        margin-block-end: .5rem !important
    }

    .mb-sm-3 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .mb-sm-4 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .mb-sm-5 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .mb-sm-6 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .mb-sm-auto {
        -webkit-margin-after: auto !important;
        margin-block-end: auto !important
    }

    .ml-sm-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .ml-sm-1 {
        -webkit-margin-start: .25rem !important;
        margin-inline-start: .25rem !important
    }

    .ml-sm-2 {
        -webkit-margin-start: .5rem !important;
        margin-inline-start: .5rem !important
    }

    .ml-sm-3 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .ml-sm-4 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .ml-sm-5 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .ml-sm-6 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .ml-sm-auto {
        -webkit-margin-start: auto !important;
        margin-inline-start: auto !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.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
    }

    .mx-sm-n1 {
        margin-inline: -.25rem !important
    }

    .mx-sm-n2 {
        margin-inline: -.5rem !important
    }

    .mx-sm-n3 {
        margin-inline: -1rem !important
    }

    .mx-sm-n4 {
        margin-inline: -1.5rem !important
    }

    .mx-sm-n5 {
        margin-inline: -3rem !important
    }

    .mx-sm-n6 {
        margin-inline: -4.5rem !important
    }

    .my-sm-n1 {
        margin-block: -.25rem !important
    }

    .my-sm-n2 {
        margin-block: -.5rem !important
    }

    .my-sm-n3 {
        margin-block: -1rem !important
    }

    .my-sm-n4 {
        margin-block: -1.5rem !important
    }

    .my-sm-n5 {
        margin-block: -3rem !important
    }

    .my-sm-n6 {
        margin-block: -4.5rem !important
    }

    .mt-sm-n1 {
        -webkit-margin-before: -.25rem !important;
        margin-block-start: -.25rem !important
    }

    .mt-sm-n2 {
        -webkit-margin-before: -.5rem !important;
        margin-block-start: -.5rem !important
    }

    .mt-sm-n3 {
        -webkit-margin-before: -1rem !important;
        margin-block-start: -1rem !important
    }

    .mt-sm-n4 {
        -webkit-margin-before: -1.5rem !important;
        margin-block-start: -1.5rem !important
    }

    .mt-sm-n5 {
        -webkit-margin-before: -3rem !important;
        margin-block-start: -3rem !important
    }

    .mt-sm-n6 {
        -webkit-margin-before: -4.5rem !important;
        margin-block-start: -4.5rem !important
    }

    .mr-sm-n1 {
        -webkit-margin-end: -.25rem !important;
        margin-inline-end: -.25rem !important
    }

    .mr-sm-n2 {
        -webkit-margin-end: -.5rem !important;
        margin-inline-end: -.5rem !important
    }

    .mr-sm-n3 {
        -webkit-margin-end: -1rem !important;
        margin-inline-end: -1rem !important
    }

    .mr-sm-n4 {
        -webkit-margin-end: -1.5rem !important;
        margin-inline-end: -1.5rem !important
    }

    .mr-sm-n5 {
        -webkit-margin-end: -3rem !important;
        margin-inline-end: -3rem !important
    }

    .mr-sm-n6 {
        -webkit-margin-end: -4.5rem !important;
        margin-inline-end: -4.5rem !important
    }

    .mb-sm-n1 {
        -webkit-margin-after: -.25rem !important;
        margin-block-end: -.25rem !important
    }

    .mb-sm-n2 {
        -webkit-margin-after: -.5rem !important;
        margin-block-end: -.5rem !important
    }

    .mb-sm-n3 {
        -webkit-margin-after: -1rem !important;
        margin-block-end: -1rem !important
    }

    .mb-sm-n4 {
        -webkit-margin-after: -1.5rem !important;
        margin-block-end: -1.5rem !important
    }

    .mb-sm-n5 {
        -webkit-margin-after: -3rem !important;
        margin-block-end: -3rem !important
    }

    .mb-sm-n6 {
        -webkit-margin-after: -4.5rem !important;
        margin-block-end: -4.5rem !important
    }

    .ml-sm-n1 {
        -webkit-margin-start: -.25rem !important;
        margin-inline-start: -.25rem !important
    }

    .ml-sm-n2 {
        -webkit-margin-start: -.5rem !important;
        margin-inline-start: -.5rem !important
    }

    .ml-sm-n3 {
        -webkit-margin-start: -1rem !important;
        margin-inline-start: -1rem !important
    }

    .ml-sm-n4 {
        -webkit-margin-start: -1.5rem !important;
        margin-inline-start: -1.5rem !important
    }

    .ml-sm-n5 {
        -webkit-margin-start: -3rem !important;
        margin-inline-start: -3rem !important
    }

    .ml-sm-n6 {
        -webkit-margin-start: -4.5rem !important;
        margin-inline-start: -4.5rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .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
    }

    .px-sm-0 {
        padding-inline: 0 !important
    }

    .px-sm-1 {
        padding-inline: .25rem !important
    }

    .px-sm-2 {
        padding-inline: .5rem !important
    }

    .px-sm-3 {
        padding-inline: 1rem !important
    }

    .px-sm-4 {
        padding-inline: 1.5rem !important
    }

    .px-sm-5 {
        padding-inline: 3rem !important
    }

    .px-sm-6 {
        padding-inline: 4.5rem !important
    }

    .py-sm-0 {
        padding-block: 0 !important
    }

    .py-sm-1 {
        padding-block: .25rem !important
    }

    .py-sm-2 {
        padding-block: .5rem !important
    }

    .py-sm-3 {
        padding-block: 1rem !important
    }

    .py-sm-4 {
        padding-block: 1.5rem !important
    }

    .py-sm-5 {
        padding-block: 3rem !important
    }

    .py-sm-6 {
        padding-block: 4.5rem !important
    }

    .pt-sm-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .pt-sm-1 {
        -webkit-padding-before: .25rem !important;
        padding-block-start: .25rem !important
    }

    .pt-sm-2 {
        -webkit-padding-before: .5rem !important;
        padding-block-start: .5rem !important
    }

    .pt-sm-3 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .pt-sm-4 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .pt-sm-5 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .pt-sm-6 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .pr-sm-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .pr-sm-1 {
        -webkit-padding-end: .25rem !important;
        padding-inline-end: .25rem !important
    }

    .pr-sm-2 {
        -webkit-padding-end: .5rem !important;
        padding-inline-end: .5rem !important
    }

    .pr-sm-3 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .pr-sm-4 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .pr-sm-5 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .pr-sm-6 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .pb-sm-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .pb-sm-1 {
        -webkit-padding-after: .25rem !important;
        padding-block-end: .25rem !important
    }

    .pb-sm-2 {
        -webkit-padding-after: .5rem !important;
        padding-block-end: .5rem !important
    }

    .pb-sm-3 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .pb-sm-4 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .pb-sm-5 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .pb-sm-6 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .pl-sm-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .pl-sm-1 {
        -webkit-padding-start: .25rem !important;
        padding-inline-start: .25rem !important
    }

    .pl-sm-2 {
        -webkit-padding-start: .5rem !important;
        padding-inline-start: .5rem !important
    }

    .pl-sm-3 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .pl-sm-4 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .pl-sm-5 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .pl-sm-6 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .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
    }

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important
    }

    .row-gap-sm-6 {
        row-gap: 4.5rem !important
    }

    .column-gap-sm-0 {
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        -webkit-column-gap: .25rem !important;
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        -webkit-column-gap: .5rem !important;
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        -webkit-column-gap: 1rem !important;
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        -webkit-column-gap: 1.5rem !important;
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        -webkit-column-gap: 3rem !important;
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .column-gap-sm-6 {
        -webkit-column-gap: 4.5rem !important;
        -moz-column-gap: 4.5rem !important;
        column-gap: 4.5rem !important
    }

    .text-sm-start {
        text-align: start !important
    }

    .text-sm-left {
        text-align: start !important
    }

    .text-sm-end {
        text-align: end !important
    }

    .text-sm-right {
        text-align: end !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-left {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .fit-md-contain {
        fit: contain !important
    }

    .fit-md-cover {
        fit: cover !important
    }

    .fit-md-fill {
        fit: fill !important
    }

    .fit-md-scale {
        fit: scale-down !important
    }

    .fit-md-none {
        fit: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-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
    }

    .h-md-medium {
        min-height: 400px !important
    }

    .h-md-tall {
        min-height: 700px !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .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-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-inline: 0 !important
    }

    .mx-md-1 {
        margin-inline: .25rem !important
    }

    .mx-md-2 {
        margin-inline: .5rem !important
    }

    .mx-md-3 {
        margin-inline: 1rem !important
    }

    .mx-md-4 {
        margin-inline: 1.5rem !important
    }

    .mx-md-5 {
        margin-inline: 3rem !important
    }

    .mx-md-6 {
        margin-inline: 4.5rem !important
    }

    .mx-md-auto {
        margin-inline: auto !important
    }

    .my-md-0 {
        margin-block: 0 !important
    }

    .my-md-1 {
        margin-block: .25rem !important
    }

    .my-md-2 {
        margin-block: .5rem !important
    }

    .my-md-3 {
        margin-block: 1rem !important
    }

    .my-md-4 {
        margin-block: 1.5rem !important
    }

    .my-md-5 {
        margin-block: 3rem !important
    }

    .my-md-6 {
        margin-block: 4.5rem !important
    }

    .my-md-auto {
        margin-block: auto !important
    }

    .mt-md-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .mt-md-1 {
        -webkit-margin-before: .25rem !important;
        margin-block-start: .25rem !important
    }

    .mt-md-2 {
        -webkit-margin-before: .5rem !important;
        margin-block-start: .5rem !important
    }

    .mt-md-3 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .mt-md-4 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .mt-md-5 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .mt-md-6 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .mt-md-auto {
        -webkit-margin-before: auto !important;
        margin-block-start: auto !important
    }

    .mr-md-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .mr-md-1 {
        -webkit-margin-end: .25rem !important;
        margin-inline-end: .25rem !important
    }

    .mr-md-2 {
        -webkit-margin-end: .5rem !important;
        margin-inline-end: .5rem !important
    }

    .mr-md-3 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .mr-md-4 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .mr-md-5 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .mr-md-6 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .mr-md-auto {
        -webkit-margin-end: auto !important;
        margin-inline-end: auto !important
    }

    .mb-md-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .mb-md-1 {
        -webkit-margin-after: .25rem !important;
        margin-block-end: .25rem !important
    }

    .mb-md-2 {
        -webkit-margin-after: .5rem !important;
        margin-block-end: .5rem !important
    }

    .mb-md-3 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .mb-md-4 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .mb-md-5 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .mb-md-6 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .mb-md-auto {
        -webkit-margin-after: auto !important;
        margin-block-end: auto !important
    }

    .ml-md-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .ml-md-1 {
        -webkit-margin-start: .25rem !important;
        margin-inline-start: .25rem !important
    }

    .ml-md-2 {
        -webkit-margin-start: .5rem !important;
        margin-inline-start: .5rem !important
    }

    .ml-md-3 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .ml-md-4 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .ml-md-5 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .ml-md-6 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .ml-md-auto {
        -webkit-margin-start: auto !important;
        margin-inline-start: auto !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .m-md-n2 {
        margin: -.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
    }

    .mx-md-n1 {
        margin-inline: -.25rem !important
    }

    .mx-md-n2 {
        margin-inline: -.5rem !important
    }

    .mx-md-n3 {
        margin-inline: -1rem !important
    }

    .mx-md-n4 {
        margin-inline: -1.5rem !important
    }

    .mx-md-n5 {
        margin-inline: -3rem !important
    }

    .mx-md-n6 {
        margin-inline: -4.5rem !important
    }

    .my-md-n1 {
        margin-block: -.25rem !important
    }

    .my-md-n2 {
        margin-block: -.5rem !important
    }

    .my-md-n3 {
        margin-block: -1rem !important
    }

    .my-md-n4 {
        margin-block: -1.5rem !important
    }

    .my-md-n5 {
        margin-block: -3rem !important
    }

    .my-md-n6 {
        margin-block: -4.5rem !important
    }

    .mt-md-n1 {
        -webkit-margin-before: -.25rem !important;
        margin-block-start: -.25rem !important
    }

    .mt-md-n2 {
        -webkit-margin-before: -.5rem !important;
        margin-block-start: -.5rem !important
    }

    .mt-md-n3 {
        -webkit-margin-before: -1rem !important;
        margin-block-start: -1rem !important
    }

    .mt-md-n4 {
        -webkit-margin-before: -1.5rem !important;
        margin-block-start: -1.5rem !important
    }

    .mt-md-n5 {
        -webkit-margin-before: -3rem !important;
        margin-block-start: -3rem !important
    }

    .mt-md-n6 {
        -webkit-margin-before: -4.5rem !important;
        margin-block-start: -4.5rem !important
    }

    .mr-md-n1 {
        -webkit-margin-end: -.25rem !important;
        margin-inline-end: -.25rem !important
    }

    .mr-md-n2 {
        -webkit-margin-end: -.5rem !important;
        margin-inline-end: -.5rem !important
    }

    .mr-md-n3 {
        -webkit-margin-end: -1rem !important;
        margin-inline-end: -1rem !important
    }

    .mr-md-n4 {
        -webkit-margin-end: -1.5rem !important;
        margin-inline-end: -1.5rem !important
    }

    .mr-md-n5 {
        -webkit-margin-end: -3rem !important;
        margin-inline-end: -3rem !important
    }

    .mr-md-n6 {
        -webkit-margin-end: -4.5rem !important;
        margin-inline-end: -4.5rem !important
    }

    .mb-md-n1 {
        -webkit-margin-after: -.25rem !important;
        margin-block-end: -.25rem !important
    }

    .mb-md-n2 {
        -webkit-margin-after: -.5rem !important;
        margin-block-end: -.5rem !important
    }

    .mb-md-n3 {
        -webkit-margin-after: -1rem !important;
        margin-block-end: -1rem !important
    }

    .mb-md-n4 {
        -webkit-margin-after: -1.5rem !important;
        margin-block-end: -1.5rem !important
    }

    .mb-md-n5 {
        -webkit-margin-after: -3rem !important;
        margin-block-end: -3rem !important
    }

    .mb-md-n6 {
        -webkit-margin-after: -4.5rem !important;
        margin-block-end: -4.5rem !important
    }

    .ml-md-n1 {
        -webkit-margin-start: -.25rem !important;
        margin-inline-start: -.25rem !important
    }

    .ml-md-n2 {
        -webkit-margin-start: -.5rem !important;
        margin-inline-start: -.5rem !important
    }

    .ml-md-n3 {
        -webkit-margin-start: -1rem !important;
        margin-inline-start: -1rem !important
    }

    .ml-md-n4 {
        -webkit-margin-start: -1.5rem !important;
        margin-inline-start: -1.5rem !important
    }

    .ml-md-n5 {
        -webkit-margin-start: -3rem !important;
        margin-inline-start: -3rem !important
    }

    .ml-md-n6 {
        -webkit-margin-start: -4.5rem !important;
        margin-inline-start: -4.5rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .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
    }

    .px-md-0 {
        padding-inline: 0 !important
    }

    .px-md-1 {
        padding-inline: .25rem !important
    }

    .px-md-2 {
        padding-inline: .5rem !important
    }

    .px-md-3 {
        padding-inline: 1rem !important
    }

    .px-md-4 {
        padding-inline: 1.5rem !important
    }

    .px-md-5 {
        padding-inline: 3rem !important
    }

    .px-md-6 {
        padding-inline: 4.5rem !important
    }

    .py-md-0 {
        padding-block: 0 !important
    }

    .py-md-1 {
        padding-block: .25rem !important
    }

    .py-md-2 {
        padding-block: .5rem !important
    }

    .py-md-3 {
        padding-block: 1rem !important
    }

    .py-md-4 {
        padding-block: 1.5rem !important
    }

    .py-md-5 {
        padding-block: 3rem !important
    }

    .py-md-6 {
        padding-block: 4.5rem !important
    }

    .pt-md-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .pt-md-1 {
        -webkit-padding-before: .25rem !important;
        padding-block-start: .25rem !important
    }

    .pt-md-2 {
        -webkit-padding-before: .5rem !important;
        padding-block-start: .5rem !important
    }

    .pt-md-3 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .pt-md-4 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .pt-md-5 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .pt-md-6 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .pr-md-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .pr-md-1 {
        -webkit-padding-end: .25rem !important;
        padding-inline-end: .25rem !important
    }

    .pr-md-2 {
        -webkit-padding-end: .5rem !important;
        padding-inline-end: .5rem !important
    }

    .pr-md-3 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .pr-md-4 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .pr-md-5 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .pr-md-6 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .pb-md-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .pb-md-1 {
        -webkit-padding-after: .25rem !important;
        padding-block-end: .25rem !important
    }

    .pb-md-2 {
        -webkit-padding-after: .5rem !important;
        padding-block-end: .5rem !important
    }

    .pb-md-3 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .pb-md-4 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .pb-md-5 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .pb-md-6 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .pl-md-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .pl-md-1 {
        -webkit-padding-start: .25rem !important;
        padding-inline-start: .25rem !important
    }

    .pl-md-2 {
        -webkit-padding-start: .5rem !important;
        padding-inline-start: .5rem !important
    }

    .pl-md-3 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .pl-md-4 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .pl-md-5 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .pl-md-6 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .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
    }

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 3rem !important
    }

    .row-gap-md-6 {
        row-gap: 4.5rem !important
    }

    .column-gap-md-0 {
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        -webkit-column-gap: .25rem !important;
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        -webkit-column-gap: .5rem !important;
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        -webkit-column-gap: 1rem !important;
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        -webkit-column-gap: 1.5rem !important;
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        -webkit-column-gap: 3rem !important;
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .column-gap-md-6 {
        -webkit-column-gap: 4.5rem !important;
        -moz-column-gap: 4.5rem !important;
        column-gap: 4.5rem !important
    }

    .text-md-start {
        text-align: start !important
    }

    .text-md-left {
        text-align: start !important
    }

    .text-md-end {
        text-align: end !important
    }

    .text-md-right {
        text-align: end !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-left {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .fit-lg-contain {
        fit: contain !important
    }

    .fit-lg-cover {
        fit: cover !important
    }

    .fit-lg-fill {
        fit: fill !important
    }

    .fit-lg-scale {
        fit: scale-down !important
    }

    .fit-lg-none {
        fit: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-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
    }

    .h-lg-medium {
        min-height: 400px !important
    }

    .h-lg-tall {
        min-height: 700px !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .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-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-inline: 0 !important
    }

    .mx-lg-1 {
        margin-inline: .25rem !important
    }

    .mx-lg-2 {
        margin-inline: .5rem !important
    }

    .mx-lg-3 {
        margin-inline: 1rem !important
    }

    .mx-lg-4 {
        margin-inline: 1.5rem !important
    }

    .mx-lg-5 {
        margin-inline: 3rem !important
    }

    .mx-lg-6 {
        margin-inline: 4.5rem !important
    }

    .mx-lg-auto {
        margin-inline: auto !important
    }

    .my-lg-0 {
        margin-block: 0 !important
    }

    .my-lg-1 {
        margin-block: .25rem !important
    }

    .my-lg-2 {
        margin-block: .5rem !important
    }

    .my-lg-3 {
        margin-block: 1rem !important
    }

    .my-lg-4 {
        margin-block: 1.5rem !important
    }

    .my-lg-5 {
        margin-block: 3rem !important
    }

    .my-lg-6 {
        margin-block: 4.5rem !important
    }

    .my-lg-auto {
        margin-block: auto !important
    }

    .mt-lg-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .mt-lg-1 {
        -webkit-margin-before: .25rem !important;
        margin-block-start: .25rem !important
    }

    .mt-lg-2 {
        -webkit-margin-before: .5rem !important;
        margin-block-start: .5rem !important
    }

    .mt-lg-3 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .mt-lg-4 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .mt-lg-5 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .mt-lg-6 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .mt-lg-auto {
        -webkit-margin-before: auto !important;
        margin-block-start: auto !important
    }

    .mr-lg-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .mr-lg-1 {
        -webkit-margin-end: .25rem !important;
        margin-inline-end: .25rem !important
    }

    .mr-lg-2 {
        -webkit-margin-end: .5rem !important;
        margin-inline-end: .5rem !important
    }

    .mr-lg-3 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .mr-lg-4 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .mr-lg-5 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .mr-lg-6 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .mr-lg-auto {
        -webkit-margin-end: auto !important;
        margin-inline-end: auto !important
    }

    .mb-lg-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .mb-lg-1 {
        -webkit-margin-after: .25rem !important;
        margin-block-end: .25rem !important
    }

    .mb-lg-2 {
        -webkit-margin-after: .5rem !important;
        margin-block-end: .5rem !important
    }

    .mb-lg-3 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .mb-lg-4 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .mb-lg-5 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .mb-lg-6 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .mb-lg-auto {
        -webkit-margin-after: auto !important;
        margin-block-end: auto !important
    }

    .ml-lg-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .ml-lg-1 {
        -webkit-margin-start: .25rem !important;
        margin-inline-start: .25rem !important
    }

    .ml-lg-2 {
        -webkit-margin-start: .5rem !important;
        margin-inline-start: .5rem !important
    }

    .ml-lg-3 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .ml-lg-4 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .ml-lg-5 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .ml-lg-6 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .ml-lg-auto {
        -webkit-margin-start: auto !important;
        margin-inline-start: auto !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.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
    }

    .mx-lg-n1 {
        margin-inline: -.25rem !important
    }

    .mx-lg-n2 {
        margin-inline: -.5rem !important
    }

    .mx-lg-n3 {
        margin-inline: -1rem !important
    }

    .mx-lg-n4 {
        margin-inline: -1.5rem !important
    }

    .mx-lg-n5 {
        margin-inline: -3rem !important
    }

    .mx-lg-n6 {
        margin-inline: -4.5rem !important
    }

    .my-lg-n1 {
        margin-block: -.25rem !important
    }

    .my-lg-n2 {
        margin-block: -.5rem !important
    }

    .my-lg-n3 {
        margin-block: -1rem !important
    }

    .my-lg-n4 {
        margin-block: -1.5rem !important
    }

    .my-lg-n5 {
        margin-block: -3rem !important
    }

    .my-lg-n6 {
        margin-block: -4.5rem !important
    }

    .mt-lg-n1 {
        -webkit-margin-before: -.25rem !important;
        margin-block-start: -.25rem !important
    }

    .mt-lg-n2 {
        -webkit-margin-before: -.5rem !important;
        margin-block-start: -.5rem !important
    }

    .mt-lg-n3 {
        -webkit-margin-before: -1rem !important;
        margin-block-start: -1rem !important
    }

    .mt-lg-n4 {
        -webkit-margin-before: -1.5rem !important;
        margin-block-start: -1.5rem !important
    }

    .mt-lg-n5 {
        -webkit-margin-before: -3rem !important;
        margin-block-start: -3rem !important
    }

    .mt-lg-n6 {
        -webkit-margin-before: -4.5rem !important;
        margin-block-start: -4.5rem !important
    }

    .mr-lg-n1 {
        -webkit-margin-end: -.25rem !important;
        margin-inline-end: -.25rem !important
    }

    .mr-lg-n2 {
        -webkit-margin-end: -.5rem !important;
        margin-inline-end: -.5rem !important
    }

    .mr-lg-n3 {
        -webkit-margin-end: -1rem !important;
        margin-inline-end: -1rem !important
    }

    .mr-lg-n4 {
        -webkit-margin-end: -1.5rem !important;
        margin-inline-end: -1.5rem !important
    }

    .mr-lg-n5 {
        -webkit-margin-end: -3rem !important;
        margin-inline-end: -3rem !important
    }

    .mr-lg-n6 {
        -webkit-margin-end: -4.5rem !important;
        margin-inline-end: -4.5rem !important
    }

    .mb-lg-n1 {
        -webkit-margin-after: -.25rem !important;
        margin-block-end: -.25rem !important
    }

    .mb-lg-n2 {
        -webkit-margin-after: -.5rem !important;
        margin-block-end: -.5rem !important
    }

    .mb-lg-n3 {
        -webkit-margin-after: -1rem !important;
        margin-block-end: -1rem !important
    }

    .mb-lg-n4 {
        -webkit-margin-after: -1.5rem !important;
        margin-block-end: -1.5rem !important
    }

    .mb-lg-n5 {
        -webkit-margin-after: -3rem !important;
        margin-block-end: -3rem !important
    }

    .mb-lg-n6 {
        -webkit-margin-after: -4.5rem !important;
        margin-block-end: -4.5rem !important
    }

    .ml-lg-n1 {
        -webkit-margin-start: -.25rem !important;
        margin-inline-start: -.25rem !important
    }

    .ml-lg-n2 {
        -webkit-margin-start: -.5rem !important;
        margin-inline-start: -.5rem !important
    }

    .ml-lg-n3 {
        -webkit-margin-start: -1rem !important;
        margin-inline-start: -1rem !important
    }

    .ml-lg-n4 {
        -webkit-margin-start: -1.5rem !important;
        margin-inline-start: -1.5rem !important
    }

    .ml-lg-n5 {
        -webkit-margin-start: -3rem !important;
        margin-inline-start: -3rem !important
    }

    .ml-lg-n6 {
        -webkit-margin-start: -4.5rem !important;
        margin-inline-start: -4.5rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .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
    }

    .px-lg-0 {
        padding-inline: 0 !important
    }

    .px-lg-1 {
        padding-inline: .25rem !important
    }

    .px-lg-2 {
        padding-inline: .5rem !important
    }

    .px-lg-3 {
        padding-inline: 1rem !important
    }

    .px-lg-4 {
        padding-inline: 1.5rem !important
    }

    .px-lg-5 {
        padding-inline: 3rem !important
    }

    .px-lg-6 {
        padding-inline: 4.5rem !important
    }

    .py-lg-0 {
        padding-block: 0 !important
    }

    .py-lg-1 {
        padding-block: .25rem !important
    }

    .py-lg-2 {
        padding-block: .5rem !important
    }

    .py-lg-3 {
        padding-block: 1rem !important
    }

    .py-lg-4 {
        padding-block: 1.5rem !important
    }

    .py-lg-5 {
        padding-block: 3rem !important
    }

    .py-lg-6 {
        padding-block: 4.5rem !important
    }

    .pt-lg-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .pt-lg-1 {
        -webkit-padding-before: .25rem !important;
        padding-block-start: .25rem !important
    }

    .pt-lg-2 {
        -webkit-padding-before: .5rem !important;
        padding-block-start: .5rem !important
    }

    .pt-lg-3 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .pt-lg-4 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .pt-lg-5 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .pt-lg-6 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .pr-lg-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .pr-lg-1 {
        -webkit-padding-end: .25rem !important;
        padding-inline-end: .25rem !important
    }

    .pr-lg-2 {
        -webkit-padding-end: .5rem !important;
        padding-inline-end: .5rem !important
    }

    .pr-lg-3 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .pr-lg-4 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .pr-lg-5 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .pr-lg-6 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .pb-lg-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .pb-lg-1 {
        -webkit-padding-after: .25rem !important;
        padding-block-end: .25rem !important
    }

    .pb-lg-2 {
        -webkit-padding-after: .5rem !important;
        padding-block-end: .5rem !important
    }

    .pb-lg-3 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .pb-lg-4 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .pb-lg-5 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .pb-lg-6 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .pl-lg-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .pl-lg-1 {
        -webkit-padding-start: .25rem !important;
        padding-inline-start: .25rem !important
    }

    .pl-lg-2 {
        -webkit-padding-start: .5rem !important;
        padding-inline-start: .5rem !important
    }

    .pl-lg-3 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .pl-lg-4 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .pl-lg-5 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .pl-lg-6 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .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
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .row-gap-lg-6 {
        row-gap: 4.5rem !important
    }

    .column-gap-lg-0 {
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        -webkit-column-gap: .25rem !important;
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        -webkit-column-gap: .5rem !important;
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        -webkit-column-gap: 1rem !important;
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        -webkit-column-gap: 1.5rem !important;
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        -webkit-column-gap: 3rem !important;
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .column-gap-lg-6 {
        -webkit-column-gap: 4.5rem !important;
        -moz-column-gap: 4.5rem !important;
        column-gap: 4.5rem !important
    }

    .text-lg-start {
        text-align: start !important
    }

    .text-lg-left {
        text-align: start !important
    }

    .text-lg-end {
        text-align: end !important
    }

    .text-lg-right {
        text-align: end !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-left {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .fit-xl-contain {
        fit: contain !important
    }

    .fit-xl-cover {
        fit: cover !important
    }

    .fit-xl-fill {
        fit: fill !important
    }

    .fit-xl-scale {
        fit: scale-down !important
    }

    .fit-xl-none {
        fit: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-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
    }

    .h-xl-medium {
        min-height: 400px !important
    }

    .h-xl-tall {
        min-height: 700px !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .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-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-inline: 0 !important
    }

    .mx-xl-1 {
        margin-inline: .25rem !important
    }

    .mx-xl-2 {
        margin-inline: .5rem !important
    }

    .mx-xl-3 {
        margin-inline: 1rem !important
    }

    .mx-xl-4 {
        margin-inline: 1.5rem !important
    }

    .mx-xl-5 {
        margin-inline: 3rem !important
    }

    .mx-xl-6 {
        margin-inline: 4.5rem !important
    }

    .mx-xl-auto {
        margin-inline: auto !important
    }

    .my-xl-0 {
        margin-block: 0 !important
    }

    .my-xl-1 {
        margin-block: .25rem !important
    }

    .my-xl-2 {
        margin-block: .5rem !important
    }

    .my-xl-3 {
        margin-block: 1rem !important
    }

    .my-xl-4 {
        margin-block: 1.5rem !important
    }

    .my-xl-5 {
        margin-block: 3rem !important
    }

    .my-xl-6 {
        margin-block: 4.5rem !important
    }

    .my-xl-auto {
        margin-block: auto !important
    }

    .mt-xl-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .mt-xl-1 {
        -webkit-margin-before: .25rem !important;
        margin-block-start: .25rem !important
    }

    .mt-xl-2 {
        -webkit-margin-before: .5rem !important;
        margin-block-start: .5rem !important
    }

    .mt-xl-3 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .mt-xl-4 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .mt-xl-5 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .mt-xl-6 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .mt-xl-auto {
        -webkit-margin-before: auto !important;
        margin-block-start: auto !important
    }

    .mr-xl-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .mr-xl-1 {
        -webkit-margin-end: .25rem !important;
        margin-inline-end: .25rem !important
    }

    .mr-xl-2 {
        -webkit-margin-end: .5rem !important;
        margin-inline-end: .5rem !important
    }

    .mr-xl-3 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .mr-xl-4 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .mr-xl-5 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .mr-xl-6 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .mr-xl-auto {
        -webkit-margin-end: auto !important;
        margin-inline-end: auto !important
    }

    .mb-xl-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .mb-xl-1 {
        -webkit-margin-after: .25rem !important;
        margin-block-end: .25rem !important
    }

    .mb-xl-2 {
        -webkit-margin-after: .5rem !important;
        margin-block-end: .5rem !important
    }

    .mb-xl-3 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .mb-xl-4 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .mb-xl-5 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .mb-xl-6 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .mb-xl-auto {
        -webkit-margin-after: auto !important;
        margin-block-end: auto !important
    }

    .ml-xl-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .ml-xl-1 {
        -webkit-margin-start: .25rem !important;
        margin-inline-start: .25rem !important
    }

    .ml-xl-2 {
        -webkit-margin-start: .5rem !important;
        margin-inline-start: .5rem !important
    }

    .ml-xl-3 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .ml-xl-4 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .ml-xl-5 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .ml-xl-6 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .ml-xl-auto {
        -webkit-margin-start: auto !important;
        margin-inline-start: auto !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.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
    }

    .mx-xl-n1 {
        margin-inline: -.25rem !important
    }

    .mx-xl-n2 {
        margin-inline: -.5rem !important
    }

    .mx-xl-n3 {
        margin-inline: -1rem !important
    }

    .mx-xl-n4 {
        margin-inline: -1.5rem !important
    }

    .mx-xl-n5 {
        margin-inline: -3rem !important
    }

    .mx-xl-n6 {
        margin-inline: -4.5rem !important
    }

    .my-xl-n1 {
        margin-block: -.25rem !important
    }

    .my-xl-n2 {
        margin-block: -.5rem !important
    }

    .my-xl-n3 {
        margin-block: -1rem !important
    }

    .my-xl-n4 {
        margin-block: -1.5rem !important
    }

    .my-xl-n5 {
        margin-block: -3rem !important
    }

    .my-xl-n6 {
        margin-block: -4.5rem !important
    }

    .mt-xl-n1 {
        -webkit-margin-before: -.25rem !important;
        margin-block-start: -.25rem !important
    }

    .mt-xl-n2 {
        -webkit-margin-before: -.5rem !important;
        margin-block-start: -.5rem !important
    }

    .mt-xl-n3 {
        -webkit-margin-before: -1rem !important;
        margin-block-start: -1rem !important
    }

    .mt-xl-n4 {
        -webkit-margin-before: -1.5rem !important;
        margin-block-start: -1.5rem !important
    }

    .mt-xl-n5 {
        -webkit-margin-before: -3rem !important;
        margin-block-start: -3rem !important
    }

    .mt-xl-n6 {
        -webkit-margin-before: -4.5rem !important;
        margin-block-start: -4.5rem !important
    }

    .mr-xl-n1 {
        -webkit-margin-end: -.25rem !important;
        margin-inline-end: -.25rem !important
    }

    .mr-xl-n2 {
        -webkit-margin-end: -.5rem !important;
        margin-inline-end: -.5rem !important
    }

    .mr-xl-n3 {
        -webkit-margin-end: -1rem !important;
        margin-inline-end: -1rem !important
    }

    .mr-xl-n4 {
        -webkit-margin-end: -1.5rem !important;
        margin-inline-end: -1.5rem !important
    }

    .mr-xl-n5 {
        -webkit-margin-end: -3rem !important;
        margin-inline-end: -3rem !important
    }

    .mr-xl-n6 {
        -webkit-margin-end: -4.5rem !important;
        margin-inline-end: -4.5rem !important
    }

    .mb-xl-n1 {
        -webkit-margin-after: -.25rem !important;
        margin-block-end: -.25rem !important
    }

    .mb-xl-n2 {
        -webkit-margin-after: -.5rem !important;
        margin-block-end: -.5rem !important
    }

    .mb-xl-n3 {
        -webkit-margin-after: -1rem !important;
        margin-block-end: -1rem !important
    }

    .mb-xl-n4 {
        -webkit-margin-after: -1.5rem !important;
        margin-block-end: -1.5rem !important
    }

    .mb-xl-n5 {
        -webkit-margin-after: -3rem !important;
        margin-block-end: -3rem !important
    }

    .mb-xl-n6 {
        -webkit-margin-after: -4.5rem !important;
        margin-block-end: -4.5rem !important
    }

    .ml-xl-n1 {
        -webkit-margin-start: -.25rem !important;
        margin-inline-start: -.25rem !important
    }

    .ml-xl-n2 {
        -webkit-margin-start: -.5rem !important;
        margin-inline-start: -.5rem !important
    }

    .ml-xl-n3 {
        -webkit-margin-start: -1rem !important;
        margin-inline-start: -1rem !important
    }

    .ml-xl-n4 {
        -webkit-margin-start: -1.5rem !important;
        margin-inline-start: -1.5rem !important
    }

    .ml-xl-n5 {
        -webkit-margin-start: -3rem !important;
        margin-inline-start: -3rem !important
    }

    .ml-xl-n6 {
        -webkit-margin-start: -4.5rem !important;
        margin-inline-start: -4.5rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .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
    }

    .px-xl-0 {
        padding-inline: 0 !important
    }

    .px-xl-1 {
        padding-inline: .25rem !important
    }

    .px-xl-2 {
        padding-inline: .5rem !important
    }

    .px-xl-3 {
        padding-inline: 1rem !important
    }

    .px-xl-4 {
        padding-inline: 1.5rem !important
    }

    .px-xl-5 {
        padding-inline: 3rem !important
    }

    .px-xl-6 {
        padding-inline: 4.5rem !important
    }

    .py-xl-0 {
        padding-block: 0 !important
    }

    .py-xl-1 {
        padding-block: .25rem !important
    }

    .py-xl-2 {
        padding-block: .5rem !important
    }

    .py-xl-3 {
        padding-block: 1rem !important
    }

    .py-xl-4 {
        padding-block: 1.5rem !important
    }

    .py-xl-5 {
        padding-block: 3rem !important
    }

    .py-xl-6 {
        padding-block: 4.5rem !important
    }

    .pt-xl-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .pt-xl-1 {
        -webkit-padding-before: .25rem !important;
        padding-block-start: .25rem !important
    }

    .pt-xl-2 {
        -webkit-padding-before: .5rem !important;
        padding-block-start: .5rem !important
    }

    .pt-xl-3 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .pt-xl-4 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .pt-xl-5 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .pt-xl-6 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .pr-xl-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .pr-xl-1 {
        -webkit-padding-end: .25rem !important;
        padding-inline-end: .25rem !important
    }

    .pr-xl-2 {
        -webkit-padding-end: .5rem !important;
        padding-inline-end: .5rem !important
    }

    .pr-xl-3 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .pr-xl-4 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .pr-xl-5 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .pr-xl-6 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .pb-xl-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .pb-xl-1 {
        -webkit-padding-after: .25rem !important;
        padding-block-end: .25rem !important
    }

    .pb-xl-2 {
        -webkit-padding-after: .5rem !important;
        padding-block-end: .5rem !important
    }

    .pb-xl-3 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .pb-xl-4 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .pb-xl-5 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .pb-xl-6 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .pl-xl-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .pl-xl-1 {
        -webkit-padding-start: .25rem !important;
        padding-inline-start: .25rem !important
    }

    .pl-xl-2 {
        -webkit-padding-start: .5rem !important;
        padding-inline-start: .5rem !important
    }

    .pl-xl-3 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .pl-xl-4 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .pl-xl-5 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .pl-xl-6 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .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
    }

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .row-gap-xl-6 {
        row-gap: 4.5rem !important
    }

    .column-gap-xl-0 {
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        -webkit-column-gap: .25rem !important;
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        -webkit-column-gap: .5rem !important;
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        -webkit-column-gap: 1rem !important;
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        -webkit-column-gap: 1.5rem !important;
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        -webkit-column-gap: 3rem !important;
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .column-gap-xl-6 {
        -webkit-column-gap: 4.5rem !important;
        -moz-column-gap: 4.5rem !important;
        column-gap: 4.5rem !important
    }

    .text-xl-start {
        text-align: start !important
    }

    .text-xl-left {
        text-align: start !important
    }

    .text-xl-end {
        text-align: end !important
    }

    .text-xl-right {
        text-align: end !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-left {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-right {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .fit-xxl-contain {
        fit: contain !important
    }

    .fit-xxl-cover {
        fit: cover !important
    }

    .fit-xxl-fill {
        fit: fill !important
    }

    .fit-xxl-scale {
        fit: scale-down !important
    }

    .fit-xxl-none {
        fit: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-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
    }

    .h-xxl-medium {
        min-height: 400px !important
    }

    .h-xxl-tall {
        min-height: 700px !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .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-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-inline: 0 !important
    }

    .mx-xxl-1 {
        margin-inline: .25rem !important
    }

    .mx-xxl-2 {
        margin-inline: .5rem !important
    }

    .mx-xxl-3 {
        margin-inline: 1rem !important
    }

    .mx-xxl-4 {
        margin-inline: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-inline: 3rem !important
    }

    .mx-xxl-6 {
        margin-inline: 4.5rem !important
    }

    .mx-xxl-auto {
        margin-inline: auto !important
    }

    .my-xxl-0 {
        margin-block: 0 !important
    }

    .my-xxl-1 {
        margin-block: .25rem !important
    }

    .my-xxl-2 {
        margin-block: .5rem !important
    }

    .my-xxl-3 {
        margin-block: 1rem !important
    }

    .my-xxl-4 {
        margin-block: 1.5rem !important
    }

    .my-xxl-5 {
        margin-block: 3rem !important
    }

    .my-xxl-6 {
        margin-block: 4.5rem !important
    }

    .my-xxl-auto {
        margin-block: auto !important
    }

    .mt-xxl-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .mt-xxl-1 {
        -webkit-margin-before: .25rem !important;
        margin-block-start: .25rem !important
    }

    .mt-xxl-2 {
        -webkit-margin-before: .5rem !important;
        margin-block-start: .5rem !important
    }

    .mt-xxl-3 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .mt-xxl-4 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .mt-xxl-5 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .mt-xxl-6 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .mt-xxl-auto {
        -webkit-margin-before: auto !important;
        margin-block-start: auto !important
    }

    .mr-xxl-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .mr-xxl-1 {
        -webkit-margin-end: .25rem !important;
        margin-inline-end: .25rem !important
    }

    .mr-xxl-2 {
        -webkit-margin-end: .5rem !important;
        margin-inline-end: .5rem !important
    }

    .mr-xxl-3 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .mr-xxl-4 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .mr-xxl-5 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .mr-xxl-6 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .mr-xxl-auto {
        -webkit-margin-end: auto !important;
        margin-inline-end: auto !important
    }

    .mb-xxl-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .mb-xxl-1 {
        -webkit-margin-after: .25rem !important;
        margin-block-end: .25rem !important
    }

    .mb-xxl-2 {
        -webkit-margin-after: .5rem !important;
        margin-block-end: .5rem !important
    }

    .mb-xxl-3 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .mb-xxl-4 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .mb-xxl-5 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .mb-xxl-6 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .mb-xxl-auto {
        -webkit-margin-after: auto !important;
        margin-block-end: auto !important
    }

    .ml-xxl-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .ml-xxl-1 {
        -webkit-margin-start: .25rem !important;
        margin-inline-start: .25rem !important
    }

    .ml-xxl-2 {
        -webkit-margin-start: .5rem !important;
        margin-inline-start: .5rem !important
    }

    .ml-xxl-3 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .ml-xxl-4 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .ml-xxl-5 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .ml-xxl-6 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .ml-xxl-auto {
        -webkit-margin-start: auto !important;
        margin-inline-start: auto !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.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
    }

    .mx-xxl-n1 {
        margin-inline: -.25rem !important
    }

    .mx-xxl-n2 {
        margin-inline: -.5rem !important
    }

    .mx-xxl-n3 {
        margin-inline: -1rem !important
    }

    .mx-xxl-n4 {
        margin-inline: -1.5rem !important
    }

    .mx-xxl-n5 {
        margin-inline: -3rem !important
    }

    .mx-xxl-n6 {
        margin-inline: -4.5rem !important
    }

    .my-xxl-n1 {
        margin-block: -.25rem !important
    }

    .my-xxl-n2 {
        margin-block: -.5rem !important
    }

    .my-xxl-n3 {
        margin-block: -1rem !important
    }

    .my-xxl-n4 {
        margin-block: -1.5rem !important
    }

    .my-xxl-n5 {
        margin-block: -3rem !important
    }

    .my-xxl-n6 {
        margin-block: -4.5rem !important
    }

    .mt-xxl-n1 {
        -webkit-margin-before: -.25rem !important;
        margin-block-start: -.25rem !important
    }

    .mt-xxl-n2 {
        -webkit-margin-before: -.5rem !important;
        margin-block-start: -.5rem !important
    }

    .mt-xxl-n3 {
        -webkit-margin-before: -1rem !important;
        margin-block-start: -1rem !important
    }

    .mt-xxl-n4 {
        -webkit-margin-before: -1.5rem !important;
        margin-block-start: -1.5rem !important
    }

    .mt-xxl-n5 {
        -webkit-margin-before: -3rem !important;
        margin-block-start: -3rem !important
    }

    .mt-xxl-n6 {
        -webkit-margin-before: -4.5rem !important;
        margin-block-start: -4.5rem !important
    }

    .mr-xxl-n1 {
        -webkit-margin-end: -.25rem !important;
        margin-inline-end: -.25rem !important
    }

    .mr-xxl-n2 {
        -webkit-margin-end: -.5rem !important;
        margin-inline-end: -.5rem !important
    }

    .mr-xxl-n3 {
        -webkit-margin-end: -1rem !important;
        margin-inline-end: -1rem !important
    }

    .mr-xxl-n4 {
        -webkit-margin-end: -1.5rem !important;
        margin-inline-end: -1.5rem !important
    }

    .mr-xxl-n5 {
        -webkit-margin-end: -3rem !important;
        margin-inline-end: -3rem !important
    }

    .mr-xxl-n6 {
        -webkit-margin-end: -4.5rem !important;
        margin-inline-end: -4.5rem !important
    }

    .mb-xxl-n1 {
        -webkit-margin-after: -.25rem !important;
        margin-block-end: -.25rem !important
    }

    .mb-xxl-n2 {
        -webkit-margin-after: -.5rem !important;
        margin-block-end: -.5rem !important
    }

    .mb-xxl-n3 {
        -webkit-margin-after: -1rem !important;
        margin-block-end: -1rem !important
    }

    .mb-xxl-n4 {
        -webkit-margin-after: -1.5rem !important;
        margin-block-end: -1.5rem !important
    }

    .mb-xxl-n5 {
        -webkit-margin-after: -3rem !important;
        margin-block-end: -3rem !important
    }

    .mb-xxl-n6 {
        -webkit-margin-after: -4.5rem !important;
        margin-block-end: -4.5rem !important
    }

    .ml-xxl-n1 {
        -webkit-margin-start: -.25rem !important;
        margin-inline-start: -.25rem !important
    }

    .ml-xxl-n2 {
        -webkit-margin-start: -.5rem !important;
        margin-inline-start: -.5rem !important
    }

    .ml-xxl-n3 {
        -webkit-margin-start: -1rem !important;
        margin-inline-start: -1rem !important
    }

    .ml-xxl-n4 {
        -webkit-margin-start: -1.5rem !important;
        margin-inline-start: -1.5rem !important
    }

    .ml-xxl-n5 {
        -webkit-margin-start: -3rem !important;
        margin-inline-start: -3rem !important
    }

    .ml-xxl-n6 {
        -webkit-margin-start: -4.5rem !important;
        margin-inline-start: -4.5rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .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
    }

    .px-xxl-0 {
        padding-inline: 0 !important
    }

    .px-xxl-1 {
        padding-inline: .25rem !important
    }

    .px-xxl-2 {
        padding-inline: .5rem !important
    }

    .px-xxl-3 {
        padding-inline: 1rem !important
    }

    .px-xxl-4 {
        padding-inline: 1.5rem !important
    }

    .px-xxl-5 {
        padding-inline: 3rem !important
    }

    .px-xxl-6 {
        padding-inline: 4.5rem !important
    }

    .py-xxl-0 {
        padding-block: 0 !important
    }

    .py-xxl-1 {
        padding-block: .25rem !important
    }

    .py-xxl-2 {
        padding-block: .5rem !important
    }

    .py-xxl-3 {
        padding-block: 1rem !important
    }

    .py-xxl-4 {
        padding-block: 1.5rem !important
    }

    .py-xxl-5 {
        padding-block: 3rem !important
    }

    .py-xxl-6 {
        padding-block: 4.5rem !important
    }

    .pt-xxl-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .pt-xxl-1 {
        -webkit-padding-before: .25rem !important;
        padding-block-start: .25rem !important
    }

    .pt-xxl-2 {
        -webkit-padding-before: .5rem !important;
        padding-block-start: .5rem !important
    }

    .pt-xxl-3 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .pt-xxl-4 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .pt-xxl-5 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .pt-xxl-6 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .pr-xxl-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .pr-xxl-1 {
        -webkit-padding-end: .25rem !important;
        padding-inline-end: .25rem !important
    }

    .pr-xxl-2 {
        -webkit-padding-end: .5rem !important;
        padding-inline-end: .5rem !important
    }

    .pr-xxl-3 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .pr-xxl-4 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .pr-xxl-5 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .pr-xxl-6 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .pb-xxl-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .pb-xxl-1 {
        -webkit-padding-after: .25rem !important;
        padding-block-end: .25rem !important
    }

    .pb-xxl-2 {
        -webkit-padding-after: .5rem !important;
        padding-block-end: .5rem !important
    }

    .pb-xxl-3 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .pb-xxl-4 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .pb-xxl-5 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .pb-xxl-6 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .pl-xxl-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .pl-xxl-1 {
        -webkit-padding-start: .25rem !important;
        padding-inline-start: .25rem !important
    }

    .pl-xxl-2 {
        -webkit-padding-start: .5rem !important;
        padding-inline-start: .5rem !important
    }

    .pl-xxl-3 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .pl-xxl-4 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .pl-xxl-5 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .pl-xxl-6 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .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
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .row-gap-xxl-6 {
        row-gap: 4.5rem !important
    }

    .column-gap-xxl-0 {
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        -webkit-column-gap: .25rem !important;
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        -webkit-column-gap: .5rem !important;
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        -webkit-column-gap: 1rem !important;
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        -webkit-column-gap: 1.5rem !important;
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        -webkit-column-gap: 3rem !important;
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .column-gap-xxl-6 {
        -webkit-column-gap: 4.5rem !important;
        -moz-column-gap: 4.5rem !important;
        column-gap: 4.5rem !important
    }

    .text-xxl-start {
        text-align: start !important
    }

    .text-xxl-left {
        text-align: start !important
    }

    .text-xxl-end {
        text-align: end !important
    }

    .text-xxl-right {
        text-align: end !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-inline-grid {
        display: inline-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
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 38px;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1060
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.colorpicker {
    position: relative;
    display: none;
    font-size: inherit;
    color: inherit;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    padding: 0;
    width: 200px;
    height: auto;
    box-sizing: content-box;
    gap: 5px;
    grid-template-columns: 170px 25px;
    grid-template-rows: 150px 10px 10px
}

    .colorpicker.colorpicker-visible {
        display: grid
    }

        .colorpicker.colorpicker-visible > * {
            display: block
        }

        .colorpicker.colorpicker-visible:not(.colorpicker-with-alpha) > .colorpicker-alpha {
            display: none
        }

    .colorpicker > * {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 0;
        box-shadow: none !important
    }

.colorpicker-saturation {
    position: relative;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%),linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
    cursor: default;
    box-shadow: none;
    grid-column: 1 / span 2;
    grid-row: 1;
    overflow: hidden
}

    .colorpicker-saturation .colorpicker-guide {
        display: block;
        position: absolute;
        inset-inline-start: 0;
        top: 0;
        width: 4px;
        height: 4px;
        box-shadow: #fff 0px 0px 0px 1.5px,rgba(0,0,0,0.3) 0px 0px 1px 1px inset,rgba(0,0,0,0.4) 0px 0px 1px 2px;
        border-radius: 50%;
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }

.colorpicker-hue, .colorpicker-alpha {
    cursor: default;
    box-shadow: none
}

    .colorpicker-hue .colorpicker-guide, .colorpicker-alpha .colorpicker-guide {
        position: absolute;
        display: block;
        top: 0;
        inset-inline-start: 0;
        margin-top: 1px;
        width: 4px;
        border-radius: 1px;
        height: 8px;
        box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
        background: #fff;
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

.colorpicker-hue {
    background: linear-gradient(to left, red 0%, #ff8000 8%, #ff0 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, #f0f 83%, #ff0080 92%, red 100%);
    grid-column: 1;
    grid-row: 2 / span 2
}

    .colorpicker-hue .colorpicker-guide {
        height: 23px
    }

.colorpicker-with-alpha .colorpicker-hue {
    grid-row: 2
}

    .colorpicker-with-alpha .colorpicker-hue .colorpicker-guide {
        height: 8px
    }

.colorpicker-alpha {
    background: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),#fff;
    background-size: 10px 10px;
    background-position: 0 0,5px 5px;
    display: none;
    grid-column: 1;
    grid-row: 3
}

.colorpicker-alpha-color {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%
}

.colorpicker.colorpicker-disabled, .colorpicker.colorpicker-disabled * {
    cursor: default !important
}

.colorpicker-bs-popover .popover-body {
    padding: 0.75rem
}

.colorpicker-clear {
    clear: both;
    display: block
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
    display: block
}

.colorpicker-input-addon {
    position: relative;
    padding: 0;
    width: calc(1.5715em + 1rem + 2px)
}

    .colorpicker-input-addon > i {
        display: inline-block;
        cursor: pointer;
        vertical-align: text-top;
        height: 24px;
        width: 24px;
        position: relative;
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: var(--border-radius-sm)
    }

    .colorpicker-input-addon:before {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: text-top;
        background: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),#fff;
        background-size: 10px 10px;
        background-position: 0 0,5px 5px
    }

.colorpicker-alpha, .colorpicker-saturation, .colorpicker-hue {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.colorpicker.colorpicker-disabled:after {
    border: none;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(233,236,239,0.33);
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: auto;
    z-index: 2;
    position: absolute
}

.colorpicker.colorpicker-disabled .colorpicker-guide {
    display: none
}

.colorpicker-preview {
    background: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),#fff;
    background-size: 10px 10px;
    background-position: 0 0,5px 5px;
    grid-column: 2;
    grid-row: 2 / span 2;
    overflow: hidden;
    white-space: normal
}

    .colorpicker-preview > div {
        position: absolute !important;
        inset-inline-start: 0;
        font-size: 0px;
        top: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1)
    }

.colorpicker-swatches {
    box-shadow: none;
    height: auto;
    grid-row: -1;
    grid-column: 1 / -1;
    margin-top: 5px;
    padding-inline: 1px
}

.colorpicker-swatches--inner {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 5px;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.1)
}

    .colorpicker-swatches--inner > .colorpicker-clear {
        display: none
    }

.colorpicker-swatch {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    min-height: 14px;
    background: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 0),#fff;
    background-size: 10px 10px;
    background-position: 0 0,5px 5px
}

.colorpicker-swatch--inner {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    border-radius: 3px
}

    .colorpicker-swatch--inner:active, .colorpicker-swatch--inner:focus, .colorpicker-swatch--inner:focus-visible {
        outline: 1px solid rgba(255,255,255,0.75);
        outline-offset: -2px
    }

.sr-only, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.bootstrap-datetimepicker-widget {
    list-style: none
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        display: block;
        margin: 2px 0;
        padding: 0.75rem 1rem;
        padding-bottom: 0.5rem;
        width: 17.75rem
    }

@media (min-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,0.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0,0,0,0.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget *[data-action] > [class*='fa-angle-'] {
    font-size: 1.25rem
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
    color: #596167
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none !important
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 600;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        content: "Toggle Date and Time Screens"
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: .2rem;
        border-color: transparent !important;
        padding: 0.3rem
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 30px
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #aab5bf;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table th.next, .bootstrap-datetimepicker-widget table th.prev {
            min-width: 1.5rem
        }

            .bootstrap-datetimepicker-widget table th.prev::after {
                content: "Previous Month"
            }

            .bootstrap-datetimepicker-widget table th.next::after {
                content: "Next Month"
            }

        .bootstrap-datetimepicker-widget table th.dow {
            text-transform: uppercase;
            font-weight: 400;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #f8f9fa
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #aab5bf
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 2.25rem;
            width: 2.25rem;
            padding: 0;
            min-width: 2.25rem;
            max-width: 2.25rem;
            min-height: 2.25rem;
            max-height: 2.25rem;
            line-height: calc(2.25rem - 1px);
            border: 1px solid transparent
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #f8f9fa;
                cursor: pointer
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: #aab5bf
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #307abe;
                border-top-color: rgba(0,0,0,0.2);
                position: absolute;
                bottom: 4px;
                right: 4px
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #307abe;
            color: #fff;
            text-shadow: none
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #aab5bf;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: .2rem
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #f8f9fa
            }

            .bootstrap-datetimepicker-widget table td span:active {
                background: #e9ecef
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #307abe;
                color: #fff;
                text-shadow: none
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #aab5bf
            }

            .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: #aab5bf;
                cursor: not-allowed
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.input-group [data-toggle="datetimepicker"] {
    cursor: pointer
}

.note-dropzone {
    position: absolute;
    display: none;
    z-index: 100;
    color: lightskyblue;
    background-color: #fff;
    opacity: 0.95;
    border-radius: .375rem
}

    .note-dropzone .note-dropzone-message {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 28px;
        font-weight: 600
    }

    .note-dropzone.hover {
        color: var(--primary)
    }

.note-editor.dragover .note-dropzone {
    display: table
}

.note-editor {
    position: relative;
    border: 1px solid #dee2e6;
    border-start-start-radius: .375rem;
    border-start-end-radius: .375rem;
    border-end-end-radius: .375rem;
    border-end-start-radius: .375rem
}

    .note-editor:focus-within, .note-editor:focus, .note-editor.focus {
        z-index: 1019;
        border-color: #689de8
    }

    .note-editor .note-placeholder {
        padding: 10px
    }

    .note-editor.note-airframe {
        border-width: 0
    }

.note-editing-area {
    position: relative;
    overflow: hidden
}

.note-editable {
    outline: none;
    padding: 10px;
    overflow: auto;
    word-wrap: break-word
}

.note-airframe .note-editable {
    padding: 0
}

.note-editable[contenteditable="false"] {
    background-color: rgba(128,128,128,0.113725)
}

.note-editable sup {
    vertical-align: super
}

.note-editable sub {
    vertical-align: sub
}

.note-editable img.note-float-left {
    margin-right: 10px
}

.note-editable img.note-float-right {
    margin-left: 10px
}

.note-editable ul li, .note-editable ol li {
    list-style-position: inside
}

.note-editor.codeview .note-editable {
    display: none
}

.note-editor.codeview .note-codable {
    display: block
}

.note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    border: none;
    box-shadow: none;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    resize: none;
    outline: none;
    box-sizing: border-box;
    border-radius: 0;
    margin-bottom: 0
}

.note-editor.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    border-radius: 0 !important;
    border-color: #dee2e6 !important;
    z-index: 1070 !important
}

    .note-editor.fullscreen .note-resizebar {
        display: none
    }

.note-fullscreen-body {
    overflow: hidden !important
}

.note-status-output {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.2;
    border: 0;
    border-top: 1px solid #dee2e6;
    padding: 4px 8px;
    font-weight: 600
}

    .note-status-output:empty {
        height: 0;
        padding: 0;
        border-top-width: 0
    }

.note-statusbar {
    background-color: rgba(128,128,128,0.113725);
    border-top: 1px solid rgba(0,0,0,0.15)
}

    .note-statusbar .note-resizebar {
        padding-top: 1px;
        height: 9px;
        width: 100%;
        cursor: ns-resize
    }

        .note-statusbar .note-resizebar .note-icon-bar {
            width: 20px;
            margin: 1px auto;
            border-top: 1px solid rgba(0,0,0,0.2)
        }

    .note-statusbar.locked .note-resizebar {
        cursor: default
    }

        .note-statusbar.locked .note-resizebar .note-icon-bar {
            display: none
        }

.note-palette {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin: 0;
    width: 160px
}

.note-palette-title {
    font-size: 13px;
    text-align: center;
    font-weight: 600
}

.note-color-reset, .note-color-select {
    font-size: 11px;
    width: 100%
}

.note-color-row {
    height: 20px
}

.note-color-select-btn {
    display: none
}

.note-holder-custom .note-color-btn {
    border: 1px solid var(--gray-200) !important
}

.note-color-palette {
    line-height: 1
}

    .note-color-palette .note-color-btn {
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0
    }

        .note-color-palette .note-color-btn:hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            transition: all 0.2s
        }

.note-placeholder {
    position: absolute;
    display: none;
    color: var(--gray-600)
}

.note-modal .form-group {
    margin-inline: 0;
    margin-bottom: 0.5rem
}

    .note-modal .form-group:last-child {
        margin-bottom: 0
    }

.note-modal .note-form-label {
    margin-bottom: 0.25rem
}

.note-modal .note-modal-form {
    margin: 0
}

.note-modal .modal-footer > .note-btn-primary {
    min-width: 80px
}

.note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #000
}

    .note-control-selection > div {
        position: absolute
    }

.note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3
}

.note-control-handle, .note-control-sizing, .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid #000
}

.note-control-sizing {
    background-color: #000
}

.note-control-nw {
    top: -5px;
    left: -5px;
    border-right: none;
    border-bottom: none
}

.note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: none;
    border-left: none
}

.note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: none;
    border-right: none
}

.note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize
}

    .note-control-se.note-control-holder {
        cursor: default;
        border-top: none;
        border-left: none
    }

.note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    color: #fff;
    background-color: #000;
    font-size: 12px;
    opacity: 0.7;
    border-radius: 5px
}

.note-hint-popover {
    min-width: 100px;
    padding: 2px
}

    .note-hint-popover .popover-content {
        padding: 3px;
        max-height: 150px;
        overflow: auto
    }

.note-hint-group .note-hint-item {
    display: block !important;
    padding: 3px
}

    .note-hint-group .note-hint-item.active, .note-hint-group .note-hint-item:hover {
        display: block;
        clear: both;
        font-weight: 400;
        line-height: 1.4;
        color: white;
        white-space: nowrap;
        text-decoration: none;
        background-color: #428bca;
        outline: 0;
        cursor: pointer
    }

.note-dropdown-menu.right {
    right: 0;
    left: auto
}

    .note-dropdown-menu.right:before {
        right: 9px;
        left: auto !important
    }

    .note-dropdown-menu.right:after {
        right: 10px;
        left: auto !important
    }

.note-dropdown-menu.note-check {
    min-width: initial
}

    .note-dropdown-menu.note-check > .dropdown-item {
        justify-content: space-between
    }

        .note-dropdown-menu.note-check > .dropdown-item > i {
            color: var(--warning);
            visibility: hidden;
            order: 2;
            margin-inline: 10px -4px !important
        }

        .note-dropdown-menu.note-check > .dropdown-item.checked {
            font-weight: 600
        }

            .note-dropdown-menu.note-check > .dropdown-item.checked > i {
                visibility: visible
            }

.note-toolbar-wrapper {
    position: relative
}

.note-toolbar {
    position: relative
}

.note-popover.popover {
    display: none;
    max-width: none
}

    .note-popover.popover .arrow {
        left: 20px !important
    }

.popover-content, .note-toolbar {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
    gap: 5px
}

.dropdown-style.dropdown-menu blockquote, .dropdown-style.dropdown-menu pre {
    margin: 0
}

.dropdown-style.dropdown-menu pre {
    padding-block: 5px;
    width: 100%
}

.dropdown-style.dropdown-menu h1, .dropdown-style.dropdown-menu .h1, .dropdown-style.dropdown-menu h2, .dropdown-style.dropdown-menu .h2, .dropdown-style.dropdown-menu h3, .dropdown-style.dropdown-menu .h3, .dropdown-style.dropdown-menu h4, .dropdown-style.dropdown-menu .h4, .dropdown-style.dropdown-menu h5, .dropdown-style.dropdown-menu .h5, .dropdown-style.dropdown-menu h6, .dropdown-style.dropdown-menu .h6, .dropdown-style.dropdown-menu p {
    margin: 0;
    padding: 0
}

.note-color > .dropdown-toggle {
    padding-inline: 6px
}

.note-color-all > .note-dropdown-menu {
    min-width: auto;
    padding: 12px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

    .note-color-all > .note-dropdown-menu.show {
        display: flex
    }

.note-table.dropdown-menu {
    min-width: 0;
    padding: 5px
}

.note-dimension-picker {
    font-size: 18px
}

.note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}

.note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
}

.note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
}

.note-btn-group.note-list {
    margin-left: 5px
}

.note-fontsize-10 {
    font-size: 10px
}

.fal {
    font-family: "Font Awesome 6 Free"
}

.fal, .far {
    font-weight: 900
}

    .fal.fa-address-book, .far.fa-address-book {
        font-weight: 400
    }

    .fal.fa-address-card, .far.fa-address-card {
        font-weight: 400
    }

    .fal.fa-bell, .far.fa-bell {
        font-weight: 400
    }

    .fal.fa-bell-slash, .far.fa-bell-slash {
        font-weight: 400
    }

    .fal.fa-bookmark, .far.fa-bookmark {
        font-weight: 400
    }

    .fal.fa-building, .far.fa-building {
        font-weight: 400
    }

    .fal.fa-calendar, .far.fa-calendar {
        font-weight: 400
    }

    .fal.fa-calendar-check, .far.fa-calendar-check {
        font-weight: 400
    }

    .fal.fa-calendar-days, .far.fa-calendar-days {
        font-weight: 400
    }

    .fal.fa-calendar-minus, .far.fa-calendar-minus {
        font-weight: 400
    }

    .fal.fa-calendar-plus, .far.fa-calendar-plus {
        font-weight: 400
    }

    .fal.fa-calendar-xmark, .far.fa-calendar-xmark {
        font-weight: 400
    }

    .fal.fa-chart-bar, .far.fa-chart-bar {
        font-weight: 400
    }

    .fal.fa-chess-bishop, .far.fa-chess-bishop {
        font-weight: 400
    }

    .fal.fa-chess-king, .far.fa-chess-king {
        font-weight: 400
    }

    .fal.fa-chess-knight, .far.fa-chess-knight {
        font-weight: 400
    }

    .fal.fa-chess-pawn, .far.fa-chess-pawn {
        font-weight: 400
    }

    .fal.fa-chess-queen, .far.fa-chess-queen {
        font-weight: 400
    }

    .fal.fa-chess-rook, .far.fa-chess-rook {
        font-weight: 400
    }

    .fal.fa-circle, .far.fa-circle {
        font-weight: 400
    }

    .fal.fa-circle-check, .far.fa-circle-check {
        font-weight: 400
    }

    .fal.fa-circle-dot, .far.fa-circle-dot {
        font-weight: 400
    }

    .fal.fa-circle-down, .far.fa-circle-down {
        font-weight: 400
    }

    .fal.fa-circle-left, .far.fa-circle-left {
        font-weight: 400
    }

    .fal.fa-circle-pause, .far.fa-circle-pause {
        font-weight: 400
    }

    .fal.fa-circle-play, .far.fa-circle-play {
        font-weight: 400
    }

    .fal.fa-circle-question, .far.fa-circle-question {
        font-weight: 400
    }

    .fal.fa-circle-right, .far.fa-circle-right {
        font-weight: 400
    }

    .fal.fa-circle-stop, .far.fa-circle-stop {
        font-weight: 400
    }

    .fal.fa-circle-up, .far.fa-circle-up {
        font-weight: 400
    }

    .fal.fa-circle-user, .far.fa-circle-user {
        font-weight: 400
    }

    .fal.fa-circle-xmark, .far.fa-circle-xmark {
        font-weight: 400
    }

    .fal.fa-clipboard, .far.fa-clipboard {
        font-weight: 400
    }

    .fal.fa-clock, .far.fa-clock {
        font-weight: 400
    }

    .fal.fa-clone, .far.fa-clone {
        font-weight: 400
    }

    .fal.fa-closed-captioning, .far.fa-closed-captioning {
        font-weight: 400
    }

    .fal.fa-comment, .far.fa-comment {
        font-weight: 400
    }

    .fal.fa-comment-dots, .far.fa-comment-dots {
        font-weight: 400
    }

    .fal.fa-comments, .far.fa-comments {
        font-weight: 400
    }

    .fal.fa-compass, .far.fa-compass {
        font-weight: 400
    }

    .fal.fa-copy, .far.fa-copy {
        font-weight: 400
    }

    .fal.fa-copyright, .far.fa-copyright {
        font-weight: 400
    }

    .fal.fa-credit-card, .far.fa-credit-card {
        font-weight: 400
    }

    .fal.fa-envelope, .far.fa-envelope {
        font-weight: 400
    }

    .fal.fa-envelope-open, .far.fa-envelope-open {
        font-weight: 400
    }

    .fal.fa-eye, .far.fa-eye {
        font-weight: 400
    }

    .fal.fa-eye-slash, .far.fa-eye-slash {
        font-weight: 400
    }

    .fal.fa-face-angry, .far.fa-face-angry {
        font-weight: 400
    }

    .fal.fa-face-dizzy, .far.fa-face-dizzy {
        font-weight: 400
    }

    .fal.fa-face-flushed, .far.fa-face-flushed {
        font-weight: 400
    }

    .fal.fa-face-frown, .far.fa-face-frown {
        font-weight: 400
    }

    .fal.fa-face-frown-open, .far.fa-face-frown-open {
        font-weight: 400
    }

    .fal.fa-face-grimace, .far.fa-face-grimace {
        font-weight: 400
    }

    .fal.fa-face-grin, .far.fa-face-grin {
        font-weight: 400
    }

    .fal.fa-face-grin-beam, .far.fa-face-grin-beam {
        font-weight: 400
    }

    .fal.fa-face-grin-beam-sweat, .far.fa-face-grin-beam-sweat {
        font-weight: 400
    }

    .fal.fa-face-grin-hearts, .far.fa-face-grin-hearts {
        font-weight: 400
    }

    .fal.fa-face-grin-squint, .far.fa-face-grin-squint {
        font-weight: 400
    }

    .fal.fa-face-grin-squint-tears, .far.fa-face-grin-squint-tears {
        font-weight: 400
    }

    .fal.fa-face-grin-stars, .far.fa-face-grin-stars {
        font-weight: 400
    }

    .fal.fa-face-grin-tears, .far.fa-face-grin-tears {
        font-weight: 400
    }

    .fal.fa-face-grin-tongue, .far.fa-face-grin-tongue {
        font-weight: 400
    }

    .fal.fa-face-grin-tongue-squint, .far.fa-face-grin-tongue-squint {
        font-weight: 400
    }

    .fal.fa-face-grin-tongue-wink, .far.fa-face-grin-tongue-wink {
        font-weight: 400
    }

    .fal.fa-face-grin-wide, .far.fa-face-grin-wide {
        font-weight: 400
    }

    .fal.fa-face-grin-wink, .far.fa-face-grin-wink {
        font-weight: 400
    }

    .fal.fa-face-kiss, .far.fa-face-kiss {
        font-weight: 400
    }

    .fal.fa-face-kiss-beam, .far.fa-face-kiss-beam {
        font-weight: 400
    }

    .fal.fa-face-kiss-wink-heart, .far.fa-face-kiss-wink-heart {
        font-weight: 400
    }

    .fal.fa-face-laugh, .far.fa-face-laugh {
        font-weight: 400
    }

    .fal.fa-face-laugh-beam, .far.fa-face-laugh-beam {
        font-weight: 400
    }

    .fal.fa-face-laugh-squint, .far.fa-face-laugh-squint {
        font-weight: 400
    }

    .fal.fa-face-laugh-wink, .far.fa-face-laugh-wink {
        font-weight: 400
    }

    .fal.fa-face-meh, .far.fa-face-meh {
        font-weight: 400
    }

    .fal.fa-face-meh-blank, .far.fa-face-meh-blank {
        font-weight: 400
    }

    .fal.fa-face-rolling-eyes, .far.fa-face-rolling-eyes {
        font-weight: 400
    }

    .fal.fa-face-sad-cry, .far.fa-face-sad-cry {
        font-weight: 400
    }

    .fal.fa-face-sad-tear, .far.fa-face-sad-tear {
        font-weight: 400
    }

    .fal.fa-face-smile, .far.fa-face-smile {
        font-weight: 400
    }

    .fal.fa-face-smile-beam, .far.fa-face-smile-beam {
        font-weight: 400
    }

    .fal.fa-face-smile-wink, .far.fa-face-smile-wink {
        font-weight: 400
    }

    .fal.fa-face-surprise, .far.fa-face-surprise {
        font-weight: 400
    }

    .fal.fa-face-tired, .far.fa-face-tired {
        font-weight: 400
    }

    .fal.fa-file, .far.fa-file {
        font-weight: 400
    }

    .fal.fa-file-audio, .far.fa-file-audio {
        font-weight: 400
    }

    .fal.fa-file-code, .far.fa-file-code {
        font-weight: 400
    }

    .fal.fa-file-excel, .far.fa-file-excel {
        font-weight: 400
    }

    .fal.fa-file-image, .far.fa-file-image {
        font-weight: 400
    }

    .fal.fa-file-lines, .far.fa-file-lines {
        font-weight: 400
    }

    .fal.fa-file-pdf, .far.fa-file-pdf {
        font-weight: 400
    }

    .fal.fa-file-powerpoint, .far.fa-file-powerpoint {
        font-weight: 400
    }

    .fal.fa-file-video, .far.fa-file-video {
        font-weight: 400
    }

    .fal.fa-file-word, .far.fa-file-word {
        font-weight: 400
    }

    .fal.fa-file-zipper, .far.fa-file-zipper {
        font-weight: 400
    }

    .fal.fa-flag, .far.fa-flag {
        font-weight: 400
    }

    .fal.fa-floppy-disk, .far.fa-floppy-disk {
        font-weight: 400
    }

    .fal.fa-folder, .far.fa-folder {
        font-weight: 400
    }

    .fal.fa-folder-closed, .far.fa-folder-closed {
        font-weight: 400
    }

    .fal.fa-folder-open, .far.fa-folder-open {
        font-weight: 400
    }

    .fal.fa-font-awesome, .far.fa-font-awesome {
        font-weight: 400
    }

    .fal.fa-futbol, .far.fa-futbol {
        font-weight: 400
    }

    .fal.fa-gem, .far.fa-gem {
        font-weight: 400
    }

    .fal.fa-hand, .far.fa-hand {
        font-weight: 400
    }

    .fal.fa-hand-back-fist, .far.fa-hand-back-fist {
        font-weight: 400
    }

    .fal.fa-hand-lizard, .far.fa-hand-lizard {
        font-weight: 400
    }

    .fal.fa-hand-peace, .far.fa-hand-peace {
        font-weight: 400
    }

    .fal.fa-hand-point-down, .far.fa-hand-point-down {
        font-weight: 400
    }

    .fal.fa-hand-point-left, .far.fa-hand-point-left {
        font-weight: 400
    }

    .fal.fa-hand-point-right, .far.fa-hand-point-right {
        font-weight: 400
    }

    .fal.fa-hand-point-up, .far.fa-hand-point-up {
        font-weight: 400
    }

    .fal.fa-hand-pointer, .far.fa-hand-pointer {
        font-weight: 400
    }

    .fal.fa-hand-scissors, .far.fa-hand-scissors {
        font-weight: 400
    }

    .fal.fa-hand-spock, .far.fa-hand-spock {
        font-weight: 400
    }

    .fal.fa-handshake, .far.fa-handshake {
        font-weight: 400
    }

    .fal.fa-hard-drive, .far.fa-hard-drive {
        font-weight: 400
    }

    .fal.fa-heart, .far.fa-heart {
        font-weight: 400
    }

    .fal.fa-hospital, .far.fa-hospital {
        font-weight: 400
    }

    .fal.fa-hourglass, .far.fa-hourglass {
        font-weight: 400
    }

    .fal.fa-hourglass-half, .far.fa-hourglass-half {
        font-weight: 400
    }

    .fal.fa-id-badge, .far.fa-id-badge {
        font-weight: 400
    }

    .fal.fa-id-card, .far.fa-id-card {
        font-weight: 400
    }

    .fal.fa-image, .far.fa-image {
        font-weight: 400
    }

    .fal.fa-images, .far.fa-images {
        font-weight: 400
    }

    .fal.fa-keyboard, .far.fa-keyboard {
        font-weight: 400
    }

    .fal.fa-lemon, .far.fa-lemon {
        font-weight: 400
    }

    .fal.fa-life-ring, .far.fa-life-ring {
        font-weight: 400
    }

    .fal.fa-lightbulb, .far.fa-lightbulb {
        font-weight: 400
    }

    .fal.fa-map, .far.fa-map {
        font-weight: 400
    }

    .fal.fa-message, .far.fa-message {
        font-weight: 400
    }

    .fal.fa-money-bill-1, .far.fa-money-bill-1 {
        font-weight: 400
    }

    .fal.fa-moon, .far.fa-moon {
        font-weight: 400
    }

    .fal.fa-newspaper, .far.fa-newspaper {
        font-weight: 400
    }

    .fal.fa-note-sticky, .far.fa-note-sticky {
        font-weight: 400
    }

    .fal.fa-object-group, .far.fa-object-group {
        font-weight: 400
    }

    .fal.fa-object-ungroup, .far.fa-object-ungroup {
        font-weight: 400
    }

    .fal.fa-paper-plane, .far.fa-paper-plane {
        font-weight: 400
    }

    .fal.fa-paste, .far.fa-paste {
        font-weight: 400
    }

    .fal.fa-pen-to-square, .far.fa-pen-to-square {
        font-weight: 400
    }

    .fal.fa-rectangle-list, .far.fa-rectangle-list {
        font-weight: 400
    }

    .fal.fa-rectangle-xmark, .far.fa-rectangle-xmark {
        font-weight: 400
    }

    .fal.fa-registered, .far.fa-registered {
        font-weight: 400
    }

    .fal.fa-share-from-square, .far.fa-share-from-square {
        font-weight: 400
    }

    .fal.fa-snowflake, .far.fa-snowflake {
        font-weight: 400
    }

    .fal.fa-square, .far.fa-square {
        font-weight: 400
    }

    .fal.fa-square-caret-down, .far.fa-square-caret-down {
        font-weight: 400
    }

    .fal.fa-square-caret-left, .far.fa-square-caret-left {
        font-weight: 400
    }

    .fal.fa-square-caret-right, .far.fa-square-caret-right {
        font-weight: 400
    }

    .fal.fa-square-caret-up, .far.fa-square-caret-up {
        font-weight: 400
    }

    .fal.fa-square-check, .far.fa-square-check {
        font-weight: 400
    }

    .fal.fa-square-full, .far.fa-square-full {
        font-weight: 400
    }

    .fal.fa-square-minus, .far.fa-square-minus {
        font-weight: 400
    }

    .fal.fa-square-plus, .far.fa-square-plus {
        font-weight: 400
    }

    .fal.fa-star, .far.fa-star {
        font-weight: 400
    }

    .fal.fa-star-half, .far.fa-star-half {
        font-weight: 400
    }

    .fal.fa-star-half-stroke, .far.fa-star-half-stroke {
        font-weight: 400
    }

    .fal.fa-sun, .far.fa-sun {
        font-weight: 400
    }

    .fal.fa-thumbs-down, .far.fa-thumbs-down {
        font-weight: 400
    }

    .fal.fa-thumbs-up, .far.fa-thumbs-up {
        font-weight: 400
    }

    .fal.fa-trash-can, .far.fa-trash-can {
        font-weight: 400
    }

    .fal.fa-user, .far.fa-user {
        font-weight: 400
    }

    .fal.fa-window-maximize, .far.fa-window-maximize {
        font-weight: 400
    }

    .fal.fa-window-minimize, .far.fa-window-minimize {
        font-weight: 400
    }

    .fal.fa-window-restore, .far.fa-window-restore {
        font-weight: 400
    }

.fa-group {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: inherit;
    line-height: 1.2;
    margin-right: 12px
}

.fa-overlay {
    position: absolute;
    display: inline-block;
    right: -2px;
    bottom: 0;
    font-size: 10px;
    color: var(--dark);
    text-shadow: -1px -1px 1px #fff
}

.bi {
    display: inline-block;
    vertical-align: -0.2em;
    overflow: visible;
    width: 1em;
    height: 1em;
    min-width: 16px;
    min-height: 16px;
    line-height: 1
}

    .bi > use, .bi > g {
        -webkit-transform-origin: center;
        transform-origin: center
    }

.bi-fw {
    text-align: center;
    width: 1.25em
}

.bi-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

    .bi-ul > li {
        position: relative
    }

.bi-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fs-display-1 {
    font-size: 6rem !important
}

.fs-display-2 {
    font-size: 5.5rem !important
}

.fs-display-3 {
    font-size: 4.5rem !important
}

.fs-display-4 {
    font-size: 3.5rem !important
}

.fs-lead {
    font-size: 1.09375rem
}

.fs-sm, .fs-sm a {
    font-size: .8125rem !important
}

.fs-xs, .fs-xs a {
    font-size: .75rem !important
}

@media (max-width: 575.98px) {
    .rfs {
        font-size: 14px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .rfs {
        font-size: 15px
    }
}

@media (max-width: 991.98px) {
    .rfs {
        word-break: break-word
    }
}

h1, .h1, h2, .h2 {
    font-weight: 400
}

h6, .h6 {
    font-weight: 600
}

.font-weight-unset, .fw-unset {
    font-weight: unset !important
}

.font-weight-100, .fw-100 {
    font-weight: 100 !important
}

.font-weight-200, .fw-200 {
    font-weight: 200 !important
}

.font-weight-300, .fw-300 {
    font-weight: 300 !important
}

.font-weight-400, .fw-400 {
    font-weight: 400 !important
}

.font-weight-500, .fw-500 {
    font-weight: 500 !important
}

.font-weight-600, .fw-600 {
    font-weight: 600 !important
}

.font-weight-700, .fw-700 {
    font-weight: 700 !important
}

.font-weight-800, .fw-800 {
    font-weight: 800 !important
}

.font-weight-900, .fw-900 {
    font-weight: 900 !important
}

.heading {
    position: relative
}

    .heading:before {
        position: absolute;
        display: block;
        content: ' ';
        width: 100%;
        height: 1px;
        top: 50%;
        z-index: 0;
        background: radial-gradient(ellipse at left, #fff 25%, rgba(0,0,0,0.25) 100%)
    }

    .heading .heading-title {
        position: relative;
        display: inline-block;
        background: var(--body-bg, #fff);
        padding-right: 1rem;
        font-weight: 400
    }

.heading-center {
    text-align: center
}

    .heading-center:before {
        background: radial-gradient(ellipse at center, #fff 25%, rgba(0,0,0,0.25) 100%) !important
    }

    .heading-center .heading-title {
        padding-left: 1rem
    }

.page-title {
    margin-bottom: 1.5rem
}

.link-dnn, a.pretty-link {
    text-decoration: none !important
}

.link-duu, .alert a, .validation-summary-valid a, .validation-summary-errors a {
    text-decoration: underline !important
}

.link-dnu {
    text-decoration: none
}

    .link-dnu:hover {
        text-decoration: underline
    }

.link-transition, .alert a, .validation-summary-valid a, .validation-summary-errors a, a.pretty-link {
    transition: color 0.125s ease,opacity 0.125s ease
}

a.pretty-link {
    font-weight: 600
}

    a.pretty-link > i {
        -webkit-padding-end: 1.2rem;
        padding-inline-end: 1.2rem
    }

    a.pretty-link > span {
        color: var(--gray-600)
    }

        a.pretty-link > span:hover, a.pretty-link > span:active {
            color: inherit
        }

.rlm:after {
    content: '\200F'
}

.ltr {
    direction: ltr;
    unicode-bidi: isolate
}

.rtl {
    direction: rtl;
    unicode-bidi: isolate
}

.long-text {
    font-size: 1rem
}

@media (min-width: 992px) {
    .long-text {
        font-size: 1.0625rem;
        line-height: 1.75rem;
        letter-spacing: .015625rem
    }
}

.long-text h2, .long-text .h2, .long-text h3, .long-text .h3, .long-text h4, .long-text .h4 {
    font-weight: 700
}

.long-text h5, .long-text .h5, .long-text h6, .long-text .h6 {
    font-weight: 600
}

.long-text h2:not(:first-of-type), .long-text .h2:not(:first-of-type) {
    margin-top: 4rem
}

.long-text h2, .long-text .h2 {
    font-size: 1.375rem;
    margin-bottom: 2rem
}

.long-text h3, .long-text .h3 {
    font-size: 1.25rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem
}

.long-text h4, .long-text .h4, .long-text h5, .long-text .h5, .long-text h6, .long-text .h6 {
    font-size: inherit;
    margin-top: 2rem
}

.long-text h3, .long-text .h3, .long-text h6, .long-text .h6 {
    color: #596167
}

.text-wrap {
    white-space: normal !important
}

code {
    padding-inline: 0.25rem;
    background-color: rgba(0,0,0,0.035);
    border-radius: var(--border-radius-sm)
}

.html-editor-content {
    margin-bottom: 1.5rem
}

.alert > *:last-child, .validation-summary-valid > *:last-child, .validation-summary-errors > *:last-child {
    margin-bottom: 0
}

.alert-info, .alert-danger, .validation-summary-errors, .alert-success, .validation-summary-valid, .alert-warning {
    --alert-icon-bg: rgba(var(--alert-base-rgb), 1);
    --alert-icon-bg-rgb: var(--alert-base-rgb);
    --alert-icon-color: var(--alert-bg);
    --alert-icon-content: "\f129";
    -webkit-padding-start: 4rem;
    padding-inline-start: 4rem;
    line-height: 1.5;
    border-width: 0
}

    .alert-info:before, .alert-danger:before, .validation-summary-errors:before, .alert-success:before, .validation-summary-valid:before, .alert-warning:before {
        display: block;
        position: absolute;
        content: ' ';
        left: 0;
        top: 0;
        bottom: 0;
        width: 3rem;
        z-index: 1;
        background-color: var(--alert-icon-bg);
        border-start-start-radius: var(--border-radius, var(--alert-border-radius));
        border-end-start-radius: var(--border-radius, var(--alert-border-radius))
    }

    .alert-info:after, .alert-danger:after, .validation-summary-errors:after, .alert-success:after, .validation-summary-valid:after, .alert-warning:after {
        display: block;
        position: absolute;
        color: var(--alert-icon-color);
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        content: var(--alert-icon-content);
        inset-inline-start: 0;
        top: 50%;
        font-size: 24px;
        width: 3rem;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2
    }

.alert-info {
    --alert-icon-content: "\f129";
    --alert-base-rgb: var(--primary-rgb);
    --alert-color: var(--primary-text-emphasis);
    --alert-bg: var(--primary-bg-subtle);
    --alert-border-color: var(--primary-border-subtle);
    --alert-link-color: var(--primary-text-emphasis)
}

.alert-danger, .validation-summary-errors {
    --alert-icon-content: "\f071"
}

.alert-success, .validation-summary-valid {
    --alert-icon-content: "\f00c"
}

.alert-warning {
    --alert-icon-content: "\f12a"
}

.alert > ul, .validation-summary-valid > ul, .validation-summary-errors > ul {
    -webkit-padding-start: 1.2rem;
    padding-inline-start: 1.2rem
}

.alert > *:first-child, .validation-summary-valid > *:first-child, .validation-summary-errors > *:first-child {
    margin-top: 0 !important
}

.alert > *:last-child, .validation-summary-valid > *:last-child, .validation-summary-errors > *:last-child {
    margin-bottom: 0 !important
}

.badge {
    --badge-ring-opacity: 0;
    --badge-ring-color-rgb: 255,255,255;
    --badge-height: calc((var(--badge-line-height) * 1em) + calc(var(--badge-padding-y) * 2));
    box-shadow: inset rgba(var(--badge-ring-color-rgb), var(--badge-ring-opacity)) 0px 0px 0px 1px
}

    .badge.active {
        background-color: var(--badge-hover-bg, var(--badge-bg))
    }

    .badge > i {
        position: relative;
        top: 1px;
        opacity: 0.6;
        line-height: inherit
    }

    .badge > .close, .badge > .btn-close {
        position: relative;
        box-sizing: border-box;
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }

.badge-subtle {
    --badge-bg-opacity: 0.7;
    --badge-hover-bg-opacity: 1
}

.badge-outline {
    --badge-bg-opacity: 0;
    --badge-hover-bg-opacity: 1;
    --badge-ring-opacity: 0.5;
    --badge-ring-color-rgb: var(--badge-base-rgb)
}

    .badge-subtle.badge-primary, .badge-outline.badge-primary {
        --badge-bg: var(--primary-bg-subtle);
        --badge-bg-rgb: var(--primary-bg-subtle-rgb);
        --badge-color: var(--primary-text-emphasis)
    }

.badge-subtle.badge-primary {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-primary {
    --badge-hover-color: #fff
}

.badge-subtle.badge-secondary, .badge-outline.badge-secondary {
    --badge-bg: var(--secondary-bg-subtle);
    --badge-bg-rgb: var(--secondary-bg-subtle-rgb);
    --badge-color: var(--secondary-text-emphasis)
}

.badge-subtle.badge-secondary {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-secondary {
    --badge-hover-color: #393f46
}

.badge-subtle.badge-success, .badge-outline.badge-success {
    --badge-bg: var(--success-bg-subtle);
    --badge-bg-rgb: var(--success-bg-subtle-rgb);
    --badge-color: var(--success-text-emphasis)
}

.badge-subtle.badge-success {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-success {
    --badge-hover-color: #fff
}

.badge-subtle.badge-info, .badge-outline.badge-info {
    --badge-bg: var(--info-bg-subtle);
    --badge-bg-rgb: var(--info-bg-subtle-rgb);
    --badge-color: var(--info-text-emphasis)
}

.badge-subtle.badge-info {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-info {
    --badge-hover-color: #fff
}

.badge-subtle.badge-warning, .badge-outline.badge-warning {
    --badge-bg: var(--warning-bg-subtle);
    --badge-bg-rgb: var(--warning-bg-subtle-rgb);
    --badge-color: var(--warning-text-emphasis)
}

.badge-subtle.badge-warning {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-warning {
    --badge-hover-color: #fff
}

.badge-subtle.badge-danger, .badge-outline.badge-danger {
    --badge-bg: var(--danger-bg-subtle);
    --badge-bg-rgb: var(--danger-bg-subtle-rgb);
    --badge-color: var(--danger-text-emphasis)
}

.badge-subtle.badge-danger {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-danger {
    --badge-hover-color: #fff
}

.badge-subtle.badge-light, .badge-outline.badge-light {
    --badge-bg: var(--light-bg-subtle);
    --badge-bg-rgb: var(--light-bg-subtle-rgb);
    --badge-color: var(--light-text-emphasis)
}

.badge-subtle.badge-light {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-light {
    --badge-hover-color: #393f46
}

.badge-subtle.badge-dark, .badge-outline.badge-dark {
    --badge-bg: var(--dark-bg-subtle);
    --badge-bg-rgb: var(--dark-bg-subtle-rgb);
    --badge-color: var(--dark-text-emphasis)
}

.badge-subtle.badge-dark {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-dark {
    --badge-hover-color: #fff
}

.badge-subtle.badge-gray, .badge-outline.badge-gray {
    --badge-bg: var(--gray-bg-subtle);
    --badge-bg-rgb: var(--gray-bg-subtle-rgb);
    --badge-color: var(--gray-text-emphasis)
}

.badge-subtle.badge-gray {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-gray {
    --badge-hover-color: #fff
}

.badge-subtle.badge-primary-dark, .badge-outline.badge-primary-dark {
    --badge-bg: var(--primary-dark-bg-subtle);
    --badge-bg-rgb: var(--primary-dark-bg-subtle-rgb);
    --badge-color: var(--primary-dark-text-emphasis)
}

.badge-subtle.badge-primary-dark {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-primary-dark {
    --badge-hover-color: #fff
}

.badge-subtle.badge-warning-dark, .badge-outline.badge-warning-dark {
    --badge-bg: var(--warning-dark-bg-subtle);
    --badge-bg-rgb: var(--warning-dark-bg-subtle-rgb);
    --badge-color: var(--warning-dark-text-emphasis)
}

.badge-subtle.badge-warning-dark {
    --badge-hover-bg: var(--badge-bg);
    --badge-hover-bg-rgb: var(--badge-bg-rgb)
}

.badge-outline.badge-warning-dark {
    --badge-hover-color: #fff
}

.badge-ring {
    --badge-ring-opacity: 0.1;
    --badge-ring-color-rgb: 89,97,103
}

.badge-counter {
    --badge-padding-x: 0.125rem !important;
    --badge-padding-y: 0.125rem !important;
    --badge-font-size: 0.6875rem;
    font-size: var(--badge-font-size);
    line-height: var(--badge-line-height);
    min-width: var(--badge-height)
}

    .badge-counter.badge-pill {
        --badge-padding-x: 0.25rem !important
    }

    .badge-counter.badge-counter-ring {
        outline: 2px solid #fff;
        outline-offset: -1px
    }

.badge-lg {
    --badge-padding-x: .75rem;
    --badge-padding-y: .5rem;
    --badge-font-size: inherit;
    --badge-border-radius: var(--border-radius-md)
}

    .badge-lg.badge-pill {
        --badge-padding-x: 1em !important
    }

.edge-top-start, .edge-top-end, .edge-bottom-start, .edge-bottom-end {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.edge-top-start, .edge-top-end {
    inset-block-start: 0
}

.edge-bottom-start, .edge-bottom-end {
    inset-block-start: 100%
}

.edge-top-start, .edge-bottom-start {
    inset-inline-start: 0
}

.edge-top-end, .edge-bottom-end {
    inset-inline-start: 100%
}

.edge-inset {
    --edge-offset-x: 2px;
    --edge-offset-y: 2px
}

    .edge-inset.edge-top-start {
        -webkit-transform: translate(var(--edge-offset-x), var(--edge-offset-y));
        transform: translate(var(--edge-offset-x), var(--edge-offset-y))
    }

    .edge-inset.edge-bottom-start {
        -webkit-transform: translate(var(--edge-offset-x), calc(-100% - 2px));
        transform: translate(var(--edge-offset-x), calc(-100% - 2px))
    }

    .edge-inset.edge-top-end {
        -webkit-transform: translate(calc(-100% - var(--edge-offset-x)), var(--edge-offset-y));
        transform: translate(calc(-100% - var(--edge-offset-x)), var(--edge-offset-y))
    }

    .edge-inset.edge-bottom-end {
        -webkit-transform: translate(calc(-100% - var(--edge-offset-x)), calc(-100% - var(--edge-offset-y)));
        transform: translate(calc(-100% - var(--edge-offset-x)), calc(-100% - var(--edge-offset-y)))
    }

.btn-sm > .fa, .fu-container:not(.xl) .fu-buttons .btn > .fa, .btn-group-sm > .btn > .fa, .input-group-sm > .input-group-prepend > .btn > .fa, .input-group-sm > .input-group-append > .btn > .fa {
    font-size: 14px
}

.input-clear {
    --trailing-action-size: 1.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--trailing-action-size);
    min-width: var(--trailing-action-size);
    height: var(--trailing-action-size);
    line-height: var(--trailing-action-size);
    background-color: var(--gray-200);
    color: inherit;
    cursor: pointer;
    font-weight: 600;
    border-radius: 50%;
    border: 0;
    transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
    --input-clear-size: var(--trailing-action-size)
}

    .input-clear:hover {
        color: #fff;
        background-color: var(--gray-600)
    }

    .input-clear:active {
        color: #fff;
        background-color: var(--gray-700)
    }

.btn {
    --btn-icon-color: currentcolor;
    --btn-icon-hover-color: var(--btn-icon-color);
    --btn-icon-active-color: var(--btn-icon-hover-color);
    --btn-icon-transition: opacity .15s ease-in-out;
    --btn-height: calc((var(--btn-line-height) * 1em) + (var(--btn-padding-y) * 2) + (var(--btn-border-width) * 2));
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    min-height: var(--btn-height)
}

    .btn > i, .btn > svg {
        color: var(--btn-icon-color);
        transition: var(--btn-icon-transition)
    }

    .btn:hover > i, .btn:hover > svg {
        color: var(--btn-icon-hover-color)
    }

    .btn.disabled > i, .btn.disabled > svg, .btn:disabled > i, .btn:disabled > svg, fieldset:disabled .btn > i, fieldset:disabled .btn > svg {
        color: var(--btn-icon-color)
    }

    .btn:active > i, .btn:active > svg, .btn.active > i, .btn.active > svg, .show > .btn.dropdown-toggle > i, .show > .btn.dropdown-toggle > svg {
        color: var(--btn-icon-active-color)
    }

.btn-icon-fix {
    position: relative;
    top: 1px
}

.btn-outline-secondary, .btn-outline-light {
    --btn-color: #393f46;
    --btn-border-color: #dee2e6;
    --btn-active-bg: #e0e4e9;
    --btn-disabled-color: #393f46;
    --btn-disabled-border-color: #dee2e6
}

.btn-outline-light {
    --btn-color: #8d9ba9
}

.input-group-append > .btn-secondary, .input-group-append > .btn-light, .input-group-prepend > .btn-secondary, .input-group-prepend > .btn-light {
    --btn-border-color: rgba(89,97,103,0.15);
    --btn-hover-border-color: var(--btn-border-color);
    --btn-active-border-color: rgba(89,97,103,0.2)
}

.btn-icon {
    position: relative;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--btn-height);
    min-width: var(--btn-height);
    height: var(--btn-height);
    line-height: var(--btn-height)
}

    .btn-icon.dropdown-toggle:after {
        position: absolute;
        inset-inline-end: 3px;
        bottom: 0.5em
    }

.btn-clear {
    --btn-color: #fff;
    --btn-bg: rgba(255,255,255,0);
    --btn-border-color: rgba(255,255,255,0.6);
    --btn-box-shadow: none;
    --btn-hover-shadow: none;
    --btn-disabled-color: var(--btn-color);
    --btn-disabled-bg: var(--btn-bg);
    --btn-disabled-border-color: var(--btn-border-color);
    --btn-hover-color: var(--btn-color);
    --btn-hover-bg: rgba(255,255,255,0.15);
    --btn-hover-border-color: var(--btn-border-color);
    --btn-hover-shadow: none;
    --btn-active-color: var(--btn-hover-color);
    --btn-active-bg: rgba(255,255,255,0.12);
    --btn-active-border-color: rgba(255,255,255,0.4);
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

    .btn-clear:focus:not(:active):not(.active):not(:focus-visible) {
        box-shadow: 0 0 4px rgba(255,255,255,0.7)
    }

.btn-clear-dark {
    --btn-color: #393f46;
    --btn-bg: rgba(0,0,0,0);
    --btn-border-color: rgba(0,0,0,0.15);
    --btn-box-shadow: none;
    --btn-hover-shadow: none;
    --btn-disabled-color: var(--btn-color);
    --btn-disabled-bg: var(--btn-bg);
    --btn-disabled-border-color: var(--btn-border-color);
    --btn-hover-color: #272b30;
    --btn-hover-bg: rgba(0,0,0,0.06);
    --btn-hover-border-color: rgba(0,0,0,0.2);
    --btn-hover-shadow: none;
    --btn-active-color: var(--btn-hover-color);
    --btn-active-bg: rgba(0,0,0,0.08);
    --btn-active-border-color: var(--btn-hover-border-color);
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

    .btn-clear-dark:focus:not(:active):not(.active):not(:focus-visible) {
        box-shadow: 0 0 4px rgba(0,0,0,0.125)
    }

.btn-labeled {
    --btn-label-size: calc(calc(1.5715em + 1rem + 2px) * 0.85);
    --btn-label-bg: rgba(0,0,0,0.12);
    position: relative
}

    .btn-labeled.btn-dark {
        --btn-label-bg: rgba(255,255,255,0.12)
    }

    .btn-labeled > b {
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--btn-label-size);
        top: 0;
        bottom: 0;
        background-color: var(--btn-label-bg)
    }

    .btn-labeled.btn-lg, .btn-group-lg > .btn-labeled.btn, .input-group-lg > .input-group-prepend > .btn-labeled.btn, .input-group-lg > .input-group-append > .btn-labeled.btn {
        --btn-label-size: calc(calc(1.375em + 1.25rem + 2px) * 0.85)
    }

    .btn-labeled.btn-sm, .fu-container:not(.xl) .fu-buttons .btn-labeled.btn, .btn-group-sm > .btn-labeled.btn, .input-group-sm > .input-group-prepend > .btn-labeled.btn, .input-group-sm > .input-group-append > .btn-labeled.btn {
        --btn-label-size: calc(calc(1.429em + .75rem + 2px) * 0.85)
    }

    .btn-labeled:not(.icon-right) {
        -webkit-padding-start: calc(var(--btn-label-size) + var(--btn-padding-x));
        padding-inline-start: calc(var(--btn-label-size) + var(--btn-padding-x))
    }

        .btn-labeled: not(.icon-right) > b {
            inset-inline-start: 0
        }

    .btn-labeled.icon-right {
        -webkit-padding-end: calc(var(--btn-label-size) + var(--btn-padding-x));
        padding-inline-end: calc(var(--btn-label-size) + var(--btn-padding-x))
    }

        .btn-labeled.icon-right > b {
            inset-inline-end: 0
        }

.btn-animate {
    --btn-animate-padding-x: calc(var(--btn-padding-x) * 1.5);
    --btn-animate-icon-start-pos: 0;
    --btn-animate-icon-end-pos: auto;
    --btn-animate-icon-text-align: start;
    --btn-animate-icon-offset-x: -100%;
    --btn-animate-icon-offset-y: 0;
    --btn-animate-icon-width: 1.8em;
    --btn-animate-icon-font-size: inherit;
    --btn-animate-offset: 10px;
    position: relative;
    overflow: hidden;
    padding-inline: var(--btn-animate-padding-x);
    transition: all 0.2s ease-out
}

    .btn-animate > span {
        display: block;
        width: 100%;
        height: 100%;
        transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

        .btn-animate > span > i, .btn-animate > span > svg {
            position: absolute;
            display: inline-block;
            vertical-align: middle;
            inset-inline-start: var(--btn-animate-icon-start-pos);
            inset-inline-end: var(--btn-animate-icon-end-pos);
            top: 0;
            bottom: 0;
            width: var(--btn-animate-icon-width);
            text-align: var(--btn-animate-icon-text-align);
            opacity: 0;
            font-size: var(--btn-animate-icon-font-size);
            line-height: 1;
            transition: opacity 0.2s ease-out;
            -webkit-transform: translate(var(--btn-animate-icon-offset-x), var(--btn-animate-icon-offset-y));
            transform: translate(var(--btn-animate-icon-offset-x), var(--btn-animate-icon-offset-y))
        }

            .btn-animate > span > i:before, .btn-animate > span > svg:before {
                position: absolute;
                inset-inline-start: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

    .btn-animate:hover > span {
        -webkit-transform: translateX(var(--btn-animate-offset));
        transform: translateX(var(--btn-animate-offset))
    }

        .btn-animate:hover > span > i, .btn-animate:hover > span > svg {
            opacity: 1
        }

    .btn-animate.btn-animate-right {
        --btn-animate-icon-start-pos: auto;
        --btn-animate-icon-end-pos: 0;
        --btn-animate-icon-text-align: end;
        --btn-animate-icon-offset-x: 100%;
        --btn-animate-offset: -10px
    }

    .btn-animate.btn-animate-down {
        --btn-animate-icon-start-pos: 0;
        --btn-animate-icon-end-pos: 0;
        --btn-animate-icon-text-align: center;
        --btn-animate-icon-offset-x: 0;
        --btn-animate-icon-offset-y: -150%;
        --btn-animate-icon-width: 100%;
        --btn-animate-offset: 10px
    }

        .btn-animate.btn-animate-down:hover > span {
            -webkit-transform: translateY(calc(var(--btn-animate-icon-offset-y) * -1));
            transform: translateY(calc(var(--btn-animate-icon-offset-y) * -1))
        }

        .btn-animate.btn-animate-down.btn-lg, .btn-group-lg > .btn-animate-down.btn, .input-group-lg > .input-group-prepend > .btn-animate-down.btn, .input-group-lg > .input-group-append > .btn-animate-down.btn {
            --btn-animate-icon-font-size: 1.5rem
        }

.btn-to-danger, .btn-to-primary {
    --btn-transition: none
}

    .btn-to-danger > i, .btn-to-danger > svg, .btn-to-primary > i, .btn-to-primary > svg {
        opacity: 1
    }

.btn-to-danger {
    --btn-hover-color: #fff;
    --btn-hover-bg: #bb2900;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #b02600;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-to-primary {
    --btn-hover-color: #fff;
    --btn-hover-bg: #2968a2;
    --btn-hover-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
    --btn-focus-shadow-rgb: 203,205,207;
    --btn-active-color: #fff;
    --btn-active-bg: #266298;
    --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-3d {
    --shadow-color-rgb: 0,0,0;
    --shadow-intensity: 1;
    --btn-box-shadow: 0 calc(1px * var(--shadow-yoffset, 1)) 8px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(1px * var(--shadow-yoffset, 1)) 1px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.3));
    --btn-hover-shadow: 0 calc(6px * var(--shadow-yoffset, 1)) 24px -5px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(5px * var(--shadow-yoffset, 1)) 12px -5px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.17));
    --btn-active-shadow: var(--btn-box-shadow);
    transition-property: box-shadow, color, background-color, border-color, opacity, -webkit-transform !important;
    transition-property: transform, box-shadow, color, background-color, border-color, opacity !important;
    transition-property: transform, box-shadow, color, background-color, border-color, opacity, -webkit-transform !important;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1) !important;
    transition-duration: .35s !important
}

    .btn-3d:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    .btn-3d:active, .btn-3d:active, .show > .btn-3d.dropdown-toggle {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    .btn-3d.btn-primary, .btn-3d.btn-outline-primary {
        --shadow-color-rgb: 24,61,95;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-secondary, .btn-3d.btn-outline-secondary {
        --btn-hover-bg: #fff;
        --btn-border-color: rgba(0,0,0,0.1);
        --btn-hover-border-color: var(--btn-border-color);
        --btn-active-bg: #e9ecef;
        --btn-active-border-color: var(--btn-border-color)
    }

    .btn-3d.btn-success, .btn-3d.btn-outline-success {
        --shadow-color-rgb: 0,79,58;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-info, .btn-3d.btn-outline-info {
        --shadow-color-rgb: 22,71,69;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-warning, .btn-3d.btn-outline-warning {
        --shadow-color-rgb: 119,78,0;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-danger, .btn-3d.btn-outline-danger {
        --shadow-color-rgb: 110,24,0;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-dark, .btn-3d.btn-outline-dark {
        --shadow-color-rgb: 0,16,41;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-gray, .btn-3d.btn-outline-gray {
        --shadow-color-rgb: 45,49,52;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-primary-dark, .btn-3d.btn-outline-primary-dark {
        --shadow-color-rgb: 12,40,80;
        --shadow-intensity: 1.8
    }

    .btn-3d.btn-warning-dark, .btn-3d.btn-outline-warning-dark {
        --shadow-color-rgb: 116,62,0;
        --shadow-intensity: 1.8
    }

.btn-toolbar .btn, .btn-flat {
    --btn-color: #393f46;
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-box-shadow: none;
    --btn-disabled-color: var(--btn-color);
    --btn-disabled-bg: var(--btn-bg);
    --btn-disabled-border-color: var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    background-image: none
}

.btn-flat-light {
    --btn-color: rgba(255,255,255,0.8);
    --btn-hover-border-color: rgba(255,255,255,0.5);
    --btn-active-border-color: var(--btn-hover-border-color);
    --btn-hover-shadow: none
}

.btn-no-border {
    --btn-border-color: transparent;
    --btn-hover-border-color: transparent;
    --btn-box-shadow: none;
    --btn-hover-shadow: none;
    --btn-disabled-border-color: transparent
}

.mf-dropdown {
    display: inline-block;
    position: relative
}

    .mf-dropdown .btn {
        position: relative
    }

        .mf-dropdown .btn > em {
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            color: #aab5bf;
            font-size: .8125rem;
            font-size: 0.85em
        }

            .mf-dropdown .btn > em > span {
                font-weight: 600;
                font-size: 1.166666em;
                color: #393f46
            }

        .mf-dropdown .btn.has-caret {
            text-align: start;
            -webkit-padding-end: 1.5rem;
            padding-inline-end: 1.5rem
        }

            .mf-dropdown .btn.has-caret.btn-sm, .mf-dropdown .fu-container:not(.xl) .fu-buttons .has-caret.btn, .fu-container:not(.xl) .fu-buttons .mf-dropdown .has-caret.btn, .mf-dropdown .btn-group-sm > .has-caret.btn, .mf-dropdown .input-group-sm > .input-group-prepend > .has-caret.btn, .mf-dropdown .input-group-sm > .input-group-append > .has-caret.btn {
                -webkit-padding-end: 1.25rem;
                padding-inline-end: 1.25rem
            }

            .mf-dropdown .btn.has-caret.btn-lg, .mf-dropdown .btn-group-lg > .has-caret.btn, .mf-dropdown .input-group-lg > .input-group-prepend > .has-caret.btn, .mf-dropdown .input-group-lg > .input-group-append > .has-caret.btn {
                -webkit-padding-end: 2.5rem;
                padding-inline-end: 2.5rem
            }

            .mf-dropdown .btn.has-caret > em, .mf-dropdown .btn.has-caret > span {
                display: block;
                margin-bottom: 1px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .mf-dropdown .btn.has-caret:after {
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                line-height: 1;
                font-size: inherit;
                font-weight: 900;
                font-family: "Font Awesome 6 Free";
                content: "ïƒ—";
                position: absolute;
                display: block;
                inset-inline-end: .75rem;
                line-height: 1;
                top: 50%;
                -webkit-transform: translate3d(50%, -50%, 0);
                transform: translate3d(50%, -50%, 0)
            }

    .mf-dropdown .btn-sm.has-caret:after, .mf-dropdown .fu-container:not(.xl) .fu-buttons .has-caret.btn:after, .fu-container:not(.xl) .fu-buttons .mf-dropdown .has-caret.btn:after, .mf-dropdown .btn-group-sm > .has-caret.btn:after, .mf-dropdown .input-group-sm > .input-group-prepend > .has-caret.btn:after, .mf-dropdown .input-group-sm > .input-group-append > .has-caret.btn:after {
        inset-inline-end: .625rem
    }

    .mf-dropdown .btn-lg.has-caret:after, .mf-dropdown .btn-group-lg > .has-caret.btn:after, .mf-dropdown .input-group-lg > .input-group-prepend > .has-caret.btn:after, .mf-dropdown .input-group-lg > .input-group-append > .has-caret.btn:after {
        inset-inline-end: 1.25rem
    }

    .mf-dropdown select {
        position: absolute;
        opacity: 0;
        inset-inline-start: 0;
        width: 100%;
        top: 0;
        bottom: 0;
        cursor: pointer
    }

.card-grid .card {
    height: 100%
}

.card-deck .card {
    margin-bottom: 30px
}

.card-shadow {
    box-shadow: 0 calc(2px * var(--shadow-yoffset, 1)) 16px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(2px * var(--shadow-yoffset, 1)) 3px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.15))
}

.card-body > p:last-child {
    margin-bottom: 0
}

.card-body > *:last-child {
    margin-bottom: 0 !important
}

.card-body.disabled {
    opacity: .5
}

@media (max-width: 767.98px) {
    .card-header.collapsed:first-child {
        border-end-end-radius: calc(.375rem - 1px);
        border-end-start-radius: calc(.375rem - 1px)
    }
}

input, textarea, select {
    font-weight: 400
}

    select.noskin option:disabled {
        color: #aab5bf
    }

fieldset.content-group {
    margin-bottom: 2rem
}

    fieldset.content-group > legend {
        position: relative;
        font-size: 1.125rem;
        font-weight: 400;
        color: #aab5bf;
        text-transform: uppercase;
        margin-bottom: 1.2rem
    }

        fieldset.content-group > legend:before {
            position: absolute;
            content: ' ';
            width: 100%;
            left: 0;
            top: 50%;
            height: 1px;
            background: rgba(0,0,0,0.12);
            z-index: 0
        }

        fieldset.content-group > legend > span {
            position: relative;
            display: inline-block;
            background: #fff;
            padding-right: 1rem;
            z-index: 1
        }

.form-group label:not(.form-check-label) {
    font-weight: 600
}

.required > label:after {
    content: ' *'
}

.form-text {
    line-height: 1.3
}

.form-check-primary > .form-check-input {
    --form-check-checked-bg-rgb: 48,122,190
}

.form-check-success > .form-check-input {
    --form-check-checked-bg-rgb: 0,158,116
}

.form-check-info > .form-check-input {
    --form-check-checked-bg-rgb: 44,141,138
}

.form-check-warning > .form-check-input {
    --form-check-checked-bg-rgb: 238,155,0
}

.form-check-danger > .form-check-input {
    --form-check-checked-bg-rgb: 220,48,0
}

.form-check-dark > .form-check-input {
    --form-check-checked-bg-rgb: 0,31,82
}

.form-check-gray > .form-check-input {
    --form-check-checked-bg-rgb: 89,97,103
}

.form-check-primary-dark > .form-check-input {
    --form-check-checked-bg-rgb: 24,80,159
}

.form-check-warning-dark > .form-check-input {
    --form-check-checked-bg-rgb: 231,124,0
}

.form-check-solo {
    display: inline-flex;
    padding-inline: 0;
    padding-block: calc(.375rem + 1px);
    margin-block: 0
}

    .form-check-solo .form-check-input {
        margin-inline: 0;
        margin-top: 0
    }

.form-switch .form-check-input {
    --form-check-bg: var(--gray-200)
}

.form-switch.form-check-solo {
    --form-switch-width: 2.322125rem
}

.form-switch.form-switch-lg {
    --form-switch-width: 2.750125rem
}

    .form-switch.form-switch-lg.form-check-solo {
        padding-block: calc(.5rem + 1px)
    }

.has-icon {
    --inline-icon-size: calc(1.5715em + 1rem + 2px);
    --inline-icon-font-size: inherit;
    --inline-icon-offset: 0px;
    position: relative;
    display: flex
}

    .has-icon .form-control {
        position: relative;
        z-index: 2
    }

    .has-icon .input-group-icon {
        position: absolute;
        z-index: 10;
        height: 100%;
        width: var(--inline-icon-size);
        line-height: var(--inline-icon-size);
        font-size: var(--inline-icon-font-size);
        inset-inline-start: var(--inline-icon-offset);
        text-align: center;
        vertical-align: middle;
        pointer-events: none
    }

        .has-icon .input-group-icon :before {
            font-size: max(16px, var(--inline-icon-font-size));
            position: absolute;
            inset-inline-start: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .has-icon.has-icon-right .input-group-icon {
        inset-inline-start: auto;
        inset-inline-end: var(--inline-icon-offset)
    }

    .has-icon.input-group-lg {
        --inline-icon-size: calc(1.375em + 1.25rem + 2px);
        --inline-icon-font-size: 1rem
    }

    .has-icon.input-group-sm {
        --inline-icon-size: calc(1.429em + .75rem + 2px);
        --inline-icon-font-size: .8125rem
    }

    .has-icon:not(.has-icon-right) .form-control {
        -webkit-padding-start: var(--inline-icon-size);
        padding-inline-start: var(--inline-icon-size)
    }

    .has-icon.has-icon-right .form-control {
        -webkit-padding-end: var(--inline-icon-size);
        padding-inline-end: var(--inline-icon-size)
    }

.input-group-inline-addon {
    --addon-border-radius: var(--border-radius, .375rem);
    --addon-border-radius-inner: var(--border-radius-inner, calc(var(--addon-border-radius) - 1px));
    align-items: stretch;
    position: relative;
    background-color: #fff;
    border-inline-start-color: #fff !important;
    padding: 0.25em !important;
    z-index: 5;
    border-radius: var(--addon-border-radius)
}

.form-control:focus ~ .input-group-append > .input-group-inline-addon {
    border-color: #689de8
}

.input-group-inline-addon > .btn {
    --btn-padding-y: 0;
    --btn-border-radius: var(--addon-border-radius-inner);
    --btn-font-size: .8125rem
}

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

    .custom-range::-webkit-slider-thumb {
        -webkit-appearance: none
    }

    .custom-range::-moz-range-thumb {
        -moz-appearance: none
    }

.validation-summary-valid {
    display: none
}

.field-validation-error, .field-validation-valid {
    display: block;
    font-size: .8125rem;
    width: 100%
}

    .field-validation-error:not(:empty), .field-validation-valid:not(:empty) {
        margin-top: 0.25rem
    }

.field-validation-error {
    color: #dc3000
}

.field-validation-valid {
    color: #009e74
}

.is-valid:focus, .is-invalid:focus {
    box-shadow: none !important
}

.required-text-input {
    display: none
}

.link-control > .form-control, .link-control > .select2 {
    border-color: #dee2e6 !important
}

    .link-control > .form-control:focus {
        outline: 1px solid #689de8;
        outline-offset: -2px
    }

.numberinput-group {
    overflow: hidden;
    flex-wrap: nowrap;
    --ni-height: calc(1.5715em + 1rem);
    --ni-font-size: .875rem;
    --ni-line-height: 1.5715;
    --ni-padding-x: .75rem;
    --ni-padding-y: .5rem;
    --ni-border-radius: .375rem;
    --ni-addon-width: var(--ni-height)
}

    .numberinput-group.numberinput-addon-sm {
        --ni-addon-width: 1.5rem
    }

    .numberinput-group.input-group-lg {
        --ni-height: calc(1.375em + 1.25rem + 2px);
        --ni-font-size: 1rem;
        --ni-line-height: 1.375;
        --ni-padding-x: 1.25rem;
        --ni-padding-y: .625rem;
        --ni-border-radius: .375rem
    }

    .numberinput-group.input-group-sm {
        --ni-height: calc(1.429em + .75rem + 2px);
        --ni-font-size: .8125rem;
        --ni-line-height: 1.429;
        --ni-padding-x: .625rem;
        --ni-padding-y: .375rem;
        --ni-border-radius: .375rem
    }

.numberinput {
    border-radius: var(--ni-border-radius) !important;
    -moz-appearance: textfield
}

.numberinput-initialized > .numberinput {
    color: transparent;
    -webkit-padding-end: calc(var(--ni-height) + 0.4em);
    padding-inline-end: calc(var(--ni-height) + 0.4em)
}

    .numberinput-initialized > .numberinput: focus, .numberinput-initialized > .numberinput:active {
        color: inherit
    }

        .numberinput-initialized > .numberinput:focus ~ .numberinput-formatted, .numberinput-initialized > .numberinput:active ~ .numberinput-formatted {
            display: none !important
        }

.numberinput::-webkit-inner-spin-button, .numberinput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.numberinput::-webkit-input-placeholder {
    font-style: italic
}

.numberinput:-ms-input-placeholder {
    font-style: italic
}

.numberinput::placeholder {
    font-style: italic
}

.numberinput-formatted {
    position: absolute;
    z-index: 1;
    display: none;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: var(--ni-font-size) !important;
    line-height: var(--ni-line-height)
}

.numberinput-initialized > .numberinput-formatted {
    display: inline-flex
}

.numberinput-formatted:empty {
    display: none
}

.numberinput-postfix {
    display: block;
    position: absolute;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    z-index: 10;
    background-color: #fff;
    color: #8d9ba9;
    font-size: var(--ni-font-size);
    line-height: var(--ni-line-height);
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.numberinput:disabled ~ .numberinput-postfix, .numberinput:read-only ~ .numberinput-postfix {
    background-color: #f8f9fa
}

.numberinput-formatted, .numberinput-postfix {
    pointer-events: none
}

.numberinput-stepper {
    position: absolute;
    z-index: 15;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

    .numberinput:disabled ~ .numberinput-stepper, .numberinput:read-only ~ .numberinput-stepper, .numberinput-stepper:disabled {
        pointer-events: none;
        opacity: 0.5
    }

.numberinput-default:after {
    position: absolute;
    z-index: 10;
    content: ' ';
    display: block;
    background: #f8f9fa;
    border: 0 solid #dee2e6;
    border-inline-start-width: 1px;
    inset-inline: auto 1px;
    top: 1px;
    bottom: 1px;
    width: var(--ni-addon-width);
    border-start-end-radius: var(--ni-border-radius);
    border-end-end-radius: var(--ni-border-radius);
    box-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25)
}

.numberinput-default > .numberinput-formatted {
    justify-content: center;
    inset-inline-start: 1px;
    height: 100%;
    align-items: center;
    padding: 0 var(--ni-padding-x)
}

.numberinput-default > .numberinput-postfix {
    top: 1px;
    bottom: 1px;
    inset-inline-end: var(--ni-addon-width);
    -webkit-padding-end: var(--ni-padding-x);
    padding-inline-end: var(--ni-padding-x)
}

.numberinput-default > .numberinput-stepper {
    inset-inline-end: 1px;
    width: calc(var(--ni-addon-width) - 1px);
    height: calc(50% - 1px);
    color: inherit
}

    .numberinput-default > .numberinput-stepper > i {
        font-size: 10px
    }

    .numberinput-default > .numberinput-stepper.numberinput-up {
        top: 1px
    }

    .numberinput-default > .numberinput-stepper.numberinput-down {
        bottom: 1px
    }

.numberinput-default > .numberinput:not(:disabled) ~ .numberinput-stepper:hover, .numberinput-default > .numberinput:not(:read-only) ~ .numberinput-stepper:hover {
    background-color: rgba(0,0,0,0.05)
}

.numberinput-default > .numberinput:not(:disabled) ~ .numberinput-stepper:active, .numberinput-default > .numberinput:not(:read-only) ~ .numberinput-stepper:active {
    background-color: rgba(0,0,0,0.08)
}

.numberinput-centered {
    --ni-addon-width: 1.6rem;
    --ni-number-offset: 0px;
    --ni-number-top: calc(var(--ni-padding-y) - var(--ni-number-offset));
    --ni-number-bottom: calc(var(--ni-padding-y) + var(--ni-number-offset))
}

    .numberinput-centered.has-postfix {
        --ni-number-offset: calc((var(--ni-padding-y) / 2) + 0.175rem)
    }

        .numberinput-centered.has-postfix.input-group-lg {
            --ni-number-offset: calc(var(--ni-padding-y) / 1.5);
            --ni-font-size: .875rem
        }

        .numberinput-centered.has-postfix.input-group-sm {
            --ni-number-top: 0px;
            --ni-number-bottom: calc(var(--ni-padding-y) * 2)
        }

    .numberinput-centered > .numberinput {
        font-weight: 700;
        padding-inline: var(--ni-addon-width);
        padding-top: var(--ni-number-top);
        padding-bottom: var(--ni-number-bottom);
        text-align: center
    }

    .numberinput-centered > .numberinput-formatted {
        font-weight: 700;
        inset-inline: var(--ni-addon-width);
        top: var(--ni-number-top);
        bottom: var(--ni-number-bottom);
        justify-content: center;
        align-items: center
    }

    .numberinput-centered > .numberinput-postfix {
        font-size: 11px;
        inset-inline: var(--ni-addon-width);
        bottom: 1px;
        top: auto;
        padding-bottom: 0.15rem;
        justify-content: center;
        align-items: center;
        background-color: transparent
    }

    .numberinput-centered.input-group-lg > .numberinput-postfix {
        bottom: 5px
    }

    .numberinput-centered > .numberinput-stepper {
        width: var(--ni-addon-width);
        height: 100%;
        color: inherit;
        opacity: 0.3
    }

        .numberinput-centered > .numberinput-stepper.numberinput-up {
            inset-inline: auto 1px;
            -webkit-padding-start: 4px;
            padding-inline-start: 4px;
            justify-content: flex-start
        }

        .numberinput-centered > .numberinput-stepper.numberinput-down {
            inset-inline: 1px auto;
            -webkit-padding-end: 4px;
            padding-inline-end: 4px;
            justify-content: flex-end
        }

    .numberinput-centered > .numberinput:not(:disabled) ~ .numberinput-stepper:hover, .numberinput-centered > .numberinput:not(:read-only) ~ .numberinput-stepper:hover {
        opacity: 0.6
    }

    .numberinput-centered > .numberinput:not(:disabled) ~ .numberinput-stepper:active, .numberinput-centered > .numberinput:not(:read-only) ~ .numberinput-stepper:active {
        opacity: 1
    }

.number-input-prepend {
    -webkit-margin-end: -3px !important;
    margin-inline-end: -3px !important;
    z-index: 2
}

    .number-input-prepend .input-group-text, .number-input-prepend .input-group-inline-addon {
        border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm)
    }

.pagination {
    flex-wrap: wrap;
    gap: var(--pag-gap)
}

.pagination {
    --pag-size: calc(1.5715em + 1rem + 2px);
    --pag-border-radius: var(--border-radius-md);
    --pag-gap: 6px;
    --pag-padding-x: .75rem;
    --pag-font-size: .875rem
}

.pagination-lg {
    --pag-size: calc(1.375em + 1.25rem + 2px);
    --pag-border-radius: var(--border-radius-lg);
    --pag-gap: 8px;
    --pag-padding-x: 1.5rem;
    --pag-font-size: 1rem
}

.pagination-sm, .pagination-xs {
    --pag-border-radius: var(--border-radius-sm);
    --pag-gap: 4px
}

.pagination-sm {
    --pag-size: calc(1.429em + .75rem + 2px);
    --pag-padding-x: .5rem;
    --pag-font-size: .8125rem
}

.pagination-xs {
    --pag-size: 28px;
    --pag-padding-x: 6px;
    --pag-font-size: .75rem
}

@media (max-width: 767.98px) {
    .pagination-md {
        --pag-size: calc(1.429em + .75rem + 2px);
        --pag-border-radius: var(--border-radius-sm);
        --pag-padding-x: .5rem;
        --pag-gap: 4px;
        --pag-font-size: .8125rem
    }

    .pagination-lg {
        --pag-size: calc(1.5715em + 1rem + 2px);
        --pag-border-radius: var(--border-radius-md);
        --pag-padding-x: .75rem;
        --pag-gap: 6px;
        --pag-font-size: .875rem
    }
}

.page-item {
    display: block
}

.page-link {
    display: inline-block;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    min-width: var(--pag-size);
    height: var(--pag-size);
    line-height: calc(var(--pag-size) - 2px);
    font-size: var(--pag-font-size);
    margin: 0;
    padding: 0 var(--pag-padding-x);
    border-radius: var(--pag-border-radius)
}

    .page-link:active {
        background-color: #dee2e6
    }

.page-item.gap > .page-link:not(:hover) {
    background-color: transparent;
    border-color: transparent
}

@media (max-width: 412px) {
    .page-item:not(.page-item-nav) {
        display: none
    }
}

.page-item-nav.back .nav-label {
    -webkit-padding-start: 0.375rem;
    padding-inline-start: 0.375rem
}

.page-item-nav.advance .nav-label {
    -webkit-padding-end: 0.375rem;
    padding-inline-end: 0.375rem
}

span.page-link {
    cursor: default !important;
    background-color: transparent !important;
    border-color: transparent !important;
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

.nav ~ .tab-content {
    margin: 1rem 0
}

.nav-link-summary {
    display: none
}

.nav {
    --nav-link-icon-color: #596167
}

    .nav .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(100% + 1px);
        -webkit-column-gap: 0.5em;
        -moz-column-gap: 0.5em;
        column-gap: 0.5em
    }

        .nav .nav-link.dropdown-toggle:after {
            position: relative;
            top: 2px;
            -webkit-margin-start: 0;
            margin-inline-start: 0
        }

        .nav .nav-link > img, .nav .nav-link > i, .nav .nav-link > svg {
            position: relative;
            font-size: inherit;
            color: var(--nav-link-icon-color)
        }

        .nav .nav-link:hover > i, .nav .nav-link:hover > svg, .nav .nav-link.active > i, .nav .nav-link.active > svg {
            color: inherit
        }

        .nav .nav-link > .chevron {
            -webkit-margin-start: 3px;
            margin-inline-start: 3px
        }

    .nav .tab-caption {
        padding-inline: 0 !important
    }

.touchevents .nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

    .touchevents .nav .nav-link {
        flex-wrap: nowrap;
        white-space: nowrap
    }

.nav-segmented {
    --nav-segmented-bg: var(--secondary);
    --nav-segmented-border-radius: 50rem;
    --nav-segmented-padding: 4px;
    --nav-link-color: inherit;
    --nav-link-padding-y: 0.4rem;
    --nav-link-font-weight: 400;
    --nav-segmented-link-hover-bg: rgba(0,0,0,0.05);
    --nav-segmented-link-active-border-color: rgba(0,0,0,0.15);
    --nav-segmented-link-active-bg: #fff;
    --nav-segmented-link-active-shadow: 0 1px 2px rgba(0,0,0,0.08);
    --nav-segmented-link-border-radius: var(--nav-segmented-border-radius);
    background-color: var(--nav-segmented-bg);
    border-radius: var(--nav-segmented-border-radius);
    padding: var(--nav-segmented-padding);
    gap: 4px
}

    .nav-segmented .nav-link {
        transition: none;
        border: 1px solid transparent;
        border-radius: var(--nav-segmented-link-border-radius)
    }

        .nav-segmented .nav-link:hover, .nav-segmented .nav-link:focus {
            background-color: var(--nav-segmented-link-hover-bg)
        }

        .nav-segmented .nav-link.active, .nav-segmented .show > .nav-link {
            font-weight: 600;
            background-color: var(--nav-segmented-link-active-bg);
            border-color: var(--nav-segmented-link-active-border-color);
            box-shadow: var(--nav-segmented-link-active-shadow)
        }

.nav-tabs-line {
    --nav-link-padding-x: 1rem;
    --nav-link-padding-y: 0.825rem;
    --nav-link-color: #8d9ba9;
    --nav-link-font-weight: 600;
    --nav-link-transition: color 0.05s ease-in-out, background-color 0.05s ease-in-out;
    --nav-link-hover-color: #22262a;
    --nav-link-font-size: 1rem;
    --nav-tabs-border-radius: 0;
    --nav-tabs-border-width: 0;
    --nav-tabs-link-active-color: var(--nav-link-hover-color);
    --nav-tabs-link-active-bg: transparent;
    --nav-underline-width: 2px;
    --nav-underline-color: rgba(0,0,0,0.2);
    --nav-underline-active-color: #ee9B00;
    position: relative;
    border-bottom-width: 1px
}

    .nav-tabs-line .nav-item {
        position: relative
    }

    .nav-tabs-line .nav-link {
        text-transform: none;
        text-align: center;
        position: relative
    }

        .nav-tabs-line .nav-link.disabled {
            opacity: 0.4
        }

        .nav-tabs-line .nav-link > i, .nav-tabs-line .nav-link > svg, .nav-tabs-line .nav-link > img {
            display: none
        }

        .nav-tabs-line .nav-link .badge {
            vertical-align: text-top
        }

@media (min-width: 992px) {
    .nav-tabs-line .nav-link > i, .nav-tabs-line .nav-link > svg, .nav-tabs-line .nav-link > img {
        display: inline-block
    }
}

.nav-tabs-line.nav-tabs-line-dense {
    border-block-width: 0
}

    .nav-tabs-line.nav-tabs-line-dense:not(.nav-stacked) {
        --nav-link-padding-x: 0;
        --nav-link-padding-y: 0.825rem;
        -webkit-margin-start: -0.75rem;
        margin-inline-start: -0.75rem
    }

        .nav-tabs-line.nav-tabs-line-dense:not(.nav-stacked) .nav-link {
            margin: 0 0.75rem
        }

.nav-tabs-line.nav-inverse {
    --nav-link-color: rgba(255,255,255,0.4);
    --nav-link-hover-color: #1d4971;
    --nav-tabs-link-active-color: #fff;
    --nav-tabs-link-active-bg: transparent;
    --nav-underline-color: rgba(255,255,255,0.4)
}

    .nav-tabs-line.nav-inverse .nav-link:hover {
        color: rgba(255,255,255,0.75)
    }

    .nav-tabs-line.nav-inverse .nav-link:active:not(.active) {
        color: #fff
    }

.nav-tabs-line .nav-link:not(.disabled):before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    right: 50%;
    height: var(--nav-underline-width);
    background-color: var(--nav-underline-color);
    transition: all 0.12s ease-out
}

.nav-tabs-line .nav-link:hover:before {
    left: 0;
    right: 0
}

.nav-tabs-line .nav-link.active:before, .nav-tabs-line .nav-link.active:focus:before, .nav-tabs-line .nav-item.open .nav-link:before, .nav-tabs-line .nav-item.open .nav-link:focus:before {
    left: 0;
    right: 0;
    background-color: var(--nav-underline-active-color)
}

@media (min-width: 992px) {
    .tabs-stacked {
        display: grid;
        grid-gap: 30px;
        flex-wrap: nowrap
    }

        .tabs-stacked.tabs-left {
            grid-template-columns: auto minmax(0, 1fr)
        }

        .tabs-stacked.tabs-right {
            grid-template-columns: minmax(0, 1fr) auto;
            grid-auto-flow: dense
        }

            .tabs-stacked.tabs-right > .nav-aside {
                grid-column: 2
            }

            .tabs-stacked.tabs-right > .nav-content {
                grid-column: 1
            }

    .nav-stacked {
        --nav-link-padding-x: 1.25rem;
        --nav-link-padding-y: 0.625rem;
        --nav-link-color: #596167;
        --nav-link-font-size: .8125rem;
        max-width: 250px;
        min-height: 100%
    }

        .nav-stacked .nav-link > img, .nav-stacked .nav-link > i, .nav-stacked .nav-link > svg {
            margin-inline: 0.25em
        }

        .nav-stacked.nav-tabs {
            border-bottom-width: 0
        }

            .nav-stacked.nav-tabs .nav-link {
                margin-bottom: 0
            }

            .nav-stacked.nav-tabs.nav-left {
                --nav-tabs-link-hover-border-color: #e9ecef #dee2e6 #e9ecef #e9ecef;
                --nav-tabs-link-active-border-color: #e9ecef #fff #dee2e6 #dee2e6;
                -webkit-border-end: 1px solid var(--nav-tabs-border-color);
                border-inline-end: 1px solid var(--nav-tabs-border-color)
            }

            .nav-stacked.nav-tabs.nav-right {
                --nav-tabs-link-hover-border-color: #e9ecef #e9ecef #e9ecef #dee2e6;
                --nav-tabs-link-active-border-color: #e9ecef #dee2e6 #dee2e6 #fff;
                -webkit-border-start: 1px solid var(--nav-tabs-border-color);
                border-inline-start: 1px solid var(--nav-tabs-border-color)
            }

            .nav-stacked.nav-tabs.nav-left: not(.nav-tabs-line) .nav-link {
                -webkit-margin-end: calc(-1 * var(--nav-tabs-border-width));
                margin-inline-end: calc(-1 * var(--nav-tabs-border-width));
                border-start-start-radius: var(--nav-tabs-border-radius);
                border-end-start-radius: var(--nav-tabs-border-radius);
                border-start-end-radius: 0;
                border-end-end-radius: 0
            }

            .nav-stacked.nav-tabs.nav-right:not(.nav-tabs-line) .nav-link {
                -webkit-margin-start: calc(-1 * var(--nav-tabs-border-width));
                margin-inline-start: calc(-1 * var(--nav-tabs-border-width));
                border-start-end-radius: var(--nav-tabs-border-radius);
                border-end-end-radius: var(--nav-tabs-border-radius);
                border-start-start-radius: 0;
                border-end-start-radius: 0
            }

        .nav-stacked.nav-tabs-line .nav-item {
            margin: 0
        }

        .nav-stacked.nav-tabs-line .nav-link {
            text-align: start;
            background-color: transparent;
            justify-content: start;
            -webkit-column-gap: 0.75em;
            -moz-column-gap: 0.75em;
            column-gap: 0.75em
        }

            .nav-stacked.nav-tabs-line .nav-link .tab-caption {
                transition: all ease 0.15s
            }

            .nav-stacked.nav-tabs-line .nav-link:not(.active) > i, .nav-stacked.nav-tabs-line .nav-link:not(.active) > svg {
                color: #737e88;
                transition: -webkit-transform ease 0.15s;
                transition: transform ease 0.15s;
                transition: transform ease 0.15s, -webkit-transform ease 0.15s
            }

            .nav-stacked.nav-tabs-line .nav-link:hover, .nav-stacked.nav-tabs-line .nav-link.active {
                color: var(--nav-link-hover-color)
            }

                .nav-stacked.nav-tabs-line .nav-link:hover:not(.active) {
                    border-color: var(--nav-underline-color) !important
                }

                    .nav-stacked.nav-tabs-line .nav-link:hover:not(.active) .tab-caption {
                        -webkit-transform: translateX(2px);
                        transform: translateX(2px)
                    }

                    .nav-stacked.nav-tabs-line .nav-link:hover:not(.active) > i, .nav-stacked.nav-tabs-line .nav-link:hover:not(.active) > svg {
                        color: #596167;
                        -webkit-transform: scale(1.2);
                        transform: scale(1.2)
                    }

            .nav-stacked.nav-tabs-line .nav-link:not(.disabled):before {
                display: none
            }

        .nav-stacked.nav-tabs-line.nav-left .nav-item {
            -webkit-margin-end: -1px;
            margin-inline-end: -1px
        }

        .nav-stacked.nav-tabs-line.nav-left .nav-link {
            -webkit-padding-end: 1.25rem;
            padding-inline-end: 1.25rem;
            -webkit-padding-start: 0;
            padding-inline-start: 0;
            -webkit-border-end: 3px solid transparent;
            border-inline-end: 3px solid transparent
        }

            .nav-stacked.nav-tabs-line.nav-left .nav-link.active, .nav-stacked.nav-tabs-line.nav-left .nav-link.active:focus, .nav-stacked.nav-tabs-line.nav-left .nav-item.open > .nav-link, .nav-stacked.nav-tabs-line.nav-left .nav-item.open > .nav-link:focus {
                border-inline-end-color: var(--nav-underline-active-color)
            }

        .nav-stacked.nav-tabs-line.nav-right .nav-item {
            -webkit-margin-start: -1px;
            margin-inline-start: -1px
        }

        .nav-stacked.nav-tabs-line.nav-right .nav-link {
            -webkit-padding-start: 1.25rem;
            padding-inline-start: 1.25rem;
            -webkit-padding-end: 1.25rem;
            padding-inline-end: 1.25rem;
            -webkit-border-start: 3px solid transparent;
            border-inline-start: 3px solid transparent
        }

            .nav-stacked.nav-tabs-line.nav-right .nav-link.active, .nav-stacked.nav-tabs-line.nav-right .nav-link.active:focus, .nav-stacked.nav-tabs-line.nav-right .nav-item.open > .nav-link, .nav-stacked.nav-tabs-line.nav-right .nav-item.open > .nav-link:focus {
                border-color: var(--nav-underline-active-color)
            }
}

.nav-responsive .nav-tabs {
    display: none
}

.nav-responsive .nav-toggler {
    display: none;
    padding-inline: 0 !important
}

    .nav-responsive .nav-toggler:after {
        inset-inline-end: 0.5rem !important
    }

@media (max-width: 767.98px) {
    .nav-responsive .nav-toggler {
        display: block
    }

    .nav-responsive .tab-pane {
        display: block !important;
        opacity: 1
    }

    .nav-responsive .nav-collapse {
        padding-inline: 0 !important
    }
}

@media (min-width: 768px) {
    .nav-responsive .nav-tabs {
        display: flex
    }

    .nav-responsive .nav-collapse.collapse {
        display: block
    }
}

@media (max-width: 767.98px) {
    .nav-collapsible {
        --nav-collapsible-padding-y: 1rem;
        --nav-collapsible-padding-x: 1rem;
        --nav-collapsible-toggle-border-color: var(--light-border-subtle);
        position: relative
    }

        .nav-collapsible .nav-toggler {
            position: relative
        }

            .nav-collapsible .nav-toggler:after {
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                line-height: 1;
                font-size: inherit;
                font-weight: 900;
                font-family: "Font Awesome 6 Free";
                content: "ï·";
                position: absolute;
                inset-inline-end: var(--nav-collapsible-padding-x);
                top: 50%;
                font-size: 85%;
                -webkit-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg);
                transition: -webkit-transform 0.35s ease;
                transition: transform 0.35s ease;
                transition: transform 0.35s ease, -webkit-transform 0.35s ease
            }

            .nav-collapsible .nav-toggler.collapsed:after {
                -webkit-transform: translateY(-50%) rotate(0deg);
                transform: translateY(-50%) rotate(0deg)
            }

            .nav-collapsible .nav-toggler.card-header.collapsed {
                border-bottom-color: transparent
            }

        .nav-collapsible:not(.card) {
            margin-top: -1px;
            border-block: 1px solid var(--nav-collapsible-toggle-border-color)
        }

            .nav-collapsible: not(.card) .nav-toggler {
                line-height: 1.5;
                cursor: pointer;
                margin: 0;
                padding-block: var(--nav-collapsible-padding-y);
                padding-inline: var(--nav-collapsible-padding-x)
            }

            .nav-collapsible:not(.card) .nav-collapse {
                padding: 0 var(--nav-collapsible-padding-x)
            }
}

@media (min-width: 768px) {
    .nav-collapsible .nav-collapse {
        display: block !important;
        height: auto !important
    }
}

.modal-dialog:not(.modal-flex) .modal-header {
    padding-bottom: 0
}

.modal-footer {
    padding-block: calc(var(--modal-padding) * 0.5)
}

.modal-has-backdrop {
    --modal-backdrop-bg: #000;
    --modal-backdrop-opacity: .68;
    --modal-backdrop-blur: 0
}

    .modal-has-backdrop.modal-backdrop-inverse {
        --modal-backdrop-bg: #fff
    }

    .modal-has-backdrop.modal-backdrop-invisible {
        --modal-backdrop-opacity: 0
    }

        .modal-has-backdrop.modal-backdrop-invisible .modal-backdrop.fade {
            transition-duration: 0s !important
        }

    .modal-has-backdrop:not(.modal-backdrop-invisible) #page {
        transition: -webkit-filter 0.175s linear;
        transition: filter 0.175s linear;
        transition: filter 0.175s linear, -webkit-filter 0.175s linear
    }

    .modal-has-backdrop.modal-open:not(.modal-backdrop-invisible) #page {
        -webkit-filter: blur(var(--modal-backdrop-blur));
        filter: blur(var(--modal-backdrop-blur))
    }

    .modal-has-backdrop.modal-hiding:not(.modal-backdrop-invisible) #page {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

.modal-backdrop {
    background-color: var(--modal-backdrop-bg)
}

    .modal-backdrop.fade {
        transition: opacity 0.175s linear
    }

        .modal-backdrop.fade.show {
            opacity: var(--modal-backdrop-opacity)
        }

.modal.fade .modal-dialog {
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translate(0, 30px) scale(0.95, 0.95);
    transform: translate(0, 30px) scale(0.95, 0.95);
    will-change: transform, opacity
}

.modal.fade.show .modal-dialog {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1
}

.modal-content iframe {
    width: 100%
}

.modal-dialog:not(.modal-flex) iframe {
    min-height: 300px
}

.modal-dialog-app > .modal-content > .modal-body {
    padding: 0;
    overflow: hidden;
    border-radius: var(--border-radius-lg)
}

.modal-closer {
    position: absolute;
    display: none;
    font-size: 1rem;
    padding: 0.5rem;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1041
}

.modal[data-backdrop=true] > .modal-closer {
    -webkit-filter: var(--btn-close-white-filter);
    filter: var(--btn-close-white-filter)
}

.modal-dialog.modal-flex {
    position: fixed;
    margin: 0;
    width: auto;
    height: auto;
    max-width: none;
    left: 1%;
    top: 1%;
    bottom: 1%;
    right: 1%
}

@media (min-width: 768px) {
    .modal-dialog.modal-flex {
        left: 3%;
        right: 3%;
        top: 2%;
        bottom: 2%
    }

        .modal-dialog.modal-flex.modal-dialog-app {
            right: 2.5rem
        }
}

@media (min-width: 1200px) {
    .modal-dialog.modal-flex.modal-dialog-app {
        right: 3%
    }
}

@media (min-width: 800px) {
    .modal-dialog.modal-flex.modal-flex-sm {
        left: calc((100% / 2) - 400px);
        right: calc((100% / 2) - 400px)
    }
}

.modal-dialog.modal-flex .modal-content {
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.modal-dialog.modal-flex .modal-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-direction: column;
    overflow: auto;
    max-width: 100%;
    min-height: 1px
}

.modal-dialog.modal-flex .modal-flex-fill-area {
    min-height: 100%;
    flex: 1
}

.modal.modal-box {
    overflow-y: hidden
}

    .modal.modal-box .modal-header {
        border-bottom-width: 1px;
        padding-block: 0.75rem
    }

    .modal.modal-box .modal-footer > .btn {
        min-width: 90px
    }

    .modal.modal-box .modal-box-body {
        align-items: start;
        flex-wrap: wrap
    }

        .modal.modal-box .modal-box-body > div + .modal-box-input {
            padding-top: 1rem
        }

    .modal.modal-box .modal-box-message b {
        font-weight: 600
    }

    .modal.modal-box .modal-footer {
        justify-content: flex-end
    }

    .modal.modal-box .modal-box-center .modal-box-body {
        flex-direction: column;
        align-items: center
    }

    .modal.modal-box .modal-box-center .modal-box-message {
        text-align: center
    }

    .modal.modal-box .modal-box-center .modal-footer {
        justify-content: center
    }

.dropdown-group {
    position: relative
}

    .dropdown-group > .dropdown-item {
        position: relative;
        -webkit-padding-end: 2rem;
        padding-inline-end: 2rem
    }

        .dropdown-group > .dropdown-item:before {
            position: absolute;
            inset-inline-end: .375rem;
            top: 50%;
            -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
            color: #aab5bf;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            line-height: 1;
            font-size: 10px;
            font-weight: 900;
            font-family: "Font Awesome 6 Free";
            content: "ï”"
        }

    .dropdown-group.show > .dropdown-item {
        color: #4d5459;
        background-color: #f1f3f5
    }

    .dropdown-group .dropdown-menu {
        position: absolute;
        margin-top: 0 !important;
        top: -.375rem;
        inset-inline-start: 100% !important;
        bottom: auto;
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

.dropdown-toggle:after {
    vertical-align: 0.175em
}

.dropdown-toggle.no-chevron:after {
    display: none !important
}

.dropdown-divider {
    margin-inline: calc(var(--dropdown-padding-x) * -1)
}

.dropdown-menu-light-icons .dropdown-item: not(.disabled) > i, .dropdown-menu-light-icons .dropdown-item:not(.disabled) > svg {
    color: #737e88
}

.dropdown-item {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px
}

    .dropdown-item.disabled {
        cursor: default
    }

    .dropdown-item > i, .dropdown-item > svg, .dropdown-item > img {
        -webkit-margin-start: calc(var(--dropdown-item-padding-x) / 4 * -1);
        margin-inline-start: calc(var(--dropdown-item-padding-x) / 4 * -1);
        -webkit-margin-end: max(8px, calc(var(--dropdown-item-padding-x) / 2));
        margin-inline-end: max(8px, calc(var(--dropdown-item-padding-x) / 2))
    }

    .dropdown-item: not(.disabled) > i, .dropdown-item:not(.disabled) > svg {
        color: #7d888f
    }

    .dropdown-group.show > .dropdown-item:not(.disabled) > i, .dropdown-group.show > .dropdown-item:not(.disabled) > svg, .dropdown-item:not(.disabled):hover > i, .dropdown-item:not(.disabled):hover > svg {
        color: #4d5459
    }

    .dropdown-item:not(.disabled):active > i, .dropdown-item:not(.disabled):active > svg, .dropdown-item:not(.disabled):focus > i, .dropdown-item:not(.disabled):focus > svg {
        color: #4d5459
    }

.dropdown-menu-classic {
    --dropdown-item-border-radius: 0;
    --dropdown-padding-x: 0;
    --dropdown-padding-y: var(--dropdown-border-radius);
    --dropdown-item-padding-x: 1rem
}

.dropdown-menu-flex .dropdown-item {
    display: flex;
    align-items: center
}

    .dropdown-menu-flex .dropdown-item > span {
        flex-grow: 1
    }

    .dropdown-menu-flex .dropdown-item > em {
        font-style: normal;
        text-align: end;
        -webkit-padding-start: 2rem;
        padding-inline-start: 2rem;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        font-size: 90%;
        opacity: 0.8
    }

.navbar.navbar-slide .dropdown-menu {
    opacity: 0;
    display: block;
    visibility: hidden;
    -webkit-transform: translateY(var(--y, -16px));
    transform: translateY(var(--y, -16px));
    transition: opacity 0.275s ease-out, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.275s ease-out;
    transition: transform 0.2s ease, opacity 0.275s ease-out, -webkit-transform 0.2s ease;
    will-change: transform
}

    .navbar.navbar-slide .dropdown-menu.show {
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

.throbber {
    display: none;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2147483640;
    background-color: rgba(0,0,0,0.7)
}

    .throbber.white {
        background-color: rgba(255,255,255,0.85)
    }

body > .throbber {
    position: fixed
}

.throbber .throbber-flex {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

    .throbber .throbber-flex > * {
        text-align: center
    }

.throbber .throbber-content {
    display: block;
    overflow: hidden;
    line-height: 1.3
}

    .throbber .throbber-content:not(:empty) {
        margin-bottom: 2rem
    }

.throbber.large .throbber-content {
    font-size: 1.75rem;
    font-weight: 100
}

.throbber.small .throbber-content {
    font-size: 1.09375rem;
    font-weight: 300
}

.throbber:not(.white) .throbber-content {
    color: #fff
}

.spinner-container {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center
}

.spinner {
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: none
}

    .spinner-container.active > .spinner, .spinner.active {
        background-color: transparent;
        border: none;
        display: inline-block
    }

    .spinner.spinner-boxed {
        line-height: 1;
        border-radius: 50%;
        padding: 0.2em;
        background-color: #fff !important;
        box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)
    }

.spinner-container.active {
    display: flex
}

.spinner svg {
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-animation: spinner-rotate 1.333s linear infinite;
    animation: spinner-rotate 1.333s linear infinite
}

html.ie .spinner svg {
    -webkit-animation: spinner-rotate-ie 2.5s linear infinite;
    animation: spinner-rotate-ie 2.5s linear infinite
}

.spinner .circle {
    fill: transparent;
    stroke: #ff9800;
    stroke-linecap: round;
    stroke-dasharray: 200.96;
    stroke-dashoffset: 58px;
    -webkit-animation: spinner-dash 1.333s linear infinite, spinner-colors 10.644s linear infinite;
    animation: spinner-dash 1.333s linear infinite, spinner-colors 10.644s linear infinite
}

html.ie .spinner .circle {
    stroke-dashoffset: 80px
}

@keyframes spinner-dash {
    0% {
        stroke-dashoffset: 58px
    }

    50% {
        stroke-dashoffset: 200.96px
    }

    100% {
        stroke-dashoffset: 58px
    }
}

@-webkit-keyframes spinner-dash {
    0% {
        stroke-dashoffset: 58px
    }

    50% {
        stroke-dashoffset: 200.96px
    }

    100% {
        stroke-dashoffset: 58px
    }
}

@keyframes spinner-rotate {
    50% {
        -webkit-transform: rotate(600deg);
        transform: rotate(600deg)
    }

    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg)
    }
}

@-webkit-keyframes spinner-rotate {
    50% {
        -webkit-transform: rotate(600deg);
        transform: rotate(600deg)
    }

    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg)
    }
}

@-webkit-keyframes spinner-rotate-ie {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg)
    }
}

@keyframes spinner-rotate-ie {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg)
    }
}

@keyframes spinner-colors {
    0% {
        stroke: #3F51B5
    }

    20% {
        stroke: #09b7bf
    }

    40% {
        stroke: #90d36b
    }

    60% {
        stroke: #F44336
    }

    80% {
        stroke: #f90
    }

    100% {
        stroke: #3F51B5
    }
}

@-webkit-keyframes spinner-colors {
    0% {
        stroke: #3F51B5
    }

    20% {
        stroke: #09b7bf
    }

    40% {
        stroke: #90d36b
    }

    60% {
        stroke: #F44336
    }

    80% {
        stroke: #f90
    }

    100% {
        stroke: #3F51B5
    }
}

.spinner.white .circle {
    stroke: #fff;
    -webkit-animation-name: spinner-dash, spinner-rotate;
    animation-name: spinner-dash, spinner-rotate
}

.circular-progress .wrapper {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.circular-progress .circle {
    stroke: #307abe
}

.circular-progress .circle, .circular-progress svg {
    -webkit-animation: none;
    animation: none
}

.circular-progress .circle-below {
    stroke: #ccc
}

.circular-progress .progress-text {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 600;
    font-size: 10px;
    color: #8d9ba9;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1rem
}

.sortable-grip {
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    height: 100%;
    width: 5px;
    cursor: move;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
    background-color: transparent;
    background-repeat: repeat;
    background-position: 0 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAcCAYAAABCgc61AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAC1JREFUKFNjOHPmzH8QBgIUNm4JEIENYxUE4VE7MDBWQRAetQMDYxX8//8/AwD+OQx3RnVSQgAAAABJRU5ErkJggg==")
}

.sortable-item {
    position: relative
}

    .sortable-item:hover .sortable-grip {
        visibility: visible;
        opacity: 1
    }

.sortable-placeholder {
    border: 1px dotted #ccc;
    background: #f8f9fa
}

.sortable-ghost {
    background-color: rgba(48,122,190,0.1) !important
}

.entpicker .modal-header {
    background-color: #f8f9fa
}

.entpicker-filter .col-form-label {
    padding-bottom: 0.2rem
}

.entpicker-item:not(.disabled):hover {
    cursor: pointer
}

.entpicker-item:hover, .entpicker-item.selected {
    background-color: #f8f9fa
}

    .entpicker-item:hover .entpicker-thumb, .entpicker-item.selected .entpicker-thumb {
        background: #fff;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.1)
    }

.entpicker-item.selected {
    background-color: #f0f6fa;
    outline: 1px solid #8cb9e2
}

.entpicker-item.disabled {
    opacity: 0.4
}

.entpicker-item .title {
    font-weight: 400;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis
}

.entpicker-item .highlight {
    font-weight: 700
}

.entpicker-item .summary {
    color: #aaa;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    overflow: hidden
}

.entpicker-item .published {
    margin-left: 1px;
    margin-right: 6px;
    font-size: 15px;
    line-height: 18px;
    vertical-align: sub
}

    .entpicker-item .published.fa-globe {
        color: inherit
    }

    .entpicker-item .published.fa-eye-slash {
        color: #8d9ba9
    }

.entpicker-item .thumb, .entpicker-item .data {
    position: relative;
    box-sizing: border-box;
    display: block
}

.entpicker-item .entpicker-thumb {
    width: 44px;
    max-width: 44px
}

.entpicker-searchterm {
    width: 250px !important
}

.tree {
    position: relative
}

    .tree .droppable * {
        pointer-events: none
    }

    .tree .dragging {
        box-shadow: 0 0 3px 0 rgba(0,0,0,0.3)
    }

.tree-list {
    position: relative;
    display: inherit;
    list-style: none;
    padding-left: 24px
}

    .tree-list:first-child {
        padding-left: 0
    }

.tree-node-content {
    display: inherit;
    border-radius: var(--border-radius-md);
    padding: 3px 6px
}

.tree-label {
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0
}

.touchevents .tree-label {
    pointer-events: none
}

.tree-pointer, .tree-selectable {
    cursor: pointer
}

.tree-highlight .tree-node-content:not(.tree-selected,.tree-disabled):hover {
    background-color: rgba(0,0,0,0.08)
}

.tree-selected {
    background-color: #ffc455
}

.tree-dim {
    opacity: .6
}

.tree-icon {
    display: inline;
    margin-right: 5px
}

.tree-link {
    text-decoration: none !important;
    color: inherit
}

.tree-name {
    display: inline-flex
}

.tree-num {
    display: inline-flex;
    margin-left: 3px
}

.tree-expander-container {
    display: inline-block;
    min-width: 18px;
    width: 18px;
    text-align: center
}

.tree-expander {
    cursor: pointer;
    font-size: 12px
}

.tree-leaf-left {
    display: inline-block;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.tree-text {
    pointer-events: auto
}

.tree-noleaf-text {
    font-weight: 600
}

.tree-vline {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 0;
    border-left: 1px solid #dee2e6;
    height: calc(100% - 12px)
}

.tree-hline .tree-node:before {
    content: "";
    position: absolute;
    left: 12px;
    width: 14px;
    height: 0;
    margin-top: 13px;
    border-top: 1px solid #dee2e6
}

.tree-state-onoff-checkbox {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    margin: 0
}

.tree-state-onoff:before {
    content: "";
    float: left;
    height: 18px;
    width: 18px;
    border-radius: 5px;
    border: 2px solid #ced4da;
    background-color: #fff;
    margin: 5px 0 0 5px
}

.tree-state-onoff:after {
    position: absolute;
    display: block
}

.tree-state-onoff.on:after, .tree-state-onoff.in-on:after {
    content: "";
    top: 8px;
    left: 11px;
    width: 6px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 2px solid #ced4da;
    border-width: 0 3px 3px 0
}

.tree-state-onoff.on:before, .tree-state-onoff.on:after, .tree-state-onoff.in-on:before, .tree-state-onoff.in-on:after {
    border-color: #009e74
}

.tree-state-onoff.off:before, .tree-state-onoff.in-off:before {
    border-color: #dc3000
}

.tree-state-onoff.in-on:before, .tree-state-onoff.in-on:after, .tree-state-onoff.in-off:before, .tree-state-onoff.in-off:after {
    opacity: 0.3
}

.tree-state-onoff-active {
    cursor: pointer
}

    .tree-state-onoff-active:hover:before {
        box-shadow: 0 0 4px rgba(238,155,0,0.8);
        transition: box-shadow 0.1s linear
    }

.tree-state-checkbox {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin: 0 5px
}

    .tree-state-checkbox:not([disabled]):hover {
        cursor: pointer
    }

.tree-line-indicator, .tree-over-indicator {
    position: absolute;
    top: -100px;
    z-index: 9999;
    pointer-events: none
}

.tree-line-indicator {
    height: 1px;
    background: radial-gradient(ellipse at right, #fff 5%, rgba(0,158,116,0.8) 100%)
}

    .tree-line-indicator:before {
        position: absolute;
        display: block;
        content: '';
        top: -4px;
        left: -8px;
        width: 0;
        height: 0;
        border-left: 5px solid #009e74;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent
    }

.tree-over-indicator {
    content: '';
    border: 1px solid #009e74;
    border-radius: var(--border-radius-md)
}

[dir=rtl] .tree-list {
    padding-right: 24px
}

    [dir=rtl] .tree-list:first-child {
        padding-right: 0
    }

[dir=rtl] .tree-icon {
    margin-right: inherit;
    margin-left: 5px
}

[dir=rtl] .tree-num {
    margin-right: 3px;
    margin-left: 0
}

[dir=rtl] .tree-vline {
    left: 0;
    right: 12px
}

[dir=rtl] .tree-hline .tree-node:before {
    left: 0;
    right: 12px
}

[dir=rtl] .tree-state-onoff:before {
    float: right;
    margin: 5px 5px 0 0
}

[dir=rtl] .tree-state-onoff.on:after, [dir=rtl] .tree-state-onoff.in-on:after {
    left: 0;
    right: 11px
}

[dir=rtl] .tree-line-indicator {
    background: radial-gradient(ellipse at left, #fff 5%, rgba(0,158,116,0.8) 100%)
}

    [dir=rtl] .tree-line-indicator:before {
        border-right: 5px solid #009e74;
        border-left: none;
        left: 0;
        right: -8px
    }

.choice {
    margin-bottom: 1rem
}

label.required, .col-form-label.required, .choice-label.required {
    font-weight: 600
}

    label.required:after, .col-form-label.required:after, .choice-label.required:after {
        content: ' *'
    }

.choice-item {
    display: inline-flex;
    align-items: center
}

.choice-item-unavailable {
    color: #aab5bf
}

.choice-item-img, .choice-item-color {
    display: inline-block;
    text-decoration: none !important;
    -webkit-margin-end: 0.4rem;
    margin-inline-end: 0.4rem;
    overflow: hidden
}

.choice-item-img {
    max-height: 1em;
    width: 1.25em
}

    .choice-item-img > img {
        max-width: 100%;
        height: auto;
        display: inherit
    }

.choice-item-color {
    width: 1em;
    height: 1em;
    padding: 0
}

.choice-description {
    color: #aab5bf;
    font-size: .8125rem;
    margin-bottom: 0.5rem
}

    .choice-description > *:first-child {
        margin-top: 0
    }

    .choice-description > *:last-child {
        margin-bottom: 0
    }

.choice-box-group {
    --choice-box-size: 46px;
    --choice-box-strike-color: rgba(0, 0, 0, 0.75);
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

    .choice-box-group::after {
        display: block;
        clear: both;
        content: ""
    }

    .choice-box-group.choice-box-group-sm {
        --choice-box-size: 36px
    }

    .choice-box-group.choice-box-group-lg {
        --choice-box-size: 64px
    }

    .choice-box-group.choice-box-group-xl {
        --choice-box-size: 96px
    }

.choice-box {
    position: relative;
    display: block
}

    .choice-box.dark {
        --choice-box-strike-color: #fff
    }

.choice-box-label {
    margin: 0
}

.choice-box-content {
    position: relative;
    display: block;
    cursor: pointer
}

    .choice-box-content:after {
        box-sizing: content-box;
        position: absolute;
        display: block;
        inset-inline-end: -6px;
        top: -6px;
        background-color: #ee9B00;
        border-radius: 50%;
        border: 1px solid #fff;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        content: "ï€Œ";
        color: #fff;
        font-size: 10px;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 0.1s ease-in
    }

.choice-box-element {
    position: relative;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: var(--border-radius-md);
    background-color: #fff;
    height: var(--choice-box-size);
    line-height: var(--choice-box-size);
    min-width: var(--choice-box-size);
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    font-weight: 600;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-clip: padding-box
}

    .choice-box-element .choice-box-text {
        padding: 0 0.4rem
    }

.choice-box.unavailable .choice-box-element {
    border: 1px dashed rgba(0,0,0,0.3)
}

    .choice-box.unavailable .choice-box-element:not(.choice-box-color) {
        opacity: .5
    }

    .choice-box.unavailable .choice-box-element:after {
        position: absolute;
        content: '';
        background-color: var(--choice-box-strike-color);
        height: 1px;
        left: 0;
        right: 0;
        top: calc(50% - 1px);
        margin-inline: -8px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.choice-box.disabled .choice-box-element {
    opacity: .5
}

.choice-box-mediafile .choice-box-content {
    max-width: 96px !important
}

    .choice-box-mediafile .choice-box-content .file-img {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 100%
    }

.choice-box-control-native:checked + .choice-box-content .choice-box-element {
    border-color: #596167;
    box-shadow: inset 0 0 0 2px #fff
}

.choice-box-control-native:checked + .choice-box-content:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.choice-box-control-native {
    display: none !important
}

.range-slider {
    position: relative;
    height: calc(1.5715em + 1rem + 2px);
    display: flex;
    flex-flow: column;
    justify-content: center
}

    .range-slider .form-control-range {
        height: .925rem
    }

        .range-slider .form-control-range::-ms-thumb {
            padding: 0
        }

        .range-slider .form-control-range[disabled] {
            opacity: 0.5
        }

            .range-slider .form-control-range[disabled]::-webkit-slider-runnable-track {
                cursor: default
            }

    .range-slider.range-slider-sm {
        height: calc(1.429em + .75rem + 2px)
    }

    .range-slider.color-opacity-slider:after, .range-slider.color-opacity-slider:before {
        position: absolute;
        content: ' ';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    .range-slider.color-opacity-slider:after {
        border: 1px solid #dee2e6;
        border-radius: .375rem
    }

    .range-slider.color-opacity-slider:before {
        left: 1px;
        top: 1px;
        right: 1px;
        bottom: 1px;
        overflow: hidden;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggRDQA1Yl77tAAAAN1JREFUeNrt1rEJwCAURVEVFwruv4BEMtGHdGJpF4LHLqQ7+OTm3u+0nNau9XOMx995SnK2DyxYsD4/OSK86Jt/3SwzhAXrT6d60RW8GcKCpeAVvPtihrBgKXgFb4YIYMFS8AreDGEhgKXgFbwZwoKFQMEreDOEBUvBe9EVvBnCgqXgFbz7YoawYCl4BW+GCGDBUvAK3gxhIYCl4BW8GcKChUDBK3gzhAVLwXvRFbwZwoKl4BW8+2KGsGApeAVvhghgwVLwCt4MYSGApeAVvBnCgoVAwSt4M4QF6/jzAlCrcKXDcpR1AAAAAElFTkSuQmCC");
        background-repeat: repeat;
        opacity: calc(1 - var(--slider-value, 0))
    }

    .range-slider .range-ticks {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        z-index: -5;
        margin-top: -2px
    }

    .range-slider .range-tick {
        position: relative;
        color: #8d9ba9;
        padding-top: 5px;
        cursor: default;
        width: 1px;
        height: 5px;
        border-radius: 1px;
        background-color: rgba(0,0,0,0.12);
        white-space: nowrap;
        margin-bottom: 12px
    }

        .range-slider .range-tick:after {
            position: absolute;
            content: attr(data-value);
            top: 6px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            color: #aab5bf
        }

        .range-slider .range-tick:first-child:after {
            -webkit-transform: none;
            transform: none
        }

        .range-slider .range-tick:last-child:after {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }

    .range-slider .range-value {
        position: absolute;
        font-size: 11px;
        border-radius: 3px;
        background-color: #393f46;
        color: #fff;
        padding: 2px 6px;
        opacity: 0;
        z-index: 1
    }

        .range-slider .range-value[data-placement=right] {
            -webkit-transform: translateX(1.5725rem);
            transform: translateX(1.5725rem)
        }

        .range-slider .range-value[data-placement=left] {
            -webkit-transform: translateX(calc(-100% - 1.5725rem));
            transform: translateX(calc(-100% - 1.5725rem))
        }

        .range-slider .range-value:before {
            position: absolute;
            content: '';
            top: 50%;
            left: 0;
            -webkit-transform: translate3d(-100%, -50%, 0);
            transform: translate3d(-100%, -50%, 0);
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #393f46
        }

        .range-slider .range-value[data-placement=left]:before {
            border-right-color: transparent;
            border-left-color: #393f46;
            left: auto;
            right: 0;
            -webkit-transform: translate3d(100%, -50%, 0);
            transform: translate3d(100%, -50%, 0)
        }

    .range-slider.ready .range-value {
        transition: opacity 0.25s ease-in-out, -webkit-transform 0.1s ease-in-out;
        transition: transform 0.1s ease-in-out, opacity 0.25s ease-in-out;
        transition: transform 0.1s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.1s ease-in-out
    }

    .range-slider.ready:hover .range-value, .range-slider.ready .form-control-range:focus + .range-value, .range-slider.ready .range-track {
        opacity: 1
    }

[dir=rtl] .range-slider .range-value[data-placement=right] {
    -webkit-transform: translateX(calc(1.5725rem + 1.85rem));
    transform: translateX(calc(1.5725rem + 1.85rem))
}

[dir=rtl] .range-slider .range-value[data-placement=left] {
    -webkit-transform: translateX(calc(-1.5725rem + .4625rem));
    transform: translateX(calc(-1.5725rem + .4625rem))
}

.bg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: opacity .6s cubic-bezier(0.25, 1, 0.2, 1)
}

.bg-video {
    overflow: hidden
}

    .bg-video > video {
        position: relative;
        left: 50%;
        top: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

@supports (-webkit-overflow-scrolling: touch) {
    .bg-img {
        background-attachment: initial !important
    }
}

.linear-gradient {
    background-image: linear-gradient(var(--gdir, 0deg), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%))
}

.radial-gradient {
    background-image: radial-gradient(var(--gdir, circle), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%))
}

.repeating-linear-gradient {
    background-image: repeating-linear-gradient(var(--gdir, 0deg), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%))
}

.repeating-radial-gradient {
    background-image: repeating-radial-gradient(var(--gdir, circle), var(--cstart) var(--cstartpos, 0%), var(--cend) var(--cendpos, 100%))
}

.striped-linear-gradient, .striped-radial-gradient {
    --cp1: var(--cstartpos, 0%);
    --cp3: var(--cendpos, 100%);
    --cp2: calc(var(--cp1) + ((var(--cp3) - var(--cp1)) * var(--cmidpos, 0.5)))
}

.striped-linear-gradient {
    background-image: repeating-linear-gradient(var(--gdir, 0deg), var(--cstart) var(--cp1), var(--cstart) var(--cp2), var(--cend) var(--cp2), var(--cend) var(--cp3))
}

.striped-radial-gradient {
    background-image: repeating-radial-gradient(var(--gdir, circle), var(--cstart) var(--cp1), var(--cstart) var(--cp2), var(--cend) var(--cp2), var(--cend) var(--cp3))
}

.scrim-linear-gradient {
    background-image: linear-gradient(var(--gdir, 0deg), rgba(var(--cstart-rgb), 1) calc(0 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.738) calc(.19 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.541) calc(.34 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.382) calc(.47 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.278) calc(.565 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.194) calc(.65 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.126) calc(.73 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.075) calc(.802 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.042) calc(.861 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.021) calc(.91 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.008) calc(.952 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.002) calc(.982 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0) calc(1 * var(--cendpos,100%)))
}

.scrim-radial-gradient {
    background-image: radial-gradient(var(--gdir, center), rgba(var(--cstart-rgb), 1) calc(0 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.738) calc(.19 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.541) calc(.34 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.382) calc(.47 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.278) calc(.565 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.194) calc(.65 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.126) calc(.73 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.075) calc(.802 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.042) calc(.861 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.021) calc(.91 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.008) calc(.952 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0.002) calc(.982 * var(--cendpos,100%)),rgba(var(--cstart-rgb), 0) calc(1 * var(--cendpos,100%)))
}

.gradient-white {
    --cstart: #fff;
    --cstart-rgb: 255,255,255;
    --cend: var(--gray-100);
    --cend-rgb: 248,249,250
}

.gradient-black {
    --cstart: #000;
    --cstart-rgb: 0,0,0;
    --cend: var(--gray-900);
    --cend-rgb: 34,38,42
}

.bg-primary {
    --bg-color: var(--primary);
    --bg-color-rgb: var(--primary-rgb)
}

.gradient-primary {
    --cstart: #307abe;
    --cstart-rgb: 48, 122, 190;
    --cend: #245c8f;
    --cend-rgb: 36, 92, 143
}

.gradient-primary-light {
    --cstart: #639bce;
    --cstart-rgb: 99, 155, 206;
    --cend: #307abe;
    --cend-rgb: 48, 122, 190
}

.gradient-primary-hue {
    --cstart: #4928a0;
    --cstart-rgb: 72.7887323944, 40, 160;
    --cend: #307abe;
    --cend-rgb: 48, 122, 190
}

.gradient-primary-rev {
    --cstart: #245c8f;
    --cstart-rgb: 36, 92, 143;
    --cend: #307abe;
    --cend-rgb: 48, 122, 190
}

.gradient-primary-light-rev {
    --cstart: #307abe;
    --cstart-rgb: 48, 122, 190;
    --cend: #639bce;
    --cend-rgb: 99, 155, 206
}

.gradient-primary-hue-rev {
    --cstart: #307abe;
    --cstart-rgb: 48, 122, 190;
    --cend: #4928a0;
    --cend-rgb: 72.7887323944, 40, 160
}

.bg-secondary {
    --bg-color: var(--secondary);
    --bg-color-rgb: var(--secondary-rgb)
}

.gradient-secondary {
    --cstart: #eff1f3;
    --cstart-rgb: 238.9052631579, 241.1, 243.2947368421;
    --cend: #c7c8ca;
    --cend-rgb: 199, 200, 202
}

.gradient-secondary-light {
    --cstart: #f2f3f5;
    --cstart-rgb: 242, 243, 245;
    --cend: #eff1f3;
    --cend-rgb: 238.9052631579, 241.1, 243.2947368421
}

.gradient-secondary-hue {
    --cstart: #c9c9cc;
    --cstart-rgb: 201.375, 201, 204;
    --cend: #eff1f3;
    --cend-rgb: 238.9052631579, 241.1, 243.2947368421
}

.gradient-secondary-rev {
    --cstart: #c7c8ca;
    --cstart-rgb: 199, 200, 202;
    --cend: #eff1f3;
    --cend-rgb: 238.9052631579, 241.1, 243.2947368421
}

.gradient-secondary-light-rev {
    --cstart: #eff1f3;
    --cstart-rgb: 238.9052631579, 241.1, 243.2947368421;
    --cend: #f2f3f5;
    --cend-rgb: 242, 243, 245
}

.gradient-secondary-hue-rev {
    --cstart: #eff1f3;
    --cstart-rgb: 238.9052631579, 241.1, 243.2947368421;
    --cend: #c9c9cc;
    --cend-rgb: 201.375, 201, 204
}

.bg-success {
    --bg-color: var(--success);
    --bg-color-rgb: var(--success-rgb)
}

.gradient-success {
    --cstart: #009e74;
    --cstart-rgb: 0, 158, 116;
    --cend: #007355;
    --cend-rgb: 0, 115, 85
}

.gradient-success-light {
    --cstart: #45b89a;
    --cstart-rgb: 69, 184, 154;
    --cend: #009e74;
    --cend-rgb: 0, 158, 116
}

.gradient-success-hue {
    --cstart: #004885;
    --cstart-rgb: 0, 72.1962025316, 133;
    --cend: #009e74;
    --cend-rgb: 0, 158, 116
}

.gradient-success-rev {
    --cstart: #007355;
    --cstart-rgb: 0, 115, 85;
    --cend: #009e74;
    --cend-rgb: 0, 158, 116
}

.gradient-success-light-rev {
    --cstart: #009e74;
    --cstart-rgb: 0, 158, 116;
    --cend: #45b89a;
    --cend-rgb: 69, 184, 154
}

.gradient-success-hue-rev {
    --cstart: #009e74;
    --cstart-rgb: 0, 158, 116;
    --cend: #004885;
    --cend-rgb: 0, 72.1962025316, 133
}

.bg-info {
    --bg-color: var(--info);
    --bg-color-rgb: var(--info-rgb)
}

.gradient-info {
    --cstart: #2c8d8a;
    --cstart-rgb: 44, 141, 138;
    --cend: #206866;
    --cend-rgb: 32, 104, 102
}

.gradient-info-light {
    --cstart: #63aba9;
    --cstart-rgb: 99, 171, 169;
    --cend: #2c8d8a;
    --cend-rgb: 44, 141, 138
}

.gradient-info-hue {
    --cstart: #253b76;
    --cstart-rgb: 37, 59.4587628866, 118;
    --cend: #2c8d8a;
    --cend-rgb: 44, 141, 138
}

.gradient-info-rev {
    --cstart: #206866;
    --cstart-rgb: 32, 104, 102;
    --cend: #2c8d8a;
    --cend-rgb: 44, 141, 138
}

.gradient-info-light-rev {
    --cstart: #2c8d8a;
    --cstart-rgb: 44, 141, 138;
    --cend: #63aba9;
    --cend-rgb: 99, 171, 169
}

.gradient-info-hue-rev {
    --cstart: #2c8d8a;
    --cstart-rgb: 44, 141, 138;
    --cend: #253b76;
    --cend-rgb: 37, 59.4587628866, 118
}

.bg-warning {
    --bg-color: var(--warning);
    --bg-color-rgb: var(--warning-rgb)
}

.gradient-warning {
    --cstart: #ee9B00;
    --cstart-rgb: 238, 155, 0;
    --cend: #b47500;
    --cend-rgb: 180, 117, 0
}

.gradient-warning-light {
    --cstart: #f2b43f;
    --cstart-rgb: 242, 180, 63;
    --cend: #ee9B00;
    --cend-rgb: 238, 155, 0
}

.gradient-warning-hue {
    --cstart: #9fc800;
    --cstart-rgb: 159.1456582633, 200, 0;
    --cend: #ee9B00;
    --cend-rgb: 238, 155, 0
}

.gradient-warning-rev {
    --cstart: #b47500;
    --cstart-rgb: 180, 117, 0;
    --cend: #ee9B00;
    --cend-rgb: 238, 155, 0
}

.gradient-warning-light-rev {
    --cstart: #ee9B00;
    --cstart-rgb: 238, 155, 0;
    --cend: #f2b43f;
    --cend-rgb: 242, 180, 63
}

.gradient-warning-hue-rev {
    --cstart: #ee9B00;
    --cstart-rgb: 238, 155, 0;
    --cend: #9fc800;
    --cend-rgb: 159.1456582633, 200, 0
}

.bg-danger {
    --bg-color: var(--danger);
    --bg-color-rgb: var(--danger-rgb)
}

.gradient-danger {
    --cstart: #dc3000;
    --cstart-rgb: 220, 48, 0;
    --cend: #a52400;
    --cend-rgb: 165, 36, 0
}

.gradient-danger-light {
    --cstart: #e56440;
    --cstart-rgb: 229, 100, 64;
    --cend: #dc3000;
    --cend-rgb: 220, 48, 0
}

.gradient-danger-hue {
    --cstart: #b98800;
    --cstart-rgb: 185, 135.8636363636, 0;
    --cend: #dc3000;
    --cend-rgb: 220, 48, 0
}

.gradient-danger-rev {
    --cstart: #a52400;
    --cstart-rgb: 165, 36, 0;
    --cend: #dc3000;
    --cend-rgb: 220, 48, 0
}

.gradient-danger-light-rev {
    --cstart: #dc3000;
    --cstart-rgb: 220, 48, 0;
    --cend: #e56440;
    --cend-rgb: 229, 100, 64
}

.gradient-danger-hue-rev {
    --cstart: #dc3000;
    --cstart-rgb: 220, 48, 0;
    --cend: #b98800;
    --cend-rgb: 185, 135.8636363636, 0
}

.bg-light {
    --bg-color: var(--light);
    --bg-color-rgb: var(--light-rgb)
}

.gradient-light {
    --cstart: #f8f9fa;
    --cstart-rgb: 248, 249, 250;
    --cend: #cfd0d1;
    --cend-rgb: 207, 208, 209
}

.gradient-light-light {
    --cstart: #f9fafb;
    --cstart-rgb: 249, 250, 251;
    --cend: #f8f9fa;
    --cend-rgb: 248, 249, 250
}

.gradient-light-hue {
    --cstart: #d1d0d2;
    --cstart-rgb: 208.5833333333, 208, 210;
    --cend: #f8f9fa;
    --cend-rgb: 248, 249, 250
}

.gradient-light-rev {
    --cstart: #cfd0d1;
    --cstart-rgb: 207, 208, 209;
    --cend: #f8f9fa;
    --cend-rgb: 248, 249, 250
}

.gradient-light-light-rev {
    --cstart: #f8f9fa;
    --cstart-rgb: 248, 249, 250;
    --cend: #f9fafb;
    --cend-rgb: 249, 250, 251
}

.gradient-light-hue-rev {
    --cstart: #f8f9fa;
    --cstart-rgb: 248, 249, 250;
    --cend: #d1d0d2;
    --cend-rgb: 208.5833333333, 208, 210
}

.bg-dark {
    --bg-color: var(--dark);
    --bg-color-rgb: var(--dark-rgb)
}

.gradient-dark {
    --cstart: #001f52;
    --cstart-rgb: 0, 31, 82;
    --cend: #00163a;
    --cend-rgb: 0, 22, 58
}

.gradient-dark-light {
    --cstart: #4b6185;
    --cstart-rgb: 75, 97, 133;
    --cend: #001f52;
    --cend-rgb: 0, 31, 82
}

.gradient-dark-hue {
    --cstart: #1d0045;
    --cstart-rgb: 29.3262195122, 0, 69;
    --cend: #001f52;
    --cend-rgb: 0, 31, 82
}

.gradient-dark-rev {
    --cstart: #00163a;
    --cstart-rgb: 0, 22, 58;
    --cend: #001f52;
    --cend-rgb: 0, 31, 82
}

.gradient-dark-light-rev {
    --cstart: #001f52;
    --cstart-rgb: 0, 31, 82;
    --cend: #4b6185;
    --cend-rgb: 75, 97, 133
}

.gradient-dark-hue-rev {
    --cstart: #001f52;
    --cstart-rgb: 0, 31, 82;
    --cend: #1d0045;
    --cend-rgb: 29.3262195122, 0, 69
}

.bg-gray {
    --bg-color: var(--gray);
    --bg-color-rgb: var(--gray-rgb)
}

.gradient-gray {
    --cstart: #596167;
    --cstart-rgb: 89, 97, 103;
    --cend: #42484c;
    --cend-rgb: 66, 72, 76
}

.gradient-gray-light {
    --cstart: #848a8e;
    --cstart-rgb: 132, 138, 142;
    --cend: #596167;
    --cend-rgb: 89, 97, 103
}

.gradient-gray-hue {
    --cstart: #4e4b57;
    --cstart-rgb: 78.4285714286, 75, 87;
    --cend: #596167;
    --cend-rgb: 89, 97, 103
}

.gradient-gray-rev {
    --cstart: #42484c;
    --cstart-rgb: 66, 72, 76;
    --cend: #596167;
    --cend-rgb: 89, 97, 103
}

.gradient-gray-light-rev {
    --cstart: #596167;
    --cstart-rgb: 89, 97, 103;
    --cend: #848a8e;
    --cend-rgb: 132, 138, 142
}

.gradient-gray-hue-rev {
    --cstart: #596167;
    --cstart-rgb: 89, 97, 103;
    --cend: #4e4b57;
    --cend-rgb: 78.4285714286, 75, 87
}

.bg-primary-dark {
    --bg-color: var(--primary-dark);
    --bg-color-rgb: var(--primary-dark-rgb)
}

.gradient-primary-dark {
    --cstart: #18509f;
    --cstart-rgb: 24, 80, 159;
    --cend: #123b75;
    --cend-rgb: 18, 59, 117
}

.gradient-primary-dark-light {
    --cstart: #557eb8;
    --cstart-rgb: 85, 126, 184;
    --cend: #18509f;
    --cend-rgb: 24, 80, 159
}

.gradient-primary-dark-hue {
    --cstart: #401486;
    --cstart-rgb: 64.0592592593, 20, 134;
    --cend: #18509f;
    --cend-rgb: 24, 80, 159
}

.gradient-primary-dark-rev {
    --cstart: #123b75;
    --cstart-rgb: 18, 59, 117;
    --cend: #18509f;
    --cend-rgb: 24, 80, 159
}

.gradient-primary-dark-light-rev {
    --cstart: #18509f;
    --cstart-rgb: 24, 80, 159;
    --cend: #557eb8;
    --cend-rgb: 85, 126, 184
}

.gradient-primary-dark-hue-rev {
    --cstart: #18509f;
    --cstart-rgb: 24, 80, 159;
    --cend: #401486;
    --cend-rgb: 64.0592592593, 20, 134
}

.bg-warning-dark {
    --bg-color: var(--warning-dark);
    --bg-color-rgb: var(--warning-dark-rgb)
}

.gradient-warning-dark {
    --cstart: #e77c00;
    --cstart-rgb: 231, 124, 0;
    --cend: #ae5d00;
    --cend-rgb: 174, 93, 0
}

.gradient-warning-dark-light {
    --cstart: #ed9c3f;
    --cstart-rgb: 237, 156, 63;
    --cend: #e77c00;
    --cend-rgb: 231, 124, 0
}

.gradient-warning-dark-hue {
    --cstart: #b2c200;
    --cstart-rgb: 178.3217893218, 194, 0;
    --cend: #e77c00;
    --cend-rgb: 231, 124, 0
}

.gradient-warning-dark-rev {
    --cstart: #ae5d00;
    --cstart-rgb: 174, 93, 0;
    --cend: #e77c00;
    --cend-rgb: 231, 124, 0
}

.gradient-warning-dark-light-rev {
    --cstart: #e77c00;
    --cstart-rgb: 231, 124, 0;
    --cend: #ed9c3f;
    --cend-rgb: 237, 156, 63
}

.gradient-warning-dark-hue-rev {
    --cstart: #e77c00;
    --cstart-rgb: 231, 124, 0;
    --cend: #b2c200;
    --cend-rgb: 178.3217893218, 194, 0
}

.gradient-shade {
    --cend: rgba(var(--cstart-rgb), 0);
    --cend-rgb: var(--cstart-rgb)
}

.bg-rev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

.bg-o-1 {
    opacity: 0.97
}

.bg-o-2 {
    opacity: 0.92
}

.bg-o-3 {
    opacity: 0.87
}

.bg-o-4 {
    opacity: 0.82
}

.bg-o-5 {
    opacity: 0.75
}

.bg-o-6 {
    opacity: 0.70
}

.bg-o-7 {
    opacity: 0.65
}

.bg-o-8 {
    opacity: 0.50
}

.bg-o-9 {
    opacity: 0.40
}

.bg-o-0 {
    opacity: 0.00
}

.bg-tint-1 .bg-overlay:not(.bg-divider) {
    opacity: .85 !important
}

.bg-tint-1:hover .bg-overlay:not(.bg-divider) {
    opacity: .7 !important
}

.bg-tint-1-rev .bg-overlay:not(.bg-divider) {
    opacity: .7 !important
}

.bg-tint-1-rev:hover .bg-overlay:not(.bg-divider) {
    opacity: .85 !important
}

.bg-tint-2 .bg-overlay:not(.bg-divider) {
    opacity: .7 !important
}

.bg-tint-2:hover .bg-overlay:not(.bg-divider) {
    opacity: .55 !important
}

.bg-tint-2-rev .bg-overlay:not(.bg-divider) {
    opacity: .55 !important
}

.bg-tint-2-rev:hover .bg-overlay:not(.bg-divider) {
    opacity: .7 !important
}

.bg-tint-3 .bg-overlay:not(.bg-divider) {
    opacity: .55 !important
}

.bg-tint-3:hover .bg-overlay:not(.bg-divider) {
    opacity: .4 !important
}

.bg-tint-3-rev .bg-overlay:not(.bg-divider) {
    opacity: .4 !important
}

.bg-tint-3-rev:hover .bg-overlay:not(.bg-divider) {
    opacity: .55 !important
}

.bg-blur {
    margin: -20px;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.custom-scrollbar {
    --overflow-x: hidden;
    --overflow-y: auto;
    --scrollbar-size: 14px;
    --scrollbar-track-color: transparent;
    --scrollbar-track-hover-color: rgba(0,0,0, 0.05);
    --scrollbar-thumb-color: rgba(0,0,0, 0.2);
    --scrollbar-thumb-hover-color: rgba(0,0,0, 0.3);
    --scrollbar-thumb-active-color: rgba(0,0,0, 0.4);
    overflow-x: var(--overflow-x, hidden) !important;
    overflow-y: var(--overflow-y, auto) !important;
    scrollbar-width: thin
}

    .custom-scrollbar::-webkit-scrollbar {
        width: var(--scrollbar-size);
        height: var(--scrollbar-size)
    }

        .custom-scrollbar::-webkit-scrollbar:disabled {
            display: none
        }

    .custom-scrollbar::-webkit-scrollbar-track {
        background-clip: padding-box;
        background-color: var(--scrollbar-track-color);
        border: solid var(--scrollbar-track-color);
        border-width: 0 0 0 4px
    }

        .custom-scrollbar::-webkit-scrollbar-track:horizontal {
            border-width: 4px 0 0
        }

        .custom-scrollbar::-webkit-scrollbar-track:hover {
            background-color: var(--scrollbar-track-hover-color);
            -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1)
        }

        .custom-scrollbar::-webkit-scrollbar-track:horizontal:hover {
            -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1)
        }

        .custom-scrollbar::-webkit-scrollbar-track:active {
            background-color: var(--scrollbar-track-hover-color);
            -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.14),inset -1px 0 0 rgba(0,0,0,0.07)
        }

        .custom-scrollbar::-webkit-scrollbar-track:horizontal:active {
            -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.14),inset 0 -1px 0 rgba(0,0,0,0.07)
        }

    .custom-scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb-color);
        background-clip: padding-box;
        border: 1px solid transparent;
        border-left-width: 6px;
        min-height: 28px;
        padding: 100px 0 0;
        -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07)
    }

        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background-color: var(--scrollbar-thumb-hover-color);
            -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25)
        }

        .custom-scrollbar::-webkit-scrollbar-thumb:active {
            background-color: var(--scrollbar-thumb-active-color);
            -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.35)
        }

    .custom-scrollbar::-webkit-scrollbar-button, .custom-scrollbar::-webkit-scrollbar-corner {
        cursor: pointer;
        background: transparent
    }

    .custom-scrollbar::-webkit-scrollbar-button {
        width: 0;
        height: 0
    }

.wkit .custom-scrollbar.custom-scrollbar-overlay {
    --overflow-x: overlay;
    --overflow-y: overlay
}

.custom-scrollbar.custom-scrollbar-overlay::-webkit-scrollbar {
    display: none
}

.custom-scrollbar.custom-scrollbar-overlay:hover::-webkit-scrollbar {
    display: block
}

[dir=rtl] {
    direction: rtl;
    text-align: right
}

    [dir=rtl] body {
        text-align: right
    }

    [dir=rtl] [dir=ltr] {
        direction: ltr;
        text-align: right
    }

.no-gutters {
    --gutter-x: 0;
    --gutter-y: 0
}

.sm-gutters {
    --gutter-x: 1rem
}

.xs-gutters {
    --gutter-x: 0.5rem
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding-left: 6%;
    padding-right: 6%
}

.has-count[data-count]:after {
    content: "(" attr(data-count) ")";
    position: relative;
    display: inline-block;
    opacity: 0.6;
    -webkit-padding-start: 0.2rem;
    padding-inline-start: 0.2rem;
    font-weight: 400
}

@-webkit-keyframes data-binding {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        color: transparent
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes data-binding {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        color: transparent
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.data-binding {
    -webkit-animation: data-binding 0.5s ease-in-out;
    animation: data-binding 0.5s ease-in-out
}

.icm {
    font-size: 20px;
    display: inline-block
}

.icm-2x {
    font-size: 40px
}

.icm-3x {
    font-size: 60px
}

.icm-4x {
    font-size: 80px
}

.icm-5x {
    font-size: 100px
}

.img-center-container {
    display: block;
    position: relative;
    height: 0;
    width: 100%;
    padding-top: calc(var(--img-aspect-ratio, 1) * 100%);
    text-decoration: none !important;
    outline: none !important
}

    .img-center-container > img, .img-center-container > figure {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.html-editor-content img {
    max-width: 100%;
    height: auto !important
}

img[src*="/images/flags/"] {
    width: 20px;
    min-height: 10px;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15)
}

.popover-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 600
}

table th {
    font-weight: 600;
    text-align: start
}

.list-group .list-group-item {
    overflow: hidden
}

    .list-group .list-group-item.active:before {
        position: absolute;
        display: block;
        content: ' ';
        inset-inline-start: -1px;
        top: -1px;
        bottom: -1px;
        width: 3px;
        background: #ee9B00
    }

.list-group.has-icons .list-group-item {
    display: inline-flex;
    align-items: baseline
}

.list-group.has-icons .list-group-item-icon {
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem
}

.border-translucent {
    border-color: var(--border-color-translucent) !important
}

.bg-gray-100 {
    background-color: #f8f9fa !important
}

.text-gray-100 {
    color: #f8f9fa !important
}

.bg-gray-200 {
    background-color: #e9ecef !important
}

.text-gray-200 {
    color: #e9ecef !important
}

.bg-gray-300 {
    background-color: #dee2e6 !important
}

.text-gray-300 {
    color: #dee2e6 !important
}

.bg-gray-400 {
    background-color: #ced4da !important
}

.text-gray-400 {
    color: #ced4da !important
}

.bg-gray-500 {
    background-color: #aab5bf !important
}

.text-gray-500 {
    color: #aab5bf !important
}

.bg-gray-600 {
    background-color: #8d9ba9 !important
}

.text-gray-600 {
    color: #8d9ba9 !important
}

.bg-gray-700 {
    background-color: #596167 !important
}

.text-gray-700 {
    color: #596167 !important
}

.bg-gray-800 {
    background-color: #393f46 !important
}

.text-gray-800 {
    color: #393f46 !important
}

.bg-gray-900 {
    background-color: #22262a !important
}

.text-gray-900 {
    color: #22262a !important
}

.bg-gray-150 {
    background-color: #f1f3f5 !important
}

.text-gray-150 {
    color: #f1f3f5 !important
}

.bg-gray-650 {
    background-color: #737e88 !important
}

.text-gray-650 {
    color: #737e88 !important
}

.shadow-primary {
    --lightness: 46.6666666667%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 24, 61, 95 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-success {
    --lightness: 30.9803921569%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 0, 79, 58 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-info {
    --lightness: 36.2745098039%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 22, 71, 69 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-warning {
    --lightness: 46.6666666667%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 119, 78, 0 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-danger {
    --lightness: 43.137254902%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 110, 24, 0 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-dark {
    --lightness: 16.0784313725%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 0, 16, 41 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-gray {
    --lightness: 37.6470588235%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 45, 49, 52 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-primary-dark {
    --lightness: 35.8823529412%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 12, 40, 80 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-warning-dark {
    --lightness: 45.2941176471%;
    --shadow-intensity: 1.25 !important;
    --shadow-color-rgb: 116, 62, 0 !important;
    --shadow-colorbase-rgb: var(--shadow-color-rgb) !important
}

.shadow-light {
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.08)
}

.hide {
    display: none
}

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@media (max-width: 767.98px) {
    .mp-results {
        display: none !important
    }
}

.ui-effects-transfer, .transfer {
    border: 2px dotted #596167 !important;
    background: transparent;
    z-index: 100000
}

.flip-h {
    -webkit-transform: scale(-1, 1) translate(var(--offset-x, 0), var(--offset-y, 0));
    transform: scale(-1, 1) translate(var(--offset-x, 0), var(--offset-y, 0))
}

.flip-v {
    -webkit-transform: scale(1, -1) translate(var(--offset-x, 0), var(--offset-y, 0));
    transform: scale(1, -1) translate(var(--offset-x, 0), var(--offset-y, 0))
}

.flip-hv {
    -webkit-transform: scale(-1, -1) translate(var(--offset-x, 0), var(--offset-y, 0));
    transform: scale(-1, -1) translate(var(--offset-x, 0), var(--offset-y, 0))
}

.rotate-90 {
    -webkit-transform: rotate(90deg) translate(var(--offset-x, 0), var(--offset-y, 0));
    transform: rotate(90deg) translate(var(--offset-x, 0), var(--offset-y, 0))
}

.rotate-180 {
    -webkit-transform: rotate(180deg) translate(var(--offset-x, 0), var(--offset-y, 0));
    transform: rotate(180deg) translate(var(--offset-x, 0), var(--offset-y, 0))
}

.rotate-270 {
    -webkit-transform: rotate(270deg) translate(var(--offset-x, 0), var(--offset-y, 0));
    transform: rotate(270deg) translate(var(--offset-x, 0), var(--offset-y, 0))
}

@-webkit-keyframes fade {
    0% {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--beat-scale, 1.25));
        transform: scale(var(--beat-scale, 1.25))
    }
}

@keyframes beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--beat-scale, 1.25));
        transform: scale(var(--beat-scale, 1.25))
    }
}

@-webkit-keyframes throb {
    0% {
        opacity: .5;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes throb {
    0% {
        opacity: .5;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes cylon {
    0% {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }

    to {
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

@keyframes cylon {
    0% {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }

    to {
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

@-webkit-keyframes cylon-vertical {
    0% {
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }
}

@keyframes cylon-vertical {
    0% {
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }
}

.animate-fade {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: fade var(--animation-duration, 0.75s) ease-in-out infinite alternate;
    animation: fade var(--animation-duration, 0.75s) ease-in-out infinite alternate
}

.animate-spin {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: spin var(--animation-duration, 2s) linear infinite normal;
    animation: spin var(--animation-duration, 2s) linear infinite normal
}

.animate-spin-reverse {
    -webkit-transform-origin: center;
    transform-origin: center;
    animation: spin var(--animation-duration, 2s) linear infinite reverse
}

.animate-spin-pulse {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: spin var(--animation-duration, 1s) steps(8) infinite normal;
    animation: spin var(--animation-duration, 1s) steps(8) infinite normal
}

.animate-spin-pulse-reverse {
    -webkit-transform-origin: center;
    transform-origin: center;
    animation: spin var(--animation-duration, 1s) steps(8) infinite reverse
}

.animate-beat {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: beat var(--animation-duration, 0.75s) infinite ease-in-out;
    animation: beat var(--animation-duration, 0.75s) infinite ease-in-out
}

.animate-throb {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: throb var(--animation-duration, 0.75s) ease-in-out infinite alternate;
    animation: throb var(--animation-duration, 0.75s) ease-in-out infinite alternate
}

.animate-cylon {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: cylon var(--animation-duration, 0.75s) ease-in-out infinite alternate;
    animation: cylon var(--animation-duration, 0.75s) ease-in-out infinite alternate
}

.animate-cylon-vertical {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: cylon-vertical var(--animation-duration, 0.75s) ease-in-out infinite alternate;
    animation: cylon-vertical var(--animation-duration, 0.75s) ease-in-out infinite alternate
}

html:not(.edge) .parallax[data-parallax-type=content] {
    will-change: transform
}

html:not(.edge) .parallax.parallax-smooth[data-parallax-type=content] {
    transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.57, 0.63, 0.8);
    transition: transform 0.15s cubic-bezier(0.25, 0.57, 0.63, 0.8);
    transition: transform 0.15s cubic-bezier(0.25, 0.57, 0.63, 0.8), -webkit-transform 0.15s cubic-bezier(0.25, 0.57, 0.63, 0.8)
}

.no-anims, .no-anims * {
    transition-property: none !important;
    transition-duration: 0ms !important;
    -webkit-animation: none !important;
    animation: none !important
}

.gloss {
    overflow: hidden;
    position: relative
}

    .gloss:before {
        pointer-events: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.1) 10%, rgba(255,255,255,0));
        transition: opacity 0s, -webkit-transform .8s;
        transition: transform .8s, opacity 0s;
        transition: transform .8s, opacity 0s, -webkit-transform .8s;
        -webkit-transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
        transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
        opacity: 0;
        z-index: 100
    }

    .gloss.active:before, .gloss.gloss-hover:hover:before, .gloss.gloss-focus:focus:before {
        -webkit-transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 240%, 0);
        transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 240%, 0);
        opacity: 1
    }

    .gloss.gloss-tall:before {
        width: 142%
    }

    .gloss.gloss-wide:before {
        -webkit-transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -240%, 0);
        transform: scale3d(1.8, 1.3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -240%, 0)
    }

    .gloss.gloss-fast:before {
        transition: opacity 0s, -webkit-transform .5s;
        transition: transform .5s, opacity 0s;
        transition: transform .5s, opacity 0s, -webkit-transform .5s
    }

    .gloss.gloss-back:before {
        opacity: 1
    }

.last-mb-0:last-child {
    margin-bottom: 0 !important
}

.file-figure {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.file-icon, .file-thumb {
    align-self: center;
    opacity: 0;
    transition: opacity 0.65s ease
}

    .file-icon.show, .file-thumb.show {
        opacity: 1
    }

.file-icon {
    position: absolute
}

.file-thumb {
    position: relative;
    font-size: 1rem
}

    .file-thumb > img {
        position: relative;
        display: inline-block
    }

    .file-thumb.show[data-type=video]:before {
        position: absolute;
        display: block;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.1);
        z-index: 1
    }

    .file-thumb.show[data-type=video]:after {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        line-height: 1;
        font-size: inherit;
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        content: "ï‹";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        z-index: 2
    }

.more-less {
    display: block;
    position: relative;
    max-height: 260px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    --tebg-start: rgba(var(--bg-color-rgb, 255,255,255), 0);
    --tebg-end: var(--bg-color, #fff)
}

    .more-less .btn-text-expander {
        display: none;
        align-items: center;
        justify-content: var(--text-expander-justify-content, initial);
        position: absolute;
        color: inherit;
        font-weight: 600;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        text-decoration: none !important
    }

    .more-less .btn-text-expander--expand::after {
        content: '';
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        height: var(--text-expander-height, 4.1251875rem);
        background: linear-gradient(to bottom, var(--tebg-start), var(--tebg-end) 70%, var(--tebg-end) 100%)
    }

    .more-less .btn-text-expander--collapse {
        position: relative;
        font-weight: normal
    }

    .more-less.collapsed .btn-text-expander--expand {
        display: flex
    }

    .more-less.expanded {
        max-height: none !important
    }

        .more-less.expanded .btn-text-expander--collapse {
            display: flex
        }

.select2-container {
    --border-radius: .375rem;
    --shadow-intensity: .85;
    --select2-caret-width: calc(calc(1.5715em + 1rem + 2px) - 2px);
    --select2-height: calc(1.5715em + 1rem + 2px);
    --select2-line-height: 1.5715;
    --select2-padding-x: .75rem;
    --select2-padding-y: .5rem;
    --select2-font-size: .875rem;
    --select2-multiple-padding: 0.2em;
    --select2-choice-padding-x: .375rem;
    --select2-choice-padding-y: 0;
    --select2-choice-line-height: 1.7;
    --select2-input-border-color: #dee2e6;
    --select2-input-border-focus-color: #e9ecef;
    --select2-placeholder-color: #8d9ba9;
    --select2-drop-hover-bg: #f1f3f5;
    --select2-drop-hover-color: #4d5459;
    --select2-drop-active-bg: #f1f3f5;
    --select2-drop-active-color: #4d5459;
    --select2-drop-box-shadow: 0 calc(6px * var(--shadow-yoffset, 1)) 24px -5px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(5px * var(--shadow-yoffset, 1)) 12px -5px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.17));
    display: block
}

    .select2-container .select2-selection {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: var(--border-radius);
        color: #596167;
        font-size: var(--select2-font-size);
        outline: 0
    }

        .select2-container .select2-selection.input-sm, .form-control-sm + .select2-container .select2-selection, .input-group-sm .select2-container .select2-selection {
            --border-radius: .375rem;
            --select2-caret-width: calc(calc(1.429em + .75rem + 2px) - 2px);
            --select2-padding-x: .625rem;
            --select2-padding-y: .375rem;
            --select2-height: calc(1.429em + .75rem + 2px);
            --select2-line-height: 1.429;
            --select2-font-size: .8125rem;
            --select2-multiple-padding: 0.125rem;
            --select2-choice-padding-x: .3125rem;
            --select2-choice-line-height: inherit
        }

        .select2-container .select2-selection.input-lg, .form-control-lg + .select2-container .select2-selection, .input-group-lg .select2-container .select2-selection {
            --border-radius: .375rem;
            --select2-caret-width: calc(calc(1.375em + 1.25rem + 2px) - 2px);
            --select2-padding-x: 1.25rem;
            --select2-padding-y: .625rem;
            --select2-height: calc(1.375em + 1.25rem + 2px);
            --select2-line-height: 1.375;
            --select2-font-size: 1rem;
            --select2-choice-padding-x: .625rem
        }

    .select2-container .select2-search--dropdown .select2-search__field {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: var(--border-radius);
        color: #596167;
        font-size: var(--select2-font-size);
        border-radius: var(--border-radius-sm)
    }

    .select2-container .select2-search__field {
        outline: 0
    }

        .select2-container .select2-search__field:focus {
            border-color: #689de8
        }

        .select2-container .select2-search__field::-webkit-input-placeholder {
            color: var(--select2-placeholder-color)
        }

        .select2-container .select2-search__field:-ms-input-placeholder {
            color: var(--select2-placeholder-color)
        }

        .select2-container .select2-search__field::placeholder {
            color: var(--select2-placeholder-color)
        }

    .select2-container .select2-results__option {
        --select2-option-indent: 1;
        --select2-option-padding-x-start: .75rem;
        --select2-option-padding-x-end: .75rem;
        --select2-option-padding-y: .5rem;
        -webkit-padding-start: calc(var(--select2-option-padding-x-start) * var(--select2-option-indent));
        padding-inline-start: calc(var(--select2-option-padding-x-start) * var(--select2-option-indent));
        -webkit-padding-end: var(--select2-option-padding-x-end);
        padding-inline-end: var(--select2-option-padding-x-end);
        -webkit-padding-before: var(--select2-option-padding-y);
        padding-block-start: var(--select2-option-padding-y);
        -webkit-padding-after: var(--select2-option-padding-y);
        padding-block-end: var(--select2-option-padding-y)
    }

        .select2-container .select2-results__option[role=group] {
            padding: 0 !important;
            -webkit-padding-before: 0.75em !important;
            padding-block-start: 0.75em !important
        }

        .select2-container .select2-results__option[aria-disabled=true] {
            color: #aab5bf;
            cursor: not-allowed
        }

        .select2-container .select2-results__option[aria-selected=true] {
            color: var(--select2-drop-hover-color);
            font-weight: 600
        }

    .select2-container .select2-results__option--highlighted[aria-selected] {
        background-color: var(--select2-drop-active-bg);
        color: var(--select2-drop-active-color)
    }

    .select2-container .select2-results__option .select2-results__option {
        --select2-option-indent: 2
    }

    .select2-container .select2-results__group {
        color: inherit;
        display: block;
        padding-inline: .75rem;
        padding-block: .5rem;
        white-space: nowrap;
        font-weight: 600
    }

        .select2-container .select2-results__group .select2-option {
            font-size: .875rem;
            line-height: 1.5715
        }

    .select2-container.select2-container--focus .select2-selection {
        border-color: #689de8
    }

    .select2-container.select2-container--open .select2-selection {
        --shadow-yoffset: 0.175;
        box-shadow: var(--select2-drop-box-shadow);
        border-color: var(--select2-input-border-focus-color);
        -webkit-clip-path: inset(-200px -200px 0 -200px);
        clip-path: inset(-200px -200px 0 -200px)
    }

        .select2-container.select2-container--open .select2-selection .select2-selection__arrow b:after {
            content: '\f077'
        }

    .select2-container.select2-container--open.select2-container--below .select2-selection {
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        border-bottom-color: transparent
    }

    .select2-container.select2-container--open.select2-container--above .select2-selection {
        --shadow-yoffset: 0.175;
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-color: transparent;
        -webkit-clip-path: inset(0 -200px -200px -200px);
        clip-path: inset(0 -200px -200px -200px)
    }

    .select2-container .select2-selection__clear {
        --trailing-action-size: 1.25rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: var(--trailing-action-size);
        min-width: var(--trailing-action-size);
        height: var(--trailing-action-size);
        line-height: var(--trailing-action-size);
        background-color: var(--gray-200);
        color: inherit;
        cursor: pointer;
        font-weight: 600;
        border-radius: 50%;
        border: 0;
        transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
        position: relative;
        order: 2;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        font-size: 14px
    }

        .select2-container .select2-selection__clear:hover {
            color: #fff;
            background-color: var(--gray-600)
        }

        .select2-container .select2-selection__clear:active {
            color: #fff;
            background-color: var(--gray-700)
        }

    .select2-container.select2-container--disabled .select2-selection {
        border-color: var(--select2-input-border-color);
        box-shadow: none
    }

    .select2-container.select2-container--disabled .select2-selection, .select2-container.select2-container--disabled .select2-search__field {
        cursor: not-allowed
    }

    .select2-container.select2-container--disabled .select2-selection, .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
        background-color: #f8f9fa
    }

    .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
        pointer-events: none
    }

    .select2-container.select2-container--disabled .select2-selection__clear, .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove, .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__clear {
        pointer-events: none;
        opacity: 0.5;
        background-color: transparent
    }

    .select2-container .select2-selection--single {
        --select2-padding-end: calc(var(--select2-caret-width) + calc(var(--select2-padding-x) / 2));
        border-radius: var(--border-radius);
        height: var(--select2-height);
        line-height: var(--select2-line-height);
        padding-block: var(--select2-padding-y);
        padding-inline: var(--select2-padding-x) var(--select2-padding-end);
        font-size: var(--select2-font-size);
        line-height: var(--select2-line-height);
        height: var(--select2-height)
    }

        .select2-container .select2-selection--single .select2-selection__arrow {
            position: absolute;
            inset-block-start: 1px;
            inset-block-end: 1px;
            inset-inline-end: 1px;
            border: 0 solid #dee2e6;
            border-inline-start-width: 1px;
            width: var(--select2-caret-width);
            border-radius: var(--border-radius);
            background-color: var(--gray-100);
            border-start-start-radius: 0;
            border-end-start-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 1px 0 rgba(34,38,42,0.04),inset 0 1px 0 rgba(255,255,255,0.25)
        }

            .select2-container .select2-selection--single .select2-selection__arrow b {
                width: 10px;
                height: 10px;
                color: inherit
            }

                .select2-container .select2-selection--single .select2-selection__arrow b:after {
                    position: absolute;
                    display: inline-block;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    line-height: 1;
                    font-size: 10px;
                    font-weight: 900;
                    font-family: "Font Awesome 6 Free";
                    content: "ï¸"
                }

        .select2-container .select2-selection--single .select2-selection__rendered {
            color: #596167;
            position: relative;
            padding: 0;
            display: flex;
            align-items: center
        }

            .select2-container .select2-selection--single .select2-selection__rendered .select2-option {
                -webkit-padding-end: 0.5em;
                padding-inline-end: 0.5em;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__clear {
                -webkit-margin-end: 0.25em;
                margin-inline-end: 0.25em
            }

        .select2-container .select2-selection--single .select2-selection__placeholder {
            color: var(--select2-placeholder-color)
        }

    .select2-container .select2-selection--multiple {
        min-height: var(--select2-height);
        display: flex;
        padding: var(--select2-multiple-padding)
    }

select[data-placeholder] + .select2-container .select2-selection--multiple, select[placeholder] + .select2-container .select2-selection--multiple {
    -webkit-padding-end: var(--select2-height);
    padding-inline-end: var(--select2-height)
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    line-height: var(--select2-line-height);
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
    overflow: initial
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    --input-clear-offset: calc((var(--select2-caret-width) - var(--trailing-action-size)) / 2);
    position: absolute;
    top: calc(var(--input-clear-offset) - var(--select2-multiple-padding));
    inset-inline-end: calc((var(--trailing-action-size) * -1));
    -webkit-margin-end: calc(var(--input-clear-offset) * -1.2);
    margin-inline-end: calc(var(--input-clear-offset) * -1.2)
}

.select2-container .select2-selection--multiple .select2-selection__placeholder {
    color: var(--select2-placeholder-color);
    float: inline-start;
    -webkit-margin-before: 5px;
    margin-block-start: 5px
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    position: relative;
    font-size: var(--select2-font-size);
    color: inherit;
    background: var(--gray-200);
    border: 1px solid rgba(0,0,0,0.1);
    --border-radius: var(--border-radius-md);
    border-radius: calc(var(--border-radius) - 1px);
    cursor: default;
    padding: var(--select2-choice-padding-y) var(--select2-choice-padding-x);
    display: flex;
    align-items: center;
    margin: 0.2em;
    line-height: var(--select2-choice-line-height);
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden
}

    .select2-container .select2-selection--multiple .select2-selection__choice > .select2-option {
        overflow: hidden;
        text-overflow: ellipsis
    }

        .select2-container .select2-selection--multiple .select2-selection__choice > .select2-option > i, .select2-container .select2-selection--multiple .select2-selection__choice > .select2-option > img {
            position: relative;
            top: 1px
        }

.select2-container .select2-selection--multiple .select2-search--inline > .select2-search__field {
    background: transparent;
    font-size: var(--select2-font-size);
    padding: 0 calc(var(--select2-choice-padding-x) / 2);
    line-height: var(--select2-choice-line-height);
    margin-top: 0;
    width: 100% !important;
    min-width: 5em;
    float: none
}

.select2-container .select2-selection--multiple .select2-search--inline:first-child > .select2-search__field {
    padding: 0 var(--select2-padding-x)
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    --trailing-action-size: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--trailing-action-size);
    min-width: var(--trailing-action-size);
    height: var(--trailing-action-size);
    line-height: var(--trailing-action-size);
    background-color: var(--gray-200);
    color: inherit;
    cursor: pointer;
    font-weight: 600;
    border-radius: 50%;
    border: 0;
    transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
    font-weight: 400;
    margin-inline: 3px -2px;
    border-radius: var(--border-radius-sm);
    order: 2
}

    .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
        background-color: var(--gray-600)
    }

    .select2-container .select2-selection--multiple .select2-selection__choice__remove:active {
        color: #fff;
        background-color: var(--gray-700)
    }

.select2-container .select2-selection--multiple .select2-selection__clear {
    float: none
}

.select2-container .select2-dropdown {
    box-shadow: var(--select2-drop-box-shadow);
    -webkit-clip-path: inset(0 -200px -200px -200px);
    clip-path: inset(0 -200px -200px -200px);
    border-color: var(--select2-input-border-focus-color);
    overflow-x: hidden;
    -webkit-margin-before: -1px;
    margin-block-start: -1px;
    border-radius: var(--border-radius);
    z-index: 1060
}

.select2-container .select2-dropdown--above {
    -webkit-clip-path: inset(-200px -200px 0 -200px);
    clip-path: inset(-200px -200px 0 -200px);
    -webkit-margin-before: 1px;
    margin-block-start: 1px;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.select2-container .select2-dropdown--below {
    border-start-start-radius: 0;
    border-start-end-radius: 0
}

.select2-container .select2-results > .select2-results__options {
    max-height: 320px;
    overflow-y: auto
}

.select2-container.select2-container--open .select2-selection, .select2-container.select2-container--open .select2-selection__arrow {
    background-color: #fff
}

.select2-container.select2-container--open .select2-selection__arrow {
    border-color: transparent;
    box-shadow: none
}

.select2-container .select2-results {
    background: #fff
}

.select2-container .select2-results__option {
    position: relative
}

    .select2-container .select2-results__option > .select2-option, .select2-container .select2-results__option > .select2-item-description {
        position: relative;
        display: block;
        vertical-align: middle;
        font-size: .8125rem;
        word-break: break-all;
        -webkit-padding-start: 20px;
        padding-inline-start: 20px
    }

        .select2-container .select2-results__option > .select2-option:after {
            position: absolute;
            inset-inline-start: 0;
            top: 1px;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            line-height: 1;
            font-size: inherit;
            font-weight: 900;
            font-family: "Font Awesome 6 Free";
            content: "ï€Œ";
            color: #009e74;
            text-align: start;
            width: 18px;
            line-height: 1.5715;
            visibility: hidden
        }

    .select2-container .select2-results__option > .select2-item-description {
        font-weight: normal
    }

    .select2-container .select2-results__option[aria-selected=true] > .select2-option:after {
        visibility: visible
    }

    .select2-container .select2-results__option .select2-item-btn {
        position: absolute;
        z-index: 1060;
        inset-block-start: -3px;
        inset-inline-end: 6px;
        opacity: 0.0;
        transition: opacity 0.05s linear
    }

        .select2-container .select2-results__option .select2-item-btn > a.btn {
            color: unset;
            width: 25px;
            height: 25px
        }

            .select2-container .select2-results__option .select2-item-btn > a.btn > i {
                width: unset
            }

    .select2-container .select2-results__option:hover .select2-item-btn {
        opacity: 1
    }

    .select2-container .select2-results__option .select2-item-link {
        font-weight: 600;
        font-size: .875rem;
        line-height: 1.5715
    }

.select2-container .select2-dropdown--below .select2-results {
    border-top: 1px solid #e9ecef
}

.select2-container .select2-dropdown--above .select2-results {
    -webkit-border-after: 1px solid #e9ecef;
    border-block-end: 1px solid #e9ecef
}

.select2-container .select2-search--dropdown {
    padding-inline: .75rem;
    padding-block: 0 0.5rem;
    background-color: #fff
}

.select2-container .select2-dropdown--above .select2-search--dropdown {
    -webkit-padding-after: 0.5rem;
    padding-block-end: 0.5rem;
    -webkit-padding-before: 0.5rem;
    padding-block-start: 0.5rem
}

.select2-container .select2-selection--single.select-customtemplate, .select2-container .drop-customtemplate .select2-results__option {
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem;
    -webkit-padding-before: 0.25rem;
    padding-block-start: 0.25rem;
    -webkit-padding-after: 0.25rem;
    padding-block-end: 0.25rem
}

.select2-container .select2-selection--single.select-customtemplate {
    display: flex;
    align-items: center
}

    .select2-container .select2-selection--single.select-customtemplate > .select2-selection__rendered {
        width: 100%
    }

        .select2-container .select2-selection--single.select-customtemplate > .select2-selection__rendered > .select2-selection__clear {
            -webkit-margin-before: 5px;
            margin-block-start: 5px
        }

select.is-invalid + .select2:not(.select2-container--open) .select2-dropdown, select.is-invalid + .select2:not(.select2-container--open) .select2-selection {
    border-color: #dc3000
}

.input-group .select2-container--bootstrap {
    flex: 1 1 auto;
    width: 1%;
    z-index: 2;
    margin-bottom: 0
}

    .input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus {
        z-index: 3
    }

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn {
    vertical-align: top
}

.form-control.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important
}

.form-inline .select2-container--bootstrap {
    display: inline-block
}

.alert.ui-pnotify-container, .ui-pnotify-container.validation-summary-valid, .ui-pnotify-container.validation-summary-errors {
    -webkit-padding-start: 70px !important;
    padding-inline-start: 70px !important;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important;
    border-width: 1px;
    min-height: 75px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-color: rgba(255,255,255,0.12) !important;
    overflow: hidden
}

    .alert.ui-pnotify-container:after, .ui-pnotify-container.validation-summary-valid:after, .ui-pnotify-container.validation-summary-errors:after {
        visibility: initial;
        height: auto;
        clear: none
    }

.ui-pnotify-icon {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
    color: #fff;
    z-index: 10;
    float: none;
    margin: 0;
    --bubble-size: 8px;
    --bubble-width: var(--bubble-size);
    --bubble-offset: 24px;
    --bubble-bg: var(--alert-icon-bg);
    --bubble-border-color: var(--alert-icon-bg)
}

    .ui-pnotify-icon:before, .ui-pnotify-icon:after {
        content: '' !important;
        display: inline-block;
        position: absolute
    }

    .ui-pnotify-icon:before {
        -webkit-border-before: var(--bubble-width) solid transparent;
        border-block-start: var(--bubble-width) solid transparent;
        -webkit-border-after: var(--bubble-width) solid transparent;
        border-block-end: var(--bubble-width) solid transparent;
        -webkit-border-start: var(--bubble-width) solid var(--bubble-border-color);
        border-inline-start: var(--bubble-width) solid var(--bubble-border-color);
        inset-inline-end: calc(var(--bubble-width) * -1);
        inset-block-start: 50%;
        -webkit-margin-before: calc((var(--bubble-width) + 1px) * -1);
        margin-block-start: calc((var(--bubble-width) + 1px) * -1)
    }

    .ui-pnotify-icon: after {
        --bubble-width: calc(var(--bubble-size) - 1px);
        -webkit-border-before: var(--bubble-width) solid transparent;
        border-block-start: var(--bubble-width) solid transparent;
        -webkit-border-after: var(--bubble-width) solid transparent;
        border-block-end: var(--bubble-width) solid transparent;
        -webkit-border-start: var(--bubble-width) solid var(--bubble-bg);
        border-inline-start: var(--bubble-width) solid var(--bubble-bg);
        inset-inline-end: calc(var(--bubble-width) * -1);
        inset-block-start: 50%;
        -webkit-margin-before: calc(var(--bubble-size) * -1);
        margin-block-start: calc(var(--bubble-size) * -1)
    }

    .ui-pnotify-icon > span {
        display: none;
        position: absolute;
        inset-inline-start: 0;
        width: 100%;
        text-align: center;
        font-size: 1.25em;
        line-height: 1.2em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        float: none;
        margin: 0
    }

.ui-pnotify-text {
    font-size: 1rem;
    max-height: 300px;
    overflow-y: auto
}

    .ui-pnotify-text > br {
        display: block;
        line-height: 2px;
        content: ''
    }

@media (max-width: 767.98px) {
    .ui-pnotify-icon {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }
}

.ui-pnotify-closer, .ui-pnotify-sticker {
    --action-offset: 5px;
    --trailing-action-size: 1.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--trailing-action-size);
    min-width: var(--trailing-action-size);
    height: var(--trailing-action-size);
    line-height: var(--trailing-action-size);
    background-color: rgba(0,0,0,0);
    color: rgba(var(--alert-base-rgb), 0.75);
    cursor: pointer;
    font-weight: 600;
    border-radius: 50%;
    border: 0;
    transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
    margin: 0;
    position: absolute;
    top: var(--action-offset);
    inset-inline-end: var(--action-offset)
}

    .ui-pnotify-closer:hover, .ui-pnotify-sticker:hover {
        color: #fff;
        background-color: rgba(var(--alert-icon-bg-rgb), 0.75)
    }

    .ui-pnotify-closer:active, .ui-pnotify-sticker:active {
        color: #fff;
        background-color: rgba(var(--alert-icon-bg-rgb), 1)
    }

.ui-pnotify-sticker {
    font-size: 10px;
    top: calc(var(--trailing-action-size) + var(--action-offset))
}

@media (min-width: 481px) {
    .ui-pnotify.stack-topcenter, .ui-pnotify.stack-bottomcenter {
        inset-inline-start: 50%;
        -webkit-margin-start: -225px;
        margin-inline-start: -225px
    }

    .ui-pnotify.stack-bottomcenter {
        top: auto
    }
}

@media (max-width: 480px) {
    .ui-pnotify-mobile-able {
        margin-top: -80px;
        font-size: inherit !important
    }

        .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
            margin-top: -85px
        }

            .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
                margin-top: -90px
            }

                .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
                    margin-top: -95px
                }

                    .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
                        margin-top: -100px
                    }
}

[dir=rtl] .ui-pnotify-closer, [dir=rtl] .ui-pnotify-sticker {
    float: left
}

.fu-container {
    position: relative
}

    .fu-container.dz-highlight .dropzone-container, .fu-container.dz-drag-hover .dropzone-container {
        border-color: #307abe !important;
        background-color: #f1f7fc !important;
        pointer-events: none
    }

    .fu-container > .dz-preview {
        display: none !important
    }

    .fu-container .fu-message {
        cursor: pointer
    }

    .fu-container.xl .fu-message {
        font-size: 1.125rem !important
    }

    .fu-container.xl .dropzone-file-info, .fu-container.xl .fu-fileupload {
        justify-content: center;
        text-align: center
    }

    .fu-container:not(.xl) .dropzone-target {
        padding: 10px
    }

    .fu-container .fu-progress:not(.list) {
        position: absolute;
        left: 0;
        bottom: -1px;
        right: 0
    }

        .fu-container .fu-progress:not(.list) .progress {
            height: 0.25rem;
            background: transparent;
            margin: 0;
            border-radius: 0;
            border-bottom-left-radius: .375rem;
            border-bottom-right-radius: .375rem;
            box-shadow: none
        }

            .fu-container .fu-progress:not(.list) .progress .progress-bar {
                background-color: #307abe;
                transition: width 0.25s ease, background-color 0.25s ease
            }

    .fu-container .fu-progress.success:not(.list) {
        transition-delay: 0.4s
    }

        .fu-container .fu-progress.success:not(.list) .progress-bar {
            background-color: #009e74 !important
        }

    .fu-container .customer-avatar-lg {
        display: block
    }

    .fu-container .empty {
        font-weight: 400 !important;
        color: #8d9ba9 !important
    }

.dropzone-container {
    pointer-events: initial !important;
    transition: all .2s;
    align-items: center;
    display: flex;
    position: relative;
    border: 2px dashed #ced4da !important;
    background: #f8f9fa !important;
    border-radius: 5px
}

    .dropzone-container.fullscreen {
        position: relative;
        width: 100%;
        height: 100%
    }

        .dropzone-container.fullscreen .fu-message {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%
        }

    .dropzone-container.hide {
        display: none
    }

    .dropzone-container .dropzone {
        border: none;
        background: none;
        width: 100%;
        padding: 20px
    }

    .dropzone-container .fu-fileupload, .dropzone-container .fu-message {
        font-size: 1rem;
        align-self: center;
        color: var(--primary-dark)
    }

    .dropzone-container .dz-preview, .dropzone-container .dz-message {
        display: none
    }

    .dropzone-container .fu-thumb {
        position: relative;
        margin: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90px;
        height: 90px;
        min-width: 90px
    }

.xl .dropzone-container .fu-thumb {
    min-width: 120px;
    width: 120px;
    height: 120px
}

.dropzone-container .fu-thumb.empty {
    border: 2px dashed #ced4da
}

    .dropzone-container .fu-thumb.empty .file-icon {
        color: rgba(0,0,0,0.12)
    }

.dropzone-container .fu-thumb .file-figure {
    max-width: 100%;
    max-height: 100%
}

    .dropzone-container .fu-thumb .file-figure .file-thumb {
        display: flex;
        align-self: auto;
        justify-content: center
    }

.dropzone-container .fu-thumb .file-img {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 calc(2px * var(--shadow-yoffset, 1)) 16px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(2px * var(--shadow-yoffset, 1)) 3px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.15))
}

.dropzone-container .fu-controls {
    flex-grow: 1;
    overflow: hidden
}

.dropzone-container .fu-remove {
    display: none;
    min-width: 1.25rem;
    width: 1.25rem;
    height: 1.25rem
}

    .dropzone-container .fu-remove:hover {
        background-color: rgba(220,48,0,0.2)
    }

    .dropzone-container .fu-remove .fu-remove-icon {
        margin-top: -2px
    }

.fu-file-preview {
    margin: 0 10px 10px 0;
    position: relative;
    border: 1px solid #ced4da;
    border-radius: var(--border-radius-md);
    background: #f8f9fa;
    display: flex;
    justify-content: center;
    overflow: hidden
}

    .fu-file-preview .main-pic-badge {
        display: none;
        position: absolute;
        z-index: 1000;
        right: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0
    }

#product-edit .fu-file-preview:first-child .main-pic-badge {
    display: block
}

.fu-file-preview .file-figure {
    min-width: 150px;
    max-width: calc(150px / 9 * 16);
    height: 150px
}

    .fu-file-preview .file-figure .file-icon:not(.show) {
        display: none
    }

    .fu-file-preview .file-figure .file-img {
        max-width: 100%;
        max-height: 150px;
        height: 150px;
        -o-object-fit: contain;
        object-fit: contain
    }

.fu-file-preview .toolbar {
    position: absolute;
    bottom: 0;
    min-width: 100%;
    background-color: #f8f9fa;
    visibility: hidden;
    transition: visibility 0.1s;
    border-top: 1px solid #aab5bf;
    z-index: 2;
    cursor: default
}

    .fu-file-preview .toolbar > .btn {
        border-radius: 0 !important
    }

.fu-file-preview .fu-file-info-container {
    position: absolute;
    transition: opacity .3s;
    opacity: 0;
    visibility: visible;
    background-color: rgba(24,80,159,0.7);
    z-index: 2
}

    .fu-file-preview .fu-file-info-container .drag-gripper {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        cursor: move;
        z-index: 10
    }

        .fu-file-preview .fu-file-info-container .drag-gripper .drag-icon {
            width: 2.75rem;
            height: 2.75rem;
            line-height: 2.75rem
        }

    .fu-file-preview .fu-file-info-container .fu-file-info-name {
        z-index: 2;
        padding: 0 0.5rem;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        line-height: 1.3;
        max-height: calc(.875rem * 1.3 * 3);
        max-width: 100%;
        overflow: hidden;
        word-break: break-all;
        margin-bottom: .75rem
    }

    .fu-file-preview .fu-file-info-container .fu-preview-control-menu {
        z-index: 5;
        margin-top: -6px
    }

        .fu-file-preview .fu-file-info-container .fu-preview-control-menu > * {
            margin-top: 6px
        }

.fu-file-preview:hover:not(.sortable-ghost) {
    border: 1px solid #ced4da
}

    .fu-file-preview:hover:not(.sortable-ghost) .toolbar {
        visibility: visible
    }

    .fu-file-preview:hover:not(.sortable-ghost) .fu-preview-overlay {
        visibility: visible;
        opacity: .5
    }

    .fu-file-preview:hover:not(.sortable-ghost) .fu-file-info-container {
        opacity: 1;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px)
    }

.fu-file-preview:not(.dz-success) .drag-gripper, .fu-file-preview:not(.dz-success) .fu-preview-control-menu, .fu-file-preview.dz-processing .drag-gripper, .fu-file-preview.dz-processing .fu-preview-control-menu {
    visibility: hidden !important
}

.fu-file-preview.sortable-ghost .toolbar {
    visibility: hidden
}

#duplicate-window .remaining-file-counter {
    float: right;
    padding-top: 10px
}

#duplicate-window .file-display {
    border: 1px solid #ced4da
}

    #duplicate-window .file-display .file-info {
        overflow: hidden
    }

    #duplicate-window .file-display .file-figure {
        width: 100px;
        height: 80px;
        display: flex;
        margin: 0;
        align-items: center;
        justify-content: center
    }

    #duplicate-window .file-display .file-img {
        width: 100px;
        height: 80px;
        -o-object-fit: cover;
        object-fit: cover
    }

    #duplicate-window .file-display .file-date {
        white-space: nowrap;
        overflow: hidden
    }

.cke_chrome.cke_focus {
    border-color: #689de8;
    box-shadow: none
}

.note-editor-preview {
    border: 1px solid #dee2e6;
    min-height: 100px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .5rem .75rem;
    border-radius: .375rem;
    cursor: default
}

    .note-editor-preview.empty {
        min-height: initial
    }

.note-btn {
    --btn-padding-x: 9px
}

    .note-btn > i, .note-btn > svg {
        fill: currentColor
    }

    .note-btn > svg {
        height: 14px
    }

.note-editor .note-toolbar {
    display: flex;
    flex-wrap: wrap
}

    .note-editor .note-toolbar .note-btn-group {
        -webkit-column-gap: 1px;
        -moz-column-gap: 1px;
        column-gap: 1px
    }

    .note-editor .note-toolbar .btn.note-btn {
        min-width: 32px
    }

    .note-editor .note-toolbar > .note-btn-group {
        border: 0 solid rgba(0,0,0,0.12);
        border-inline-end-width: 1px;
        -webkit-padding-end: 5px;
        padding-inline-end: 5px
    }

        .note-editor .note-toolbar > .note-btn-group:last-of-type {
            border-inline-end-width: 0;
            -webkit-padding-end: 0;
            padding-inline-end: 0
        }

        .note-editor .note-toolbar > .note-btn-group > .note-btn, .note-editor .note-toolbar > .note-btn-group > .note-btn-group > .note-btn {
            --btn-color: #393f46;
            --btn-bg: transparent;
            --btn-border-color: transparent;
            --btn-box-shadow: none;
            --btn-disabled-color: var(--btn-color);
            --btn-disabled-bg: var(--btn-bg);
            --btn-disabled-border-color: var(--btn-border-color);
            border-radius: var(--btn-border-radius);
            background-image: none;
            -webkit-margin-start: 0;
            margin-inline-start: 0
        }

    .note-editor .note-toolbar .note-codeview-keep.active > .fa-expand:before {
        content: "\f066"
    }

    .note-editor .note-toolbar .note-recent-color {
        display: inline-block;
        border: 1px solid rgba(0,0,0,0.12);
        padding-inline: 2px;
        border-radius: 3px
    }

    .note-editor .note-toolbar .note-current-fontsize {
        display: inline-block;
        width: 16px
    }

    .note-editor .note-toolbar .note-para > .btn-group:last-child .dropdown-menu.show {
        display: flex !important
    }

    .note-editor .note-toolbar .note-font > .btn-group:first-child > .btn {
        padding-inline: 0.5rem;
        width: 112px;
        max-width: 112px;
        justify-content: space-between;
        font-weight: 400
    }

        .note-editor .note-toolbar .note-font > .btn-group:first-child > .btn > .note-current-fontname {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .note-editor .note-toolbar .scrollable-menu {
        --scrollbar-track-color: #fff;
        --scrollbar-track-hover-color: #fff;
        height: auto;
        max-height: 340px;
        min-width: 280px;
        overflow-x: hidden
    }

    .note-editor .note-toolbar .btn-group-cssclass .dropdown-menu .dropdown-item {
        position: relative
    }

        .note-editor .note-toolbar .btn-group-cssclass .dropdown-menu .dropdown-item.checked {
            order: -1
        }

            .note-editor .note-toolbar .btn-group-cssclass .dropdown-menu .dropdown-item.checked:before {
                position: absolute;
                content: '';
                inset-inline-start: 0;
                top: 0;
                bottom: 0;
                width: 3px;
                background-color: #ee9B00
            }

.note-editor .note-editable a {
    text-decoration: underline
}

.note-editor .note-editable table:not(.table-bordered):not([border]), .note-editor .note-editable table[border='0']:not(.table-bordered) {
    border-collapse: collapse
}

    .note-editor .note-editable table:not(.table-bordered):not([border]) td, .note-editor .note-editable table:not(.table-bordered):not([border]) th, .note-editor .note-editable table[border='0']:not(.table-bordered) td, .note-editor .note-editable table[border='0']:not(.table-bordered) th {
        border: 1px dashed #bbb
    }

.note-editor .note-dropdown-menu > .dropdown-item > * {
    margin-bottom: 0
}

.note-editor .dropdown-cssclass > .dropdown-item > .d-block {
    width: 100%
}

.note-editor .dropdown-fontsize {
    min-width: 92px
}

:root {
    --content-padding-x: 15px;
    --content-padding-y: 15px
}

@media (min-width: 992px) {
    :root {
        --content-padding-x: 30px
    }
}

.well {
    background-color: #f8f9fa;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: var(--border-radius-md)
}

pre {
    background: #f8f9fa;
    padding: 1rem;
    border: 1px solid rgba(0,0,0,0.1)
}

    pre.prettyprint {
        padding: 1rem !important;
        border: 1px solid rgba(0,0,0,0.1) !important
    }

b, strong {
    font-weight: 600
}

.text-light {
    color: #ced4da !important
}

.text-primary-darkest {
    color: #55237d !important
}

.badge-secondary {
    --badge-bg: #8d9ba9;
    --badge-bg-rgb: 141,155,169;
    --badge-color: #fff
}

a.badge-secondary {
    --badge-hover-bg: #596167;
    --badge-hover-bg-rgb: 89,97,103
}

.btn-secondary:not(.btn-flat-light), .btn-light:not(.btn-flat-light) {
    --btn-icon-color: #5e6773;
    --btn-icon-hover-color: inherit
}

html {
    height: 100%
}

body {
    background-color: #f1f3f5
}

    body.popup {
        background-color: #fff
    }

#page {
    position: relative;
    margin: 0;
    padding: 0
}

.page-main {
    --sticky-header-left: 0;
    --sticky-header-right: 0;
    --header-height: 72px;
    --device-height: 100vh;
    --device-height: 100dvh;
    --content-top: calc(72px + var(--header-height));
    --content-height: calc(var(--device-height) - var(--content-top) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    --content-row: minmax(var(--content-height), auto);
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 72px var(--header-height) var(--content-row)
}

@media (min-width: 576px) {
    .page-main {
        --sticky-header-left: var(--content-padding-x);
        --sticky-header-right: var(--content-padding-x)
    }
}

#header {
    background-color: #18509f;
    grid-column: 1 / -1;
    grid-row: 1 / span 2
}

.popup #header {
    display: none
}

.sidebar-left {
    grid-column: 1 / 2
}

.popup {
    --content-padding-x: 30px
}

#content {
    position: relative;
    margin: 0;
    padding-left: var(--content-padding-x);
    padding-right: var(--content-padding-x);
    padding-top: 20px;
    padding-bottom: var(--content-padding-x);
    box-shadow: 0 calc(2px * var(--shadow-yoffset, 1)) 16px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(2px * var(--shadow-yoffset, 1)) 3px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.15));
    border-radius: 0;
    background-color: #fff;
    grid-column: 1 / -1;
    grid-row: 2 / -1;
    z-index: 9
}

@media (min-width: 576px) {
    #content {
        margin: 0 var(--content-padding-x);
        border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0
    }
}

.popup #content {
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    grid-row: 1 / -1
}

.cph {
    display: flex;
    flex-flow: column
}

.popup.bare {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

    .popup.bare #page, .popup.bare #content, .popup.bare .cph {
        height: 100%;
        padding: 0
    }

.section-header {
    --header-size: calc((.875rem * 1.5715) + 1rem + 2px);
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: 0;
    padding-inline: var(--content-padding-x);
    padding-block: var(--content-padding-y);
    transition: box-shadow 0.25s ease;
    --gutter-x: 30px;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--gutter-y));
    margin-right: calc(-.5 * var(--gutter-x));
    margin-left: calc(-.5 * var(--gutter-x));
    flex-wrap: nowrap;
    margin-inline: 0
}

    .section-header .title, .section-header .options {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * .5);
        padding-left: calc(var(--gutter-x) * .5);
        margin-top: var(--gutter-y)
    }

    .section-header .title {
        font-weight: 600;
        font-size: 1.25rem;
        line-height: var(--header-size);
        min-height: var(--header-size);
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-inline: 0 5px;
        color: inherit;
        display: inline-flex;
        align-items: center;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

        .section-header .title > i {
            display: none;
            font-size: 28px;
            vertical-align: text-top;
            -webkit-margin-end: 0.5rem;
            margin-inline-end: 0.5rem;
            color: #aab5bf
        }

        .section-header .title > img {
            max-height: var(--header-size);
            max-width: 120px;
            -webkit-margin-end: 5px;
            margin-inline-end: 5px;
            vertical-align: top
        }

        .section-header .title a:not(.btn) {
            text-decoration: none;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
            font-size: 12px;
            font-weight: normal;
            -webkit-padding-start: 5px;
            padding-inline-start: 5px
        }

    .section-header .options {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        padding-inline: 5px 0;
        display: flex;
        align-items: center;
        gap: 0.4rem
    }

        .section-header .options.btn-toolbar {
            margin: 0
        }

@media (max-width: 768px) {
    .section-header .options .btn > span:not(:only-child) {
        display: none
    }
}

.section-header.sticky {
    position: fixed;
    z-index: 1020;
    inset-inline-start: var(--sticky-header-left);
    inset-inline-end: var(--sticky-header-right);
    padding: calc(var(--content-padding-y) / 2) var(--content-padding-x);
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05)
}

.modal-open .section-header.sticky {
    -webkit-margin-end: 17px !important;
    margin-inline-end: 17px !important
}

.popup .section-header.sticky {
    left: 0;
    right: 0;
    top: 0
}

@media (min-width: 768px) {
    .has-left-sidebar .page-main {
        grid-template-columns: 206px 1fr;
        --sticky-header-left: 206px;
        --sticky-header-right: 0
    }

    .has-left-sidebar #content {
        grid-column: 2 / -1;
        margin-inline: 0;
        border-start-end-radius: 0
    }

    .has-left-sidebar .locale-editor {
        max-width: calc(100dvw - var(--sticky-header-left) - (var(--content-padding-x) * 2))
    }
}

.spa-layout {
    height: 100%;
    overflow: hidden
}

    .spa-layout #page {
        height: 100%
    }

    .spa-layout .page-main {
        height: 100%;
        grid-template-columns: 1fr minmax(380px, 20%);
        --content-row: var(--content-height)
    }

    .spa-layout .cph {
        height: 100%
    }

    .spa-layout .spa-stretch {
        overflow: hidden;
        display: flex;
        flex-flow: column
    }

@media (min-width: 768px) {
    .spa-layout.has-left-sidebar .page-main {
        grid-template-columns: 206px minmax(100px, 1fr) !important
    }
}

.minimal-admin #content {
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    padding-top: 0
}

    .minimal-admin #content .section-header {
        display: none
    }

#navbar {
    padding: 0 var(--content-padding-x)
}

    #navbar .dropdown-toggle:after {
        display: none
    }

    #navbar .navbar-brand > .navbar-img {
        height: 28px;
        width: 33px
    }

@media (min-width: 992px) {
    #navbar .navbar-brand > .navbar-img {
        height: 55px;
        width: auto;
    }
}

#navbar .dropdown-menu {
    --dropdown-padding-x: 0.5rem;
    --dropdown-padding-y: 0.5rem;
    --dropdown-item-padding-x: 1rem;
    --dropdown-item-padding-y: 0.5rem;
    --dropdown-divider-margin-y: 0.5rem;
    --dropdown-border-radius: 8px;
    --shadow-intensity: 0.7;
    --dropdown-box-shadow: 0 calc(10px * var(--shadow-yoffset, 1)) 40px -4px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.14)),0 calc(12px * var(--shadow-yoffset, 1)) 28px -12px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.2));
    margin-top: -2px
}

#navbar #navbar-menu .nav-item > .dropdown-menu {
    --bubble-size: 8px;
    --bubble-width: var(--bubble-size);
    --bubble-offset: 10px;
    --bubble-bg: var(--dropdown-bg);
    --bubble-border-color: var(--dropdown-border-color)
}

    #navbar #navbar-menu .nav-item > .dropdown-menu:before, #navbar #navbar-menu .nav-item > .dropdown-menu:after {
        content: '' !important;
        display: inline-block;
        position: absolute
    }

    #navbar #navbar-menu .nav-item > .dropdown-menu:before {
        -webkit-border-start: var(--bubble-width) solid transparent;
        border-inline-start: var(--bubble-width) solid transparent;
        -webkit-border-end: var(--bubble-width) solid transparent;
        border-inline-end: var(--bubble-width) solid transparent;
        -webkit-border-after: var(--bubble-width) solid var(--bubble-border-color);
        border-block-end: var(--bubble-width) solid var(--bubble-border-color);
        inset-block-start: calc(var(--bubble-width) * -1);
        inset-inline-start: var(--bubble-offset)
    }

    #navbar #navbar-menu .nav-item > .dropdown-menu:after {
        --bubble-width: calc(var(--bubble-size) - 1px);
        -webkit-border-start: var(--bubble-width) solid transparent;
        border-inline-start: var(--bubble-width) solid transparent;
        -webkit-border-end: var(--bubble-width) solid transparent;
        border-inline-end: var(--bubble-width) solid transparent;
        -webkit-border-after: var(--bubble-width) solid var(--bubble-bg);
        border-block-end: var(--bubble-width) solid var(--bubble-bg);
        inset-block-start: calc(var(--bubble-width) * -1);
        inset-inline-start: calc(var(--bubble-offset) + 1px)
    }

#navbar [data-id="nav-modules"] li:not([data-id="modules-manage"]) .dropdown-item {
    font-weight: 400
}

#navbar .dropdown-item {
    font-weight: 600
}

    #navbar .dropdown-item > i, #navbar .dropdown-item > svg, #navbar .dropdown-item > img {
        -webkit-margin-start: -0.375rem;
        margin-inline-start: -0.375rem;
        -webkit-margin-end: 0.75rem;
        margin-inline-end: 0.75rem;
        display: inline-block;
        font-size: inherit
    }

#navbar .dropdown-header {
    font-size: .75rem;
    text-transform: uppercase
}

#navbar .dropdown-divider {
    margin-block: 0.5rem
}

#navbar .nav-item .nav-link {
    max-width: 100px;
    padding: 14px 8px !important;
    text-align: center;
    color: #fff;
    background: rgba(255,255,255,0);
    transition: color 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
    color: #ccd9ea
}

    #navbar .nav-item .nav-link:hover, #navbar .nav-item.show .nav-link {
        background: rgba(255,255,255,0.15);
        color: #fff
    }

#navbar .nav-item .navbar-icon {
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    height: 22px;
    line-height: 22px
}

@media (max-width: 575.98px) {
    #navbar .nav-item .navbar-icon {
        font-size: 16px
    }
}

#navbar .nav-item .navbar-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    padding: 0;
    padding-top: 0.25rem
}

#navbar .nav-item .navbar-tool {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
    height: 72px;
    display: flex
}

    #navbar .nav-item .navbar-tool > * {
        align-self: center
    }

#navbar .reddot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #dc3000;
    color: #fff
}

.settings-menu {
    --list-group-bg: transparent;
    --list-group-border-width: 0;
    --list-group-border-radius: 0;
    --list-group-item-padding-x: 12px;
    --list-group-item-padding-y: 10px;
    --list-group-action-color: var(--gray-700);
    --list-group-action-hover-color: var(--gray-900);
    --list-group-action-hover-bg: rgba(0,0,0,0.06);
    --list-group-action-hover-bg: var(--gray-300);
    --list-group-action-active-color: var(--list-group-action-hover-color);
    --list-group-action-active-bg: var(--gray-400);
    --list-group-active-bg: var(--list-group-action-hover-bg);
    gap: 1px
}

    .settings-menu .list-group-item {
        font-size: .8125rem;
        align-items: center !important;
        transition: background-color 0.12s ease
    }

@media (min-width: 768px) {
    .settings-menu .list-group-item {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important
    }
}

.settings-menu .list-group-item:before {
    display: none !important
}

.settings-menu .list-group-item > .list-group-item-icon {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

    .settings-menu .list-group-item > .list-group-item-icon > .bi {
        vertical-align: -3px
    }

    .settings-menu .list-group-item > .list-group-item-icon > i {
        max-width: 16px
    }

.settings-menu .list-group-item:active:not(.active) .bi-circle {
    fill: transparent
}

legend {
    font-weight: 600;
    font-size: 1.25rem
}

.col-form-label {
    font-weight: 600
}

.ctl-label {
    position: relative;
    padding-right: 2.5rem;
    display: inline-block
}

    .ctl-label > label {
        position: relative;
        padding-right: 0;
        margin-bottom: 0.4rem;
        font-weight: 600
    }

    .ctl-label > .hint {
        display: block;
        position: absolute;
        cursor: default;
        width: 2.5rem;
        right: 0;
        top: 0;
        text-decoration: none;
        outline: 0;
        color: #8d9ba9;
        transition: all .1s ease-in-out;
        opacity: 0;
        text-align: center
    }

        .ctl-label > .hint:hover {
            color: #596167
        }

        .ctl-label > .hint > i {
            font-size: 1rem
        }

    .ctl-label:hover > .hint {
        opacity: 1
    }

    .ctl-label .col-form-label-sm + .hint {
        width: 1rem;
        margin-bottom: 0;
        line-height: 1.429;
        padding-top: calc(.375rem + 1px);
        padding-bottom: calc(.375rem + 1px)
    }

        .ctl-label .col-form-label-sm + .hint > i {
            font-size: inherit
        }

.multi-store-setting-control > input[type=checkbox] {
    position: relative;
    margin: 0;
    margin-top: .5rem
}

@-webkit-keyframes loading {
    from {
        left: 50%;
        width: 0;
        z-index: 100
    }

    50% {
        left: 0;
        width: 100%;
        z-index: 10
    }

    to {
        left: 0;
        width: 100%
    }
}

@keyframes loading {
    from {
        left: 50%;
        width: 0;
        z-index: 100
    }

    50% {
        left: 0;
        width: 100%;
        z-index: 10
    }

    to {
        left: 0;
        width: 100%
    }
}

@-webkit-keyframes loadingbar {
    from {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

@keyframes loadingbar {
    from {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

#ajax-busy {
    position: fixed;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    z-index: 1021;
    background-color: #ffab40;
    transition: opacity .05s ease-in
}

.sticky-header #ajax-busy {
    left: var(--content-padding-x);
    right: var(--content-padding-x)
}

#ajax-busy.busy {
    opacity: 1
}

    #ajax-busy.busy > .bar {
        content: "";
        display: inline;
        position: absolute;
        width: 0;
        height: 100%;
        left: 50%;
        text-align: center;
        -webkit-animation: loading 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
        animation: loading 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    }

#ajax-busy > .bar:nth-child(1) {
    background-color: #fff
}

#ajax-busy > .bar:nth-child(2) {
    background-color: #3F51B5;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

#ajax-busy > .bar:nth-child(3) {
    background-color: #ffab40;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.loading-bar {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd
}

    .loading-bar:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 4px;
        background-color: #2980b9;
        -webkit-animation: loadingbar 2s linear infinite;
        animation: loadingbar 2s linear infinite
    }

.adminData select, .adminData input, .adminData textarea, .adminData .uneditable-input, .adminData .input-append, .adminData .input-prepend {
    margin-bottom: 0 !important
}

.adminContent {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    border-collapse: initial
}

    .adminContent > tbody {
        display: flex;
        flex-flow: column;
        border-collapse: initial
    }

        .adminContent > tbody > tr, .adminContent > tr, .adminContent .adminRow {
            display: flex;
            flex-wrap: wrap;
            margin-top: 0.4rem;
            margin-bottom: 0.4rem;
            margin-left: 0 !important;
            margin-right: 0 !important
        }

    .adminContent div.adminRow {
        margin-top: 0.8rem;
        margin-bottom: 0.8rem
    }

    .adminContent .adminTitle, .adminContent .adminData {
        position: relative;
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * .5);
        padding-left: calc(var(--gutter-x) * .5);
        margin-top: var(--gutter-y);
        padding-right: 0;
        padding-left: 0;
        display: block
    }

    .adminContent .adminTitle {
        margin-bottom: 0
    }

    .adminContent > tbody > tr > td:only-child:not(.adminData):not(.adminTitle), .adminContent > tr > td:only-child:not(.adminData):not(.adminTitle) {
        flex-grow: 1;
        max-width: 100%
    }

@media (min-width: 768px) {
    .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide), .adminContent:not(.adminContent-vertical) > tr:not(.wide), .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) {
        flex-wrap: nowrap
    }

        .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminTitle, .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminTitle, .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminTitle {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
            padding-right: 0 !important
        }

            .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminTitle .ctl-label > label, .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminTitle .ctl-label > .hint, .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminTitle .ctl-label > label, .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminTitle .ctl-label > .hint, .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminTitle .ctl-label > label, .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminTitle .ctl-label > .hint {
                font-size: inherit;
                line-height: 1.5715;
                padding-top: calc(.5rem + 1px);
                padding-bottom: calc(.5rem + 1px);
                margin-bottom: 0
            }

        .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminData, .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminData, .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminData {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
            padding-left: 0 !important
        }

            .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminData:not(.wide), .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminData:not(.wide), .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminData:not(.wide) {
                padding-right: 0 !important
            }
}

@media (min-width: 992px) {
    .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminTitle, .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminTitle, .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminTitle {
        flex-basis: calc(400px - var(--adminContent-padding, 0px));
        max-width: 40%
    }

    .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminData, .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminData, .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminData {
        flex-basis: 600px;
        width: 600px;
        max-width: 60%
    }

        .adminContent:not(.adminContent-vertical) > tbody > tr:not(.wide) > .adminData.wide, .adminContent:not(.adminContent-vertical) > tr:not(.wide) > .adminData.wide, .adminContent:not(.adminContent-vertical) .adminRow:not(.wide) > .adminData.wide {
            flex-grow: 1;
            flex-basis: 0;
            max-width: 100%
        }
}

.adminContent.adminContent-boxed {
    --adminContent-padding: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.adminData .adminRow:first-child {
    margin-top: 0
}

.adminSeparator {
    width: 100%
}

.admin-table {
    border: 1px solid #cfd5db
}

    .admin-table .table-toolbar {
        caption-side: top;
        padding: 0.375rem;
        background-color: #f6f8fa;
        border: 1px solid #cfd5db;
        border-bottom: 0
    }

    .admin-table thead {
        background-color: #f6f8fa
    }

        .admin-table thead th {
            line-height: 1.75rem;
            border-bottom-width: 1px;
            border-top-color: #cfd5db
        }

    .admin-table td, .admin-table th {
        vertical-align: middle
    }

    .admin-table .disabled {
        color: #aab5bf
    }

    .admin-table .progress-info {
        min-width: 260px
    }

    .admin-table select, .admin-table input {
        margin-bottom: 0
    }

    .admin-table tbody .omega {
        text-align: end
    }

    .admin-table tbody tr > .omega .btn {
        visibility: hidden
    }

    .admin-table tbody tr:hover > .omega .btn {
        visibility: visible
    }

.locale-editor {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 1rem;
    border-radius: var(--border-radius-md);
    --tab-caption-display-xs: none;
    --tab-caption-display-sm: var(--tab-caption-display-xs);
    --tab-caption-display-md: var(--tab-caption-display-sm);
    --tab-caption-display-lg: var(--tab-caption-display-md);
    --tab-caption-display-xl: var(--tab-caption-display-lg)
}

    .locale-editor .nav-locales > .nav {
        --nav-link-font-weight: 400;
        --nav-link-color: #666e73;
        gap: 4px 2px;
        padding: 0.4rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        background-color: #f8f9fa;
        border-start-start-radius: var(--border-radius-md);
        border-start-end-radius: var(--border-radius-md);
        flex-wrap: nowrap;
        overflow-x: auto
    }

        .locale-editor .nav-locales > .nav .nav-item {
            position: relative
        }

        .locale-editor .nav-locales > .nav .nav-icon {
            font-size: 1rem
        }

        .locale-editor .nav-locales > .nav .nav-link {
            --nav-link-hover-color: var(--btn-hover-color);
            --nav-tabs-link-hover-border-color: var(--btn-hover-border-color);
            --nav-tabs-link-active-color: var(--btn-active-color);
            --nav-tabs-link-active-bg: var(--btn-active-bg);
            --nav-tabs-link-active-border-color: var(--btn-active-border-color);
            --btn-box-shadow: none;
            margin-bottom: 0;
            padding: 0.4rem 0.75rem;
            height: auto;
            border-radius: var(--nav-tabs-border-radius)
        }

            .locale-editor .nav-locales > .nav .nav-link:active {
                border-color: var(--nav-tabs-link-active-border-color)
            }

        .locale-editor .nav-locales > .nav .nav-item-master {
            padding-right: 6px
        }

            .locale-editor .nav-locales > .nav .nav-item-master > .nav-link:after {
                position: absolute;
                content: "";
                display: block;
                width: 1px;
                height: 100%;
                right: 2px;
                background-color: rgba(0,0,0,0.1)
            }

        .locale-editor .nav-locales > .nav .nav-item-locale {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex-shrink: 1;
            min-width: 38px;
            max-width: 170px
        }

            .locale-editor .nav-locales > .nav .nav-item-locale .tab-caption {
                display: var(--tab-caption-display-xs);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

@media (min-width: 576px) {
    .locale-editor .nav-locales > .nav .nav-item-locale .tab-caption {
        display: var(--tab-caption-display-sm)
    }
}

@media (min-width: 768px) {
    .locale-editor .nav-locales > .nav .nav-item-locale .tab-caption {
        display: var(--tab-caption-display-md)
    }
}

@media (min-width: 992px) {
    .locale-editor .nav-locales > .nav .nav-item-locale .tab-caption {
        display: var(--tab-caption-display-lg)
    }
}

@media (min-width: 1200px) {
    .locale-editor .nav-locales > .nav .nav-item-locale .tab-caption {
        display: var(--tab-caption-display-xl)
    }
}

.locale-editor .nav-locales > .nav .nav-link > img {
    opacity: 0.8
}

.locale-editor .nav-locales > .nav .nav-link:hover, .locale-editor .nav-locales > .nav .nav-link.active {
    color: inherit
}

    .locale-editor .nav-locales > .nav .nav-link:hover > img, .locale-editor .nav-locales > .nav .nav-link.active > img {
        opacity: 1
    }

.locale-editor-content {
    --adminContent-padding: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

    .locale-editor-content[data-rtl="true"] input, .locale-editor-content[data-rtl="true"] textarea, .locale-editor-content[data-rtl="true"] select, .locale-editor-content[data-rtl="true"] .locale-editor-control, .locale-editor-content[data-rtl="true"] .note-editable, .locale-editor-content[data-rtl="true"] .note-editor-preview:not(.empty) {
        direction: rtl;
        text-align: right
    }

.zoomable-thumb-container {
    width: 50px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

    .zoomable-thumb-container > img {
        max-height: 100%;
        max-width: 100%
    }

.zoomable-thumb {
    max-width: 50px;
    max-height: 32px
}

.zoomable-thumb-clone {
    border: 1px solid #bbb;
    background-color: #fff;
    z-index: 100
}

.adminData > .form-check-input {
    position: relative;
    margin-left: 0
}

.admin-config-group {
    display: block;
    width: 100%;
    text-decoration: none;
    color: inherit
}

    .admin-config-group:hover {
        text-decoration: none;
        color: inherit
    }

    .admin-config-group .title, .admin-config-group .small-title, .admin-config-group .head {
        font-weight: 600;
        color: #8d9ba9;
        border-bottom: 1px solid rgba(0,0,0,0.11)
    }

    .admin-config-group .sub-title {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: .875rem;
        font-weight: 100
    }

    .admin-config-group .title, .admin-config-group .head {
        font-size: 1.125rem;
        padding: 12px 0
    }

    .admin-config-group .head {
        margin-bottom: 12px
    }

    .admin-config-group .title {
        display: flex;
        align-items: center;
        margin: 12px 0
    }

    .admin-config-group .small-title {
        margin: 2px 0;
        padding: 2px 0
    }

    .admin-config-group[data-toggle=collapse] {
        position: relative;
        cursor: pointer
    }

        .admin-config-group[data-toggle=collapse]:after {
            font-weight: 900;
            font-family: "Font Awesome 6 Free";
            content: "ï¸";
            display: block;
            position: absolute;
            font-size: 0.85rem;
            line-height: 1;
            color: #393f46;
            inset-inline-end: 0;
            top: 50%;
            margin-top: -7px;
            transition: -webkit-transform 0.25s ease-in-out;
            transition: transform 0.25s ease-in-out;
            transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out
        }

    .admin-config-group.collapsed[data-toggle=collapse]:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

#theme-list .theme-thumbnail {
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

#theme-list .theme-broken-badge {
    position: absolute;
    background-color: #dc3000;
    color: #fff;
    right: 0;
    bottom: 0;
    padding: 0.25rem 0.75rem;
    font-size: 1rem
}

.theme-editor .themevar-chain-info {
    color: #8d9ba9;
    margin-left: 0.75rem;
    white-space: nowrap
}

.datetimepicker-group .input-group-text, .datetimepicker-group .input-group-inline-addon {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: calc(1.5715em + 1rem + 2px)
}

    .datetimepicker-group .input-group-text > i, .datetimepicker-group .input-group-inline-addon > i {
        width: 100%
    }

.datetimepicker-group.input-group-sm .input-group-text, .datetimepicker-group.input-group-sm .input-group-inline-addon {
    width: calc(1.429em + .75rem + 2px)
}

.datetimepicker-group.input-group-lg .input-group-text, .datetimepicker-group.input-group-lg .input-group-inline-addon {
    width: calc(1.375em + 1.25rem + 2px)
}

.sortable-grip {
    left: 0;
    width: 9px;
    z-index: 1000
}

.module-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(390px, -webkit-max-content));
    grid-template-columns: repeat(auto-fill, minmax(390px, max-content));
    gap: 20px;
    margin-bottom: 2rem
}

    .module-list .module-group {
        display: contents
    }

    .module-list .module-group-header {
        grid-column: 1 / -1;
        color: #aab5bf;
        font-size: 1.125rem;
        margin-top: 1.5rem;
        margin-bottom: 0
    }

.module-item > .card-body, .module-item > .card-footer {
    display: flex;
    gap: 1rem
}

.module-item.inactive {
    background-color: #f8f9fa
}

    .module-item.inactive .module-icon {
        opacity: 0.5
    }

.module-item .btn.activate-provider > svg {
    -webkit-margin-end: 0.2rem;
    margin-inline-end: 0.2rem
}

.module-item .btn.activate-provider > span {
    padding: 0 !important
}

.module-icon {
    display: flex;
    width: 64px;
    align-items: start;
    justify-content: center;
    flex: 0 0 auto;
    max-width: none
}

    .module-icon > .icon, .module-icon > i {
        max-width: 48px
    }

.module-signal {
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.module-commands {
    display: flex;
    gap: 2px;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between
}

.module-data {
    display: flex;
    flex-flow: column;
    flex-basis: 0;
    flex-grow: 1;
    gap: 0.75rem;
    overflow: hidden
}

.module-name {
    font-weight: 600;
    font-size: 1rem
}

.module-info {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: 1px 20px
}

    .module-info > .attr-name {
        font-weight: 600
    }

    .module-info > .attr-value {
        display: inline-block;
        color: #aab5bf;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal
    }

.module-description {
    font-size: .8125rem;
    color: #8d9ba9;
    width: 100%
}

a.editable {
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed #245b8d
}

    a.editable.editable-empty {
        font-style: normal;
        font-weight: 400;
        color: #aab5bf;
        border-bottom-color: #aab5bf
    }

.section-header .options .plugin-actions {
    display: inline-block
}

.plugin-config-container .plugin-actions {
    display: none
}

.plugin-configuration {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 1rem
}

    .plugin-configuration > div:first-child {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .plugin-configuration > div:last-child {
        flex: 0 0 auto;
        width: auto;
        max-width: 300px;
        padding-left: 2rem
    }

    .plugin-configuration img {
        max-width: 100%;
        height: auto
    }

.icon-active-true {
    color: #009e74;
    text-shadow: 0 -1px 0 #fff
}

    .icon-active-true::before {
        content: '\f00c'
    }

.icon-active-false {
    color: #ced4da;
    text-shadow: 0 -1px 0 #fff
}

    .icon-active-false::before {
        content: '\f068'
    }

#order-edit .checkout-attributes .attr-caption {
    font-weight: 600;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px
}

    #order-edit .checkout-attributes .attr-caption:after {
        content: ': '
    }

#order-edit .checkout-attributes .attr-value {
    text-align: start
}

.product-attribute-table .column-name {
    min-width: 80px;
    padding: 2px 10px 2px 0;
    vertical-align: top;
    font-weight: 600
}

.product-attribute-table .column-value {
    padding: 2px 0 2px 0;
    vertical-align: top
}

@media (max-width: 1280px) {
    #ImportColumnMappings .right-label, .column-mapping .mapping-button-label, .mapping-list-item .right-label {
        display: none
    }
}

.column-mapping .right-label, .mapping-list-item .right-label {
    font-size: 0.9em;
    padding-top: 2px;
    align-self: flex-end
}

.mapping-list-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap
}

.mapping-edit .mapping-list-item {
    display: contents
}

.column-mapping .column-one, .column-mapping .column-two {
    width: 42%
}

.column-mapping .select2-container .select2-choice span {
    margin-right: 12px;
    white-space: nowrap
}

.column-mapping .mapping-edit {
    white-space: nowrap
}

    .column-mapping .mapping-edit .select-column, .column-mapping .mapping-edit .select-property {
        width: 84%
    }

.column-mapping .mapping-item .item-inner {
    white-space: nowrap;
    cursor: pointer;
    padding: 7px 0;
    display: flex;
    flex-wrap: nowrap
}

.column-mapping .mapping-item .select2-selection__clear {
    -webkit-margin-start: 3px;
    margin-inline-start: 3px
}

.resizer, .is-resizing {
    cursor: col-resize
}

.resizer {
    overflow: hidden;
    position: relative;
    width: 5px;
    margin: 0 -2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

    .resizer:after {
        z-index: 3;
        content: '';
        position: absolute;
        width: 1px;
        left: 2px;
        height: 100%;
        background-color: rgba(0,0,0,0.1)
    }

.menu-item-list .menu-item {
    position: relative;
    overflow: visible
}

.rule-row, .ruleset {
    margin: 1rem
}

.ruleset-root > .ruleset {
    margin: 0;
    margin-top: 1rem
}

.ruleset {
    --r-border-color: var(--warning);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 6px;
    border-left: 3px solid var(--r-border-color);
    background-color: #fff;
    transition: border-color 0.15s, box-shadow 0.15s
}

    .ruleset.hover {
        border-color: var(--r-border-color)
    }

    .ruleset .ruleset {
        --r-border-color: var(--primary);
        background-color: rgba(0,0,0,0.04);
        box-shadow: 0 0 0.75rem 0 rgba(0,0,0,0.05),0 0.3125rem 1rem rgba(0,0,0,0)
    }

        .ruleset .ruleset.hover {
            box-shadow: 0 1rem 2.25rem rgba(50,50,93,0.03),0 0.3125rem 1rem rgba(0,0,0,0.12)
        }

        .ruleset .ruleset .ruleset {
            --r-border-color: var(--success);
            background-color: #fff
        }

            .ruleset .ruleset .ruleset .ruleset {
                --r-border-color: var(--indigo);
                background-color: rgba(0,0,0,0.04)
            }

                .ruleset .ruleset .ruleset .ruleset .ruleset {
                    --r-border-color: var(--info);
                    background-color: #fff
                }

                .ruleset .ruleset .ruleset .ruleset .ruleset {
                    --r-border-color: var(--gray);
                    background-color: rgba(0,0,0,0.04)
                }

.ruleset-header {
    padding: 0.5rem 1rem;
    background-color: rgba(0,0,0,0.03);
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.ruleset-footer {
    margin: 1rem
}

.rule-operator > .dropdown-menu {
    --dropdown-min-width: 100%
}

.search-expression-toggle {
    color: #aab5bf;
    text-decoration: none;
    transition: color 0.12s ease;
    pointer-events: auto
}

    .search-expression-toggle:hover {
        color: #393f46
    }

.color-container {
    display: inline-block;
    background-color: transparent;
    padding-right: 0.5rem;
    line-height: 1
}

    .color-container .color {
        width: .875rem;
        height: .875rem;
        vertical-align: bottom;
        display: inline-block;
        border-radius: var(--border-radius-sm);
        border: 1px solid rgba(0,0,0,0.06)
    }

.cke_chrome.cke_focus {
    border-color: #689de8;
    box-shadow: none
}

#demoshop-info {
    position: fixed;
    left: auto;
    top: 50%;
    bottom: auto;
    right: -3px;
    font-size: inherit;
    background-color: #fff;
    color: var(--gray-700);
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    z-index: 999;
    -webkit-transform: rotate(90deg) translateX(100%);
    transform: rotate(90deg) translateX(100%);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.chart-colors {
    --chart-color-danger: #ffbca9;
    --chart-color-warning: #ffcd6f;
    --chart-color-success: #9effe5;
    --chart-color-primary: #b4d1ec;
    --chart-color-danger-light: #fff8f6;
    --chart-color-warning-light: #ffe7bb;
    --chart-color-success-light: #ebfffa;
    --chart-color-primary-light: #f1f7fc;
    --chart-color-danger-dark: #ff582a;
    --chart-color-warning-dark: #ffb222;
    --chart-color-success-dark: #00d199;
    --chart-color-primary-dark: #63a0d8
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr) repeat(2, 130px);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-auto-rows: auto
}

.table-dashboard {
    padding-bottom: 0.75rem
}

    .table-dashboard > table {
        margin-bottom: 0;
        table-layout: fixed
    }

        .table-dashboard > table tr > th, .table-dashboard > table tr > td {
            border-top: 0;
            padding-left: 1rem;
            padding-right: 1rem
        }

            .table-dashboard > table tr > th:first-child, .table-dashboard > table tr > td:first-child {
                -webkit-padding-start: 1.5rem !important;
                padding-inline-start: 1.5rem !important
            }

            .table-dashboard > table tr > th:last-child, .table-dashboard > table tr > td:last-child {
                -webkit-padding-end: 1.5rem !important;
                padding-inline-end: 1.5rem !important
            }

        .table-dashboard > table tr > th {
            border-color: rgba(0,0,0,0.05);
            border-bottom-width: 3px
        }

    .table-dashboard > .table-3 tr > th, .table-dashboard > .table-3 tr > td {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }

        .table-dashboard > .table-3 tr > th:first-child, .table-dashboard > .table-3 tr > td:first-child {
            width: 50%
        }

        .table-dashboard > .table-3 tr > th:last-child, .table-dashboard > .table-3 tr > td:last-child {
            width: 30%
        }

    .table-dashboard > .table-4 tr > th, .table-dashboard > .table-4 tr > td {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }

        .table-dashboard > .table-4 tr > th:nth-child(2), .table-dashboard > .table-4 tr > td:nth-child(2) {
            width: 15%
        }

        .table-dashboard > .table-4 tr > th:nth-child(4), .table-dashboard > .table-4 tr > td:nth-child(4) {
            width: 15%
        }

.report {
    background-color: white;
    border-radius: var(--border-radius-md);
    box-shadow: 0 calc(2px * var(--shadow-yoffset, 1)) 16px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 calc(2px * var(--shadow-yoffset, 1)) 3px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.15));
    height: 100%;
    overflow: hidden
}

    .report.sticky-report {
        position: -webkit-sticky;
        position: sticky;
        top: 0.625rem;
        height: auto
    }

    .report .report-title-row {
        padding: 1.5rem 1.5rem 0.5rem 1.5rem;
        align-items: center;
        display: flex;
        flex-wrap: nowrap
    }

        .report .report-title-row .report-title {
            font-size: 1.25rem;
            font-weight: 600
        }

    .report .incomplete-orders-title {
        text-align: center;
        font-weight: 600;
        font-size: 1.125rem;
        color: #aab5bf
    }

    .report .incomplete-orders-container {
        width: 100%;
        height: 100%;
        padding-top: 1rem
    }

    .report .incomplete-orders-chart-container {
        width: 100%;
        height: 250px;
        position: relative
    }

    .report .incomplete-orders-chart-text {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .report .incomplete-orders-quantity {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
        font-weight: 700;
        color: #aab5bf;
        font-size: 1.5rem;
        padding-bottom: .1em
    }

    .report .incomplete-orders-amount {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
        font-size: 1.25rem;
        padding-top: .1rem;
        color: #596167
    }

    .report .table {
        white-space: nowrap
    }

        .report .table .display-row {
            padding: .75rem 1rem
        }

        .report .table td.display-row {
            padding: 1rem
        }

    .report .statistics-value {
        font-size: .9rem;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 2px
    }

    .report .statistics-attribute {
        font-size: .8rem;
        border-top: 1px solid var(--gray-300);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .report .statistics-container {
        width: 100%
    }

    .report .statistics-content {
        display: flex;
        width: 100%;
        align-items: center
    }

    .report .statistics-col {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0
    }

    .report .statistics-container-outer {
        display: flex;
        width: 80%;
        justify-content: center;
        -webkit-padding-start: 1rem;
        padding-inline-start: 1rem
    }

    .report .statistics-container-inner {
        width: 100%;
        text-align: center
    }

    .report .statistics-icon {
        font-size: 1.5rem;
        color: #ccc
    }

    .report .indicator {
        width: 10px;
        min-width: 10px;
        height: 10px;
        min-height: 10px;
        border-radius: 50%
    }

    .report .btn-dashboard {
        font-size: .75rem;
        padding: .33rem .66rem
    }

    .report .canvas-container {
        position: relative
    }

    .report #orders-chart-legend > ul {
        cursor: pointer;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .report #orders-chart-legend li {
        display: inline-block;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .report #orders-chart-legend li.hidden {
            color: #aab5bf;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .report #orders-chart-legend li.inactive {
            cursor: initial;
            text-decoration: line-through
        }

        .report #orders-chart-legend li:not(:last-child) {
            -webkit-padding-end: 1rem;
            padding-inline-end: 1rem
        }

    .report #orders-chart-legend .total-amount {
        text-decoration: none !important;
        display: inline-block;
        -webkit-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .report #orders-chart-legend .legend {
        border-radius: 50%;
        display: inline-block;
        height: 11px;
        width: 11px;
        -webkit-margin-end: .3rem;
        margin-inline-end: .3rem
    }

    .report #orders-chart-legend .hidden > .legend {
        background-color: #ced4da !important
    }

    .report .chevron {
        color: var(--success)
    }

        .report .chevron:after {
            font-weight: 900;
            font-family: "Font Awesome 6 Free";
            content: "ï·";
            position: absolute
        }

        .report .chevron.negative:after {
            color: var(--danger);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .report .chart-tooltip {
        opacity: 1;
        position: absolute;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background: rgba(0,0,0,0.8);
        color: #f8f9fa;
        border-radius: var(--border-radius-sm);
        transition: all 0.2s ease-in-out;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 10;
        padding: 0.4rem 0.7rem 0.5rem 0.7rem
    }

        .report .chart-tooltip:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            background-color: transparent
        }

        .report .chart-tooltip.bottom:after, .report .chart-tooltip.top:not(.right):not(.left):after {
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            transition: left 0.1s ease-in-out;
            inset-inline-start: 50%
        }

        .report .chart-tooltip.bottom {
            -webkit-transform: translate(-50%, calc(-100% - 15px));
            transform: translate(-50%, calc(-100% - 15px))
        }

            .report .chart-tooltip.bottom:after {
                border-top: 9px solid rgba(0,0,0,0.8);
                top: 100%
            }

            .report .chart-tooltip.bottom.left {
                -webkit-transform: translate(-10%, calc(-100% - 15px));
                transform: translate(-10%, calc(-100% - 15px))
            }

                .report .chart-tooltip.bottom.left:after {
                    inset-inline-start: 10%
                }

            .report .chart-tooltip.bottom.right {
                -webkit-transform: translate(-90%, calc(-100% - 15px));
                transform: translate(-90%, calc(-100% - 15px))
            }

                .report .chart-tooltip.bottom.right:after {
                    inset-inline-start: 90%
                }

        .report .chart-tooltip.top:not(.right):not(.left) {
            -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px)
        }

            .report .chart-tooltip.top:not(.right):not(.left):after {
                border-bottom: 9px solid rgba(0,0,0,0.8);
                top: -9px
            }

        .report .chart-tooltip.left:not(.bottom):after, .report .chart-tooltip.right:not(.bottom):after {
            border-top: 9px solid transparent;
            border-bottom: 9px solid transparent;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: top 0.1s ease-in-out;
            top: 50%
        }

        .report .chart-tooltip.left:not(.bottom) {
            -webkit-transform: translate(15px, -50%);
            transform: translate(15px, -50%)
        }

            .report .chart-tooltip.left:not(.bottom):after {
                -webkit-border-end: 9px solid rgba(0,0,0,0.8);
                border-inline-end: 9px solid rgba(0,0,0,0.8);
                inset-inline-start: -9px
            }

        .report .chart-tooltip.right:not(.bottom) {
            -webkit-transform: translate(calc(-100% - 15px), -50%);
            transform: translate(calc(-100% - 15px), -50%)
        }

            .report .chart-tooltip.right:not(.bottom):after {
                -webkit-border-start: 9px solid rgba(0,0,0,0.8);
                border-inline-start: 9px solid rgba(0,0,0,0.8);
                inset-inline-start: 100%
            }

        .report .chart-tooltip .chart-tooltip-indicator {
            display: inline-block;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            margin-bottom: -1px;
            -webkit-margin-end: 0.33rem;
            margin-inline-end: 0.33rem
        }

        .report .chart-tooltip .chart-tooltip-title {
            font-size: .8125rem;
            line-height: initial;
            font-weight: 700;
            padding-bottom: 0.2rem
        }

        .report .chart-tooltip .chart-tooltip-body {
            font-size: .75rem;
            line-height: initial
        }

            .report .chart-tooltip .chart-tooltip-body:not(:last-child) {
                padding-bottom: 0.1rem
            }

.report-incomplete-orders {
    grid-column: 1 / 13;
    grid-row: 1 / 2
}

.news-feed {
    grid-column: 1 / 13;
    grid-row: 8 / 9
}

.report-orders {
    grid-column: 1 / 13;
    grid-row: 2 / 3
}

.report-bestsellers {
    grid-column: 1 / 13;
    grid-row: 3 / 4
}

.report-top-customers {
    grid-column: 1 / 13;
    grid-row: 4 / 5
}

.report-customer-registrations {
    grid-column: 1 / 13;
    grid-row: 5 / 6
}

.report-latest-orders {
    grid-column: 1 / 13;
    grid-row: 6 / 7
}

.report-store-statistics {
    grid-column: 1 / 13;
    grid-row: 7 / 8
}

@media (min-width: 576px) {
    .incomplete-orders-container {
        width: 50% !important
    }
}

@media (min-width: 768px) {
    .report-incomplete-orders .incomplete-orders-container {
        width: 25% !important
    }

    .news-feed {
        grid-row: 7 / 8
    }

    .report-orders {
        grid-row: 2 / 3
    }

    .report-bestsellers {
        grid-column: 1 / 7;
        grid-row: 3 / 4
    }

    .report-top-customers {
        grid-column: 7 / 13;
        grid-row: 3 / 4
    }

    .report-customer-registrations {
        grid-row: 4 / 5
    }

    .report-latest-orders {
        grid-row: 5 / 6
    }

    .report-store-statistics {
        grid-row: 6 / 7
    }
}

@media (min-width: 992px) {
    .report-incomplete-orders {
        grid-column: 1 / 11
    }

    .news-feed {
        grid-column: 11 / -1;
        grid-row: 1 / 7
    }

    .report-orders {
        grid-column: 1 / 11
    }

    .report-bestsellers {
        grid-column: 1 / 5
    }

    .report-top-customers {
        grid-column: 5 / 11;
        grid-row: 3 / 4
    }

    .report-customer-registrations {
        grid-column: 1 / 11
    }

    .report-latest-orders {
        grid-column: 1 / 11
    }

    .report-store-statistics {
        grid-column: 1 / 11
    }
}

@media screen and (min-width: 1600px) {
    .report-incomplete-orders {
        grid-column: 1 / 11
    }

        .report-incomplete-orders .incomplete-orders-chart-container {
            height: 300px
        }

    .news-feed {
        grid-column: 11 / 13;
        grid-row: 1 / 5
    }

    .report-orders {
        grid-column: 1 / 8
    }

    .report-bestsellers {
        grid-column: 8 / 11;
        grid-row: 2 / 3
    }

    .report-top-customers {
        grid-column: 1 / 4
    }

    .report-customer-registrations {
        grid-column: 4 / 11;
        grid-row: 3 / 4
    }

    .report-latest-orders {
        grid-column: 1 / 7;
        grid-row: 4 / 5
    }

    .report-store-statistics {
        grid-column: 7 / 11;
        grid-row: 4 / 5
    }
}

.table-prevent-overflow tr > th, .table-prevent-overflow tr > td {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.news-feed .report-title-row {
    padding: 1.5rem 1rem 0 1rem !important
}

.newsfeed-body {
    padding-top: 1rem
}

    .newsfeed-body .admin-config-group > .title {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .newsfeed-body .admin-config-group:after {
        inset-inline-end: 1rem
    }

.newsfeed-item-title {
    margin-bottom: .5rem;
    font-weight: 600
}

    .newsfeed-item-title > a {
        display: block;
        line-height: 1.3
    }

.cnt-newsfeed-item {
    height: 100%;
    display: flex;
    overflow: hidden;
    flex-flow: column;
    border: none;
    border: none
}

    .cnt-newsfeed-item .newsfeed-item {
        border-bottom: 1px solid var(--gray-300)
    }

@media (min-width: 576px) {
    .cnt-newsfeed-item {
        border: 1px solid var(--gray-300);
        border-radius: 0.375rem
    }

        .cnt-newsfeed-item .newsfeed-item {
            border: none
        }
}

@media (min-width: 992px) {
    .cnt-newsfeed-item {
        border: none;
        border-radius: 0
    }

        .cnt-newsfeed-item .newsfeed-item {
            border-bottom: 1px solid var(--gray-300)
        }
}

.newsfeed-item {
    padding: 0 1rem 1.25rem 1rem
}

    .newsfeed-item.pinned {
        background-color: #f1f7fc !important
    }

    .newsfeed-item .more-info {
        font-weight: 600
    }

.newsfeed-thumbnail {
    min-height: 140px;
    max-height: 140px;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    margin-bottom: 0
}

    .newsfeed-thumbnail .file-img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: auto
    }

.btn-newsfeed {
    padding: 1.25rem 1.5rem
}

input.form-control-plaintext {
    outline: 0;
    -moz-appearance: textfield
}

.datagrid-root {
    --dg-border-color: #dee2e6;
    --dg-header-bg: #f8f9fa;
    --dg-footer-bg: #fff;
    --dg-pager-bg: #f8f9fa;
    --dg-toolbar-bg: #f8f9fa;
    --dg-row-bg: #fff;
    --dg-row-even-bg: #fff;
    --dg-row-hover-color: #f0f6fa;
    --dg-row-active-color: #f0f6fa;
    --dg-row-inactive-color: #fcfdfd;
    --dg-cell-padding: 13px 16px;
    --dg-cell-align: center;
    --dg-cell-justify: flex-start;
    --dg-search-width: 270px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--dg-border-color);
    flex-grow: 1;
    width: 100%;
    border-radius: var(--border-radius-md)
}

@media (min-width: 768px) {
    .datagrid-root {
        --dg-search-width: 350px
    }
}

[dir=rtl] .datagrid-root {
    --dg-cell-pinned-alpha-inset: 1px;
    --dg-cell-pinned-alpha-gradient-dir: 90deg;
    --dg-cell-pinned-omega-inset: -1px;
    --dg-cell-pinned-omega-gradient-dir: 270deg
}

.datagrid {
    display: flex;
    flex-flow: row;
    height: 100%;
    opacity: 0;
    -webkit-transform: scale(1.0124, 1.0124);
    transform: scale(1.0124, 1.0124);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
}

    .datagrid.datagrid-ready {
        opacity: 1 !important;
        -webkit-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important
    }

.datagrid-loader, .dg-blocker {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

.datagrid-loader {
    background-color: #fff
}

.datagrid-ready + .datagrid-loader {
    display: none
}

.dg-grid {
    position: relative;
    display: flex;
    flex-flow: column;
    inset-inline-start: 0;
    width: 100%;
    transition-property: inset-inline-start, width;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    z-index: 1
}

.dg-search.show + .dg-grid {
    inset-inline-start: var(--dg-search-width);
    width: calc(100% - var(--dg-search-width))
}

.dg-blocker {
    background-color: transparent
}

.dg-no-data > td {
    grid-column: 1 / -1
}

.dg-table-wrapper {
    position: relative;
    flex-grow: 1;
    overflow: auto;
    background-color: #fff
}

.dg-table {
    position: relative;
    width: auto;
    min-width: 100%;
    background-color: #fff;
    display: grid;
    gap: 0
}

    .dg-table .dg-thead, .dg-table .dg-tbody, .dg-table .dg-tfoot, .dg-table .dg-tr {
        display: contents
    }

    .dg-table .dg-th, .dg-table .dg-td {
        padding: 0;
        position: relative
    }

    .dg-table .dg-td {
        background-color: var(--dg-row-bg)
    }

    .dg-table .dg-th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background-color: var(--dg-header-bg);
        border-bottom: 1px solid var(--dg-border-color);
        z-index: 2;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow-x: hidden
    }

    .dg-table .dg-tbody > tr.even > td {
        background-color: var(--dg-row-even-bg)
    }

    .dg-table .dg-tr.active, .dg-table .dg-tr.dg-edit-row {
        --dg-row-bg: var(--dg-row-active-color) !important;
        --dg-row-even-bg: var(--dg-row-active-color) !important
    }

    .dg-table .dg-tr.inactive {
        --dg-row-bg: var(--dg-row-inactive-color) !important;
        --dg-row-even-bg: var(--dg-row-inactive-color) !important
    }

    .dg-table.dg-resizing {
        cursor: col-resize
    }

    .dg-table .dg-tr-foot > td {
        background-color: var(--dg-footer-bg);
        background-color: #f5f6f8;
        z-index: 6;
        overflow-x: hidden
    }

    .dg-table .dg-tr-foot.sticky > td {
        position: -webkit-sticky !important;
        position: sticky !important;
        bottom: 0;
        border-top: 1px solid var(--dg-border-color)
    }

.dg-striped {
    --dg-row-even-bg: #fbfbfc
}

.dg-hover > .dg-tbody > .dg-tr:hover:not(.dg-no-data,.dg-tr-detail) {
    --dg-row-bg: var(--dg-row-hover-color);
    --dg-row-even-bg: var(--dg-row-hover-color)
}

.dg-cell {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: var(--dg-cell-padding);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    display: flex;
    height: 100%;
    align-items: var(--dg-cell-align);
    justify-content: var(--dg-cell-justify)
}

    .dg-cell.dg-cell-wrap {
        white-space: normal
    }

        .dg-cell.dg-cell-wrap p:last-child {
            margin-bottom: 0
        }

.dg-cell-spacer {
    padding-inline: 0
}

.dg-icon + * {
    -webkit-padding-start: 6px;
    padding-inline-start: 6px
}

.dg-cell-value {
    overflow: hidden;
    text-overflow: ellipsis
}

.dg-vborders > thead > tr > .dg-th, .dg-vborders > tbody > tr > .dg-td {
    border-bottom: 1px solid var(--dg-border-color)
}

.dg-hborders > thead > tr > .dg-th, .dg-hborders > tbody > tr > .dg-td, .dg-hborders > tfoot > tr > .dg-td {
    -webkit-border-end: 1px solid var(--dg-border-color);
    border-inline-end: 1px solid var(--dg-border-color)
}

    .dg-hborders > thead > tr > .dg-th: last-child, .dg-hborders > tbody > tr > .dg-td:last-child, .dg-hborders > tfoot > tr > .dg-td:last-child {
        border-inline-end-width: 0
    }

.dg-hborder-0 {
    border-inline-end-width: 0 !important
}

.dg-toolbar {
    background-color: var(--dg-toolbar-bg);
    border-bottom: 1px solid var(--dg-border-color);
    padding: 0.375rem;
    border-start-start-radius: var(--border-radius-md);
    border-end-start-radius: var(--border-radius-md)
}

    .dg-toolbar .btn {
        position: relative;
        --btn-padding-x: 0.6rem
    }

@media (max-width: 767.98px) {
    .touchevents .dg-toolbar {
        overflow-x: auto;
        min-height: 54px
    }

    .dg-toolbar .btn > i + span {
        display: none
    }
}

.dg-toolbar-group {
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    align-items: center;
    vertical-align: middle;
    -webkit-padding-end: 0.5rem;
    padding-inline-end: 0.5rem;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
    -webkit-border-end: 1px solid var(--dg-border-color);
    border-inline-end: 1px solid var(--dg-border-color)
}

    .dg-toolbar-group.omega, .dg-toolbar-group: last-child {
        border-inline-end-width: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .dg-toolbar-group.omega {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }

.dg-toolbar-badge {
    position: absolute !important;
    --badge-font-size: 10px
}

.dg-commands-toggle {
    display: flex
}

.dg-commands-dropdown .disabled, .dg-toolbar .btn.disabled {
    pointer-events: none
}

.dg-search {
    position: absolute;
    opacity: 0;
    inset-inline-start: 0;
    top: 0;
    height: 100%;
    width: var(--dg-search-width);
    -webkit-border-end: 1px solid var(--dg-border-color);
    border-inline-end: 1px solid var(--dg-border-color);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    transition: all 0.2s ease-in-out;
    z-index: 0;
    overflow-y: auto
}

    .dg-search.show {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

.dg-search-header {
    display: flex;
    align-items: center;
    height: 49px;
    border-bottom: 1px solid var(--dg-border-color)
}

.dg-table:not(.dg-resizing) .dg-sortable {
    cursor: pointer
}

    .dg-table:not(.dg-resizing) .dg-sortable:hover {
        background-color: rgba(0,0,0,0.035)
    }

    .dg-table:not(.dg-resizing) .dg-sortable:active, .dg-table:not(.dg-resizing) .dg-sortable.show {
        background-color: rgba(0,0,0,0.075)
    }

.dg-resize-handle {
    position: absolute;
    display: block;
    top: 0;
    inset-inline-end: -4px;
    bottom: 0;
    width: 10px;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    cursor: col-resize;
    transition: all 0.2s ease-in-out
}

    .dg-resize-handle:after {
        position: absolute;
        content: ' ';
        width: 3px;
        top: 0;
        bottom: 0;
        inset-inline-start: 3px;
        background-color: var(--dg-border-color)
    }

thead:hover .dg-resize-handle {
    opacity: 0.65;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.dg-resize-handle:hover, .dg-resizing .dg-resize-handle {
    opacity: 1 !important
}

.dg-drop-indicator {
    position: absolute;
    display: block;
    width: 10px;
    z-index: 9999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

    .dg-drop-indicator:before, .dg-drop-indicator:after {
        position: absolute;
        display: block;
        content: '';
        width: 0;
        height: 0;
        inset-inline-start: 0;
        border-inline: 5px solid transparent
    }

    .dg-drop-indicator:before {
        border-top: 5px solid #393f46;
        top: 0;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    .dg-drop-indicator:after {
        border-bottom: 5px solid #393f46;
        bottom: 0;
        -webkit-transform: translateY(200%);
        transform: translateY(200%)
    }

@media (min-width: 576px) {
    .dg-col-pinned {
        position: -webkit-sticky !important;
        position: sticky !important;
        overflow-x: visible !important;
        z-index: 5
    }

        .dg-col-pinned.dg-th {
            z-index: 10
        }

        .dg-col-pinned.alpha {
            inset-inline-start: 0
        }

            .dg-col-pinned.alpha + .alpha {
                inset-inline-start: 48px
            }

        .dg-col-pinned.omega {
            inset-inline-end: 0
        }

    .dg-scrollable .dg-col-pinned.alpha {
        box-shadow: inset var(--dg-cell-pinned-alpha-inset) 0 0 var(--dg-border-color);
        -webkit-border-end: 1px solid var(--dg-border-color);
        border-inline-end: 1px solid var(--dg-border-color)
    }

    .dg-scrollable .dg-col-pinned.omega {
        box-shadow: inset var(--dg-cell-pinned-omega-inset) 0 0 var(--dg-border-color);
        -webkit-border-start: 1px solid var(--dg-border-color);
        border-inline-start: 1px solid var(--dg-border-color)
    }

    .dg-scrollable .dg-col-pinned: before {
        position: absolute;
        display: block;
        content: "";
        pointer-events: none;
        width: 10px;
        inset-inline-end: -10px;
        top: 0;
        bottom: 0;
        background: linear-gradient(var(--dg-cell-pinned-alpha-gradient-dir), transparent, rgba(0,0,0,0.05))
    }

    .dg-scrollable .dg-col-pinned.omega:before {
        inset-inline-end: initial;
        inset-inline-start: -10px;
        background: linear-gradient(var(--dg-cell-pinned-omega-gradient-dir), transparent, rgba(0,0,0,0.05))
    }
}

.dg-col-selector {
    display: flex;
    justify-content: center
}

    .dg-col-selector .dg-cell + .dg-cell {
        -webkit-padding-start: 8px;
        padding-inline-start: 8px
    }

.dg-cell-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0
}

.dg-cell-selector-checkbox {
    cursor: pointer
}

.dg-cell-detail-toggle {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.12s ease-in-out
}

    .dg-cell-detail-toggle:hover, .dg-tr.expanded .dg-cell-detail-toggle {
        opacity: 1
    }

        .dg-tr.expanded .dg-cell-detail-toggle > i {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

.dg-edit-row .dg-cell {
    border-color: #307abe
}

.dg-edit-row .field-validation-valid {
    display: none
}

.dg-edit-row .input-validation-error {
    position: absolute;
    top: 0;
    background-color: #fff;
    color: var(--danger);
    border: 1px solid #fccac7;
    padding: 4px 8px;
    border-radius: 2px;
    width: auto;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    z-index: 1000;
    white-space: nowrap;
    text-overflow: ellipsis;
    --shadow-intensity: 0.75 !important
}

.dg-cell-edit {
    padding: 0 4px;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: visible;
    flex-flow: column
}

.dg-cell-edit-controls {
    display: flex;
    justify-content: center
}

    .dg-cell-edit-controls > .select2 {
        width: 100%
    }

    .dg-cell-edit-controls .select2-selection {
        --select2-caret-width: 1.5rem !important
    }

    .dg-cell-edit-controls .numberinput-group {
        --ni-addon-width: 1.5rem !important
    }

.dg-pager {
    padding: 4px;
    background-color: var(--dg-pager-bg);
    border-end-end-radius: var(--border-radius-md);
    border-end-start-radius: var(--border-radius-md)
}

.dg-pager-top {
    border-bottom: 1px solid #dee2e6
}

.dg-pager-bottom {
    border-top: 1px solid #dee2e6
}

.dg-page {
    margin: 0 1px;
    color: inherit
}

a.dg-page {
    --btn-padding-x: 8px;
    --btn-padding-y: 5px;
    font-weight: normal;
    min-width: 28px
}

    a.dg-page.disabled {
        pointer-events: none;
        opacity: 0.4
    }

.dg-page-refresh-wrapper {
    -webkit-border-end: 1px solid #dee2e6;
    border-inline-end: 1px solid #dee2e6;
    text-align: center;
    -webkit-margin-end: 6px;
    margin-inline-end: 6px
}

.dg-page-refresh {
    margin-inline: 2px 6px
}

.dg-page-number.active {
    pointer-events: none
}

.dg-page-size-chooser + .dropdown-menu {
    min-width: initial
}

.dg-page-number, .dg-page-size-chooser, span.dg-page {
    font-size: 13px
}

.dg-tools-dropdown {
    min-width: 250px;
    width: auto;
    max-height: 90vh;
    overflow-y: auto;
    font-size: 13px
}

    .dg-tools-dropdown .form-switch {
        padding-block: 5px
    }

    .dg-tools-dropdown select {
        height: 28px;
        padding-block: 0
    }

.dg-row-edit-commands {
    width: 100%;
    height: 100%
}

    .dg-row-edit-commands > .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        --btn-height: 50%;
        padding: 0 !important
    }

        .dg-row-edit-commands > .btn > i {
            font-size: 10px !important
        }

.dg-tools-columns {
    display: grid;
    grid-template-columns: minmax(100px, auto) minmax(100px, auto);
    grid-gap: 0 15px
}

.dg-column-toggle {
    max-width: 150px
}

.toggle-slide-type-html, .toggle-slide-type-product, .cs-hidden-templates, .cs-template-title, .cs-template-preview {
    display: none
}

#slide-product-name {
    font-weight: 600;
    vertical-align: baseline
}

.widget-zone-info {
    display: block;
    background: #fff;
    color: inherit;
    border: 1px dashed #ced4da;
    margin-bottom: 3px;
    text-align: start
}

#header .widget-zone-info, .options .widget-zone-info {
    display: inline-block
}

.file-manager .fu-file-preview:first-child .main-pic-badge {
    display: none
}

.file-manager .fu-preview-control-set.set-main-picture {
    display: none
}

.file-manager .fu-file-preview .fu-file-info-container {
    opacity: .7
}

.file-manager .fu-file-preview:hover:not(.sortable-ghost) .fu-file-info-container {
    opacity: 1
}

.file-manager .fu-file-preview .hide {
    display: none !important
}

.mm .page-main {
    --header-height: 58px
}

.mm #content {
    padding: 0
}

.m-window {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%
}

#m-body {
    overflow-y: hidden
}

.m-pane {
    position: relative;
    overflow-y: hidden;
    max-width: 100%
}

.m-pane-content {
    position: relative;
    display: flex;
    flex-flow: column;
    height: 100%
}

.m-pane-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #ced4da;
    flex-grow: 0;
    display: flex;
    flex-wrap: nowrap;
    padding: 0.5rem
}

.m-pane.alpha .m-pane-header {
    border-start-start-radius: calc(var(--border-radius-lg) - 1px)
}

.m-pane.omega .m-pane-header {
    border-start-end-radius: calc(var(--border-radius-lg) - 1px)
}

.m-pane-body {
    position: relative;
    overflow-y: auto;
    padding: 1rem;
    flex-grow: 1
}

#m-folders {
    flex: 0 0 auto;
    width: 250px;
    min-width: 150px;
    max-width: 400px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

#m-files {
    flex-basis: 0;
    flex-grow: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

#m-view {
    flex: 0 0 auto;
    width: 250px;
    min-width: 250px;
    max-width: 800px
}

.m-toolbar > .m-tool-group {
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    vertical-align: middle;
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: 1px solid rgba(0,0,0,0.12)
}

.m-toolbar .btn {
    padding-left: 0.6rem;
    padding-right: 0.6rem
}

    .m-toolbar .btn + .btn {
        margin-left: 3px
    }

.m-toolbar .fa {
    font-size: 1rem
}

.m-pane .dropdown-item.selected {
    font-weight: 600
}

    .m-pane .dropdown-item.selected:after {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        line-height: 1;
        font-size: 80%;
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        content: "ï€Œ";
        color: var(--success);
        position: absolute;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.m-node-group, .m-node, .m-node-entry {
    position: relative
}

    .m-node-group:focus {
        outline-width: 0
    }

.m-node-entry {
    display: inline-flex;
    flex-flow: row;
    width: 100%;
    align-items: center;
    padding: 7px 20px 7px 0
}

    .m-node-entry:hover {
        cursor: pointer;
        background-color: rgba(0,0,0,0.04)
    }

    .m-node-entry.indeterm {
        background-color: rgba(48,122,190,0.12)
    }

    .m-node-entry:active:not(.indeterm):not(.dragging) {
        background-color: rgba(0,0,0,0.1)
    }

.m-node-group .m-node-group {
    display: none
}

    .m-node-group .m-node-group .m-node-entry {
        padding-left: calc(var(--depth, 1) * 14px)
    }

.m-node-placeholder, .m-node-expander {
    width: 25px;
    min-width: 25px;
    padding: 5px;
    padding-right: 0;
    margin: -5px 0
}

.m-node-expander {
    cursor: default;
    text-align: center
}

    .m-node-expander > i {
        font-size: 10px;
        color: #737e88
    }

    .m-node-expander:hover > i {
        color: var(--dark)
    }

.m-node-icon {
    color: var(--success)
}

.m-node-label {
    margin-right: 8px
}

.m-node-count {
    margin-left: auto;
    color: #8d9ba9
}

.m-node.expanded > .m-node-entry > .m-node-expander > i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.m-node.expanded > .m-node-group {
    display: block
}

.m-node.selected > .m-node-entry {
    background-color: rgba(0,0,0,0.07)
}

.m-files-container:focus {
    outline-width: 0
}

.m-file {
    border: 1px solid transparent
}

    .m-file:hover, .m-file.selected {
        border-color: rgba(0,0,0,0.08)
    }

    .m-file:hover {
        background-color: rgba(0,0,0,0.04)
    }

    .m-file.selected {
        background-color: #ddeaf6 !important
    }

    .m-file:active:not(.selected) {
        background-color: #e9f2fa
    }

.m-files-view-list .m-file {
    padding: 0.5rem 0;
    border-width: 0
}

.m-files-view-list .m-file, .m-files-view-list .m-file-info {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    overflow-x: hidden
}

.m-files-view-list .file-figure {
    padding: 0;
    margin: 0;
    flex-grow: 0;
    width: 30px;
    text-align: center
}

.m-files-view-list .file-icon {
    font-size: 16px;
    opacity: 1;
    transition: none
}

.m-files-view-list .m-file-info {
    flex-grow: 1;
    align-items: center;
    width: calc(100% - 30px)
}

.m-files-view-list .m-file-attr {
    padding: 0 0.5rem;
    position: relative;
    overflow: hidden;
    color: rgba(0,0,0,0.45)
}

.m-files-view-list .m-file-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    color: inherit
}

.m-files-view-list .m-file-size {
    text-align: end;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    flex: 0 0 100px;
    max-width: 100px
}

.m-files-view-list .m-file-dimensions {
    flex: 0 0 120px;
    max-width: 120px
}

.m-files-view-list .m-file-date {
    flex: 0 0 150px;
    max-width: 150px
}

.m-files-view-grid, .m-files-view-tiles {
    --m-thumb-size-factor: 1.4;
    --m-thumb-size: calc(var(--m-thumb-size-factor) * var(--m-thumb-size-unit));
    --m-file-py: 0.5rem;
    --m-file-px: 0.75rem;
    padding: 0.5rem;
    display: grid;
    grid-gap: 0;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-auto-rows: minmax(var(--m-row-height), -webkit-max-content);
    grid-auto-rows: minmax(var(--m-row-height), max-content)
}

    .m-files-view-grid .m-file, .m-files-view-tiles .m-file {
        padding: var(--m-file-py) var(--m-file-px);
        display: inline-flex;
        align-items: center;
        margin: 2px 2px 0.5rem 2px;
        border-radius: var(--border-radius-md)
    }

    .m-files-view-grid .file-icon, .m-files-view-tiles .file-icon {
        position: absolute;
        align-self: center;
        font-size: calc(var(--m-thumb-size) * 0.725)
    }

    .m-files-view-grid .file-thumb > img, .m-files-view-tiles .file-thumb > img {
        box-shadow: 2px 2px 4px rgba(50,50,93,0.15),0 0.2125rem 1rem rgba(0,0,0,0.1)
    }

    .m-files-view-grid .m-file-attr, .m-files-view-tiles .m-file-attr {
        font-size: 0.75rem
    }

    .m-files-view-grid .m-file-name, .m-files-view-tiles .m-file-name {
        white-space: normal;
        word-break: break-all;
        line-height: 1.3
    }

.m-files-view-grid {
    --m-thumb-size-unit: 100px;
    --m-col-width: calc(var(--m-thumb-size) + (var(--m-file-px) * 2));
    --m-row-height: calc(var(--m-thumb-size) + 0.75rem + (var(--m-file-py) * 2));
    grid-template-columns: repeat(auto-fill, var(--m-col-width))
}

    .m-files-view-grid .m-file {
        flex-direction: column
    }

    .m-files-view-grid .file-figure {
        width: 100%;
        height: var(--m-thumb-size);
        align-items: flex-end;
        margin-bottom: 0.75rem
    }

    .m-files-view-grid .file-thumb {
        display: inline-flex;
        align-self: flex-end;
        max-width: 100%;
        max-height: 100%
    }

        .m-files-view-grid .file-thumb > img {
            max-width: 100%;
            max-height: 100%;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover
        }

    .m-files-view-grid .m-file-attr {
        text-align: center
    }

.m-files-view-tiles {
    --m-thumb-size-unit: 60px;
    --m-info-width: calc(var(--m-thumb-size) * calc(3.75 - var(--m-thumb-size-factor)));
    --m-col-width: calc(var(--m-thumb-size) + (var(--m-file-px) * 2) + var(--m-info-width));
    --m-row-height: calc(var(--m-thumb-size) + (var(--m-file-py) * 2));
    grid-template-columns: repeat(auto-fill, minmax(var(--m-col-width), -webkit-max-content));
    grid-template-columns: repeat(auto-fill, minmax(var(--m-col-width), max-content))
}

    .m-files-view-tiles .m-file {
        flex-direction: row;
        flex-wrap: nowrap;
        flex-grow: 1
    }

    .m-files-view-tiles .file-figure {
        width: var(--m-thumb-size);
        height: var(--m-thumb-size);
        min-width: var(--m-thumb-size);
        max-width: var(--m-thumb-size);
        align-items: center;
        margin: 0
    }

    .m-files-view-tiles .file-thumb {
        width: 100%;
        height: initial;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

        .m-files-view-tiles .file-thumb > img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: var(--m-thumb-size);
            -o-object-fit: cover;
            object-fit: cover
        }

    .m-files-view-tiles .m-file-info {
        min-width: 100px;
        max-width: 240px;
        padding-left: 0.75rem;
        overflow: hidden
    }

    .m-files-view-tiles .m-file-attr {
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .m-files-view-tiles .m-file-name {
        font-weight: 600
    }

    .m-files-view-tiles .m-file-date {
        color: rgba(0,0,0,0.5)
    }

.m-viewer {
    background-color: #f8f9fa
}

    .m-viewer .m-preview {
        outline: none !important
    }

    .m-viewer img.m-preview {
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .m-viewer audio.m-preview {
        width: 100%;
        display: block
    }

.m-nav-link {
    padding: 0.5rem 0.75rem !important
}

.m-contextmenu {
    position: absolute;
    margin: 0;
    display: block !important;
    -webkit-transform: translateX(-3000px);
    transform: translateX(-3000px);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .m-contextmenu.show {
        -webkit-transform: none;
        transform: none
    }

    .m-contextmenu .dropdown-item.disabled {
        pointer-events: none
    }

.m-status {
    -webkit-transform: translateX(-16px);
    transform: translateX(-16px)
}

.m-filter {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.m-filter-selectors .btn-sm, .m-filter-selectors .btn-group-sm > .btn, .m-filter-selectors .input-group-sm > .input-group-prepend > .btn, .m-filter-selectors .input-group-sm > .input-group-append > .btn, .m-filter-selectors .fu-container:not(.xl) .fu-buttons .btn, .fu-container:not(.xl) .fu-buttons .m-filter-selectors .btn, .m-filter-selectors .form-control-sm {
    font-size: inherit
}

.m-filter-selector {
    position: relative
}

    .m-filter-selector > .dropdown-menu {
        --dropdown-font-size: .8125rem
    }

.m-filter-items {
    max-height: 300px;
    overflow-y: auto
}

.m-filter-selector-btn:after {
    padding-left: 0.125rem;
    margin: 0;
    border: none;
    vertical-align: 0;
    width: initial;
    height: initial;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    font-size: 80%;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "ï¸"
}

.m-filter-term {
    border-color: rgba(0,0,0,0.1);
    border-radius: 10rem;
    transition: border-color 0.15s ease-out
}

.m-filter-term-eraser {
    display: block;
    position: absolute;
    line-height: 1;
    font-size: 1.75rem;
    top: 0;
    right: 15px;
    text-decoration: none !important;
    opacity: 0.6
}

    .m-filter-term-eraser:hover {
        opacity: 1
    }

.m-uploader {
    position: absolute;
    z-index: 999;
    background-color: rgba(48,122,190,0.1);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    border: 2px dashed var(--primary)
}

    .m-uploader.show {
        visibility: visible
    }

    .m-uploader > .fu-container > .dropzone-container {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: transparent !important;
        border-width: 0 !important;
        border-radius: 0 !important
    }

    .m-uploader .m-uploader-info {
        position: absolute;
        width: auto;
        left: 50%;
        bottom: 20px;
        -webkit-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px);
        opacity: 0;
        background-color: var(--indigo) !important;
        font-size: inherit;
        font-weight: 400;
        border-radius: var(--border-radius-md);
        will-change: transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        transition-duration: 0.15s
    }

    .m-uploader.show .m-uploader-info {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .m-uploader .m-uploader-info-icon {
        text-shadow: 1px 1px 1rem rgba(0,0,0,0.2)
    }

.fu-status-window {
    position: fixed;
    visibility: visible;
    bottom: 0;
    right: 20px;
    z-index: 1030;
    width: 400px;
    height: 250px;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.85);
    transform: translate3d(0, 100%, 0) scale(0.85);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-duration: 0.4s;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .fu-status-window.show, .fu-status-window.collapsed {
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        transition-duration: 0.175s;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        bottom: 20px
    }

    .fu-status-window.collapsed {
        -webkit-transform: translate3d(0, 200px, 0) scale(1);
        transform: translate3d(0, 200px, 0) scale(1);
        bottom: 0
    }

    .fu-status-window .header {
        background-color: #18509f;
        font-size: 1rem;
        color: #fff;
        padding: 10px 0
    }

    .fu-status-window .flyout-commands {
        background: #f8f9fa;
        border: 1px solid #ced4da;
        border-top: none;
        border-bottom: none;
        max-height: 0;
        transition: max-height .2s;
        overflow: hidden
    }

        .fu-status-window .flyout-commands > div {
            padding-top: 7px;
            padding-bottom: 7px
        }

        .fu-status-window .flyout-commands.show {
            min-height: 34px;
            max-height: 34px
        }

    .fu-status-window .preview-container {
        align-items: start;
        align-content: start;
        flex-grow: 1;
        border: 1px solid #ced4da;
        border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
        background: #fff
    }

        .fu-status-window .preview-container .dz-preview {
            display: flex;
            margin: 0;
            padding: 5px;
            width: 100%;
            align-items: center
        }

            .fu-status-window .preview-container .dz-preview .file-figure {
                display: flex;
                margin: 0;
                align-items: center;
                justify-content: center;
                width: auto;
                height: auto
            }

            .fu-status-window .preview-container .dz-preview.dz-processing:not(.dz-complete):not(.canceled) {
                background: #f8f9fa
            }

            .fu-status-window .preview-container .dz-preview.canceled {
                color: #aab5bf
            }

                .fu-status-window .preview-container .dz-preview.canceled:hover .fu-item-canceled {
                    color: #009e74
                }

                    .fu-status-window .preview-container .dz-preview.canceled:hover .fu-item-canceled .fa-pause-circle:before {
                        content: "\f144"
                    }

            .fu-status-window .preview-container .dz-preview .file-icon:not(.show) {
                display: none
            }

            .fu-status-window .preview-container .dz-preview .dz-details {
                min-height: 36px
            }

        .fu-status-window .preview-container .dz-image-preview {
            border: none !important;
            cursor: initial;
            width: 100%;
            height: auto;
            background: #fff
        }

.bg-divider {
    opacity: 1 !important;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    --mask-opacity: 0.5;
    --mask-color: var(--body-bg, #fff)
}

.divider {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    top: auto;
    bottom: 0;
    height: var(--mask-height, 10vw);
    min-height: var(--mask-min-height, initial);
    max-height: var(--mask-max-height, none)
}

.divider-o1 {
    fill-opacity: var(--mask-opacity)
}

.divider-o2 {
    fill-opacity: calc(var(--mask-opacity) * 0.6)
}

.divider-o3 {
    fill-opacity: calc(var(--mask-opacity) * 0.3)
}

.divider-o4 {
    fill-opacity: calc(var(--mask-opacity) * 0.15)
}

.divider-g {
    fill: var(--mask-color)
}

#device-resizer-container {
    background-color: #fff;
    padding-top: 5px;
    --g-breakpoint-xs: var(--breakpoint-xs);
    --g-breakpoint-sm: var(--breakpoint-sm);
    --g-breakpoint-md: var(--breakpoint-md);
    --g-breakpoint-lg: var(--breakpoint-lg);
    --g-breakpoint-xl: var(--breakpoint-xl);
    --g-breakpoint-xxl: var(--breakpoint-xxl)
}

.device-markers {
    position: relative;
    height: 38px;
    overflow-x: hidden
}

.device-marker {
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    margin-bottom: 12px;
    padding-bottom: 5px
}

    .device-marker:after {
        position: absolute;
        content: ' ';
        line-height: 0;
        font-size: 0;
        width: 1px;
        height: 10px;
        left: 50%;
        bottom: -10px;
        background-color: #aab5bf
    }

    .device-marker.device-marker-xs {
        left: var(--g-breakpoint-xs);
        -webkit-transform: none;
        transform: none;
        padding-left: var(--content-padding-x)
    }

        .device-marker.device-marker-xs > .fa {
            text-align: left;
            width: 1em
        }

        .device-marker.device-marker-xs:after {
            display: none
        }

    .device-marker.device-marker-sm {
        left: var(--g-breakpoint-sm)
    }

    .device-marker.device-marker-md {
        left: var(--g-breakpoint-md)
    }

    .device-marker.device-marker-lg {
        left: var(--g-breakpoint-lg)
    }

    .device-marker.device-marker-xl {
        left: var(--g-breakpoint-xl)
    }

    .device-marker.device-marker-xxl {
        left: var(--g-breakpoint-xxl)
    }

.device-slider-container {
    position: relative;
    height: 24px;
    cursor: pointer
}

    .device-slider-container .form-control-range {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: absolute;
        width: 100%;
        z-index: 9;
        height: 100%;
        background: transparent
    }

.wkit .device-slider-container .form-control-range {
    z-index: auto
}

.device-slider-container .form-control-range:focus {
    outline: none
}

.device-slider-container .form-control-range::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    color: transparent;
    border-color: transparent;
    border-width: 0;
    background-color: transparent;
    height: 24px
}

.device-slider-container .form-control-range::-moz-range-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    color: transparent;
    border-color: transparent;
    border-width: 0;
    background-color: transparent;
    height: 24px
}

.device-slider-container .form-control-range::-ms-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    color: transparent;
    border-color: transparent;
    border-width: 0;
    background-color: transparent;
    height: 24px
}

.device-slider-container .form-control-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,0.12);
    background-color: #dee2e6;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    height: 24px;
    width: 12px;
    z-index: 100
}

.device-slider-container .form-control-range::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,0.12);
    background-color: #dee2e6;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    height: 24px;
    width: 12px;
    z-index: 100
}

.device-slider-container .form-control-range::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,0.12);
    background-color: #dee2e6;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    height: 24px;
    width: 12px;
    z-index: 100
}

.device-slider-container .form-control-range::-ms-fill-lower {
    background-color: transparent
}

.device-slider-container .form-control-range::-ms-fill-upper {
    background-color: transparent
}

.device-tracks {
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    top: 50%;
    margin-top: -2px;
    z-index: 1
}

    .device-tracks .device-track {
        position: absolute;
        height: 100%;
        opacity: 0.4
    }

        .device-tracks .device-track.active {
            opacity: 1
        }

    .device-tracks .device-track-xs {
        left: 0;
        width: calc(var(--g-breakpoint-sm) - 1px);
        background-color: var(--green)
    }

    .device-tracks .device-track-sm {
        left: var(--g-breakpoint-sm);
        width: calc(var(--g-breakpoint-md) - var(--g-breakpoint-sm) - 1px);
        background-color: var(--teal)
    }

    .device-tracks .device-track-md {
        left: var(--g-breakpoint-md);
        width: calc(var(--g-breakpoint-lg) - var(--g-breakpoint-md) - 1px);
        background-color: var(--primary)
    }

    .device-tracks .device-track-lg {
        left: var(--g-breakpoint-lg);
        width: calc(var(--g-breakpoint-xl) - var(--g-breakpoint-lg) - 1px);
        background-color: var(--info)
    }

    .device-tracks .device-track-xl {
        left: var(--g-breakpoint-xl);
        width: calc(var(--g-breakpoint-xxl) - var(--g-breakpoint-xl) - 1px);
        background-color: var(--cyan)
    }

    .device-tracks .device-track-xxl {
        left: var(--g-breakpoint-xxl);
        right: 0;
        background-color: var(--orange)
    }

.story-editor #content {
    margin-left: 0;
    margin-right: 0;
    border-top-left-radius: 0;
    padding-bottom: 0;
    padding-right: 0;
    grid-column: 1 / 1
}

.story-editor.fullscreen #content {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    border-top-right-radius: 0
}

.story-editor .story-container {
    overflow-y: hidden;
    margin-left: calc(var(--content-padding-x) * -1);
    background-color: #f8f9fa
}

.story-editor .se-tabs {
    position: relative;
    grid-column: 2 / -1;
    grid-row: 2 / 3;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end
}

.story-editor .se-sidebar {
    display: block;
    position: relative;
    grid-column: 2 / -1;
    grid-row: 3 / 4;
    overflow-y: auto
}

    .story-editor .se-sidebar .admin-config-group > .title {
        padding-left: 1rem;
        padding-right: 1rem;
        color: inherit
    }

    .story-editor .se-sidebar .admin-config-group:after {
        right: 1rem
    }

.story-editor .se-container {
    padding: 15px 15px
}

.story-editor .btn-add-block {
    cursor: move !important;
    cursor: grab !important
}

    .story-editor .btn-add-block:active {
        cursor: grabbing !important
    }

[dir=rtl] .story-editor .se-sidebar .admin-config-group:after {
    left: 1rem;
    right: unset
}

.se-tabs .nav-tabs {
    margin-bottom: -3px
}

.se-tabs .nav-item {
    display: block;
    flex-wrap: nowrap;
    white-space: nowrap
}

.se-tabs .nav-link {
    border-radius: 0;
    justify-content: center
}

.se-sidebar .ctl-label {
    display: block;
    padding-right: 0
}

.se-sidebar .form-group {
    margin-bottom: 0.3rem
}

.se-devicestate.stepping {
    cursor: ns-resize
}

.se-devicestate select.form-control > option {
    color: #393f46
}

    .se-devicestate select.form-control > option:first-child {
        font-style: italic;
        color: #aab5bf
    }

#targets-container .input-group-sm .select2-container .select2-selection {
    --border-radius: 0
}

.dvc-spacing {
    position: relative;
    height: 100%;
    border-radius: var(--border-radius-md);
    font-size: 11px;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.1)
}

    .dvc-spacing .dvc-spacing-padding {
        position: absolute;
        width: 60%;
        height: 60%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255,255,255,0.75);
        box-shadow: 0 0 3px 0 rgba(0,0,0,0.13),0 0 16px 4px rgba(0,0,0,0.03);
        border-radius: var(--border-radius-md)
    }

    .dvc-spacing .dvc {
        position: absolute;
        display: inline-block;
        padding: 0 3px;
        line-height: 1;
        font-size: inherit;
        width: 30px;
        height: 20px;
        text-align: center;
        font-weight: 600;
        background-color: #eff1f3
    }

        .dvc-spacing .dvc::-webkit-input-placeholder {
            color: #aab5bf
        }

        .dvc-spacing .dvc:-ms-input-placeholder {
            color: #aab5bf
        }

        .dvc-spacing .dvc::placeholder {
            color: #aab5bf
        }

        .dvc-spacing .dvc::-ms-input-placeholder {
            color: #aab5bf
        }

    .dvc-spacing .dvc-spacing-l, .dvc-spacing .dvc-spacing-r {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: ns-resize
    }

    .dvc-spacing .dvc-spacing-l {
        left: 0;
        border-left-width: 0
    }

    .dvc-spacing .dvc-spacing-r {
        right: 0;
        border-right-width: 0
    }

    .dvc-spacing .dvc-spacing-t, .dvc-spacing .dvc-spacing-b {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        cursor: ns-resize
    }

    .dvc-spacing .dvc-spacing-t {
        top: 0;
        border-top-width: 0
    }

    .dvc-spacing .dvc-spacing-b {
        bottom: 0;
        border-bottom-width: 0
    }

    .dvc-spacing .dvc-spacing-label {
        display: inline-block;
        position: absolute;
        height: 20px;
        line-height: 20px;
        vertical-align: middle
    }

    .dvc-spacing .dvc-spacing-margin > .dvc-spacing-label {
        left: 0;
        top: 0
    }

    .dvc-spacing .dvc-spacing-padding > .dvc-spacing-label {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.story-frame-wrap {
    --sfwidth: 100%;
    position: relative;
    overflow: hidden;
    height: 100%
}

.story-frame {
    display: block;
    position: relative;
    z-index: 1;
    border: 0;
    width: var(--sfwidth);
    min-width: 350px;
    height: 100%
}

.block-manager-wrap {
    position: absolute;
    top: 0;
    left: var(--sfwidth);
    min-width: 260px;
    max-width: 300px;
    overflow-y: auto;
    display: none;
    background-color: #fcfcfd
}

    .block-manager-wrap.show {
        display: block
    }

#bm-drop-indicator {
    display: none;
    position: absolute;
    height: 4px;
    background-color: #aab5bf;
    z-index: 999;
    pointer-events: none
}

.block-manager {
    width: 100%;
    overflow-x: hidden;
    min-height: 100%
}

.bm-block {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-flow: row nowrap;
    width: 100%
}

    .bm-block > .bm-block-inner {
        display: flex;
        align-items: center;
        border: 1px solid transparent
    }

    .bm-block.active > .bm-block-inner {
        border-color: #307abe;
        background-color: #e9ecef
    }

    .bm-block:hover:not(.dragging):not(.active) > .bm-block-inner {
        background-color: #e9ecef
    }

    .bm-block .bm-display {
        cursor: pointer;
        text-align: center;
        padding: 0 6px
    }

    .bm-block .bm-icon {
        min-width: 1.5rem;
        text-align: center
    }

    .bm-block .bm-title {
        flex-grow: 1;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 3px
    }

    .bm-block .bm-commands > .btn:after {
        display: none
    }

    .bm-block .bm-commands:not(.show) {
        opacity: 0;
        transition: opacity 0.05s linear
    }

    .bm-block:hover .bm-commands {
        opacity: 1
    }

    .bm-block.dragging {
        cursor: move;
        opacity: 0.3;
        background-color: transparent
    }

.icon-preview {
    position: absolute;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    margin-right: -2rem;
    top: 20px
}

.btn-valign-top .switch {
    vertical-align: top
}

.btn-min-width {
    min-width: 200px
}

.overlay-editor-item .admin-config-group .switch {
    vertical-align: 2px
}

.overlay-editor-item .admin-config-group .title {
    color: inherit
}

#storyblock-edit .fu-preview-control-set {
    display: none
}

.g-gallery-preview-container {
    height: auto;
    max-height: 305px;
    overflow: hidden;
    transition: max-height .4s
}

.g-gallery-preview-toggle-icon {
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

    .g-gallery-preview-toggle-icon:before {
        content: "\f078"
    }

.show + .g-gallery-preview-toggle .g-gallery-preview-toggle-icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

#story-templates .template-group {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 1.5rem
}

#story-templates .template-name {
    line-height: normal
}

#story-templates .template-thumbnail {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

#story-templates .broken-badge {
    position: absolute;
    background-color: #dc3000;
    color: #fff;
    right: 0;
    bottom: 0;
    padding: 0.25rem 0.75rem;
    font-size: 1rem
}

@media (min-width: 576px) {
    #story-templates .template-group {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 992px) {
    #story-templates .template-group {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1200px) {
    #story-templates .template-group {
        grid-template-columns: repeat(4, 1fr)
    }
}

#story-templates .tooltip-inner {
    max-width: 350px
}

#thumb-frame {
    display: none;
    position: absolute;
    top: 0;
    width: 720px;
    left: -5000px
}

    #thumb-frame.thumb-frame-xl {
        width: 1248px
    }

.divider-preview {
    position: relative;
    height: 32px;
    opacity: 0.45;
    background-color: var(--gray);
    border: 1px solid var(--gray);
    --mask-color: #fff;
    --mask-height: 100%;
    --mask-opacity: 0.5
}

    .divider-preview:hover, .divider-preview.selected {
        opacity: 1
    }

.divider-preview-img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.select-divider-type + .select2 .select2-selection {
    padding: 0
}

.select-divider-type + .select2 .select2-selection__rendered, .select-divider-type + .select2 .divider-preview {
    height: 100%;
    border: 0
}

.linear-gradient-preview {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -webkit-transform: rotate(var(--angle, 0));
    transform: rotate(var(--angle, 0));
    border: 2px solid #fff;
    background-color: #dee2e6;
    overflow: hidden
}

    .linear-gradient-preview:before, .linear-gradient-preview:after {
        position: absolute;
        display: block;
        content: '';
        border-radius: 50%
    }

    .linear-gradient-preview:before {
        z-index: 1;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-image: linear-gradient(0deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.35) 100%)
    }

    .linear-gradient-preview:after {
        z-index: 2;
        left: 50%;
        margin-left: -2px;
        top: 3px;
        width: 4px;
        height: 4px;
        background-color: #fff
    }

.story-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    left: 0;
    top: 0
}

.img-story-preview {
    max-height: 60px;
    opacity: 0;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px;
    transition: opacity 0.2s
}

    .img-story-preview.loaded {
        opacity: 1
    }

[dir=rtl] .block-manager-wrap {
    left: auto;
    right: var(--sfwidth)
}

[dir=rtl] .story-editor #content {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0
}

[dir=rtl] .device-marker.device-marker-xs {
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: var(--content-padding-x)
}

[dir=rtl] .device-marker.device-marker-sm {
    left: calc(100% - var(--g-breakpoint-sm))
}

[dir=rtl] .device-marker.device-marker-md {
    left: calc(100% - var(--g-breakpoint-md))
}

[dir=rtl] .device-marker.device-marker-lg {
    left: calc(100% - var(--g-breakpoint-lg))
}

[dir=rtl] .device-marker.device-marker-xl {
    left: calc(100% - var(--g-breakpoint-xl))
}

[dir=rtl] .device-marker.device-marker-xxl {
    left: calc(100% - var(--g-breakpoint-xxl))
}

[dir=rtl] .device-tracks .device-track-xs {
    left: auto;
    right: 0
}

[dir=rtl] .device-tracks .device-track-sm {
    left: auto;
    right: var(--g-breakpoint-sm)
}

[dir=rtl] .device-tracks .device-track-md {
    left: auto;
    right: var(--g-breakpoint-md)
}

[dir=rtl] .device-tracks .device-track-lg {
    left: auto;
    right: var(--g-breakpoint-lg)
}

[dir=rtl] .device-tracks .device-track-xl {
    left: auto;
    right: var(--g-breakpoint-xl)
}

[dir=rtl] .device-tracks .device-track-xxl {
    right: var(--g-breakpoint-xxl);
    left: 0
}

.ts-info {
    padding: 0 20px 20px 20px
}

    .ts-info .prepared {
        background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAGUQAAC70AAA++AAAT/f/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgASQDaAwERAAIRAQMRAf/EAQwAAQADAQEBAQEBAAAAAAAAAAABAggDCQYHBAUBAQACAgMBAQAAAAAAAAAAAAAHCAMGAQIFCQQQAAECBQMEAwEBAQAAAAAAAAADBQITBAYWARIVQDEyFBAzBxFQIBEAAAQBBggLBAUNAAAAAAAAAAECAwQx0ZIz0wURIVESMhM0pBBA8EFhcbEicqM1kUMUJIFCU2OUUmKCI3ODw0RUFUU2RhIAAQICBgYGBQcNAAAAAAAAAQACMQMR0aLSM5NAIXESBDQQQVFhIjKBkaHBBVCxUmKCE4PwQnKSwkNTYxREhDVFEwEAAQEECwEBAQEBAAAAAAABABEhMWHxEEDwQVGBkaGxwdFx4VAwIP/aAAwDAQACEQMRAAAB9A5hpzjyTayce2IAAAAAAAAAAAbmiW3G3IptdgKY6bY4k6sPHtiAAAAAAAAAAAGhNLmn1GgD6B4CmOm2OJOrDx7YgAAAAAAAAAB+zavKX49s0Y/7X5fV9oKufUrBsv0/xxJ1YePbEAAAAAAAAAPpfw+7+oa/IOr47sX5tzlRYai0CwP1fnbFjiTqw8e2IAAAAAAAAAd+mb0sgq92D5eqD+ee1pI9A4aud8T6uqY4k6sPHtiAAAAAAAAAAjnieOR9t5W1+ylYfqDgKY6bY4k6sPHtiAAAAAAAAAAAGndBn70tgq92JpJrXlXeYM5c45JJJJJLEkkkliSSxJJYksSSdzYscWQ1Doc9/GHzZc6FzodDoXLnQuXLHQsXLlixcsSXJOp/aXORQAsWAAALkgAAAAAAH//aAAgBAQABBQK644tIFFVZk1Umqk1Umqk1Umqk1Umqk1Umqk1Umqk1Umqk1Umqk1Umqk1Umqk1Umqk1Umqn464axJl1+Cn2dR+YV3p3YXX4KfZ01sWO63TTxwRJxtVbq3Oc9EuvwU+zpGdsWenN2/Pntrd7rcaWw7T+M3ULr8FPs6RJVVBS1P0JqdGu6X9a5Xn4wQuvwU+zqLboeTfy6/BT7Oo/J6H2bmLlaa9eGO13vWPFnwxV8MVfTFH0xN+MSfjEn8xF/MQuAw+4DD7hMOuEw24jDLjMLuMwq5DCrkMJuUwi5TB7mMGuYwW5zBboIbBuqI/NLZcLfpyooNFThIDhYDhYDhkzh0zh0ziEziUzikzikzi0zjEzjUjjkjj0jj0j0Ez0Uz0kz00z00z1Ez1Uz1YDRCDQ00/n/WnUf/aAAgBAgABBQJu00/ukMP82wm2E2wm2E2wm2E2wm2E2wm2E2wm2E2wm2E2wm2E2wm2E2wm2E2wm2E2wm2EuZH+ajd307dQ/pTW4bu+nbpq92p2+PTXTXSoSnobIhu76dukqV4aVCneaVembkFHdx+OK0G7vp26SKGGLRxZainqG+jhoab45cbu+nbqK5WRRjd307dRcSuygKNwpEjR9bP5zzWc81nPNZzzWc81nPNZzzYc81nPNZzzWc81nPNZzzWc81nPNhzzYc81nPNZzzWc81nPNhzzWc81nPNY+uCNbH/s/wD/2gAIAQMAAQUCuKKLbGopvmKExQmKExQmKExQmKExQmKExQmKExQmKExQmKExQmKExQmKExQmKExQmKExQ/Ma3WKAuLxj8+osGr9W4y4vGPz6ZgtJxuBGKHWCJuqtaGvmpFxeMfn0jZQKOle5WW7UDlcVdT2hbnxlcZcXjH59ImoolHbt6N7g33A8qPrp8YgXF4x+fUMVJ77wXF4x+fUfnNJPfh5t52q4YrEufWLA7oMDugwO6DA7oMDugwO6DA7oMDugwO6DA7oMDugwO6DA7oMDugwO6DA7oMDugwO6DA7oMDugwO6DA7oMDugwO6CxbfrWRD/Z/9oACAECAgY/AlBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBSp472+8e/THHrYQfd79KbLmAl57OoKkQT5P0mkKHXRo7uIfSWtCfxB8P3cR191G2G1HiuIwgaT+y38uodP+Xv/Z7NH3Xa2lUcK1z5D4UdXcUJA80T3npj/eU/Y0uZN6ww+vq0z7vre8ezXV0eN3sKxLLqliWXVLEsuqWJZdUsSy6pYll1SxLLqliWXVLEsuqWJZdUsSy6pYll1SxLLqliWXVLEsuqWJZdUsSy6pYll1SxLLqliWXVLEsuqWJZdUsSy6pYll1SxLLqlLHDmmW0HtGs7dny1//aAAgBAwIGPwI60dZiolRKiVEqJUSolRKiVEqJUSolRKiVEqJUSolRKiVEqJUSuK4F510tmD0+F3zN6Cjt0mWw+WcxzPZvD2tHQUdujzOI4ZzGSWGil1Pid2Cjs1UnvRY7zA0KTxg/dTWu9RpXmHl3vR27EUduiyvh8khsya6ikwCk/D20TRxBoY8Q+tvdm6PF3iCZ8K+H6uKe3cZ2/wAyYe/X+sR0xP8AqPuPxPpIo7dFE2US2Y00giIIW98UmS5PHSR4t7VvfXbt6wIHuoT+Ofql+Vg+iwQrPeeny/8AH3Px+1FHbpPDcJ+a+c2n9Gml3sp6Cjt0k8QfLIlOPpd4fmLuiiRLp+02tE/04j/El3ly4zJd5cuMyXeXLjMl3ly4zJd5cuMyXeXLjMl3ly4zJd5cuMyXeXLjMl3ly4zJd5cuMyXeXLjMl3ly4zJd5cuMyXeXLjMl3ly4zJd5cuMyXeXLjMl3ly4zJd5cuMyXeXLjMl3ly4zJd5cuMyXeXLjMl3lxDviLNziJj20awfC0fVJ63H1fLX//2gAIAQEBBj8CVgUr2n0Bf6xemr66svWKxymqcVjlNU4rHKapxWOU1TiscpqnFY5TVOKxymqcVjlNU4rHKapxWOU1TiscpqnFY5TVOKxymqcVjlNU4rHKapxWOU1TiscpqnFY5TVOKxymqcVjlNU4rHKapxWOU1TiscpqnFY5TVOL6u1ajM0rho5ojPDhz0qh3z+jVtcCuWQL8au3jMK2Z4EXhDxMErJhNHxLXtehkl9PArlkC/Grt4vFxUI7Dw0PDK1KXInWYIiIzc9TLerSeDVpMs5XNndYW2vEttakKKXvIPNVj58ZC748v5ONhonFzky8hak/pJLAK1FVr9Iqn7XwdIVyyBfjV28Vg7rYcbadjHdUlx3Dq0d01qUrBjPAlJ4ucxd11IzI1N6uE1CRrSFpYJZY3yiC7xtHDtkaz/KQWLnENct1K1cbEsqg4NXvElLH3kvB73C5hL7xZcxcOkv/AET+y8/qP9V4umQK5ZAvxq7eKtvMuLZeaWlxp1tRpcbcQechaFFjJSVEM6+ouFgLyu9HzWvWhpEQlKcHxkKR6RuFpITjSrFIZCJvJzOSzUQTKpWIJtStSg8i14TWv85R8NT/AMF8Fo/5v7Tr6ArlkC/Grt4zdEDgzkvx8OTpfcIcJx/2MoVwK5ZAvxq7eMqizLu3dAvukeR5/NhUF1m26v2cCtUznfvGyyZVEF/KfWV7+Hy/tRsfnw9qNj8+HtRsfnw9qNi8+HtRsXnw9qNi3iGtRsW8Q9qNi3iGtRsO8Q1qNh3iGtRsO8Q1sNg3iGthsG8QtsNg3mFthsG8wtsNg3mFth6fvMLbD0/eYW2Hp+8wlsPT96hLcenb1CW49O3qEtx6cX4qEtxiu0vxcEX8cXm5ekOUPExj7CUJ1rL3y8O2pRLzmVuJLOcfUWCXu9XBIJBINEaIkGiNESEJCGiNESENESEJBokJCGiNEaIkEgkEhCTj/wD/2gAIAQEDAT8hoSrNxdjMw6dZUKFChQoUKFChQoUKFChQoUKFChQoMjCkr07W7c9HaxsXj1m19jrcYOJHHQ7WNi8er0c23p5sEqmWIFFsE0AMgEgCwF5Km9Wy9Rk3iUbxmwRzPRO1jYvHqojvr2EQ3dhbSN8pwBsQr+9smoa0AIQGqDKEbxUurrUJzXFVXFW1dHw/xYO1jYvHqoF5ZK6ACCMcH7dlFUqSVrEFoEJTVrhBVE0jlA07G8XsxnaxsXj1ZBpUGlpUueJpqlZeK1Q6Ypo7WNi8es26dL9ROCr9A2tRAz0GixwlxhJMHJhZsNNgJsHDhY8PDgIcFPhZsNNgJMDBg4MDBhp8JPh5cDBgosFoVZeja8fMMGRT60FHLxJeJSpl5VcpaLTau6HD9IcF0hwnSHC9IcB0hw3SH86H84hwXSHBdCH86HCdJlUwvSbAQ/jTDdIcN0mE6TA9P5MD0hwvSZMR2wdIAs0N3/QXah//2gAIAQIDAT8hQLCUmxdwmA6TAdJgOkwHSYDpMB0mA6TAdJgOkwHSYDpMB0mA6TAdJgOkwHSYDpMB0mA6TAdJgOkwHSYDpMB0hibETl9NC4l3+azRX6WrsnRcS7/NXCFtaUcCrXjbQwhO+FesJT7gkxXs4fsuJd/mqnZUVC93SvoxV0sdyrkvboC1cF4GFnU3unDJlxLv81VGYKiNojeMqABcK/FuWxMRlH1vPFvfwuMDTsPTLiXf5rO5uifop3JouJd/ms04XJytO5oO1Y5nggwVXQYiDEQYiDEQYiDEQYqDEQYiDEQYiDEQYiDEQYqDFQYiDEQYiDEQYqDEQYiDEQVOclpaF1g3Dr+/7X//2gAIAQMDAT8hFSXWYh294zM2ZmzM2ZmzM2ZmzM2ZmzM2ZmzM2ZmzM2ZmzM2ZmzM2ZmzM2ZmzM2ZmzM2ZmxhiOWFOWl3evOs11Ud8+6Mfund686vQaa2KhVpG5aLqL7aWfal+jRl4PyM0cwpPsG1i0bvXnVaOGHgiq8aA0N7ZvlBYoSV3gWtsV9FakQRWtpub+aE7YTT/AGLPxu0bvXnVQckQohURLkZv4ywQFLW/ctVQCqqtNevemn9auPbqacn2Py/Ru9edWoN+mqhXkF4HS3evOs05WFfyPXotDob/AB8mHCirWXLly5cuXLly5cuXLly5cuXLly5cuWWQ4L+EagKgpUeClP8Aa//aAAwDAQACEQMRAAAQ4bbbbbbbbbbbbgASSSSSSSSSSSS4ASSSSSSSSSSSTDASSSSSSSSSSMDVASSSSSSSSSSRCVASSSSSSSSSSRSIASSSSSSSSSSSSwI7f/7b/b7/AH3+0JAJIJAJBAJAIJIAAAAAAAAAAAAAAP/aAAgBAQMBPxC4g/53Aa1hDIkSJEiRIkSJEiRIkSJEiRIkSJEiRHvai9qUKKy2oBpQrO1+NaU7vJ8KADfvw4K6O1+NYU7StEWAb2TSIQm3kg7OyAgFiWxmzXAVCDDoIN821Np7k7X41ZTMkNYQWFHLuFEMdxsrqJwu6KhGzvguYK/e00FEDVaqhtVM2qyptVVXSCy9r8aspoCKYl1hxmxIjVBspYgmp2cq1t40ughyrFMLQaP1kDdr8aup1YgqgP6BY46emM3iUbwWWW6O1+NaU7SotoAhpYMeD0FqY0PTK6IHqF4iNGoqMHumh7oKvc0oukvcANBCXSA10MLdI14CrDD3Sg1pAiSYl0+NdAC3Swt0qPdNC2kYJODWEGaWXDuhopQm08V2Q9OgAcgVG+p3cC+hFHWwub1dxRnDfJV5c4Oygc9e0BS5/HukG+tU7Qe5u3K+4D4qc4P3A6CQfG47DBnNqfzB+8jpSB42A9kB3bFYFS64ZYVi/wDzTrZAOJgQPd4Af5WBfF4pSCv6KzlSB/HAbjwogPd9fZIO7ng9BA7pFUDfxmQ0C7bhovuXk/8AG9y9/wDC65+XUP/aAAgBAgMBPxCqSX7jGYBW5w/JkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfJkL5MhfIQwTQpSoDnV5aPO9ztXjWaIqm+NDs3MDR53udq8avXaa2qpRXF4oLUSoUqq9TBusFSzdYyiPT8NMeSicEnwTbwTzvc7V41WqhLo3gArYVUqtgVW6V87tiViRQLAsKgUCmgasd7dVcIE4SwGfl2j+CZeF8873O1eNVRzkYAUA2IjRm8jLFWtUuFbRgFbAh9DR7mftQK+63rpz3Y/bsJ53udq8asKXaaaNQvEdiaPO9ztXjWa8rQnGs3I3PQDGm2qxqVQHJ1mLFixYsWrFixYsWLFq1YsWLFqxYsWkR4LIBoQ0YIJcGtB/s/wD/2gAIAQMDAT8QodbNyOGMzxcxm1XubVe5tV7m1XubVe5tV7m1XubVe5tV7m1XubVe5tV7m1XubVe5tV7m1XubVe5tV7m1XubVe5tV7m1XubVe5tV7gMRFVW8S25cwsoaOy+TZfFrNvRL3VoLjiFw10dl8my+LV/w9Oa8gS5EYIMFYCkagoBLEEbd8Whupe4qBCN4pvnyRtuSdl8my+LVTqdWS4KtqYbaRoxRfuvzaKoMNakYLujaMTShb6hWgoGYqtVV4trzW9x0baOjB2XybL4tVV/8A+IFwQBEbyUc3brZN4VHWxULVrvapEqg9Csoxoo0fpsNy/MnZfJsvi1ZuAaabG3YvsXSdy0dl8my+LWbVbgQQf6ofrQkqFleFkXkYOEqms8uXLkyZMuXLly5cuTLly5cuTLly5TiyWrPJM6VSVtL/ALP/2Q==");
        height: 75px;
        background-repeat: no-repeat;
        background-position: top left;
        color: white;
        font: bold 12px sans-serif;
        text-align: end;
        width: 240px;
        -webkit-margin-start: 11px;
        margin-inline-start: 11px;
        padding-top: 5px;
        text-transform: uppercase
    }

        .ts-info .prepared span {
            margin-right: 70px;
            display: block
        }

    .ts-info .intro {
        width: 900px;
        margin-bottom: 10px
    }
