@charset "UTF-8";
/*!
 * Color Admin v5.1.4 (https://seantheme.com/color-admin/)
 * Copyright 2022 SeanTheme
 */
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-default: rgba(255, 255, 255, 0.25);
    --bs-primary: #1c75ee;
    --bs-secondary: rgba(255, 255, 255, 0.25);
    --bs-success: #04c142;
    --bs-info: #00cbff;
    --bs-warning: #ff7b01;
    --bs-danger: #ff3502;
    --bs-light: rgba(255, 255, 255, 0.1);
    --bs-dark: #000000;
    --bs-inverse: #000000;
    --bs-blue: #1c75ee;
    --bs-purple: #bf65fd;
    --bs-pink: #ff0081;
    --bs-red: #ff3502;
    --bs-orange: #ff7b01;
    --bs-yellow: #ffd900;
    --bs-green: #04c142;
    --bs-teal: #01caca;
    --bs-lime: #c2e900;
    --bs-white: #FFFFFF;
    --bs-gray: #666666;
    --bs-gray-dark: #1a1a1a;
    --bs-muted: #828282;
    --bs-black: #000000;
    --bs-silver: #eeeeee;
    --bs-gray-100: #f2f2f2;
    --bs-gray-200: #e6e6e6;
    --bs-gray-300: #cccccc;
    --bs-gray-400: #a6a6a6;
    --bs-gray-500: #828282;
    --bs-gray-600: #666666;
    --bs-gray-700: #404040;
    --bs-gray-800: #1a1a1a;
    --bs-gray-900: #000000;
    --bs-default-rgb: 255, 255, 255;
    --bs-primary-rgb: 28, 117, 238;
    --bs-secondary-rgb: 255, 255, 255;
    --bs-success-rgb: 4, 193, 66;
    --bs-info-rgb: 0, 203, 255;
    --bs-warning-rgb: 255, 123, 1;
    --bs-danger-rgb: 255, 53, 2;
    --bs-light-rgb: 255, 255, 255;
    --bs-dark-rgb: 0, 0, 0;
    --bs-inverse-rgb: 0, 0, 0;
    --bs-blue-rgb: 28, 117, 238;
    --bs-purple-rgb: 191, 101, 253;
    --bs-pink-rgb: 255, 0, 129;
    --bs-red-rgb: 255, 53, 2;
    --bs-orange-rgb: 255, 123, 1;
    --bs-yellow-rgb: 255, 217, 0;
    --bs-green-rgb: 4, 193, 66;
    --bs-teal-rgb: 1, 202, 202;
    --bs-lime-rgb: 194, 233, 0;
    --bs-white-rgb: 255, 255, 255;
    --bs-gray-rgb: 102, 102, 102;
    --bs-gray-dark-rgb: 26, 26, 26;
    --bs-muted-rgb: 130, 130, 130;
    --bs-black-rgb: 0, 0, 0;
    --bs-silver-rgb: 238, 238, 238;
    --bs-gray-100-rgb: 242, 242, 242;
    --bs-gray-200-rgb: 230, 230, 230;
    --bs-gray-300-rgb: 204, 204, 204;
    --bs-gray-400-rgb: 166, 166, 166;
    --bs-gray-500-rgb: 130, 130, 130;
    --bs-gray-600-rgb: 102, 102, 102;
    --bs-gray-700-rgb: 64, 64, 64;
    --bs-gray-800-rgb: 26, 26, 26;
    --bs-gray-900-rgb: 0, 0, 0;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-body-bg-rgb: 51, 51, 51;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    --bs-body-font-size: 0.75rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: rgba(255, 255, 255, 0.65);
    --bs-body-bg:#333333
}

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

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

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

hr {
    margin: .9375rem 0;
    color: #fff;
    background-color: currentColor;
    border: 0;
    opacity:.25
}

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .46875rem;
    font-weight: 500;
    line-height:1.2
}

.h1, h1 {
    font-size:calc(1.3125rem + .75vw)
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size:1.875rem
    }
}

.h2, h2 {
    font-size:calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size:1.5rem
    }
}

.h3, h3 {
    font-size:calc(1.25625rem + .075vw)
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size:1.3125rem
    }
}

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

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

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

p {
    margin-top: 0;
    margin-bottom:.9375rem
}

abbr[data-bs-original-title], 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 {
    padding-left:2rem
}

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

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

dt {
    font-weight:500
}

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

blockquote {
    margin:0 0 1rem
}

b, strong {
    font-weight:700
}

.small, small {
    font-size:.875em
}

.mark, mark {
    padding: .2em;
    background-color:#fcf8e3
}

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

sub {
    bottom:-.25em
}

sup {
    top:-.5em
}

a {
    color: #1c75ee;
    text-decoration:underline
}

a:hover {
    color:#165ebe
}

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

code, kbd, pre, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi:bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size:90%
}

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

code {
    font-size: 90%;
    color: #b3005a;
    word-wrap:break-word
}

a > code {
    color:inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #000;
    border-radius:3px
}

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

figure {
    margin:0 0 1rem
}

img, svg {
    vertical-align:middle
}

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

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #828282;
    text-align:left
}

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

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

label {
    display:inline-block
}

button {
    border-radius:0
}

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

button, input, optgroup, select, 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]::-webkit-calendar-picker-indicator {
    display:none
}

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

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

::-moz-focus-inner {
    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: calc(1.275rem + .3vw);
    line-height:inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend + * {
    clear:left
}

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

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

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

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

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

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

::file-selector-button {
    font:inherit
}

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

output {
    display:inline-block
}

iframe {
    border:0
}

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

progress {
    vertical-align:baseline
}

[hidden] {
    display:none !important
}

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

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height:1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height:1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height:1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height:1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height:1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height:1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style:none
}

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

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

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

.initialism {
    font-size: .875em;
    text-transform:uppercase
}

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

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

.blockquote-footer {
    margin-top: -.9375rem;
    margin-bottom: .9375rem;
    font-size: .875em;
    color:#666
}

.blockquote-footer::before {
    content: "— "
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 100%;
    height:auto
}

.figure {
    display:inline-block
}

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

.figure-caption {
    font-size: .875em;
    color:#666
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 10px);
    padding-left: var(--bs-gutter-x, 10px);
    margin-right: auto;
    margin-left:auto
}

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

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

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

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

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

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-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 {
    margin-left:8.33333333%
}

.offset-2 {
    margin-left:16.66666667%
}

.offset-3 {
    margin-left:25%
}

.offset-4 {
    margin-left:33.33333333%
}

.offset-5 {
    margin-left:41.66666667%
}

.offset-6 {
    margin-left:50%
}

.offset-7 {
    margin-left:58.33333333%
}

.offset-8 {
    margin-left:66.66666667%
}

.offset-9 {
    margin-left:75%
}

.offset-10 {
    margin-left:83.33333333%
}

.offset-11 {
    margin-left:91.66666667%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left:0
    }

    .offset-sm-1 {
        margin-left:8.33333333%
    }

    .offset-sm-2 {
        margin-left:16.66666667%
    }

    .offset-sm-3 {
        margin-left:25%
    }

    .offset-sm-4 {
        margin-left:33.33333333%
    }

    .offset-sm-5 {
        margin-left:41.66666667%
    }

    .offset-sm-6 {
        margin-left:50%
    }

    .offset-sm-7 {
        margin-left:58.33333333%
    }

    .offset-sm-8 {
        margin-left:66.66666667%
    }

    .offset-sm-9 {
        margin-left:75%
    }

    .offset-sm-10 {
        margin-left:83.33333333%
    }

    .offset-sm-11 {
        margin-left:91.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left:0
    }

    .offset-md-1 {
        margin-left:8.33333333%
    }

    .offset-md-2 {
        margin-left:16.66666667%
    }

    .offset-md-3 {
        margin-left:25%
    }

    .offset-md-4 {
        margin-left:33.33333333%
    }

    .offset-md-5 {
        margin-left:41.66666667%
    }

    .offset-md-6 {
        margin-left:50%
    }

    .offset-md-7 {
        margin-left:58.33333333%
    }

    .offset-md-8 {
        margin-left:66.66666667%
    }

    .offset-md-9 {
        margin-left:75%
    }

    .offset-md-10 {
        margin-left:83.33333333%
    }

    .offset-md-11 {
        margin-left:91.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left:0
    }

    .offset-lg-1 {
        margin-left:8.33333333%
    }

    .offset-lg-2 {
        margin-left:16.66666667%
    }

    .offset-lg-3 {
        margin-left:25%
    }

    .offset-lg-4 {
        margin-left:33.33333333%
    }

    .offset-lg-5 {
        margin-left:41.66666667%
    }

    .offset-lg-6 {
        margin-left:50%
    }

    .offset-lg-7 {
        margin-left:58.33333333%
    }

    .offset-lg-8 {
        margin-left:66.66666667%
    }

    .offset-lg-9 {
        margin-left:75%
    }

    .offset-lg-10 {
        margin-left:83.33333333%
    }

    .offset-lg-11 {
        margin-left:91.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left:0
    }

    .offset-xl-1 {
        margin-left:8.33333333%
    }

    .offset-xl-2 {
        margin-left:16.66666667%
    }

    .offset-xl-3 {
        margin-left:25%
    }

    .offset-xl-4 {
        margin-left:33.33333333%
    }

    .offset-xl-5 {
        margin-left:41.66666667%
    }

    .offset-xl-6 {
        margin-left:50%
    }

    .offset-xl-7 {
        margin-left:58.33333333%
    }

    .offset-xl-8 {
        margin-left:66.66666667%
    }

    .offset-xl-9 {
        margin-left:75%
    }

    .offset-xl-10 {
        margin-left:83.33333333%
    }

    .offset-xl-11 {
        margin-left:91.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxl-0 {
        margin-left:0
    }

    .offset-xxl-1 {
        margin-left:8.33333333%
    }

    .offset-xxl-2 {
        margin-left:16.66666667%
    }

    .offset-xxl-3 {
        margin-left:25%
    }

    .offset-xxl-4 {
        margin-left:33.33333333%
    }

    .offset-xxl-5 {
        margin-left:41.66666667%
    }

    .offset-xxl-6 {
        margin-left:50%
    }

    .offset-xxl-7 {
        margin-left:58.33333333%
    }

    .offset-xxl-8 {
        margin-left:66.66666667%
    }

    .offset-xxl-9 {
        margin-left:75%
    }

    .offset-xxl-10 {
        margin-left:83.33333333%
    }

    .offset-xxl-11 {
        margin-left:91.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxxl-0 {
        margin-left:0
    }

    .offset-xxxl-1 {
        margin-left:8.33333333%
    }

    .offset-xxxl-2 {
        margin-left:16.66666667%
    }

    .offset-xxxl-3 {
        margin-left:25%
    }

    .offset-xxxl-4 {
        margin-left:33.33333333%
    }

    .offset-xxxl-5 {
        margin-left:41.66666667%
    }

    .offset-xxxl-6 {
        margin-left:50%
    }

    .offset-xxxl-7 {
        margin-left:58.33333333%
    }

    .offset-xxxl-8 {
        margin-left:66.66666667%
    }

    .offset-xxxl-9 {
        margin-left:75%
    }

    .offset-xxxl-10 {
        margin-left:83.33333333%
    }

    .offset-xxxl-11 {
        margin-left:91.66666667%
    }

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

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

    .g-xxxl-1, .gx-xxxl-1 {
        --bs-gutter-x:0.234375rem
    }

    .g-xxxl-1, .gy-xxxl-1 {
        --bs-gutter-y:0.234375rem
    }

    .g-xxxl-2, .gx-xxxl-2 {
        --bs-gutter-x:0.46875rem
    }

    .g-xxxl-2, .gy-xxxl-2 {
        --bs-gutter-y:0.46875rem
    }

    .g-xxxl-3, .gx-xxxl-3 {
        --bs-gutter-x:0.9375rem
    }

    .g-xxxl-3, .gy-xxxl-3 {
        --bs-gutter-y:0.9375rem
    }

    .g-xxxl-4, .gx-xxxl-4 {
        --bs-gutter-x:1.40625rem
    }

    .g-xxxl-4, .gy-xxxl-4 {
        --bs-gutter-y:1.40625rem
    }

    .g-xxxl-5, .gx-xxxl-5 {
        --bs-gutter-x:2.8125rem
    }

    .g-xxxl-5, .gy-xxxl-5 {
        --bs-gutter-y:2.8125rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--app-component-color);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.1);
    --bs-table-active-color: var(--app-component-color);
    --bs-table-active-bg: #e6e6e6;
    --bs-table-hover-color: var(--app-component-color);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.1);
    width: 100%;
    margin-bottom: .9375rem;
    color: var(--app-component-color);
    vertical-align: top;
    border-color:var(--app-component-table-border-color)
}

.table > :not(caption) > * > * {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
/*    box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)*/
}

.table > tbody {
    vertical-align:inherit
}

.table > thead {
    vertical-align:bottom
}

.table > :not(:first-child) {
    border-top:2px solid var(--app-component-table-separator-color)
}

.caption-top {
    caption-side:top
}

.table-sm > :not(caption) > * > * {
    padding:.25rem .25rem
}

.table-bordered > :not(caption) > * {
    border-width:1px 0
}

.table-bordered > :not(caption) > * > * {
    border-width:0 1px
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width:0
}

.table-borderless > :not(:first-child) {
    border-top-width:0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color:var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color:var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color:var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #d2e3fc;
    --bs-table-striped-bg: #bdcce3;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #bdcce3;
    --bs-table-hover-color: #000000;
    color: #000;
    border-color:#bdcce3
}

.table-secondary {
    --bs-table-bg: rgba(255, 255, 255, 0.85);
    --bs-table-striped-bg: rgba(222, 222, 222, 0.865);
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: rgba(222, 222, 222, 0.865);
    --bs-table-hover-color: #000000;
    color: #000;
    border-color:rgba(222, 222, 222, .865)
}

.table-success {
    --bs-table-bg: #cdf3d9;
    --bs-table-striped-bg: #b9dbc3;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #b9dbc3;
    --bs-table-hover-color: #000000;
    color: #000;
    border-color:#b9dbc3
}

.table-info {
    --bs-table-bg: #ccf5ff;
    --bs-table-striped-bg: #b8dde6;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #b8dde6;
    --bs-table-hover-color: #000000;
    color: #000;
    border-color:#b8dde6
}

.table-warning {
    --bs-table-bg: #ffe5cc;
    --bs-table-striped-bg: #e6ceb8;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #e6ceb8;
    --bs-table-hover-color: #000000;
    color: #000;
    border-color:#e6ceb8
}

.table-danger {
    --bs-table-bg: #ffd7cc;
    --bs-table-striped-bg: #e6c2b8;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #e6c2b8;
    --bs-table-hover-color: #000000;
    color: #000;
    border-color:#e6c2b8
}

.table-light {
    --bs-table-bg: rgba(255, 255, 255, 0.1);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.19);
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: white;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.19);
    --bs-table-hover-color: #000000;
    color: #fff;
    border-color:rgba(255, 255, 255, .19)
}

.table-dark {
    --bs-table-bg: #000000;
    --bs-table-striped-bg: #1a1a1a;
    --bs-table-striped-color: #FFFFFF;
    --bs-table-active-bg: white;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #1a1a1a;
    --bs-table-hover-color: #FFFFFF;
    color: #fff;
    border-color:#1a1a1a
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling:touch
}

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

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

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

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

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

@media (max-width: 1799.98px) {
    .table-responsive-xxxl {
        overflow-x: auto;
        -webkit-overflow-scrolling:touch
    }
}

.form-label {
    margin-bottom: .25rem;
    font-weight:500
}

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

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size:.875rem
}

.col-form-label-sm {
    padding-top: calc(.3125rem + 1px);
    padding-bottom: calc(.3125rem + 1px);
    font-size:.75rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color:#828282
}

.form-control {
    display: block;
    width: 100%;
    padding: .4375rem .75rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, .15);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    outline: 0;
}

.form-control[type=file] {
    overflow:hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor:pointer
}

.form-control:focus {
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
    border-color: rgba(255, 255, 255, .5);
    outline: 0;
    border-width:1px;
/*    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .25)*/
    box-shadow:0 0 0 0 rgba(255, 255, 255, 0)

}

.form-control::-webkit-date-and-time-value {
    height:1.5em
}

.form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity:1
}

.form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity:1
}

.form-control::placeholder {
    color: rgba(255, 255, 255, .5);
    opacity:1
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--app-component-disabled-bg);
    opacity:1
}

.form-control::-webkit-file-upload-button {
    padding: .4375rem .75rem;
    margin: -.4375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--app-component-color);
    background-color: rgba(0, 0, 0, .15);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
}

.form-control::file-selector-button {
    padding: .4375rem .75rem;
    margin: -.4375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--app-component-color);
    background-color: rgba(0, 0, 0, .15);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color:rgba(0, 0, 0, .25)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color:rgba(0, 0, 0, .25)
}

.form-control::-webkit-file-upload-button {
    padding: .4375rem .75rem;
    margin: -.4375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--app-component-color);
    background-color: rgba(0, 0, 0, .15);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color:rgba(0, 0, 0, .25)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .4375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--app-component-color);
    background-color: transparent;
    border: solid transparent;
    border-width:1px 0
}

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

.form-control-sm {
    min-height: calc(1.5em + .625rem + 2px);
    padding: .3125rem .625rem;
    font-size: .75rem;
    border-radius:3px
}

.form-control-sm::-webkit-file-upload-button {
    padding: .3125rem .625rem;
    margin: -.3125rem -.625rem;
    -webkit-margin-end: .625rem;
    margin-inline-end:.625rem
}

.form-control-sm::file-selector-button {
    padding: .3125rem .625rem;
    margin: -.3125rem -.625rem;
    -webkit-margin-end: .625rem;
    margin-inline-end:.625rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .3125rem .625rem;
    margin: -.3125rem -.625rem;
    -webkit-margin-end: .625rem;
    margin-inline-end:.625rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: .875rem;
    border-radius:6px
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem
}

textarea.form-control {
    min-height:calc(1.5em + .875rem + 2px)
}

textarea.form-control-sm {
    min-height:calc(1.5em + .625rem + 2px)
}

textarea.form-control-lg {
    min-height:calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding:.4375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor:pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius:4px
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius:4px
}

.form-select {
    display: block;
    width: 100%;
    padding: .4375rem 2.25rem .4375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
    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='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.form-select:focus {
    border-color: rgba(255, 255, 255, .5);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}

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

.form-select:disabled {
    background-color:#e6e6e6
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow:0 0 0 var(--app-component-color)
}

.form-select-sm {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    padding-left: .625rem;
    font-size: .75rem;
    border-radius:3px
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: .875rem;
    border-radius:6px
}

.form-check {
    display: block;
    min-height: 1.125rem;
    padding-left: 2em;
    margin-bottom:.125rem
}

.form-check .form-check-input {
    float: left;
    margin-left:-2em
}

.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0;
    vertical-align: top;
    background-color: var(--app-component-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(var(--bs-black-rgb), .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust:exact
}

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

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

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

.form-check-input:focus {
    border-color: rgba(255, 255, 255, .5);
    outline: 0;
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .25)
}

.form-check-input:checked {
    background-color: #1c75ee;
    border-color:#1c75ee
}

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

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

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

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

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

.form-switch {
    padding-left:2.8em
}

.form-switch .form-check-input {
    width: 2.3em;
    margin-left: -2.8em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2.3em;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.5%29'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e")
}

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

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events:none
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity:.65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.form-range:focus {
    outline:0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow:0 0 0 1px #333, 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow:0 0 0 1px #333, 0 0 0 .25rem rgba(255, 255, 255, .25)
}

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

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: var(--app-component-active-bg);
    border: 0;
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance:none
}

.form-range::-webkit-slider-thumb:active {
    background-color:#8ebaf7
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-light);
    border-color: transparent;
    border-radius:1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: var(--app-component-active-bg);
    border: 0;
    border-radius: 1rem;
    -moz-appearance: none;
    appearance:none
}

.form-range::-moz-range-thumb:active {
    background-color:#8ebaf7
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-light);
    border-color: transparent;
    border-radius:1rem
}

.form-range:disabled {
    pointer-events:none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color:#828282
}

.form-range:disabled::-moz-range-thumb {
    background-color:#828282
}

.form-floating {
    position:relative
}

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

.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
}

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

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

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

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

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

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

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

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

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

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: .65;
    transform:scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: .65;
    transform:scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: .65;
    transform:scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    transform:scale(.85) translateY(-.5rem) translateX(.15rem)
}

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

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

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

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .4375rem .75rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--app-component-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--app-component-border-color);
    border: 1px solid var(--app-component-border-color);
    border-radius:4px
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: .875rem;
    border-radius:6px
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .3125rem .625rem;
    font-size: .75rem;
    border-radius:3px
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right:3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius:0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius:0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius:0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .7125rem;
    color:#4fd47b
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .234375rem .46875rem;
    margin-top: .1rem;
    font-size: .75rem;
    color: #000;
    background-color: rgba(79, 212, 123, .95);
    border-radius:4px
}

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

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #4fd47b;
    padding-right: calc(1.5em + .875rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fd47b' 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(.375em + .21875rem) center;
    background-size:calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #4fd47b;
    box-shadow:0 0 0 .25rem rgba(79, 212, 123, .25)
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .875rem);
    background-position:top calc(.375em + .21875rem) right calc(.375em + .21875rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #4fd47b
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fd47b' 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-position: right .75rem center, center right 2.25rem;
    background-size:16px 12px, calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: #4fd47b;
    box-shadow:0 0 0 .25rem rgba(79, 212, 123, .25)
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color:#4fd47b
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color:#4fd47b
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow:0 0 0 .25rem rgba(79, 212, 123, .25)
}

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

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left:.5em
}

.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid {
    z-index:1
}

.input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus {
    z-index:3
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .234375rem .46875rem;
    margin-top: .1rem;
    font-size: .75rem;
    color: #000;
    background-color: rgba(255, 114, 78, .95);
    border-radius:4px
}

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

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ff724e;
    padding-right: calc(1.5em + .875rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff724e'%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='%23ff724e' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .21875rem) center;
    background-size:calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #ff724e;
    box-shadow:0 0 0 .25rem rgba(255, 114, 78, .25)
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .875rem);
    background-position:top calc(.375em + .21875rem) right calc(.375em + .21875rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #ff724e
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff724e'%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='%23ff724e' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size:16px 12px, calc(.75em + .4375rem) calc(.75em + .4375rem)
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: #ff724e;
    box-shadow:0 0 0 .25rem rgba(255, 114, 78, .25)
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color:#ff724e
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color:#ff724e
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
    box-shadow:0 0 0 .25rem rgba(255, 114, 78, .25)
}

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

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left:.5em
}

.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid {
    z-index:2
}

.input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus {
    z-index:3
}

.btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(255, 255, 255, .65);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .4375rem .75rem;
    font-size: .75rem;
    border-radius: 25px;
}

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

.btn:hover {
    color:rgba(255, 255, 255, .65)
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .25)
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity:.65
}

.btn-default {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-default:hover {
    color: #000;
    background-color: rgba(255, 255, 255, .3625);
    border-color:rgba(255, 255, 255, .325)
}

.btn-check:focus + .btn-default, .btn-default:focus {
    color: #000;
    background-color: rgba(255, 255, 255, .3625);
    border-color: rgba(255, 255, 255, .325);
    box-shadow:0 0 0 .25rem rgba(114, 114, 114, .5)
}

.btn-check:active + .btn-default, .btn-check:checked + .btn-default, .btn-default.active, .btn-default:active, .show > .btn-default.dropdown-toggle {
    color: #000;
    background-color: rgba(255, 255, 255, .4);
    border-color:rgba(255, 255, 255, .325)
}

.btn-check:active + .btn-default:focus, .btn-check:checked + .btn-default:focus, .btn-default.active:focus, .btn-default:active:focus, .show > .btn-default.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(114, 114, 114, .5)
}

.btn-default.disabled, .btn-default:disabled {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-primary {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-primary:hover {
    color: #000;
    background-color: #3e8af1;
    border-color:#3383f0
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #000;
    background-color: #3e8af1;
    border-color: #3383f0;
    box-shadow:0 0 0 .25rem rgba(24, 99, 202, .5)
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #4991f1;
    border-color:#3383f0
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(24, 99, 202, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-secondary {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-secondary:hover {
    color: #000;
    background-color: rgba(255, 255, 255, .3625);
    border-color:rgba(255, 255, 255, .325)
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #000;
    background-color: rgba(255, 255, 255, .3625);
    border-color: rgba(255, 255, 255, .325);
    box-shadow:0 0 0 .25rem rgba(114, 114, 114, .5)
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #000;
    background-color: rgba(255, 255, 255, .4);
    border-color:rgba(255, 255, 255, .325)
}

.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(114, 114, 114, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-success {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-success:hover {
    color: #000;
    background-color: #2aca5e;
    border-color:#1dc755
}

.btn-check:focus + .btn-success, .btn-success:focus {
    color: #000;
    background-color: #2aca5e;
    border-color: #1dc755;
    box-shadow:0 0 0 .25rem rgba(3, 164, 56, .5)
}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #000;
    background-color: #36cd68;
    border-color:#1dc755
}

.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(3, 164, 56, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-info {
    color: #000;
    background-color: #00cbff;
    border-color:#00cbff
}

.btn-info:hover {
    color: #000;
    background-color: #26d3ff;
    border-color:#1ad0ff
}

.btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #26d3ff;
    border-color: #1ad0ff;
    box-shadow:0 0 0 .25rem rgba(0, 173, 217, .5)
}

.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #33d5ff;
    border-color:#1ad0ff
}

.btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(0, 173, 217, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #000;
    background-color: #00cbff;
    border-color:#00cbff
}

.btn-warning {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-warning:hover {
    color: #000;
    background-color: #ff8f27;
    border-color:#ff881a
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #ff8f27;
    border-color: #ff881a;
    box-shadow:0 0 0 .25rem rgba(217, 105, 1, .5)
}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ff9534;
    border-color:#ff881a
}

.btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 105, 1, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-danger {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-danger:hover {
    color: #000;
    background-color: #ff5328;
    border-color:#ff491b
}

.btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #000;
    background-color: #ff5328;
    border-color: #ff491b;
    box-shadow:0 0 0 .25rem rgba(217, 45, 2, .5)
}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #000;
    background-color: #ff5d35;
    border-color:#ff491b
}

.btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 45, 2, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-light {
    color: #000;
    background-color: rgba(255, 255, 255, .1);
    border-color:rgba(255, 255, 255, .1)
}

.btn-light:hover {
    color: #000;
    background-color: rgba(255, 255, 255, .235);
    border-color:rgba(255, 255, 255, .19)
}

.btn-check:focus + .btn-light, .btn-light:focus {
    color: #000;
    background-color: rgba(255, 255, 255, .235);
    border-color: rgba(255, 255, 255, .19);
    box-shadow:0 0 0 .25rem rgba(59, 59, 59, .5)
}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
    color: #000;
    background-color: rgba(255, 255, 255, .28);
    border-color:rgba(255, 255, 255, .19)
}

.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(59, 59, 59, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #000;
    background-color: rgba(255, 255, 255, .1);
    border-color:rgba(255, 255, 255, .1)
}

.btn-dark {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-dark:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-inverse {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-inverse:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-inverse, .btn-inverse:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-check:active + .btn-inverse, .btn-check:checked + .btn-inverse, .btn-inverse.active, .btn-inverse:active, .show > .btn-inverse.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-inverse:focus, .btn-check:checked + .btn-inverse:focus, .btn-inverse.active:focus, .btn-inverse:active:focus, .show > .btn-inverse.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-inverse.disabled, .btn-inverse:disabled {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-blue {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-blue:hover {
    color: #000;
    background-color: #3e8af1;
    border-color:#3383f0
}

.btn-blue:focus, .btn-check:focus + .btn-blue {
    color: #000;
    background-color: #3e8af1;
    border-color: #3383f0;
    box-shadow:0 0 0 .25rem rgba(24, 99, 202, .5)
}

.btn-blue.active, .btn-blue:active, .btn-check:active + .btn-blue, .btn-check:checked + .btn-blue, .show > .btn-blue.dropdown-toggle {
    color: #000;
    background-color: #4991f1;
    border-color:#3383f0
}

.btn-blue.active:focus, .btn-blue:active:focus, .btn-check:active + .btn-blue:focus, .btn-check:checked + .btn-blue:focus, .show > .btn-blue.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(24, 99, 202, .5)
}

.btn-blue.disabled, .btn-blue:disabled {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-red {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-red:hover {
    color: #000;
    background-color: #ff5328;
    border-color:#ff491b
}

.btn-check:focus + .btn-red, .btn-red:focus {
    color: #000;
    background-color: #ff5328;
    border-color: #ff491b;
    box-shadow:0 0 0 .25rem rgba(217, 45, 2, .5)
}

.btn-check:active + .btn-red, .btn-check:checked + .btn-red, .btn-red.active, .btn-red:active, .show > .btn-red.dropdown-toggle {
    color: #000;
    background-color: #ff5d35;
    border-color:#ff491b
}

.btn-check:active + .btn-red:focus, .btn-check:checked + .btn-red:focus, .btn-red.active:focus, .btn-red:active:focus, .show > .btn-red.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 45, 2, .5)
}

.btn-red.disabled, .btn-red:disabled {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-orange {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-orange:hover {
    color: #000;
    background-color: #ff8f27;
    border-color:#ff881a
}

.btn-check:focus + .btn-orange, .btn-orange:focus {
    color: #000;
    background-color: #ff8f27;
    border-color: #ff881a;
    box-shadow:0 0 0 .25rem rgba(217, 105, 1, .5)
}

.btn-check:active + .btn-orange, .btn-check:checked + .btn-orange, .btn-orange.active, .btn-orange:active, .show > .btn-orange.dropdown-toggle {
    color: #000;
    background-color: #ff9534;
    border-color:#ff881a
}

.btn-check:active + .btn-orange:focus, .btn-check:checked + .btn-orange:focus, .btn-orange.active:focus, .btn-orange:active:focus, .show > .btn-orange.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 105, 1, .5)
}

.btn-orange.disabled, .btn-orange:disabled {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-yellow {
    color: #000;
    background-color: #ffd900;
    border-color:#ffd900
}

.btn-yellow:hover {
    color: #000;
    background-color: #ffdf26;
    border-color:#ffdd1a
}

.btn-check:focus + .btn-yellow, .btn-yellow:focus {
    color: #000;
    background-color: #ffdf26;
    border-color: #ffdd1a;
    box-shadow:0 0 0 .25rem rgba(217, 184, 0, .5)
}

.btn-check:active + .btn-yellow, .btn-check:checked + .btn-yellow, .btn-yellow.active, .btn-yellow:active, .show > .btn-yellow.dropdown-toggle {
    color: #000;
    background-color: #ffe133;
    border-color:#ffdd1a
}

.btn-check:active + .btn-yellow:focus, .btn-check:checked + .btn-yellow:focus, .btn-yellow.active:focus, .btn-yellow:active:focus, .show > .btn-yellow.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 184, 0, .5)
}

.btn-yellow.disabled, .btn-yellow:disabled {
    color: #000;
    background-color: #ffd900;
    border-color:#ffd900
}

.btn-green {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-green:hover {
    color: #000;
    background-color: #2aca5e;
    border-color:#1dc755
}

.btn-check:focus + .btn-green, .btn-green:focus {
    color: #000;
    background-color: #2aca5e;
    border-color: #1dc755;
    box-shadow:0 0 0 .25rem rgba(3, 164, 56, .5)
}

.btn-check:active + .btn-green, .btn-check:checked + .btn-green, .btn-green.active, .btn-green:active, .show > .btn-green.dropdown-toggle {
    color: #000;
    background-color: #36cd68;
    border-color:#1dc755
}

.btn-check:active + .btn-green:focus, .btn-check:checked + .btn-green:focus, .btn-green.active:focus, .btn-green:active:focus, .show > .btn-green.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(3, 164, 56, .5)
}

.btn-green.disabled, .btn-green:disabled {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-teal {
    color: #000;
    background-color: #01caca;
    border-color:#01caca
}

.btn-teal:hover {
    color: #000;
    background-color: #27d2d2;
    border-color:#1acfcf
}

.btn-check:focus + .btn-teal, .btn-teal:focus {
    color: #000;
    background-color: #27d2d2;
    border-color: #1acfcf;
    box-shadow:0 0 0 .25rem rgba(1, 172, 172, .5)
}

.btn-check:active + .btn-teal, .btn-check:checked + .btn-teal, .btn-teal.active, .btn-teal:active, .show > .btn-teal.dropdown-toggle {
    color: #000;
    background-color: #34d5d5;
    border-color:#1acfcf
}

.btn-check:active + .btn-teal:focus, .btn-check:checked + .btn-teal:focus, .btn-teal.active:focus, .btn-teal:active:focus, .show > .btn-teal.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(1, 172, 172, .5)
}

.btn-teal.disabled, .btn-teal:disabled {
    color: #000;
    background-color: #01caca;
    border-color:#01caca
}

.btn-lime {
    color: #000;
    background-color: #c2e900;
    border-color:#c2e900
}

.btn-lime:hover {
    color: #000;
    background-color: #cbec26;
    border-color:#c8eb1a
}

.btn-check:focus + .btn-lime, .btn-lime:focus {
    color: #000;
    background-color: #cbec26;
    border-color: #c8eb1a;
    box-shadow:0 0 0 .25rem rgba(165, 198, 0, .5)
}

.btn-check:active + .btn-lime, .btn-check:checked + .btn-lime, .btn-lime.active, .btn-lime:active, .show > .btn-lime.dropdown-toggle {
    color: #000;
    background-color: #ceed33;
    border-color:#c8eb1a
}

.btn-check:active + .btn-lime:focus, .btn-check:checked + .btn-lime:focus, .btn-lime.active:focus, .btn-lime:active:focus, .show > .btn-lime.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(165, 198, 0, .5)
}

.btn-lime.disabled, .btn-lime:disabled {
    color: #000;
    background-color: #c2e900;
    border-color:#c2e900
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color:#fff
}

.btn-white:hover {
    color: #000;
    background-color: #fff;
    border-color:#fff
}

.btn-check:focus + .btn-white, .btn-white:focus {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow:0 0 0 .25rem rgba(217, 217, 217, .5)
}

.btn-check:active + .btn-white, .btn-check:checked + .btn-white, .btn-white.active, .btn-white:active, .show > .btn-white.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color:#fff
}

.btn-check:active + .btn-white:focus, .btn-check:checked + .btn-white:focus, .btn-white.active:focus, .btn-white:active:focus, .show > .btn-white.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 217, 217, .5)
}

.btn-white.disabled, .btn-white:disabled {
    color: #000;
    background-color: #fff;
    border-color:#fff
}

.btn-gray {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-gray:hover {
    color: #fff;
    background-color: #575757;
    border-color:#525252
}

.btn-check:focus + .btn-gray, .btn-gray:focus {
    color: #fff;
    background-color: #575757;
    border-color: #525252;
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-check:active + .btn-gray, .btn-check:checked + .btn-gray, .btn-gray.active, .btn-gray:active, .show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #525252;
    border-color:#4d4d4d
}

.btn-check:active + .btn-gray:focus, .btn-check:checked + .btn-gray:focus, .btn-gray.active:focus, .btn-gray:active:focus, .show > .btn-gray.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-gray.disabled, .btn-gray:disabled {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-gray-dark {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-gray-dark:hover {
    color: #fff;
    background-color: #161616;
    border-color:#151515
}

.btn-check:focus + .btn-gray-dark, .btn-gray-dark:focus {
    color: #fff;
    background-color: #161616;
    border-color: #151515;
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-check:active + .btn-gray-dark, .btn-check:checked + .btn-gray-dark, .btn-gray-dark.active, .btn-gray-dark:active, .show > .btn-gray-dark.dropdown-toggle {
    color: #fff;
    background-color: #151515;
    border-color:#141414
}

.btn-check:active + .btn-gray-dark:focus, .btn-check:checked + .btn-gray-dark:focus, .btn-gray-dark.active:focus, .btn-gray-dark:active:focus, .show > .btn-gray-dark.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-gray-dark.disabled, .btn-gray-dark:disabled {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-muted {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-muted:hover {
    color: #000;
    background-color: #959595;
    border-color:#8f8f8f
}

.btn-check:focus + .btn-muted, .btn-muted:focus {
    color: #000;
    background-color: #959595;
    border-color: #8f8f8f;
    box-shadow:0 0 0 .25rem rgba(111, 111, 111, .5)
}

.btn-check:active + .btn-muted, .btn-check:checked + .btn-muted, .btn-muted.active, .btn-muted:active, .show > .btn-muted.dropdown-toggle {
    color: #000;
    background-color: #9b9b9b;
    border-color:#8f8f8f
}

.btn-check:active + .btn-muted:focus, .btn-check:checked + .btn-muted:focus, .btn-muted.active:focus, .btn-muted:active:focus, .show > .btn-muted.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(111, 111, 111, .5)
}

.btn-muted.disabled, .btn-muted:disabled {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-black {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-black:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-black:focus, .btn-check:focus + .btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-black.active, .btn-black:active, .btn-check:active + .btn-black, .btn-check:checked + .btn-black, .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-black.active:focus, .btn-black:active:focus, .btn-check:active + .btn-black:focus, .btn-check:checked + .btn-black:focus, .show > .btn-black.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-silver {
    color: #000;
    background-color: #eee;
    border-color:#eee
}

.btn-silver:hover {
    color: #000;
    background-color: #f1f1f1;
    border-color:#f0f0f0
}

.btn-check:focus + .btn-silver, .btn-silver:focus {
    color: #000;
    background-color: #f1f1f1;
    border-color: #f0f0f0;
    box-shadow:0 0 0 .25rem rgba(202, 202, 202, .5)
}

.btn-check:active + .btn-silver, .btn-check:checked + .btn-silver, .btn-silver.active, .btn-silver:active, .show > .btn-silver.dropdown-toggle {
    color: #000;
    background-color: #f1f1f1;
    border-color:#f0f0f0
}

.btn-check:active + .btn-silver:focus, .btn-check:checked + .btn-silver:focus, .btn-silver.active:focus, .btn-silver:active:focus, .show > .btn-silver.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(202, 202, 202, .5)
}

.btn-silver.disabled, .btn-silver:disabled {
    color: #000;
    background-color: #eee;
    border-color:#eee
}

.btn-gray-100 {
    color: #000;
    background-color: #f2f2f2;
    border-color:#f2f2f2
}

.btn-gray-100:hover {
    color: #000;
    background-color: #f4f4f4;
    border-color:#f3f3f3
}

.btn-check:focus + .btn-gray-100, .btn-gray-100:focus {
    color: #000;
    background-color: #f4f4f4;
    border-color: #f3f3f3;
    box-shadow:0 0 0 .25rem rgba(206, 206, 206, .5)
}

.btn-check:active + .btn-gray-100, .btn-check:checked + .btn-gray-100, .btn-gray-100.active, .btn-gray-100:active, .show > .btn-gray-100.dropdown-toggle {
    color: #000;
    background-color: #f5f5f5;
    border-color:#f3f3f3
}

.btn-check:active + .btn-gray-100:focus, .btn-check:checked + .btn-gray-100:focus, .btn-gray-100.active:focus, .btn-gray-100:active:focus, .show > .btn-gray-100.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(206, 206, 206, .5)
}

.btn-gray-100.disabled, .btn-gray-100:disabled {
    color: #000;
    background-color: #f2f2f2;
    border-color:#f2f2f2
}

.btn-gray-200 {
    color: #000;
    background-color: #e6e6e6;
    border-color:#e6e6e6
}

.btn-gray-200:hover {
    color: #000;
    background-color: #eaeaea;
    border-color:#e9e9e9
}

.btn-check:focus + .btn-gray-200, .btn-gray-200:focus {
    color: #000;
    background-color: #eaeaea;
    border-color: #e9e9e9;
    box-shadow:0 0 0 .25rem rgba(196, 196, 196, .5)
}

.btn-check:active + .btn-gray-200, .btn-check:checked + .btn-gray-200, .btn-gray-200.active, .btn-gray-200:active, .show > .btn-gray-200.dropdown-toggle {
    color: #000;
    background-color: #ebebeb;
    border-color:#e9e9e9
}

.btn-check:active + .btn-gray-200:focus, .btn-check:checked + .btn-gray-200:focus, .btn-gray-200.active:focus, .btn-gray-200:active:focus, .show > .btn-gray-200.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(196, 196, 196, .5)
}

.btn-gray-200.disabled, .btn-gray-200:disabled {
    color: #000;
    background-color: #e6e6e6;
    border-color:#e6e6e6
}

.btn-gray-300 {
    color: #000;
    background-color: #ccc;
    border-color:#ccc
}

.btn-gray-300:hover {
    color: #000;
    background-color: #d4d4d4;
    border-color:#d1d1d1
}

.btn-check:focus + .btn-gray-300, .btn-gray-300:focus {
    color: #000;
    background-color: #d4d4d4;
    border-color: #d1d1d1;
    box-shadow:0 0 0 .25rem rgba(173, 173, 173, .5)
}

.btn-check:active + .btn-gray-300, .btn-check:checked + .btn-gray-300, .btn-gray-300.active, .btn-gray-300:active, .show > .btn-gray-300.dropdown-toggle {
    color: #000;
    background-color: #d6d6d6;
    border-color:#d1d1d1
}

.btn-check:active + .btn-gray-300:focus, .btn-check:checked + .btn-gray-300:focus, .btn-gray-300.active:focus, .btn-gray-300:active:focus, .show > .btn-gray-300.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(173, 173, 173, .5)
}

.btn-gray-300.disabled, .btn-gray-300:disabled {
    color: #000;
    background-color: #ccc;
    border-color:#ccc
}

.btn-gray-400 {
    color: #000;
    background-color: #a6a6a6;
    border-color:#a6a6a6
}

.btn-gray-400:hover {
    color: #000;
    background-color: #b3b3b3;
    border-color:#afafaf
}

.btn-check:focus + .btn-gray-400, .btn-gray-400:focus {
    color: #000;
    background-color: #b3b3b3;
    border-color: #afafaf;
    box-shadow:0 0 0 .25rem rgba(141, 141, 141, .5)
}

.btn-check:active + .btn-gray-400, .btn-check:checked + .btn-gray-400, .btn-gray-400.active, .btn-gray-400:active, .show > .btn-gray-400.dropdown-toggle {
    color: #000;
    background-color: #b8b8b8;
    border-color:#afafaf
}

.btn-check:active + .btn-gray-400:focus, .btn-check:checked + .btn-gray-400:focus, .btn-gray-400.active:focus, .btn-gray-400:active:focus, .show > .btn-gray-400.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(141, 141, 141, .5)
}

.btn-gray-400.disabled, .btn-gray-400:disabled {
    color: #000;
    background-color: #a6a6a6;
    border-color:#a6a6a6
}

.btn-gray-500 {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-gray-500:hover {
    color: #000;
    background-color: #959595;
    border-color:#8f8f8f
}

.btn-check:focus + .btn-gray-500, .btn-gray-500:focus {
    color: #000;
    background-color: #959595;
    border-color: #8f8f8f;
    box-shadow:0 0 0 .25rem rgba(111, 111, 111, .5)
}

.btn-check:active + .btn-gray-500, .btn-check:checked + .btn-gray-500, .btn-gray-500.active, .btn-gray-500:active, .show > .btn-gray-500.dropdown-toggle {
    color: #000;
    background-color: #9b9b9b;
    border-color:#8f8f8f
}

.btn-check:active + .btn-gray-500:focus, .btn-check:checked + .btn-gray-500:focus, .btn-gray-500.active:focus, .btn-gray-500:active:focus, .show > .btn-gray-500.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(111, 111, 111, .5)
}

.btn-gray-500.disabled, .btn-gray-500:disabled {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-gray-600 {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-gray-600:hover {
    color: #fff;
    background-color: #575757;
    border-color:#525252
}

.btn-check:focus + .btn-gray-600, .btn-gray-600:focus {
    color: #fff;
    background-color: #575757;
    border-color: #525252;
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-check:active + .btn-gray-600, .btn-check:checked + .btn-gray-600, .btn-gray-600.active, .btn-gray-600:active, .show > .btn-gray-600.dropdown-toggle {
    color: #fff;
    background-color: #525252;
    border-color:#4d4d4d
}

.btn-check:active + .btn-gray-600:focus, .btn-check:checked + .btn-gray-600:focus, .btn-gray-600.active:focus, .btn-gray-600:active:focus, .show > .btn-gray-600.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-gray-600.disabled, .btn-gray-600:disabled {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-gray-700 {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-gray-700:hover {
    color: #fff;
    background-color: #363636;
    border-color:#333
}

.btn-check:focus + .btn-gray-700, .btn-gray-700:focus {
    color: #fff;
    background-color: #363636;
    border-color: #333;
    box-shadow:0 0 0 .25rem rgba(93, 93, 93, .5)
}

.btn-check:active + .btn-gray-700, .btn-check:checked + .btn-gray-700, .btn-gray-700.active, .btn-gray-700:active, .show > .btn-gray-700.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color:#303030
}

.btn-check:active + .btn-gray-700:focus, .btn-check:checked + .btn-gray-700:focus, .btn-gray-700.active:focus, .btn-gray-700:active:focus, .show > .btn-gray-700.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(93, 93, 93, .5)
}

.btn-gray-700.disabled, .btn-gray-700:disabled {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-gray-800 {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-gray-800:hover {
    color: #fff;
    background-color: #161616;
    border-color:#151515
}

.btn-check:focus + .btn-gray-800, .btn-gray-800:focus {
    color: #fff;
    background-color: #161616;
    border-color: #151515;
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-check:active + .btn-gray-800, .btn-check:checked + .btn-gray-800, .btn-gray-800.active, .btn-gray-800:active, .show > .btn-gray-800.dropdown-toggle {
    color: #fff;
    background-color: #151515;
    border-color:#141414
}

.btn-check:active + .btn-gray-800:focus, .btn-check:checked + .btn-gray-800:focus, .btn-gray-800.active:focus, .btn-gray-800:active:focus, .show > .btn-gray-800.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-gray-800.disabled, .btn-gray-800:disabled {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-gray-900 {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-gray-900:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-gray-900, .btn-gray-900:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-check:active + .btn-gray-900, .btn-check:checked + .btn-gray-900, .btn-gray-900.active, .btn-gray-900:active, .show > .btn-gray-900.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-gray-900:focus, .btn-check:checked + .btn-gray-900:focus, .btn-gray-900.active:focus, .btn-gray-900:active:focus, .show > .btn-gray-900.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-gray-900.disabled, .btn-gray-900:disabled {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-outline-default {
    color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-outline-default:hover {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-check:focus + .btn-outline-default, .btn-outline-default:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active + .btn-outline-default, .btn-check:checked + .btn-outline-default, .btn-outline-default.active, .btn-outline-default.dropdown-toggle.show, .btn-outline-default:active {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-check:active + .btn-outline-default:focus, .btn-check:checked + .btn-outline-default:focus, .btn-outline-default.active:focus, .btn-outline-default.dropdown-toggle.show:focus, .btn-outline-default:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-outline-default.disabled, .btn-outline-default:disabled {
    color: rgba(255, 255, 255, .25);
    background-color:transparent
}

.btn-outline-primary {
    color: #1c75ee;
    border-color:#1c75ee
}

.btn-outline-primary:hover {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow:0 0 0 .25rem rgba(28, 117, 238, .5)
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow:0 0 0 .25rem rgba(28, 117, 238, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #1c75ee;
    background-color:transparent
}

.btn-outline-secondary {
    color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-outline-secondary:hover {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
    color: #000;
    background-color: rgba(255, 255, 255, .25);
    border-color:rgba(255, 255, 255, .25)
}

.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: rgba(255, 255, 255, .25);
    background-color:transparent
}

.btn-outline-success {
    color: #04c142;
    border-color:#04c142
}

.btn-outline-success:hover {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow:0 0 0 .25rem rgba(4, 193, 66, .5)
}

.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
    box-shadow:0 0 0 .25rem rgba(4, 193, 66, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #04c142;
    background-color:transparent
}

.btn-outline-info {
    color: #00cbff;
    border-color:#00cbff
}

.btn-outline-info:hover {
    color: #000;
    background-color: #00cbff;
    border-color:#00cbff
}

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow:0 0 0 .25rem rgba(0, 203, 255, .5)
}

.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
    color: #000;
    background-color: #00cbff;
    border-color:#00cbff
}

.btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus {
    box-shadow:0 0 0 .25rem rgba(0, 203, 255, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #00cbff;
    background-color:transparent
}

.btn-outline-warning {
    color: #ff7b01;
    border-color:#ff7b01
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow:0 0 0 .25rem rgba(255, 123, 1, .5)
}

.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 123, 1, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ff7b01;
    background-color:transparent
}

.btn-outline-danger {
    color: #ff3502;
    border-color:#ff3502
}

.btn-outline-danger:hover {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow:0 0 0 .25rem rgba(255, 53, 2, .5)
}

.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 53, 2, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #ff3502;
    background-color:transparent
}

.btn-outline-light {
    color: rgba(255, 255, 255, .1);
    border-color:rgba(255, 255, 255, .1)
}

.btn-outline-light:hover {
    color: #000;
    background-color: rgba(255, 255, 255, .1);
    border-color:rgba(255, 255, 255, .1)
}

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
    color: #000;
    background-color: rgba(255, 255, 255, .1);
    border-color:rgba(255, 255, 255, .1)
}

.btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: rgba(255, 255, 255, .1);
    background-color:transparent
}

.btn-outline-dark {
    color: #000;
    border-color:#000
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #000;
    background-color:transparent
}

.btn-outline-inverse {
    color: #000;
    border-color:#000
}

.btn-outline-inverse:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-outline-inverse, .btn-outline-inverse:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-check:active + .btn-outline-inverse, .btn-check:checked + .btn-outline-inverse, .btn-outline-inverse.active, .btn-outline-inverse.dropdown-toggle.show, .btn-outline-inverse:active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-outline-inverse:focus, .btn-check:checked + .btn-outline-inverse:focus, .btn-outline-inverse.active:focus, .btn-outline-inverse.dropdown-toggle.show:focus, .btn-outline-inverse:active:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-outline-inverse.disabled, .btn-outline-inverse:disabled {
    color: #000;
    background-color:transparent
}

.btn-outline-blue {
    color: #1c75ee;
    border-color:#1c75ee
}

.btn-outline-blue:hover {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-check:focus + .btn-outline-blue, .btn-outline-blue:focus {
    box-shadow:0 0 0 .25rem rgba(28, 117, 238, .5)
}

.btn-check:active + .btn-outline-blue, .btn-check:checked + .btn-outline-blue, .btn-outline-blue.active, .btn-outline-blue.dropdown-toggle.show, .btn-outline-blue:active {
    color: #000;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-check:active + .btn-outline-blue:focus, .btn-check:checked + .btn-outline-blue:focus, .btn-outline-blue.active:focus, .btn-outline-blue.dropdown-toggle.show:focus, .btn-outline-blue:active:focus {
    box-shadow:0 0 0 .25rem rgba(28, 117, 238, .5)
}

.btn-outline-blue.disabled, .btn-outline-blue:disabled {
    color: #1c75ee;
    background-color:transparent
}

.btn-outline-red {
    color: #ff3502;
    border-color:#ff3502
}

.btn-outline-red:hover {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-check:focus + .btn-outline-red, .btn-outline-red:focus {
    box-shadow:0 0 0 .25rem rgba(255, 53, 2, .5)
}

.btn-check:active + .btn-outline-red, .btn-check:checked + .btn-outline-red, .btn-outline-red.active, .btn-outline-red.dropdown-toggle.show, .btn-outline-red:active {
    color: #000;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-check:active + .btn-outline-red:focus, .btn-check:checked + .btn-outline-red:focus, .btn-outline-red.active:focus, .btn-outline-red.dropdown-toggle.show:focus, .btn-outline-red:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 53, 2, .5)
}

.btn-outline-red.disabled, .btn-outline-red:disabled {
    color: #ff3502;
    background-color:transparent
}

.btn-outline-orange {
    color: #ff7b01;
    border-color:#ff7b01
}

.btn-outline-orange:hover {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-check:focus + .btn-outline-orange, .btn-outline-orange:focus {
    box-shadow:0 0 0 .25rem rgba(255, 123, 1, .5)
}

.btn-check:active + .btn-outline-orange, .btn-check:checked + .btn-outline-orange, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show, .btn-outline-orange:active {
    color: #000;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-check:active + .btn-outline-orange:focus, .btn-check:checked + .btn-outline-orange:focus, .btn-outline-orange.active:focus, .btn-outline-orange.dropdown-toggle.show:focus, .btn-outline-orange:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 123, 1, .5)
}

.btn-outline-orange.disabled, .btn-outline-orange:disabled {
    color: #ff7b01;
    background-color:transparent
}

.btn-outline-yellow {
    color: #ffd900;
    border-color:#ffd900
}

.btn-outline-yellow:hover {
    color: #000;
    background-color: #ffd900;
    border-color:#ffd900
}

.btn-check:focus + .btn-outline-yellow, .btn-outline-yellow:focus {
    box-shadow:0 0 0 .25rem rgba(255, 217, 0, .5)
}

.btn-check:active + .btn-outline-yellow, .btn-check:checked + .btn-outline-yellow, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show, .btn-outline-yellow:active {
    color: #000;
    background-color: #ffd900;
    border-color:#ffd900
}

.btn-check:active + .btn-outline-yellow:focus, .btn-check:checked + .btn-outline-yellow:focus, .btn-outline-yellow.active:focus, .btn-outline-yellow.dropdown-toggle.show:focus, .btn-outline-yellow:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 217, 0, .5)
}

.btn-outline-yellow.disabled, .btn-outline-yellow:disabled {
    color: #ffd900;
    background-color:transparent
}

.btn-outline-green {
    color: #04c142;
    border-color:#04c142
}

.btn-outline-green:hover {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-check:focus + .btn-outline-green, .btn-outline-green:focus {
    box-shadow:0 0 0 .25rem rgba(4, 193, 66, .5)
}

.btn-check:active + .btn-outline-green, .btn-check:checked + .btn-outline-green, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show, .btn-outline-green:active {
    color: #000;
    background-color: #04c142;
    border-color:#04c142
}

.btn-check:active + .btn-outline-green:focus, .btn-check:checked + .btn-outline-green:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus, .btn-outline-green:active:focus {
    box-shadow:0 0 0 .25rem rgba(4, 193, 66, .5)
}

.btn-outline-green.disabled, .btn-outline-green:disabled {
    color: #04c142;
    background-color:transparent
}

.btn-outline-teal {
    color: #01caca;
    border-color:#01caca
}

.btn-outline-teal:hover {
    color: #000;
    background-color: #01caca;
    border-color:#01caca
}

.btn-check:focus + .btn-outline-teal, .btn-outline-teal:focus {
    box-shadow:0 0 0 .25rem rgba(1, 202, 202, .5)
}

.btn-check:active + .btn-outline-teal, .btn-check:checked + .btn-outline-teal, .btn-outline-teal.active, .btn-outline-teal.dropdown-toggle.show, .btn-outline-teal:active {
    color: #000;
    background-color: #01caca;
    border-color:#01caca
}

.btn-check:active + .btn-outline-teal:focus, .btn-check:checked + .btn-outline-teal:focus, .btn-outline-teal.active:focus, .btn-outline-teal.dropdown-toggle.show:focus, .btn-outline-teal:active:focus {
    box-shadow:0 0 0 .25rem rgba(1, 202, 202, .5)
}

.btn-outline-teal.disabled, .btn-outline-teal:disabled {
    color: #01caca;
    background-color:transparent
}

.btn-outline-lime {
    color: #c2e900;
    border-color:#c2e900
}

.btn-outline-lime:hover {
    color: #000;
    background-color: #c2e900;
    border-color:#c2e900
}

.btn-check:focus + .btn-outline-lime, .btn-outline-lime:focus {
    box-shadow:0 0 0 .25rem rgba(194, 233, 0, .5)
}

.btn-check:active + .btn-outline-lime, .btn-check:checked + .btn-outline-lime, .btn-outline-lime.active, .btn-outline-lime.dropdown-toggle.show, .btn-outline-lime:active {
    color: #000;
    background-color: #c2e900;
    border-color:#c2e900
}

.btn-check:active + .btn-outline-lime:focus, .btn-check:checked + .btn-outline-lime:focus, .btn-outline-lime.active:focus, .btn-outline-lime.dropdown-toggle.show:focus, .btn-outline-lime:active:focus {
    box-shadow:0 0 0 .25rem rgba(194, 233, 0, .5)
}

.btn-outline-lime.disabled, .btn-outline-lime:disabled {
    color: #c2e900;
    background-color:transparent
}

.btn-outline-white {
    color: #fff;
    border-color:#fff
}

.btn-outline-white:hover {
    color: #000;
    background-color: #fff;
    border-color:#fff
}

.btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active + .btn-outline-white, .btn-check:checked + .btn-outline-white, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show, .btn-outline-white:active {
    color: #000;
    background-color: #fff;
    border-color:#fff
}

.btn-check:active + .btn-outline-white:focus, .btn-check:checked + .btn-outline-white:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus, .btn-outline-white:active:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-outline-white.disabled, .btn-outline-white:disabled {
    color: #fff;
    background-color:transparent
}

.btn-outline-gray {
    color: #666;
    border-color:#666
}

.btn-outline-gray:hover {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-check:focus + .btn-outline-gray, .btn-outline-gray:focus {
    box-shadow:0 0 0 .25rem rgba(102, 102, 102, .5)
}

.btn-check:active + .btn-outline-gray, .btn-check:checked + .btn-outline-gray, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show, .btn-outline-gray:active {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-check:active + .btn-outline-gray:focus, .btn-check:checked + .btn-outline-gray:focus, .btn-outline-gray.active:focus, .btn-outline-gray.dropdown-toggle.show:focus, .btn-outline-gray:active:focus {
    box-shadow:0 0 0 .25rem rgba(102, 102, 102, .5)
}

.btn-outline-gray.disabled, .btn-outline-gray:disabled {
    color: #666;
    background-color:transparent
}

.btn-outline-gray-dark {
    color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-outline-gray-dark:hover {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-check:focus + .btn-outline-gray-dark, .btn-outline-gray-dark:focus {
    box-shadow:0 0 0 .25rem rgba(26, 26, 26, .5)
}

.btn-check:active + .btn-outline-gray-dark, .btn-check:checked + .btn-outline-gray-dark, .btn-outline-gray-dark.active, .btn-outline-gray-dark.dropdown-toggle.show, .btn-outline-gray-dark:active {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-check:active + .btn-outline-gray-dark:focus, .btn-check:checked + .btn-outline-gray-dark:focus, .btn-outline-gray-dark.active:focus, .btn-outline-gray-dark.dropdown-toggle.show:focus, .btn-outline-gray-dark:active:focus {
    box-shadow:0 0 0 .25rem rgba(26, 26, 26, .5)
}

.btn-outline-gray-dark.disabled, .btn-outline-gray-dark:disabled {
    color: #1a1a1a;
    background-color:transparent
}

.btn-outline-muted {
    color: #828282;
    border-color:#828282
}

.btn-outline-muted:hover {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-check:focus + .btn-outline-muted, .btn-outline-muted:focus {
    box-shadow:0 0 0 .25rem rgba(130, 130, 130, .5)
}

.btn-check:active + .btn-outline-muted, .btn-check:checked + .btn-outline-muted, .btn-outline-muted.active, .btn-outline-muted.dropdown-toggle.show, .btn-outline-muted:active {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-check:active + .btn-outline-muted:focus, .btn-check:checked + .btn-outline-muted:focus, .btn-outline-muted.active:focus, .btn-outline-muted.dropdown-toggle.show:focus, .btn-outline-muted:active:focus {
    box-shadow:0 0 0 .25rem rgba(130, 130, 130, .5)
}

.btn-outline-muted.disabled, .btn-outline-muted:disabled {
    color: #828282;
    background-color:transparent
}

.btn-outline-black {
    color: #000;
    border-color:#000
}

.btn-outline-black:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-outline-black, .btn-outline-black:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-check:active + .btn-outline-black, .btn-check:checked + .btn-outline-black, .btn-outline-black.active, .btn-outline-black.dropdown-toggle.show, .btn-outline-black:active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-outline-black:focus, .btn-check:checked + .btn-outline-black:focus, .btn-outline-black.active:focus, .btn-outline-black.dropdown-toggle.show:focus, .btn-outline-black:active:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-outline-black.disabled, .btn-outline-black:disabled {
    color: #000;
    background-color:transparent
}

.btn-outline-silver {
    color: #eee;
    border-color:#eee
}

.btn-outline-silver:hover {
    color: #000;
    background-color: #eee;
    border-color:#eee
}

.btn-check:focus + .btn-outline-silver, .btn-outline-silver:focus {
    box-shadow:0 0 0 .25rem rgba(238, 238, 238, .5)
}

.btn-check:active + .btn-outline-silver, .btn-check:checked + .btn-outline-silver, .btn-outline-silver.active, .btn-outline-silver.dropdown-toggle.show, .btn-outline-silver:active {
    color: #000;
    background-color: #eee;
    border-color:#eee
}

.btn-check:active + .btn-outline-silver:focus, .btn-check:checked + .btn-outline-silver:focus, .btn-outline-silver.active:focus, .btn-outline-silver.dropdown-toggle.show:focus, .btn-outline-silver:active:focus {
    box-shadow:0 0 0 .25rem rgba(238, 238, 238, .5)
}

.btn-outline-silver.disabled, .btn-outline-silver:disabled {
    color: #eee;
    background-color:transparent
}

.btn-outline-gray-100 {
    color: #f2f2f2;
    border-color:#f2f2f2
}

.btn-outline-gray-100:hover {
    color: #000;
    background-color: #f2f2f2;
    border-color:#f2f2f2
}

.btn-check:focus + .btn-outline-gray-100, .btn-outline-gray-100:focus {
    box-shadow:0 0 0 .25rem rgba(242, 242, 242, .5)
}

.btn-check:active + .btn-outline-gray-100, .btn-check:checked + .btn-outline-gray-100, .btn-outline-gray-100.active, .btn-outline-gray-100.dropdown-toggle.show, .btn-outline-gray-100:active {
    color: #000;
    background-color: #f2f2f2;
    border-color:#f2f2f2
}

.btn-check:active + .btn-outline-gray-100:focus, .btn-check:checked + .btn-outline-gray-100:focus, .btn-outline-gray-100.active:focus, .btn-outline-gray-100.dropdown-toggle.show:focus, .btn-outline-gray-100:active:focus {
    box-shadow:0 0 0 .25rem rgba(242, 242, 242, .5)
}

.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled {
    color: #f2f2f2;
    background-color:transparent
}

.btn-outline-gray-200 {
    color: #e6e6e6;
    border-color:#e6e6e6
}

.btn-outline-gray-200:hover {
    color: #000;
    background-color: #e6e6e6;
    border-color:#e6e6e6
}

.btn-check:focus + .btn-outline-gray-200, .btn-outline-gray-200:focus {
    box-shadow:0 0 0 .25rem rgba(230, 230, 230, .5)
}

.btn-check:active + .btn-outline-gray-200, .btn-check:checked + .btn-outline-gray-200, .btn-outline-gray-200.active, .btn-outline-gray-200.dropdown-toggle.show, .btn-outline-gray-200:active {
    color: #000;
    background-color: #e6e6e6;
    border-color:#e6e6e6
}

.btn-check:active + .btn-outline-gray-200:focus, .btn-check:checked + .btn-outline-gray-200:focus, .btn-outline-gray-200.active:focus, .btn-outline-gray-200.dropdown-toggle.show:focus, .btn-outline-gray-200:active:focus {
    box-shadow:0 0 0 .25rem rgba(230, 230, 230, .5)
}

.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled {
    color: #e6e6e6;
    background-color:transparent
}

.btn-outline-gray-300 {
    color: #ccc;
    border-color:#ccc
}

.btn-outline-gray-300:hover {
    color: #000;
    background-color: #ccc;
    border-color:#ccc
}

.btn-check:focus + .btn-outline-gray-300, .btn-outline-gray-300:focus {
    box-shadow:0 0 0 .25rem rgba(204, 204, 204, .5)
}

.btn-check:active + .btn-outline-gray-300, .btn-check:checked + .btn-outline-gray-300, .btn-outline-gray-300.active, .btn-outline-gray-300.dropdown-toggle.show, .btn-outline-gray-300:active {
    color: #000;
    background-color: #ccc;
    border-color:#ccc
}

.btn-check:active + .btn-outline-gray-300:focus, .btn-check:checked + .btn-outline-gray-300:focus, .btn-outline-gray-300.active:focus, .btn-outline-gray-300.dropdown-toggle.show:focus, .btn-outline-gray-300:active:focus {
    box-shadow:0 0 0 .25rem rgba(204, 204, 204, .5)
}

.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled {
    color: #ccc;
    background-color:transparent
}

.btn-outline-gray-400 {
    color: #a6a6a6;
    border-color:#a6a6a6
}

.btn-outline-gray-400:hover {
    color: #000;
    background-color: #a6a6a6;
    border-color:#a6a6a6
}

.btn-check:focus + .btn-outline-gray-400, .btn-outline-gray-400:focus {
    box-shadow:0 0 0 .25rem rgba(166, 166, 166, .5)
}

.btn-check:active + .btn-outline-gray-400, .btn-check:checked + .btn-outline-gray-400, .btn-outline-gray-400.active, .btn-outline-gray-400.dropdown-toggle.show, .btn-outline-gray-400:active {
    color: #000;
    background-color: #a6a6a6;
    border-color:#a6a6a6
}

.btn-check:active + .btn-outline-gray-400:focus, .btn-check:checked + .btn-outline-gray-400:focus, .btn-outline-gray-400.active:focus, .btn-outline-gray-400.dropdown-toggle.show:focus, .btn-outline-gray-400:active:focus {
    box-shadow:0 0 0 .25rem rgba(166, 166, 166, .5)
}

.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled {
    color: #a6a6a6;
    background-color:transparent
}

.btn-outline-gray-500 {
    color: #828282;
    border-color:#828282
}

.btn-outline-gray-500:hover {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-check:focus + .btn-outline-gray-500, .btn-outline-gray-500:focus {
    box-shadow:0 0 0 .25rem rgba(130, 130, 130, .5)
}

.btn-check:active + .btn-outline-gray-500, .btn-check:checked + .btn-outline-gray-500, .btn-outline-gray-500.active, .btn-outline-gray-500.dropdown-toggle.show, .btn-outline-gray-500:active {
    color: #000;
    background-color: #828282;
    border-color:#828282
}

.btn-check:active + .btn-outline-gray-500:focus, .btn-check:checked + .btn-outline-gray-500:focus, .btn-outline-gray-500.active:focus, .btn-outline-gray-500.dropdown-toggle.show:focus, .btn-outline-gray-500:active:focus {
    box-shadow:0 0 0 .25rem rgba(130, 130, 130, .5)
}

.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled {
    color: #828282;
    background-color:transparent
}

.btn-outline-gray-600 {
    color: #666;
    border-color:#666
}

.btn-outline-gray-600:hover {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-check:focus + .btn-outline-gray-600, .btn-outline-gray-600:focus {
    box-shadow:0 0 0 .25rem rgba(102, 102, 102, .5)
}

.btn-check:active + .btn-outline-gray-600, .btn-check:checked + .btn-outline-gray-600, .btn-outline-gray-600.active, .btn-outline-gray-600.dropdown-toggle.show, .btn-outline-gray-600:active {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-check:active + .btn-outline-gray-600:focus, .btn-check:checked + .btn-outline-gray-600:focus, .btn-outline-gray-600.active:focus, .btn-outline-gray-600.dropdown-toggle.show:focus, .btn-outline-gray-600:active:focus {
    box-shadow:0 0 0 .25rem rgba(102, 102, 102, .5)
}

.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled {
    color: #666;
    background-color:transparent
}

.btn-outline-gray-700 {
    color: #404040;
    border-color:#404040
}

.btn-outline-gray-700:hover {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-check:focus + .btn-outline-gray-700, .btn-outline-gray-700:focus {
    box-shadow:0 0 0 .25rem rgba(64, 64, 64, .5)
}

.btn-check:active + .btn-outline-gray-700, .btn-check:checked + .btn-outline-gray-700, .btn-outline-gray-700.active, .btn-outline-gray-700.dropdown-toggle.show, .btn-outline-gray-700:active {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-check:active + .btn-outline-gray-700:focus, .btn-check:checked + .btn-outline-gray-700:focus, .btn-outline-gray-700.active:focus, .btn-outline-gray-700.dropdown-toggle.show:focus, .btn-outline-gray-700:active:focus {
    box-shadow:0 0 0 .25rem rgba(64, 64, 64, .5)
}

.btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled {
    color: #404040;
    background-color:transparent
}

.btn-outline-gray-800 {
    color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-outline-gray-800:hover {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-check:focus + .btn-outline-gray-800, .btn-outline-gray-800:focus {
    box-shadow:0 0 0 .25rem rgba(26, 26, 26, .5)
}

.btn-check:active + .btn-outline-gray-800, .btn-check:checked + .btn-outline-gray-800, .btn-outline-gray-800.active, .btn-outline-gray-800.dropdown-toggle.show, .btn-outline-gray-800:active {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-check:active + .btn-outline-gray-800:focus, .btn-check:checked + .btn-outline-gray-800:focus, .btn-outline-gray-800.active:focus, .btn-outline-gray-800.dropdown-toggle.show:focus, .btn-outline-gray-800:active:focus {
    box-shadow:0 0 0 .25rem rgba(26, 26, 26, .5)
}

.btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled {
    color: #1a1a1a;
    background-color:transparent
}

.btn-outline-gray-900 {
    color: #000;
    border-color:#000
}

.btn-outline-gray-900:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-outline-gray-900, .btn-outline-gray-900:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-check:active + .btn-outline-gray-900, .btn-check:checked + .btn-outline-gray-900, .btn-outline-gray-900.active, .btn-outline-gray-900.dropdown-toggle.show, .btn-outline-gray-900:active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-outline-gray-900:focus, .btn-check:checked + .btn-outline-gray-900:focus, .btn-outline-gray-900.active:focus, .btn-outline-gray-900.dropdown-toggle.show:focus, .btn-outline-gray-900:active:focus {
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled {
    color: #000;
    background-color:transparent
}

.btn-link {
    font-weight: 400;
    color: #1c75ee;
    text-decoration:underline
}

.btn-link:hover {
    color:#165ebe
}

.btn-link.disabled, .btn-link:disabled {
    color:#666
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: .875rem;
    border-radius:15px
}

.btn-group-sm > .btn, .btn-sm {
    padding: .3125rem .625rem;
    font-size: .75rem;
    border-radius:3px
}

.fade {
    transition:opacity .15s linear
}

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

.fade:not(.show) {
    opacity:0
}

.collapse:not(.show) {
    display:none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition:height .35s ease
}

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

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition:width .35s ease
}

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

.dropdown, .dropend, .dropstart, .dropup {
    position:relative
}

.dropdown-toggle {
    white-space:nowrap
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: .75rem;
    color: var(--app-component-color);
    text-align: left;
    list-style: none;
    background-color: var(--app-component-dropdown-bg);
    background-clip: padding-box;
    border: 0 solid rgba(var(--app-component-color-rgb), .1);
    border-radius:4px
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top:.125rem
}

.dropdown-menu-start {
    --bs-position:start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left:0
}

.dropdown-menu-end {
    --bs-position:end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left:auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left:0
    }

    .dropdown-menu-sm-end {
        --bs-position:end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left:auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom:.125rem
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left:.125rem
}

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

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right:.125rem
}

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

.dropdown-divider {
    height: 0;
    margin: .46875rem 0;
    overflow: hidden;
    border-top:1px solid rgba(var(--app-component-color-rgb), .1)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .309375rem .9375rem;
    clear: both;
    font-weight: 400;
    color: rgba(var(--app-component-color-rgb), .85);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border:0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--app-component-color);
    background-color:var(--app-component-dropdown-hover-bg)
}

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

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #828282;
    pointer-events: none;
    background-color:transparent
}

.dropdown-menu.show {
    display:block
}

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

.dropdown-item-text {
    display: block;
    padding: .309375rem .9375rem;
    color:rgba(var(--app-component-color-rgb), .85)
}

.dropdown-menu-dark {
    color: #828282;
    background-color: #1a1a1a;
    border-color:rgba(var(--app-component-color-rgb), .1)
}

.dropdown-menu-dark .dropdown-item {
    color:#828282
}

.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color:#404040
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    color: var(--app-component-active-color);
    background-color:var(--app-component-active-bg)
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
    color:#828282
}

.dropdown-menu-dark .dropdown-divider {
    border-color:#404040
}

.dropdown-menu-dark .dropdown-item-text {
    color:#828282
}

.dropdown-menu-dark .dropdown-header {
    color:#828282
}

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

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

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index:1
}

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

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

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

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

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius:0
}

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

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

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

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .46875rem;
    padding-left:.46875rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left:.75rem
}

.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-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
    margin-top:-1px
}

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

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style:none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    font-weight: 500;
    color: rgba(var(--app-component-color-rgb), .5);
    text-decoration: none;
    transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

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

.nav-link:focus, .nav-link:hover {
    color:var(--app-component-color)
}

.nav-link.disabled {
    color: #a6a6a6;
    pointer-events: none;
    cursor:default
}

.nav-tabs {
    border-bottom:0 solid transparent
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    background: 0 0;
    border: 0 solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation:isolate
}

.nav-tabs .nav-link.disabled {
    color: #a6a6a6;
    background-color: transparent;
    border-color:transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
    border-color:transparent
}

.nav-tabs .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius:4px
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--app-component-active-color);
    background-color:var(--app-component-active-bg)
}

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align:center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align:center
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width:100%
}

.tab-content > .tab-pane {
    display:none
}

.tab-content > .active {
    display:block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .46875rem;
    padding-bottom:.46875rem
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content:space-between
}

.navbar-brand {
    padding-top: .40625rem;
    padding-bottom: .40625rem;
    margin-right: 1rem;
    font-size: .875rem;
    text-decoration: none;
    white-space:nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style:none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left:0
}

.navbar-nav .dropdown-menu {
    position:static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom:.5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items:center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    transition:box-shadow .15s ease-in-out
}

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

.navbar-toggler:hover {
    text-decoration:none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y:auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content:flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction:row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position:absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left:.5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow:visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis:auto
    }

    .navbar-expand-sm .navbar-toggler {
        display:none
    }

    .navbar-expand-sm .offcanvas-header {
        display:none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform:none
    }

    .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom:0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y:visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content:flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction:row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position:absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left:.5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow:visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis:auto
    }

    .navbar-expand-md .navbar-toggler {
        display:none
    }

    .navbar-expand-md .offcanvas-header {
        display:none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform:none
    }

    .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom:0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y:visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content:flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction:row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position:absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left:.5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow:visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis:auto
    }

    .navbar-expand-lg .navbar-toggler {
        display:none
    }

    .navbar-expand-lg .offcanvas-header {
        display:none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform:none
    }

    .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom:0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y:visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content:flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction:row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position:absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left:.5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow:visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis:auto
    }

    .navbar-expand-xl .navbar-toggler {
        display:none
    }

    .navbar-expand-xl .offcanvas-header {
        display:none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform:none
    }

    .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom:0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y:visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content:flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction:row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position:absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left:.5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow:visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis:auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display:none
    }

    .navbar-expand-xxl .offcanvas-header {
        display:none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform:none
    }

    .navbar-expand-xxl .offcanvas-bottom, .navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom:0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y:visible
    }
}

@media (min-width: 1800px) {
    .navbar-expand-xxxl {
        flex-wrap: nowrap;
        justify-content:flex-start
    }

    .navbar-expand-xxxl .navbar-nav {
        flex-direction:row
    }

    .navbar-expand-xxxl .navbar-nav .dropdown-menu {
        position:absolute
    }

    .navbar-expand-xxxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left:.5rem
    }

    .navbar-expand-xxxl .navbar-nav-scroll {
        overflow:visible
    }

    .navbar-expand-xxxl .navbar-collapse {
        display: flex !important;
        flex-basis:auto
    }

    .navbar-expand-xxxl .navbar-toggler {
        display:none
    }

    .navbar-expand-xxxl .offcanvas-header {
        display:none
    }

    .navbar-expand-xxxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform:none
    }

    .navbar-expand-xxxl .offcanvas-bottom, .navbar-expand-xxxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom:0
    }

    .navbar-expand-xxxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y:visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content:flex-start
}

.navbar-expand .navbar-nav {
    flex-direction:row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position:absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left:.5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow:visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis:auto
}

.navbar-expand .navbar-toggler {
    display:none
}

.navbar-expand .offcanvas-header {
    display:none
}

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform:none
}

.navbar-expand .offcanvas-bottom, .navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom:0
}

.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y:visible
}

.navbar-light .navbar-brand {
    color:rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color:rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color:rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color:rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color:rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color:rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color:rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color:rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color:#fff
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color:#fff
}

.navbar-dark .navbar-nav .nav-link {
    color:rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color:rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
    color:#fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color:rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color:rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color:#fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--app-component-bg);
    background-clip: border-box;
    border: 1px solid rgba(var(--app-component-color-rgb), .1);
    border-radius:4px
}

.card > hr {
    margin-right: 0;
    margin-left:0
}

.card > .list-group {
    border-top: inherit;
    border-bottom:inherit
}

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius:4px
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
    border-top:0
}

.card-body {
    flex: 1 1 auto;
    padding:.9375rem .9375rem
}

.card-title {
    margin-bottom:.46875rem
}

.card-subtitle {
    margin-top: -.234375rem;
    margin-bottom:0
}

.card-text:last-child {
    margin-bottom:0
}

.card-link + .card-link {
    margin-left:.9375rem
}

.card-header {
    padding: .46875rem .9375rem;
    margin-bottom: 0;
    background-color: rgba(26, 26, 26, .075);
    border-bottom:1px solid rgba(var(--app-component-color-rgb), .1)
}

.card-header:first-child {
    border-radius:4px 4px 0 0
}

.card-footer {
    padding: .46875rem .9375rem;
    background-color: rgba(26, 26, 26, .075);
    border-top:1px solid rgba(var(--app-component-color-rgb), .1)
}

.card-footer:last-child {
    border-radius:0 0 4px 4px
}

.card-header-tabs {
    margin-right: -.46875rem;
    margin-bottom: -.46875rem;
    margin-left: -.46875rem;
    border-bottom:0
}

.card-header-pills {
    margin-right: -.46875rem;
    margin-left:-.46875rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .9375rem;
    border-radius:4px
}

.card-img, .card-img-bottom, .card-img-top {
    width:100%
}

.card-img, .card-img-top {
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius:4px
}

.card-group > .card {
    margin-bottom:10px
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow:row wrap
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom:0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left:0
    }

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius:0
    }

    .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius:0
    }

    .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius:0
    }

    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius:0
    }

    .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius:0
    }

    .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius:0
    }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style:none
}

.breadcrumb-item + .breadcrumb-item {
    padding-left:.5rem
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #828282;
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color:#666
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style:none
}

.page-link {
    position: relative;
    display: block;
    color: rgba(var(--app-component-color-rgb), .75);
    text-decoration: none;
    background-color: var(--app-component-bg);
    border: 1px solid transparent;
    transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.page-link:hover {
    z-index: 2;
    color: var(--app-component-hover-color);
    background-color: var(--app-component-hover-bg);
    border-color:transparent
}

.page-link:focus {
    z-index: 3;
    color: #000;
    background-color: #e6e6e6;
    outline: 0;
    box-shadow:0
}

.page-item:not(:first-child) .page-link {
    margin-left:.375rem
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--app-component-active-color);
    background-color: var(--app-component-active-bg);
    border-color:transparent
}

.page-item.disabled .page-link {
    color: var(--app-component-disabled-color);
    pointer-events: none;
    background-color: var(--app-component-disabled-bg);
    border-color:transparent
}

.page-link {
    padding:.375rem .75rem
}

.page-item .page-link {
    border-radius:4px
}

.pagination-lg .page-link {
    padding: .75rem 1.35rem;
    font-size:.875rem
}

.pagination-lg .page-item .page-link {
    border-radius:6px
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size:.6875rem
}

.pagination-sm .page-item .page-link {
    border-radius:3px
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius:4px
}

.badge:empty {
    display:none
}

.btn .badge {
    position: relative;
    top:-1px
}

.alert {
    position: relative;
    padding: .9375rem .9375rem;
    margin-bottom: 1rem;
    border: 0 solid transparent;
    border-radius:4px
}

.alert-heading {
    color:inherit
}

.alert-link {
    font-weight:500
}

.alert-dismissible {
    padding-right:2.8125rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding:1.171875rem .9375rem
}

.alert-default {
    color: rgba(15, 15, 15, .775);
    background-color: rgba(255, 255, 255, .775);
    border-color:rgba(255, 255, 255, .775)
}

.alert-default .alert-link {
    color:rgba(11, 11, 11, .82)
}

.alert-primary {
    color: #082347;
    background-color: #bbd6fa;
    border-color:#bbd6fa
}

.alert-primary .alert-link {
    color:#061c39
}

.alert-secondary {
    color: rgba(15, 15, 15, .775);
    background-color: rgba(255, 255, 255, .775);
    border-color:rgba(255, 255, 255, .775)
}

.alert-secondary .alert-link {
    color:rgba(11, 11, 11, .82)
}

.alert-success {
    color: #013a14;
    background-color: #b4ecc6;
    border-color:#b4ecc6
}

.alert-success .alert-link {
    color:#012e10
}

.alert-info {
    color: #003d4d;
    background-color: #b3efff;
    border-color:#b3efff
}

.alert-info .alert-link {
    color:#00313e
}

.alert-warning {
    color: #4d2500;
    background-color: #ffd7b3;
    border-color:#ffd7b3
}

.alert-warning .alert-link {
    color:#3e1e00
}

.alert-danger {
    color: #4d1001;
    background-color: #ffc2b3;
    border-color:#ffc2b3
}

.alert-danger .alert-link {
    color:#3e0d01
}

.alert-light {
    color: rgba(6, 6, 6, .73);
    background-color: rgba(255, 255, 255, .73);
    border-color:rgba(255, 255, 255, .73)
}

.alert-light .alert-link {
    color:rgba(4, 4, 4, .784)
}

.alert-dark {
    color: #000;
    background-color: #b3b3b3;
    border-color:#b3b3b3
}

.alert-dark .alert-link {
    color:#000
}

.alert-inverse {
    color: #000;
    background-color: #b3b3b3;
    border-color:#b3b3b3
}

.alert-inverse .alert-link {
    color:#000
}

.alert-blue {
    color: #082347;
    background-color: #bbd6fa;
    border-color:#bbd6fa
}

.alert-blue .alert-link {
    color:#061c39
}

.alert-red {
    color: #4d1001;
    background-color: #ffc2b3;
    border-color:#ffc2b3
}

.alert-red .alert-link {
    color:#3e0d01
}

.alert-orange {
    color: #4d2500;
    background-color: #ffd7b3;
    border-color:#ffd7b3
}

.alert-orange .alert-link {
    color:#3e1e00
}

.alert-yellow {
    color: #4d4100;
    background-color: #fff4b3;
    border-color:#fff4b3
}

.alert-yellow .alert-link {
    color:#3e3400
}

.alert-green {
    color: #013a14;
    background-color: #b4ecc6;
    border-color:#b4ecc6
}

.alert-green .alert-link {
    color:#012e10
}

.alert-teal {
    color: #003d3d;
    background-color: #b3efef;
    border-color:#b3efef
}

.alert-teal .alert-link {
    color:#003131
}

.alert-lime {
    color: #3a4600;
    background-color: #edf8b3;
    border-color:#edf8b3
}

.alert-lime .alert-link {
    color:#2e3800
}

.alert-white {
    color: #4d4d4d;
    background-color: #fff;
    border-color:#fff
}

.alert-white .alert-link {
    color:#3e3e3e
}

.alert-gray {
    color: #1f1f1f;
    background-color: #d1d1d1;
    border-color:#d1d1d1
}

.alert-gray .alert-link {
    color:#191919
}

.alert-gray-dark {
    color: #080808;
    background-color: #bababa;
    border-color:#bababa
}

.alert-gray-dark .alert-link {
    color:#060606
}

.alert-muted {
    color: #272727;
    background-color: #dadada;
    border-color:#dadada
}

.alert-muted .alert-link {
    color:#1f1f1f
}

.alert-black {
    color: #000;
    background-color: #b3b3b3;
    border-color:#b3b3b3
}

.alert-black .alert-link {
    color:#000
}

.alert-silver {
    color: #474747;
    background-color: #fafafa;
    border-color:#fafafa
}

.alert-silver .alert-link {
    color:#393939
}

.alert-gray-100 {
    color: #494949;
    background-color: #fbfbfb;
    border-color:#fbfbfb
}

.alert-gray-100 .alert-link {
    color:#3a3a3a
}

.alert-gray-200 {
    color: #454545;
    background-color: #f8f8f8;
    border-color:#f8f8f8
}

.alert-gray-200 .alert-link {
    color:#373737
}

.alert-gray-300 {
    color: #3d3d3d;
    background-color: #f0f0f0;
    border-color:#f0f0f0
}

.alert-gray-300 .alert-link {
    color:#313131
}

.alert-gray-400 {
    color: #323232;
    background-color: #e4e4e4;
    border-color:#e4e4e4
}

.alert-gray-400 .alert-link {
    color:#282828
}

.alert-gray-500 {
    color: #272727;
    background-color: #dadada;
    border-color:#dadada
}

.alert-gray-500 .alert-link {
    color:#1f1f1f
}

.alert-gray-600 {
    color: #1f1f1f;
    background-color: #d1d1d1;
    border-color:#d1d1d1
}

.alert-gray-600 .alert-link {
    color:#191919
}

.alert-gray-700 {
    color: #131313;
    background-color: #c6c6c6;
    border-color:#c6c6c6
}

.alert-gray-700 .alert-link {
    color:#0f0f0f
}

.alert-gray-800 {
    color: #080808;
    background-color: #bababa;
    border-color:#bababa
}

.alert-gray-800 .alert-link {
    color:#060606
}

.alert-gray-900 {
    color: #000;
    background-color: #b3b3b3;
    border-color:#b3b3b3
}

.alert-gray-900 .alert-link {
    color:#000
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x:1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x:1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .5625rem;
    background-color: var(--app-component-secondary-bg);
    border-radius:4px
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #1c75ee;
    transition:width .6s ease
}

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

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius:4px
}

.list-group-numbered {
    list-style-type: none;
    counter-reset:section
}

.list-group-numbered > li::before {
    content: counters(section, ".") ". ";
    counter-increment:section
}

.list-group-item-action {
    width: 100%;
    color: var(--app-component-color);
    text-align:inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: var(--app-component-color);
    text-decoration: none;
    background-color:var(--app-component-hover-bg)
}

.list-group-item-action:active {
    color: var(--app-component-active-color);
    background-color:var(--app-component-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: .703125rem .9375rem;
    color: var(--app-component-color);
    text-decoration: none;
    background-color: var(--app-component-bg);
    border:1px solid var(--app-component-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius:inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius:inherit
}

.list-group-item.disabled, .list-group-item:disabled {
    color: var(--app-component-disabled-color);
    pointer-events: none;
    background-color:var(--app-component-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--app-component-active-color);
    background-color: var(--app-component-active-bg);
    border-color:var(--app-component-active-border-color)
}

.list-group-item + .list-group-item {
    border-top-width:0
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width:1px
}

.list-group-horizontal {
    flex-direction:row
}

.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius:0
}

.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius:0
}

.list-group-horizontal > .list-group-item.active {
    margin-top:0
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width:0
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width:1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: 4px;
        border-top-right-radius:0
    }

    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius:0
    }

    .list-group-horizontal-sm > .list-group-item.active {
        margin-top:0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width:0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width:1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: 4px;
        border-top-right-radius:0
    }

    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius:0
    }

    .list-group-horizontal-md > .list-group-item.active {
        margin-top:0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width:0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width:1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: 4px;
        border-top-right-radius:0
    }

    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius:0
    }

    .list-group-horizontal-lg > .list-group-item.active {
        margin-top:0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width:0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width:1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: 4px;
        border-top-right-radius:0
    }

    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius:0
    }

    .list-group-horizontal-xl > .list-group-item.active {
        margin-top:0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width:0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width:1px
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: 4px;
        border-top-right-radius:0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius:0
    }

    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top:0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width:0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width:1px
    }
}

@media (min-width: 1800px) {
    .list-group-horizontal-xxxl {
        flex-direction:row
    }

    .list-group-horizontal-xxxl > .list-group-item:first-child {
        border-bottom-left-radius: 4px;
        border-top-right-radius:0
    }

    .list-group-horizontal-xxxl > .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius:0
    }

    .list-group-horizontal-xxxl > .list-group-item.active {
        margin-top:0
    }

    .list-group-horizontal-xxxl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width:0
    }

    .list-group-horizontal-xxxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width:1px
    }
}

.list-group-flush {
    border-radius:0
}

.list-group-flush > .list-group-item {
    border-width:0 0 1px
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width:0
}

.list-group-item-default {
    color: rgba(22, 22, 22, .7);
    background-color:rgba(255, 255, 255, .85)
}

.list-group-item-default.list-group-item-action:focus, .list-group-item-default.list-group-item-action:hover {
    color: rgba(22, 22, 22, .7);
    background-color:rgba(222, 222, 222, .865)
}

.list-group-item-default.list-group-item-action.active {
    color: #fff;
    background-color: rgba(22, 22, 22, .7);
    border-color:rgba(22, 22, 22, .7)
}

.list-group-item-primary {
    color: #11468f;
    background-color:#d2e3fc
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #11468f;
    background-color:#bdcce3
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #11468f;
    border-color:#11468f
}

.list-group-item-secondary {
    color: rgba(22, 22, 22, .7);
    background-color:rgba(255, 255, 255, .85)
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: rgba(22, 22, 22, .7);
    background-color:rgba(222, 222, 222, .865)
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: rgba(22, 22, 22, .7);
    border-color:rgba(22, 22, 22, .7)
}

.list-group-item-success {
    color: #027428;
    background-color:#cdf3d9
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #027428;
    background-color:#b9dbc3
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #027428;
    border-color:#027428
}

.list-group-item-info {
    color: #005166;
    background-color:#ccf5ff
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #005166;
    background-color:#b8dde6
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #005166;
    border-color:#005166
}

.list-group-item-warning {
    color: #994a01;
    background-color:#ffe5cc
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #994a01;
    background-color:#e6ceb8
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #994a01;
    border-color:#994a01
}

.list-group-item-danger {
    color: #992001;
    background-color:#ffd7cc
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #992001;
    background-color:#e6c2b8
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #992001;
    border-color:#992001
}

.list-group-item-light {
    color: rgba(9, 9, 9, .64);
    background-color:rgba(255, 255, 255, .82)
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: rgba(9, 9, 9, .64);
    background-color:rgba(220, 220, 220, .838)
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: rgba(9, 9, 9, .64);
    border-color:rgba(9, 9, 9, .64)
}

.list-group-item-dark {
    color: #000;
    background-color:#ccc
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #000;
    background-color:#b8b8b8
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.list-group-item-inverse {
    color: #000;
    background-color:#ccc
}

.list-group-item-inverse.list-group-item-action:focus, .list-group-item-inverse.list-group-item-action:hover {
    color: #000;
    background-color:#b8b8b8
}

.list-group-item-inverse.list-group-item-action.active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.list-group-item-blue {
    color: #11468f;
    background-color:#d2e3fc
}

.list-group-item-blue.list-group-item-action:focus, .list-group-item-blue.list-group-item-action:hover {
    color: #11468f;
    background-color:#bdcce3
}

.list-group-item-blue.list-group-item-action.active {
    color: #fff;
    background-color: #11468f;
    border-color:#11468f
}

.list-group-item-red {
    color: #992001;
    background-color:#ffd7cc
}

.list-group-item-red.list-group-item-action:focus, .list-group-item-red.list-group-item-action:hover {
    color: #992001;
    background-color:#e6c2b8
}

.list-group-item-red.list-group-item-action.active {
    color: #fff;
    background-color: #992001;
    border-color:#992001
}

.list-group-item-orange {
    color: #994a01;
    background-color:#ffe5cc
}

.list-group-item-orange.list-group-item-action:focus, .list-group-item-orange.list-group-item-action:hover {
    color: #994a01;
    background-color:#e6ceb8
}

.list-group-item-orange.list-group-item-action.active {
    color: #fff;
    background-color: #994a01;
    border-color:#994a01
}

.list-group-item-yellow {
    color: #665700;
    background-color:#fff7cc
}

.list-group-item-yellow.list-group-item-action:focus, .list-group-item-yellow.list-group-item-action:hover {
    color: #665700;
    background-color:#e6deb8
}

.list-group-item-yellow.list-group-item-action.active {
    color: #fff;
    background-color: #665700;
    border-color:#665700
}

.list-group-item-green {
    color: #027428;
    background-color:#cdf3d9
}

.list-group-item-green.list-group-item-action:focus, .list-group-item-green.list-group-item-action:hover {
    color: #027428;
    background-color:#b9dbc3
}

.list-group-item-green.list-group-item-action.active {
    color: #fff;
    background-color: #027428;
    border-color:#027428
}

.list-group-item-teal {
    color: #005151;
    background-color:#ccf4f4
}

.list-group-item-teal.list-group-item-action:focus, .list-group-item-teal.list-group-item-action:hover {
    color: #005151;
    background-color:#b8dcdc
}

.list-group-item-teal.list-group-item-action.active {
    color: #fff;
    background-color: #005151;
    border-color:#005151
}

.list-group-item-lime {
    color: #4e5d00;
    background-color:#f3fbcc
}

.list-group-item-lime.list-group-item-action:focus, .list-group-item-lime.list-group-item-action:hover {
    color: #4e5d00;
    background-color:#dbe2b8
}

.list-group-item-lime.list-group-item-action.active {
    color: #fff;
    background-color: #4e5d00;
    border-color:#4e5d00
}

.list-group-item-white {
    color: #666;
    background-color:#fff
}

.list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover {
    color: #666;
    background-color:#e6e6e6
}

.list-group-item-white.list-group-item-action.active {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.list-group-item-gray {
    color: #3d3d3d;
    background-color:#e0e0e0
}

.list-group-item-gray.list-group-item-action:focus, .list-group-item-gray.list-group-item-action:hover {
    color: #3d3d3d;
    background-color:#cacaca
}

.list-group-item-gray.list-group-item-action.active {
    color: #fff;
    background-color: #3d3d3d;
    border-color:#3d3d3d
}

.list-group-item-gray-dark {
    color: #101010;
    background-color:#d1d1d1
}

.list-group-item-gray-dark.list-group-item-action:focus, .list-group-item-gray-dark.list-group-item-action:hover {
    color: #101010;
    background-color:#bcbcbc
}

.list-group-item-gray-dark.list-group-item-action.active {
    color: #fff;
    background-color: #101010;
    border-color:#101010
}

.list-group-item-muted {
    color: #4e4e4e;
    background-color:#e6e6e6
}

.list-group-item-muted.list-group-item-action:focus, .list-group-item-muted.list-group-item-action:hover {
    color: #4e4e4e;
    background-color:#cfcfcf
}

.list-group-item-muted.list-group-item-action.active {
    color: #fff;
    background-color: #4e4e4e;
    border-color:#4e4e4e
}

.list-group-item-black {
    color: #000;
    background-color:#ccc
}

.list-group-item-black.list-group-item-action:focus, .list-group-item-black.list-group-item-action:hover {
    color: #000;
    background-color:#b8b8b8
}

.list-group-item-black.list-group-item-action.active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.list-group-item-silver {
    color: #5f5f5f;
    background-color:#fcfcfc
}

.list-group-item-silver.list-group-item-action:focus, .list-group-item-silver.list-group-item-action:hover {
    color: #5f5f5f;
    background-color:#e3e3e3
}

.list-group-item-silver.list-group-item-action.active {
    color: #fff;
    background-color: #5f5f5f;
    border-color:#5f5f5f
}

.list-group-item-gray-100 {
    color: #616161;
    background-color:#fcfcfc
}

.list-group-item-gray-100.list-group-item-action:focus, .list-group-item-gray-100.list-group-item-action:hover {
    color: #616161;
    background-color:#e3e3e3
}

.list-group-item-gray-100.list-group-item-action.active {
    color: #fff;
    background-color: #616161;
    border-color:#616161
}

.list-group-item-gray-200 {
    color: #5c5c5c;
    background-color:#fafafa
}

.list-group-item-gray-200.list-group-item-action:focus, .list-group-item-gray-200.list-group-item-action:hover {
    color: #5c5c5c;
    background-color:#e1e1e1
}

.list-group-item-gray-200.list-group-item-action.active {
    color: #fff;
    background-color: #5c5c5c;
    border-color:#5c5c5c
}

.list-group-item-gray-300 {
    color: #525252;
    background-color:#f5f5f5
}

.list-group-item-gray-300.list-group-item-action:focus, .list-group-item-gray-300.list-group-item-action:hover {
    color: #525252;
    background-color:#ddd
}

.list-group-item-gray-300.list-group-item-action.active {
    color: #fff;
    background-color: #525252;
    border-color:#525252
}

.list-group-item-gray-400 {
    color: #646464;
    background-color:#ededed
}

.list-group-item-gray-400.list-group-item-action:focus, .list-group-item-gray-400.list-group-item-action:hover {
    color: #646464;
    background-color:#d5d5d5
}

.list-group-item-gray-400.list-group-item-action.active {
    color: #fff;
    background-color: #646464;
    border-color:#646464
}

.list-group-item-gray-500 {
    color: #4e4e4e;
    background-color:#e6e6e6
}

.list-group-item-gray-500.list-group-item-action:focus, .list-group-item-gray-500.list-group-item-action:hover {
    color: #4e4e4e;
    background-color:#cfcfcf
}

.list-group-item-gray-500.list-group-item-action.active {
    color: #fff;
    background-color: #4e4e4e;
    border-color:#4e4e4e
}

.list-group-item-gray-600 {
    color: #3d3d3d;
    background-color:#e0e0e0
}

.list-group-item-gray-600.list-group-item-action:focus, .list-group-item-gray-600.list-group-item-action:hover {
    color: #3d3d3d;
    background-color:#cacaca
}

.list-group-item-gray-600.list-group-item-action.active {
    color: #fff;
    background-color: #3d3d3d;
    border-color:#3d3d3d
}

.list-group-item-gray-700 {
    color: #262626;
    background-color:#d9d9d9
}

.list-group-item-gray-700.list-group-item-action:focus, .list-group-item-gray-700.list-group-item-action:hover {
    color: #262626;
    background-color:#c3c3c3
}

.list-group-item-gray-700.list-group-item-action.active {
    color: #fff;
    background-color: #262626;
    border-color:#262626
}

.list-group-item-gray-800 {
    color: #101010;
    background-color:#d1d1d1
}

.list-group-item-gray-800.list-group-item-action:focus, .list-group-item-gray-800.list-group-item-action:hover {
    color: #101010;
    background-color:#bcbcbc
}

.list-group-item-gray-800.list-group-item-action.active {
    color: #fff;
    background-color: #101010;
    border-color:#101010
}

.list-group-item-gray-900 {
    color: #000;
    background-color:#ccc
}

.list-group-item-gray-900.list-group-item-action:focus, .list-group-item-gray-900.list-group-item-action:hover {
    color: #000;
    background-color:#b8b8b8
}

.list-group-item-gray-900.list-group-item-action.active {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 4px;
    opacity:.5
}

.btn-close:hover {
    color: #fff;
    text-decoration: none;
    opacity:.75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
    opacity:1
}

.btn-close.disabled, .btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity:.25
}

.btn-close-white {
    filter:invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .8125rem;
    pointer-events: auto;
    background-color: rgba(var(--app-component-dropdown-bg-rgb), .98);
    background-clip: padding-box;
    border: 0 solid var(--app-component-dropdown-border-color);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius:4px
}

.toast.showing {
    opacity:0
}

.toast:not(.show) {
    display:none
}

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events:none
}

.toast-container > :not(:last-child) {
    margin-bottom:10px
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: var(--app-component-color);
    background-color: rgba(var(--app-component-dropdown-bg-rgb), .85);
    background-clip: padding-box;
    border-bottom: 0 solid rgba(0, 0, 0, .05);
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left:.75rem
}

.toast-body {
    padding: .75rem;
    word-wrap:break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline:0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events:none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform:translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition:none
    }
}

.modal.show .modal-dialog {
    transform:none
}

.modal.modal-static .modal-dialog {
    transform:scale(1.02)
}

.modal-dialog-scrollable {
    height:calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow:hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y:auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height:calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--app-component-modal-bg);
    background-clip: padding-box;
    border: 0 solid var(--app-component-modal-border-color);
    border-radius: 6px;
    outline:0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color:#000
}

.modal-backdrop.fade {
    opacity:0
}

.modal-backdrop.show {
    opacity:.85
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: .9375rem .9375rem;
    border-bottom: 1px solid var(--app-component-modal-border-color);
    border-top-left-radius: 6px;
    border-top-right-radius:6px
}

.modal-header .btn-close {
    padding: .46875rem .46875rem;
    margin:-.46875rem -.46875rem -.46875rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height:1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding:.9375rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .6875rem;
    border-top: 1px solid var(--app-component-modal-border-color);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius:6px
}

.modal-footer > * {
    margin:.25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin:1.75rem auto
    }

    .modal-dialog-scrollable {
        height:calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height:calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width:300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin:0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius:0
}

.modal-fullscreen .modal-header {
    border-radius:0
}

.modal-fullscreen .modal-body {
    overflow-y:auto
}

.modal-fullscreen .modal-footer {
    border-radius:0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin:0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius:0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius:0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y:auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius:0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin:0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius:0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius:0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y:auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius:0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin:0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius:0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius:0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y:auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius:0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin:0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius:0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius:0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y:auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius:0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin:0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius:0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius:0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y:auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius:0
    }
}

@media (max-width: 1799.98px) {
    .modal-fullscreen-xxxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin:0
    }

    .modal-fullscreen-xxxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius:0
    }

    .modal-fullscreen-xxxl-down .modal-header {
        border-radius:0
    }

    .modal-fullscreen-xxxl-down .modal-body {
        overflow-y:auto
    }

    .modal-fullscreen-xxxl-down .modal-footer {
        border-radius:0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .75rem;
    word-wrap: break-word;
    opacity:0
}

.tooltip.show {
    opacity:.95
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height:.4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style:solid
}

.bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top {
    padding:.4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom:0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color:#000
}

.bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end {
    padding:0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height:.8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color:#000
}

.bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom {
    padding:.4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top:0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color:#000
}

.bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start {
    padding:0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height:.8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color:#000
}

.tooltip-inner {
    max-width: 200px;
    padding: .234375rem .46875rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius:4px
}

.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:transform .6s ease-in-out
}

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

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display:block
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
    transform:translateX(100%)
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    transform:translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform:none
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity:1
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition:opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        transition:none
    }
}

.carousel-control-next, .carousel-control-prev {
    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: 0 0;
    border: 0;
    opacity: .5;
    transition:opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition:none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity:.9
}

.carousel-control-prev {
    left:0
}

.carousel-control-next {
    right:0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size:100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style:none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition:opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition:none
    }
}

.carousel-indicators .active {
    opacity:1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align:center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter:invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color:#000
}

.carousel-dark .carousel-caption {
    color:#000
}

@-webkit-keyframes spinner-border {
    to {
        transform:rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        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% {
        transform:scale(0)
    }

    50% {
        opacity: 1;
        transform:none
    }
}

@keyframes spinner-grow {
    0% {
        transform:scale(0)
    }

    50% {
        opacity: 1;
        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
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: var(--app-component-modal-bg);
    background-clip: padding-box;
    outline: 0;
    transition:transform .3s ease-in-out
}

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

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color:#000
}

.offcanvas-backdrop.fade {
    opacity:0
}

.offcanvas-backdrop.show {
    opacity:.85
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:.9375rem .9375rem
}

.offcanvas-header .btn-close {
    padding: .46875rem .46875rem;
    margin-top: -.46875rem;
    margin-right: -.46875rem;
    margin-bottom:-.46875rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height:1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: .9375rem .9375rem;
    overflow-y:auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 0 solid var(--app-component-modal-border-color);
    transform:translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 0 solid var(--app-component-modal-border-color);
    transform:translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 0 solid var(--app-component-modal-border-color);
    transform:translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 0 solid var(--app-component-modal-border-color);
    transform:translateY(100%)
}

.offcanvas.show {
    transform:none
}

.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, .8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    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
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-default {
    color:rgba(255, 255, 255, .25)
}

.link-default:focus, .link-default:hover {
    color:rgba(255, 255, 255, .4)
}

.link-primary {
    color:#1c75ee
}

.link-primary:focus, .link-primary:hover {
    color:#4991f1
}

.link-secondary {
    color:rgba(255, 255, 255, .25)
}

.link-secondary:focus, .link-secondary:hover {
    color:rgba(255, 255, 255, .4)
}

.link-success {
    color:#04c142
}

.link-success:focus, .link-success:hover {
    color:#36cd68
}

.link-info {
    color:#00cbff
}

.link-info:focus, .link-info:hover {
    color:#33d5ff
}

.link-warning {
    color:#ff7b01
}

.link-warning:focus, .link-warning:hover {
    color:#ff9534
}

.link-danger {
    color:#ff3502
}

.link-danger:focus, .link-danger:hover {
    color:#ff5d35
}

.link-light {
    color:rgba(255, 255, 255, .1)
}

.link-light:focus, .link-light:hover {
    color:rgba(255, 255, 255, .28)
}

.link-dark {
    color:#000
}

.link-dark:focus, .link-dark:hover {
    color:#000
}

.link-inverse {
    color:#000
}

.link-inverse:focus, .link-inverse:hover {
    color:#000
}

.link-blue {
    color:#1c75ee
}

.link-blue:focus, .link-blue:hover {
    color:#4991f1
}

.link-red {
    color:#ff3502
}

.link-red:focus, .link-red:hover {
    color:#ff5d35
}

.link-orange {
    color:#ff7b01
}

.link-orange:focus, .link-orange:hover {
    color:#ff9534
}

.link-yellow {
    color:#ffd900
}

.link-yellow:focus, .link-yellow:hover {
    color:#ffe133
}

.link-green {
    color:#04c142
}

.link-green:focus, .link-green:hover {
    color:#36cd68
}

.link-teal {
    color:#01caca
}

.link-teal:focus, .link-teal:hover {
    color:#34d5d5
}

.link-lime {
    color:#c2e900
}

.link-lime:focus, .link-lime:hover {
    color:#ceed33
}

.link-white {
    color:#fff
}

.link-white:focus, .link-white:hover {
    color:#fff
}

.link-gray {
    color:#666
}

.link-gray:focus, .link-gray:hover {
    color:#525252
}

.link-gray-dark {
    color:#1a1a1a
}

.link-gray-dark:focus, .link-gray-dark:hover {
    color:#151515
}

.link-muted {
    color:#828282
}

.link-muted:focus, .link-muted:hover {
    color:#9b9b9b
}

.link-black {
    color:#000
}

.link-black:focus, .link-black:hover {
    color:#000
}

.link-silver {
    color:#eee
}

.link-silver:focus, .link-silver:hover {
    color:#f1f1f1
}

.link-gray-100 {
    color:#f2f2f2
}

.link-gray-100:focus, .link-gray-100:hover {
    color:#f5f5f5
}

.link-gray-200 {
    color:#e6e6e6
}

.link-gray-200:focus, .link-gray-200:hover {
    color:#ebebeb
}

.link-gray-300 {
    color:#ccc
}

.link-gray-300:focus, .link-gray-300:hover {
    color:#d6d6d6
}

.link-gray-400 {
    color:#a6a6a6
}

.link-gray-400:focus, .link-gray-400:hover {
    color:#b8b8b8
}

.link-gray-500 {
    color:#828282
}

.link-gray-500:focus, .link-gray-500:hover {
    color:#9b9b9b
}

.link-gray-600 {
    color:#666
}

.link-gray-600:focus, .link-gray-600:hover {
    color:#525252
}

.link-gray-700 {
    color:#404040
}

.link-gray-700:focus, .link-gray-700:hover {
    color:#333
}

.link-gray-800 {
    color:#1a1a1a
}

.link-gray-800:focus, .link-gray-800:hover {
    color:#151515
}

.link-gray-900 {
    color:#000
}

.link-gray-900:focus, .link-gray-900:hover {
    color:#000
}

.ratio {
    position: relative;
    width:100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.ratio-1x1 {
    --bs-aspect-ratio:100%
}

.ratio-4x3 {
    --bs-aspect-ratio:75%
}

.ratio-16x9 {
    --bs-aspect-ratio:56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio:42.8571428571%
}

.fixed-top {
    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
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index:1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index:1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index:1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index:1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index:1020
    }
}

@media (min-width: 1800px) {
    .sticky-xxxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index:1020
    }
}

.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
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border:0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity:.25
}

.align-baseline {
    vertical-align:baseline !important
}

.align-top {
    vertical-align:top !important
}

.align-middle {
    vertical-align:middle !important
}

.align-bottom {
    vertical-align:bottom !important
}

.align-text-bottom {
    vertical-align:text-bottom !important
}

.align-text-top {
    vertical-align:text-top !important
}

.float-start {
    float:left !important
}

.float-end {
    float:right !important
}

.float-none {
    float:none !important
}

.opacity-0 {
    opacity:0 !important
}

.opacity-25 {
    opacity:.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
}

.d-inline {
    display:inline !important
}

.d-inline-block {
    display:inline-block !important
}

.d-block {
    display:block !important
}

.d-grid {
    display:grid !important
}

.d-table {
    display:table !important
}

.d-table-row {
    display:table-row !important
}

.d-table-cell {
    display:table-cell !important
}

.d-flex {
    display:flex !important
}

.d-inline-flex {
    display:inline-flex !important
}

.d-none {
    display:none !important
}

.shadow {
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow:0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow:none !important
}

.position-static {
    position:static !important
}

.position-relative {
    position:relative !important
}

.position-absolute {
    position:absolute !important
}

.position-fixed {
    position:fixed !important
}

.position-sticky {
    position: -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 {
    left:0 !important
}

.start-50 {
    left:50% !important
}

.start-100 {
    left:100% !important
}

.end-0 {
    right:0 !important
}

.end-50 {
    right:50% !important
}

.end-100 {
    right:100% !important
}

.translate-middle {
    transform:translate(-50%, -50%) !important
}

.translate-middle-x {
    transform:translateX(-50%) !important
}

.translate-middle-y {
    transform:translateY(-50%) !important
}

.border {
    border:1px solid rgba(255, 255, 255, .15) !important
}

.border-0 {
    border:0 !important
}

.border-top {
    border-top:1px solid rgba(255, 255, 255, .15) !important
}

.border-top-0 {
    border-top:0 !important
}

.border-end {
    border-right:1px solid rgba(255, 255, 255, .15) !important
}

.border-end-0 {
    border-right:0 !important
}

.border-bottom {
    border-bottom:1px solid rgba(255, 255, 255, .15) !important
}

.border-bottom-0 {
    border-bottom:0 !important
}

.border-start {
    border-left:1px solid rgba(255, 255, 255, .15) !important
}

.border-start-0 {
    border-left:0 !important
}

.border-default {
    border-color:rgba(255, 255, 255, .25) !important
}

.border-primary {
    border-color:#1c75ee !important
}

.border-secondary {
    border-color:rgba(255, 255, 255, .25) !important
}

.border-success {
    border-color:#04c142 !important
}

.border-info {
    border-color:#00cbff !important
}

.border-warning {
    border-color:#ff7b01 !important
}

.border-danger {
    border-color:#ff3502 !important
}

.border-light {
    border-color:rgba(255, 255, 255, .1) !important
}

.border-dark {
    border-color:#000 !important
}

.border-inverse {
    border-color:#000 !important
}

.border-blue {
    border-color:#1c75ee !important
}

.border-red {
    border-color:#ff3502 !important
}

.border-orange {
    border-color:#ff7b01 !important
}

.border-yellow {
    border-color:#ffd900 !important
}

.border-green {
    border-color:#04c142 !important
}

.border-teal {
    border-color:#01caca !important
}

.border-lime {
    border-color:#c2e900 !important
}

.border-white {
    border-color:#fff !important
}

.border-gray {
    border-color:#666 !important
}

.border-gray-dark {
    border-color:#1a1a1a !important
}

.border-muted {
    border-color:#828282 !important
}

.border-black {
    border-color:#000 !important
}

.border-silver {
    border-color:#eee !important
}

.border-gray-100 {
    border-color:#f2f2f2 !important
}

.border-gray-200 {
    border-color:#e6e6e6 !important
}

.border-gray-300 {
    border-color:#ccc !important
}

.border-gray-400 {
    border-color:#a6a6a6 !important
}

.border-gray-500 {
    border-color:#828282 !important
}

.border-gray-600 {
    border-color:#666 !important
}

.border-gray-700 {
    border-color:#404040 !important
}

.border-gray-800 {
    border-color:#1a1a1a !important
}

.border-gray-900 {
    border-color:#000 !important
}

.border-1 {
    border-width:1px !important
}

.border-2 {
    border-width:2px !important
}

.border-3 {
    border-width:3px !important
}

.border-4 {
    border-width:4px !important
}

.border-5 {
    border-width:5px !important
}

.w-25 {
    width:25% !important
}

.w-50 {
    width:50% !important
}

.w-75 {
    width:75% !important
}

.w-100 {
    width:100% !important
}

.w-auto {
    width:auto !important
}

.mw-100 {
    max-width:100% !important
}

.vw-100 {
    width:100vw !important
}

.min-vw-100 {
    min-width:100vw !important
}

.h-25 {
    height:25% !important
}

.h-50 {
    height:50% !important
}

.h-75 {
    height:75% !important
}

.h-100 {
    height:100% !important
}

.h-auto {
    height:auto !important
}

.mh-100 {
    max-height:100% !important
}

.vh-100 {
    height:100vh !important
}

.min-vh-100 {
    min-height:100vh !important
}

.flex-fill {
    flex:1 1 auto !important
}

.flex-row {
    flex-direction:row !important
}

.flex-column {
    flex-direction:column !important
}

.flex-row-reverse {
    flex-direction:row-reverse !important
}

.flex-column-reverse {
    flex-direction:column-reverse !important
}

.flex-grow-0 {
    flex-grow:0 !important
}

.flex-grow-1 {
    flex-grow:1 !important
}

.flex-shrink-0 {
    flex-shrink:0 !important
}

.flex-shrink-1 {
    flex-shrink:1 !important
}

.flex-wrap {
    flex-wrap:wrap !important
}

.flex-nowrap {
    flex-wrap:nowrap !important
}

.flex-wrap-reverse {
    flex-wrap:wrap-reverse !important
}

.gap-0 {
    gap:0 !important
}

.gap-1 {
    gap:.234375rem !important
}

.gap-2 {
    gap:.46875rem !important
}

.gap-3 {
    gap:.9375rem !important
}

.gap-4 {
    gap:1.40625rem !important
}

.gap-5 {
    gap:2.8125rem !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:.234375rem !important
}

.m-2 {
    margin:.46875rem !important
}

.m-3 {
    margin:.9375rem !important
}

.m-4 {
    margin:1.40625rem !important
}

.m-5 {
    margin:2.8125rem !important
}

.m-auto {
    margin:auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left:0 !important
}

.mx-1 {
    margin-right: .234375rem !important;
    margin-left:.234375rem !important
}

.mx-2 {
    margin-right: .46875rem !important;
    margin-left:.46875rem !important
}

.mx-3 {
    margin-right: .9375rem !important;
    margin-left:.9375rem !important
}

.mx-4 {
    margin-right: 1.40625rem !important;
    margin-left:1.40625rem !important
}

.mx-5 {
    margin-right: 2.8125rem !important;
    margin-left:2.8125rem !important
}

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom:0 !important
}

.my-1 {
    margin-top: .234375rem !important;
    margin-bottom:.234375rem !important
}

.my-2 {
    margin-top: .46875rem !important;
    margin-bottom:.46875rem !important
}

.my-3 {
    margin-top: .9375rem !important;
    margin-bottom:.9375rem !important
}

.my-4 {
    margin-top: 1.40625rem !important;
    margin-bottom:1.40625rem !important
}

.my-5 {
    margin-top: 2.8125rem !important;
    margin-bottom:2.8125rem !important
}

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

.mt-0 {
    margin-top:0 !important
}

.mt-1 {
    margin-top:.234375rem !important
}

.mt-2 {
    margin-top:.46875rem !important
}

.mt-3 {
    margin-top:.9375rem !important
}

.mt-4 {
    margin-top:1.40625rem !important
}

.mt-5 {
    margin-top:2.8125rem !important
}

.mt-auto {
    margin-top:auto !important
}

.me-0 {
    margin-right:0 !important
}

.me-1 {
    margin-right:.234375rem !important
}

.me-2 {
    margin-right:.46875rem !important
}

.me-3 {
    margin-right:.9375rem !important
}

.me-4 {
    margin-right:1.40625rem !important
}

.me-5 {
    margin-right:2.8125rem !important
}

.me-auto {
    margin-right:auto !important
}

.mb-0 {
    margin-bottom:0 !important
}

.mb-1 {
    margin-bottom:.234375rem !important
}

.mb-2 {
    margin-bottom:.46875rem !important
}

.mb-3 {
    margin-bottom:.9375rem !important
}

.mb-4 {
    margin-bottom:1.40625rem !important
}

.mb-5 {
    margin-bottom:2.8125rem !important
}

.mb-auto {
    margin-bottom:auto !important
}

.ms-0 {
    margin-left:0 !important
}

.ms-1 {
    margin-left:.234375rem !important
}

.ms-2 {
    margin-left:.46875rem !important
}

.ms-3 {
    margin-left:.9375rem !important
}

.ms-4 {
    margin-left:1.40625rem !important
}

.ms-5 {
    margin-left:2.8125rem !important
}

.ms-auto {
    margin-left:auto !important
}

.m-n1 {
    margin:-.234375rem !important
}

.m-n2 {
    margin:-.46875rem !important
}

.m-n3 {
    margin:-.9375rem !important
}

.m-n4 {
    margin:-1.40625rem !important
}

.m-n5 {
    margin:-2.8125rem !important
}

.mx-n1 {
    margin-right: -.234375rem !important;
    margin-left:-.234375rem !important
}

.mx-n2 {
    margin-right: -.46875rem !important;
    margin-left:-.46875rem !important
}

.mx-n3 {
    margin-right: -.9375rem !important;
    margin-left:-.9375rem !important
}

.mx-n4 {
    margin-right: -1.40625rem !important;
    margin-left:-1.40625rem !important
}

.mx-n5 {
    margin-right: -2.8125rem !important;
    margin-left:-2.8125rem !important
}

.my-n1 {
    margin-top: -.234375rem !important;
    margin-bottom:-.234375rem !important
}

.my-n2 {
    margin-top: -.46875rem !important;
    margin-bottom:-.46875rem !important
}

.my-n3 {
    margin-top: -.9375rem !important;
    margin-bottom:-.9375rem !important
}

.my-n4 {
    margin-top: -1.40625rem !important;
    margin-bottom:-1.40625rem !important
}

.my-n5 {
    margin-top: -2.8125rem !important;
    margin-bottom:-2.8125rem !important
}

.mt-n1 {
    margin-top:-.234375rem !important
}

.mt-n2 {
    margin-top:-.46875rem !important
}

.mt-n3 {
    margin-top:-.9375rem !important
}

.mt-n4 {
    margin-top:-1.40625rem !important
}

.mt-n5 {
    margin-top:-2.8125rem !important
}

.me-n1 {
    margin-right:-.234375rem !important
}

.me-n2 {
    margin-right:-.46875rem !important
}

.me-n3 {
    margin-right:-.9375rem !important
}

.me-n4 {
    margin-right:-1.40625rem !important
}

.me-n5 {
    margin-right:-2.8125rem !important
}

.mb-n1 {
    margin-bottom:-.234375rem !important
}

.mb-n2 {
    margin-bottom:-.46875rem !important
}

.mb-n3 {
    margin-bottom:-.9375rem !important
}

.mb-n4 {
    margin-bottom:-1.40625rem !important
}

.mb-n5 {
    margin-bottom:-2.8125rem !important
}

.ms-n1 {
    margin-left:-.234375rem !important
}

.ms-n2 {
    margin-left:-.46875rem !important
}

.ms-n3 {
    margin-left:-.9375rem !important
}

.ms-n4 {
    margin-left:-1.40625rem !important
}

.ms-n5 {
    margin-left:-2.8125rem !important
}

.p-0 {
    padding:0 !important
}

.p-1 {
    padding:.234375rem !important
}

.p-2 {
    padding:.46875rem !important
}

.p-3 {
    padding:.9375rem !important
}

.p-4 {
    padding:1.40625rem !important
}

.p-5 {
    padding:2.8125rem !important
}

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

.px-1 {
    padding-right: .234375rem !important;
    padding-left:.234375rem !important
}

.px-2 {
    padding-right: .46875rem !important;
    padding-left:.46875rem !important
}

.px-3 {
    padding-right: .9375rem !important;
    padding-left:.9375rem !important
}

.px-4 {
    padding-right: 1.40625rem !important;
    padding-left:1.40625rem !important
}

.px-5 {
    padding-right: 2.8125rem !important;
    padding-left:2.8125rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom:0 !important
}

.py-1 {
    padding-top: .234375rem !important;
    padding-bottom:.234375rem !important
}

.py-2 {
    padding-top: .46875rem !important;
    padding-bottom:.46875rem !important
}

.py-3 {
    padding-top: .9375rem !important;
    padding-bottom:.9375rem !important
}

.py-4 {
    padding-top: 1.40625rem !important;
    padding-bottom:1.40625rem !important
}

.py-5 {
    padding-top: 2.8125rem !important;
    padding-bottom:2.8125rem !important
}

.pt-0 {
    padding-top:0 !important
}

.pt-1 {
    padding-top:.234375rem !important
}

.pt-2 {
    padding-top:.46875rem !important
}

.pt-3 {
    padding-top:.9375rem !important
}

.pt-4 {
    padding-top:1.40625rem !important
}

.pt-5 {
    padding-top:2.8125rem !important
}

.pe-0 {
    padding-right:0 !important
}

.pe-1 {
    padding-right:.234375rem !important
}

.pe-2 {
    padding-right:.46875rem !important
}

.pe-3 {
    padding-right:.9375rem !important
}

.pe-4 {
    padding-right:1.40625rem !important
}

.pe-5 {
    padding-right:2.8125rem !important
}

.pb-0 {
    padding-bottom:0 !important
}

.pb-1 {
    padding-bottom:.234375rem !important
}

.pb-2 {
    padding-bottom:.46875rem !important
}

.pb-3 {
    padding-bottom:.9375rem !important
}

.pb-4 {
    padding-bottom:1.40625rem !important
}

.pb-5 {
    padding-bottom:2.8125rem !important
}

.ps-0 {
    padding-left:0 !important
}

.ps-1 {
    padding-left:.234375rem !important
}

.ps-2 {
    padding-left:.46875rem !important
}

.ps-3 {
    padding-left:.9375rem !important
}

.ps-4 {
    padding-left:1.40625rem !important
}

.ps-5 {
    padding-left:2.8125rem !important
}

.font-monospace {
    font-family:var(--bs-font-monospace) !important
}

.fs-1 {
    font-size:calc(1.3125rem + .75vw) !important
}

.fs-2 {
    font-size:calc(1.275rem + .3vw) !important
}

.fs-3 {
    font-size:calc(1.25625rem + .075vw) !important
}

.fs-4 {
    font-size:1.125rem !important
}

.fs-5 {
    font-size:.9375rem !important
}

.fs-6 {
    font-size:.75rem !important
}

.fst-italic {
    font-style:italic !important
}

.fst-normal {
    font-style:normal !important
}

.fw-light {
    font-weight:300 !important
}

.fw-lighter {
    font-weight:lighter !important
}

.fw-normal {
    font-weight:400 !important
}

.fw-bold {
    font-weight:500 !important
}

.fw-bolder {
    font-weight:700 !important
}

.lh-1 {
    line-height:1 !important
}

.lh-sm {
    line-height:1.4 !important
}

.lh-base {
    line-height:1.5 !important
}

.lh-lg {
    line-height:1.8 !important
}

.text-start {
    text-align:left !important
}

.text-end {
    text-align:right !important
}

.text-center {
    text-align:center !important
}

.text-decoration-none {
    text-decoration:none !important
}

.text-decoration-underline {
    text-decoration:underline !important
}

.text-decoration-line-through {
    text-decoration:line-through !important
}

.text-lowercase {
    text-transform:lowercase !important
}

.text-uppercase {
    text-transform:uppercase !important
}

.text-capitalize {
    text-transform:capitalize !important
}

.text-wrap {
    white-space:normal !important
}

.text-nowrap {
    white-space:nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break:break-word !important
}

.text-default {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-default-rgb), var(--bs-text-opacity)) !important
}

.text-primary {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-inverse {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-inverse-rgb), var(--bs-text-opacity)) !important
}

.text-blue {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important
}

.text-red {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important
}

.text-orange {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important
}

.text-yellow {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important
}

.text-green {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important
}

.text-teal {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important
}

.text-lime {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-gray {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important
}

.text-gray-dark {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color:#828282 !important
}

.text-black {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-silver {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-silver-rgb), var(--bs-text-opacity)) !important
}

.text-gray-100 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important
}

.text-gray-200 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important
}

.text-gray-300 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important
}

.text-gray-400 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important
}

.text-gray-500 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important
}

.text-gray-600 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important
}

.text-gray-700 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important
}

.text-gray-800 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-800-rgb), var(--bs-text-opacity)) !important
}

.text-gray-900 {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, .5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color:inherit !important
}

.text-opacity-25 {
    --bs-text-opacity:0.25
}

.text-opacity-50 {
    --bs-text-opacity:0.5
}

.text-opacity-75 {
    --bs-text-opacity:0.75
}

.text-opacity-100 {
    --bs-text-opacity:1
}

.bg-romainrou {
    background-color: #353433 !important
}

.bg-default {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-default-rgb), var(--bs-bg-opacity)) !important
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-inverse {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-inverse-rgb), var(--bs-bg-opacity)) !important
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important
}

.bg-red {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important
}

.bg-orange {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important
}

.bg-yellow {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important
}

.bg-green {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important
}

.bg-teal {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important
}

.bg-lime {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-dark {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-muted {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-muted-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-silver {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-silver-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color:transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity:0.1
}

.bg-opacity-25 {
    --bs-bg-opacity:0.25
}

.bg-opacity-50 {
    --bs-bg-opacity:0.5
}

.bg-opacity-75 {
    --bs-bg-opacity:0.75
}

.bg-opacity-100 {
    --bs-bg-opacity:1
}

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

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select:auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-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:25px !important
}

.rounded-0 {
    border-radius:0 !important
}

.rounded-1 {
    border-radius:3px !important
}

.rounded-2 {
    border-radius:4px !important
}

.rounded-3 {
    border-radius:6px !important
}

.rounded-circle {
    border-radius:50% !important
}

.rounded-pill {
    border-radius:50rem !important
}

.rounded-top {
    border-top-left-radius: 4px !important;
    border-top-right-radius:4px !important
}

.rounded-end {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius:4px !important
}

.rounded-bottom {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius:4px !important
}

.rounded-start {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius:4px !important
}

.visible {
    visibility:visible !important
}

.invisible {
    visibility:hidden !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left !important
    }

    .float-sm-end {
        float:right !important
    }

    .float-sm-none {
        float:none !important
    }

    .d-sm-inline {
        display:inline !important
    }

    .d-sm-inline-block {
        display:inline-block !important
    }

    .d-sm-block {
        display:block !important
    }

    .d-sm-grid {
        display:grid !important
    }

    .d-sm-table {
        display:table !important
    }

    .d-sm-table-row {
        display:table-row !important
    }

    .d-sm-table-cell {
        display:table-cell !important
    }

    .d-sm-flex {
        display:flex !important
    }

    .d-sm-inline-flex {
        display:inline-flex !important
    }

    .d-sm-none {
        display:none !important
    }

    .flex-sm-fill {
        flex:1 1 auto !important
    }

    .flex-sm-row {
        flex-direction:row !important
    }

    .flex-sm-column {
        flex-direction:column !important
    }

    .flex-sm-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow:0 !important
    }

    .flex-sm-grow-1 {
        flex-grow:1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink:1 !important
    }

    .flex-sm-wrap {
        flex-wrap:wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .gap-sm-0 {
        gap:0 !important
    }

    .gap-sm-1 {
        gap:.234375rem !important
    }

    .gap-sm-2 {
        gap:.46875rem !important
    }

    .gap-sm-3 {
        gap:.9375rem !important
    }

    .gap-sm-4 {
        gap:1.40625rem !important
    }

    .gap-sm-5 {
        gap:2.8125rem !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:.234375rem !important
    }

    .m-sm-2 {
        margin:.46875rem !important
    }

    .m-sm-3 {
        margin:.9375rem !important
    }

    .m-sm-4 {
        margin:1.40625rem !important
    }

    .m-sm-5 {
        margin:2.8125rem !important
    }

    .m-sm-auto {
        margin:auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left:0 !important
    }

    .mx-sm-1 {
        margin-right: .234375rem !important;
        margin-left:.234375rem !important
    }

    .mx-sm-2 {
        margin-right: .46875rem !important;
        margin-left:.46875rem !important
    }

    .mx-sm-3 {
        margin-right: .9375rem !important;
        margin-left:.9375rem !important
    }

    .mx-sm-4 {
        margin-right: 1.40625rem !important;
        margin-left:1.40625rem !important
    }

    .mx-sm-5 {
        margin-right: 2.8125rem !important;
        margin-left:2.8125rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left:auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom:0 !important
    }

    .my-sm-1 {
        margin-top: .234375rem !important;
        margin-bottom:.234375rem !important
    }

    .my-sm-2 {
        margin-top: .46875rem !important;
        margin-bottom:.46875rem !important
    }

    .my-sm-3 {
        margin-top: .9375rem !important;
        margin-bottom:.9375rem !important
    }

    .my-sm-4 {
        margin-top: 1.40625rem !important;
        margin-bottom:1.40625rem !important
    }

    .my-sm-5 {
        margin-top: 2.8125rem !important;
        margin-bottom:2.8125rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom:auto !important
    }

    .mt-sm-0 {
        margin-top:0 !important
    }

    .mt-sm-1 {
        margin-top:.234375rem !important
    }

    .mt-sm-2 {
        margin-top:.46875rem !important
    }

    .mt-sm-3 {
        margin-top:.9375rem !important
    }

    .mt-sm-4 {
        margin-top:1.40625rem !important
    }

    .mt-sm-5 {
        margin-top:2.8125rem !important
    }

    .mt-sm-auto {
        margin-top:auto !important
    }

    .me-sm-0 {
        margin-right:0 !important
    }

    .me-sm-1 {
        margin-right:.234375rem !important
    }

    .me-sm-2 {
        margin-right:.46875rem !important
    }

    .me-sm-3 {
        margin-right:.9375rem !important
    }

    .me-sm-4 {
        margin-right:1.40625rem !important
    }

    .me-sm-5 {
        margin-right:2.8125rem !important
    }

    .me-sm-auto {
        margin-right:auto !important
    }

    .mb-sm-0 {
        margin-bottom:0 !important
    }

    .mb-sm-1 {
        margin-bottom:.234375rem !important
    }

    .mb-sm-2 {
        margin-bottom:.46875rem !important
    }

    .mb-sm-3 {
        margin-bottom:.9375rem !important
    }

    .mb-sm-4 {
        margin-bottom:1.40625rem !important
    }

    .mb-sm-5 {
        margin-bottom:2.8125rem !important
    }

    .mb-sm-auto {
        margin-bottom:auto !important
    }

    .ms-sm-0 {
        margin-left:0 !important
    }

    .ms-sm-1 {
        margin-left:.234375rem !important
    }

    .ms-sm-2 {
        margin-left:.46875rem !important
    }

    .ms-sm-3 {
        margin-left:.9375rem !important
    }

    .ms-sm-4 {
        margin-left:1.40625rem !important
    }

    .ms-sm-5 {
        margin-left:2.8125rem !important
    }

    .ms-sm-auto {
        margin-left:auto !important
    }

    .m-sm-n1 {
        margin:-.234375rem !important
    }

    .m-sm-n2 {
        margin:-.46875rem !important
    }

    .m-sm-n3 {
        margin:-.9375rem !important
    }

    .m-sm-n4 {
        margin:-1.40625rem !important
    }

    .m-sm-n5 {
        margin:-2.8125rem !important
    }

    .mx-sm-n1 {
        margin-right: -.234375rem !important;
        margin-left:-.234375rem !important
    }

    .mx-sm-n2 {
        margin-right: -.46875rem !important;
        margin-left:-.46875rem !important
    }

    .mx-sm-n3 {
        margin-right: -.9375rem !important;
        margin-left:-.9375rem !important
    }

    .mx-sm-n4 {
        margin-right: -1.40625rem !important;
        margin-left:-1.40625rem !important
    }

    .mx-sm-n5 {
        margin-right: -2.8125rem !important;
        margin-left:-2.8125rem !important
    }

    .my-sm-n1 {
        margin-top: -.234375rem !important;
        margin-bottom:-.234375rem !important
    }

    .my-sm-n2 {
        margin-top: -.46875rem !important;
        margin-bottom:-.46875rem !important
    }

    .my-sm-n3 {
        margin-top: -.9375rem !important;
        margin-bottom:-.9375rem !important
    }

    .my-sm-n4 {
        margin-top: -1.40625rem !important;
        margin-bottom:-1.40625rem !important
    }

    .my-sm-n5 {
        margin-top: -2.8125rem !important;
        margin-bottom:-2.8125rem !important
    }

    .mt-sm-n1 {
        margin-top:-.234375rem !important
    }

    .mt-sm-n2 {
        margin-top:-.46875rem !important
    }

    .mt-sm-n3 {
        margin-top:-.9375rem !important
    }

    .mt-sm-n4 {
        margin-top:-1.40625rem !important
    }

    .mt-sm-n5 {
        margin-top:-2.8125rem !important
    }

    .me-sm-n1 {
        margin-right:-.234375rem !important
    }

    .me-sm-n2 {
        margin-right:-.46875rem !important
    }

    .me-sm-n3 {
        margin-right:-.9375rem !important
    }

    .me-sm-n4 {
        margin-right:-1.40625rem !important
    }

    .me-sm-n5 {
        margin-right:-2.8125rem !important
    }

    .mb-sm-n1 {
        margin-bottom:-.234375rem !important
    }

    .mb-sm-n2 {
        margin-bottom:-.46875rem !important
    }

    .mb-sm-n3 {
        margin-bottom:-.9375rem !important
    }

    .mb-sm-n4 {
        margin-bottom:-1.40625rem !important
    }

    .mb-sm-n5 {
        margin-bottom:-2.8125rem !important
    }

    .ms-sm-n1 {
        margin-left:-.234375rem !important
    }

    .ms-sm-n2 {
        margin-left:-.46875rem !important
    }

    .ms-sm-n3 {
        margin-left:-.9375rem !important
    }

    .ms-sm-n4 {
        margin-left:-1.40625rem !important
    }

    .ms-sm-n5 {
        margin-left:-2.8125rem !important
    }

    .p-sm-0 {
        padding:0 !important
    }

    .p-sm-1 {
        padding:.234375rem !important
    }

    .p-sm-2 {
        padding:.46875rem !important
    }

    .p-sm-3 {
        padding:.9375rem !important
    }

    .p-sm-4 {
        padding:1.40625rem !important
    }

    .p-sm-5 {
        padding:2.8125rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left:0 !important
    }

    .px-sm-1 {
        padding-right: .234375rem !important;
        padding-left:.234375rem !important
    }

    .px-sm-2 {
        padding-right: .46875rem !important;
        padding-left:.46875rem !important
    }

    .px-sm-3 {
        padding-right: .9375rem !important;
        padding-left:.9375rem !important
    }

    .px-sm-4 {
        padding-right: 1.40625rem !important;
        padding-left:1.40625rem !important
    }

    .px-sm-5 {
        padding-right: 2.8125rem !important;
        padding-left:2.8125rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom:0 !important
    }

    .py-sm-1 {
        padding-top: .234375rem !important;
        padding-bottom:.234375rem !important
    }

    .py-sm-2 {
        padding-top: .46875rem !important;
        padding-bottom:.46875rem !important
    }

    .py-sm-3 {
        padding-top: .9375rem !important;
        padding-bottom:.9375rem !important
    }

    .py-sm-4 {
        padding-top: 1.40625rem !important;
        padding-bottom:1.40625rem !important
    }

    .py-sm-5 {
        padding-top: 2.8125rem !important;
        padding-bottom:2.8125rem !important
    }

    .pt-sm-0 {
        padding-top:0 !important
    }

    .pt-sm-1 {
        padding-top:.234375rem !important
    }

    .pt-sm-2 {
        padding-top:.46875rem !important
    }

    .pt-sm-3 {
        padding-top:.9375rem !important
    }

    .pt-sm-4 {
        padding-top:1.40625rem !important
    }

    .pt-sm-5 {
        padding-top:2.8125rem !important
    }

    .pe-sm-0 {
        padding-right:0 !important
    }

    .pe-sm-1 {
        padding-right:.234375rem !important
    }

    .pe-sm-2 {
        padding-right:.46875rem !important
    }

    .pe-sm-3 {
        padding-right:.9375rem !important
    }

    .pe-sm-4 {
        padding-right:1.40625rem !important
    }

    .pe-sm-5 {
        padding-right:2.8125rem !important
    }

    .pb-sm-0 {
        padding-bottom:0 !important
    }

    .pb-sm-1 {
        padding-bottom:.234375rem !important
    }

    .pb-sm-2 {
        padding-bottom:.46875rem !important
    }

    .pb-sm-3 {
        padding-bottom:.9375rem !important
    }

    .pb-sm-4 {
        padding-bottom:1.40625rem !important
    }

    .pb-sm-5 {
        padding-bottom:2.8125rem !important
    }

    .ps-sm-0 {
        padding-left:0 !important
    }

    .ps-sm-1 {
        padding-left:.234375rem !important
    }

    .ps-sm-2 {
        padding-left:.46875rem !important
    }

    .ps-sm-3 {
        padding-left:.9375rem !important
    }

    .ps-sm-4 {
        padding-left:1.40625rem !important
    }

    .ps-sm-5 {
        padding-left:2.8125rem !important
    }

    .text-sm-start {
        text-align:left !important
    }

    .text-sm-end {
        text-align:right !important
    }

    .text-sm-center {
        text-align:center !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left !important
    }

    .float-md-end {
        float:right !important
    }

    .float-md-none {
        float:none !important
    }

    .d-md-inline {
        display:inline !important
    }

    .d-md-inline-block {
        display:inline-block !important
    }

    .d-md-block {
        display:block !important
    }

    .d-md-grid {
        display:grid !important
    }

    .d-md-table {
        display:table !important
    }

    .d-md-table-row {
        display:table-row !important
    }

    .d-md-table-cell {
        display:table-cell !important
    }

    .d-md-flex {
        display:flex !important
    }

    .d-md-inline-flex {
        display:inline-flex !important
    }

    .d-md-none {
        display:none !important
    }

    .flex-md-fill {
        flex:1 1 auto !important
    }

    .flex-md-row {
        flex-direction:row !important
    }

    .flex-md-column {
        flex-direction:column !important
    }

    .flex-md-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow:0 !important
    }

    .flex-md-grow-1 {
        flex-grow:1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink:1 !important
    }

    .flex-md-wrap {
        flex-wrap:wrap !important
    }

    .flex-md-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .gap-md-0 {
        gap:0 !important
    }

    .gap-md-1 {
        gap:.234375rem !important
    }

    .gap-md-2 {
        gap:.46875rem !important
    }

    .gap-md-3 {
        gap:.9375rem !important
    }

    .gap-md-4 {
        gap:1.40625rem !important
    }

    .gap-md-5 {
        gap:2.8125rem !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:.234375rem !important
    }

    .m-md-2 {
        margin:.46875rem !important
    }

    .m-md-3 {
        margin:.9375rem !important
    }

    .m-md-4 {
        margin:1.40625rem !important
    }

    .m-md-5 {
        margin:2.8125rem !important
    }

    .m-md-auto {
        margin:auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left:0 !important
    }

    .mx-md-1 {
        margin-right: .234375rem !important;
        margin-left:.234375rem !important
    }

    .mx-md-2 {
        margin-right: .46875rem !important;
        margin-left:.46875rem !important
    }

    .mx-md-3 {
        margin-right: .9375rem !important;
        margin-left:.9375rem !important
    }

    .mx-md-4 {
        margin-right: 1.40625rem !important;
        margin-left:1.40625rem !important
    }

    .mx-md-5 {
        margin-right: 2.8125rem !important;
        margin-left:2.8125rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left:auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom:0 !important
    }

    .my-md-1 {
        margin-top: .234375rem !important;
        margin-bottom:.234375rem !important
    }

    .my-md-2 {
        margin-top: .46875rem !important;
        margin-bottom:.46875rem !important
    }

    .my-md-3 {
        margin-top: .9375rem !important;
        margin-bottom:.9375rem !important
    }

    .my-md-4 {
        margin-top: 1.40625rem !important;
        margin-bottom:1.40625rem !important
    }

    .my-md-5 {
        margin-top: 2.8125rem !important;
        margin-bottom:2.8125rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom:auto !important
    }

    .mt-md-0 {
        margin-top:0 !important
    }

    .mt-md-1 {
        margin-top:.234375rem !important
    }

    .mt-md-2 {
        margin-top:.46875rem !important
    }

    .mt-md-3 {
        margin-top:.9375rem !important
    }

    .mt-md-4 {
        margin-top:1.40625rem !important
    }

    .mt-md-5 {
        margin-top:2.8125rem !important
    }

    .mt-md-auto {
        margin-top:auto !important
    }

    .me-md-0 {
        margin-right:0 !important
    }

    .me-md-1 {
        margin-right:.234375rem !important
    }

    .me-md-2 {
        margin-right:.46875rem !important
    }

    .me-md-3 {
        margin-right:.9375rem !important
    }

    .me-md-4 {
        margin-right:1.40625rem !important
    }

    .me-md-5 {
        margin-right:2.8125rem !important
    }

    .me-md-auto {
        margin-right:auto !important
    }

    .mb-md-0 {
        margin-bottom:0 !important
    }

    .mb-md-1 {
        margin-bottom:.234375rem !important
    }

    .mb-md-2 {
        margin-bottom:.46875rem !important
    }

    .mb-md-3 {
        margin-bottom:.9375rem !important
    }

    .mb-md-4 {
        margin-bottom:1.40625rem !important
    }

    .mb-md-5 {
        margin-bottom:2.8125rem !important
    }

    .mb-md-auto {
        margin-bottom:auto !important
    }

    .ms-md-0 {
        margin-left:0 !important
    }

    .ms-md-1 {
        margin-left:.234375rem !important
    }

    .ms-md-2 {
        margin-left:.46875rem !important
    }

    .ms-md-3 {
        margin-left:.9375rem !important
    }

    .ms-md-4 {
        margin-left:1.40625rem !important
    }

    .ms-md-5 {
        margin-left:2.8125rem !important
    }

    .ms-md-auto {
        margin-left:auto !important
    }

    .m-md-n1 {
        margin:-.234375rem !important
    }

    .m-md-n2 {
        margin:-.46875rem !important
    }

    .m-md-n3 {
        margin:-.9375rem !important
    }

    .m-md-n4 {
        margin:-1.40625rem !important
    }

    .m-md-n5 {
        margin:-2.8125rem !important
    }

    .mx-md-n1 {
        margin-right: -.234375rem !important;
        margin-left:-.234375rem !important
    }

    .mx-md-n2 {
        margin-right: -.46875rem !important;
        margin-left:-.46875rem !important
    }

    .mx-md-n3 {
        margin-right: -.9375rem !important;
        margin-left:-.9375rem !important
    }

    .mx-md-n4 {
        margin-right: -1.40625rem !important;
        margin-left:-1.40625rem !important
    }

    .mx-md-n5 {
        margin-right: -2.8125rem !important;
        margin-left:-2.8125rem !important
    }

    .my-md-n1 {
        margin-top: -.234375rem !important;
        margin-bottom:-.234375rem !important
    }

    .my-md-n2 {
        margin-top: -.46875rem !important;
        margin-bottom:-.46875rem !important
    }

    .my-md-n3 {
        margin-top: -.9375rem !important;
        margin-bottom:-.9375rem !important
    }

    .my-md-n4 {
        margin-top: -1.40625rem !important;
        margin-bottom:-1.40625rem !important
    }

    .my-md-n5 {
        margin-top: -2.8125rem !important;
        margin-bottom:-2.8125rem !important
    }

    .mt-md-n1 {
        margin-top:-.234375rem !important
    }

    .mt-md-n2 {
        margin-top:-.46875rem !important
    }

    .mt-md-n3 {
        margin-top:-.9375rem !important
    }

    .mt-md-n4 {
        margin-top:-1.40625rem !important
    }

    .mt-md-n5 {
        margin-top:-2.8125rem !important
    }

    .me-md-n1 {
        margin-right:-.234375rem !important
    }

    .me-md-n2 {
        margin-right:-.46875rem !important
    }

    .me-md-n3 {
        margin-right:-.9375rem !important
    }

    .me-md-n4 {
        margin-right:-1.40625rem !important
    }

    .me-md-n5 {
        margin-right:-2.8125rem !important
    }

    .mb-md-n1 {
        margin-bottom:-.234375rem !important
    }

    .mb-md-n2 {
        margin-bottom:-.46875rem !important
    }

    .mb-md-n3 {
        margin-bottom:-.9375rem !important
    }

    .mb-md-n4 {
        margin-bottom:-1.40625rem !important
    }

    .mb-md-n5 {
        margin-bottom:-2.8125rem !important
    }

    .ms-md-n1 {
        margin-left:-.234375rem !important
    }

    .ms-md-n2 {
        margin-left:-.46875rem !important
    }

    .ms-md-n3 {
        margin-left:-.9375rem !important
    }

    .ms-md-n4 {
        margin-left:-1.40625rem !important
    }

    .ms-md-n5 {
        margin-left:-2.8125rem !important
    }

    .p-md-0 {
        padding:0 !important
    }

    .p-md-1 {
        padding:.234375rem !important
    }

    .p-md-2 {
        padding:.46875rem !important
    }

    .p-md-3 {
        padding:.9375rem !important
    }

    .p-md-4 {
        padding:1.40625rem !important
    }

    .p-md-5 {
        padding:2.8125rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left:0 !important
    }

    .px-md-1 {
        padding-right: .234375rem !important;
        padding-left:.234375rem !important
    }

    .px-md-2 {
        padding-right: .46875rem !important;
        padding-left:.46875rem !important
    }

    .px-md-3 {
        padding-right: .9375rem !important;
        padding-left:.9375rem !important
    }

    .px-md-4 {
        padding-right: 1.40625rem !important;
        padding-left:1.40625rem !important
    }

    .px-md-5 {
        padding-right: 2.8125rem !important;
        padding-left:2.8125rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom:0 !important
    }

    .py-md-1 {
        padding-top: .234375rem !important;
        padding-bottom:.234375rem !important
    }

    .py-md-2 {
        padding-top: .46875rem !important;
        padding-bottom:.46875rem !important
    }

    .py-md-3 {
        padding-top: .9375rem !important;
        padding-bottom:.9375rem !important
    }

    .py-md-4 {
        padding-top: 1.40625rem !important;
        padding-bottom:1.40625rem !important
    }

    .py-md-5 {
        padding-top: 2.8125rem !important;
        padding-bottom:2.8125rem !important
    }

    .pt-md-0 {
        padding-top:0 !important
    }

    .pt-md-1 {
        padding-top:.234375rem !important
    }

    .pt-md-2 {
        padding-top:.46875rem !important
    }

    .pt-md-3 {
        padding-top:.9375rem !important
    }

    .pt-md-4 {
        padding-top:1.40625rem !important
    }

    .pt-md-5 {
        padding-top:2.8125rem !important
    }

    .pe-md-0 {
        padding-right:0 !important
    }

    .pe-md-1 {
        padding-right:.234375rem !important
    }

    .pe-md-2 {
        padding-right:.46875rem !important
    }

    .pe-md-3 {
        padding-right:.9375rem !important
    }

    .pe-md-4 {
        padding-right:1.40625rem !important
    }

    .pe-md-5 {
        padding-right:2.8125rem !important
    }

    .pb-md-0 {
        padding-bottom:0 !important
    }

    .pb-md-1 {
        padding-bottom:.234375rem !important
    }

    .pb-md-2 {
        padding-bottom:.46875rem !important
    }

    .pb-md-3 {
        padding-bottom:.9375rem !important
    }

    .pb-md-4 {
        padding-bottom:1.40625rem !important
    }

    .pb-md-5 {
        padding-bottom:2.8125rem !important
    }

    .ps-md-0 {
        padding-left:0 !important
    }

    .ps-md-1 {
        padding-left:.234375rem !important
    }

    .ps-md-2 {
        padding-left:.46875rem !important
    }

    .ps-md-3 {
        padding-left:.9375rem !important
    }

    .ps-md-4 {
        padding-left:1.40625rem !important
    }

    .ps-md-5 {
        padding-left:2.8125rem !important
    }

    .text-md-start {
        text-align:left !important
    }

    .text-md-end {
        text-align:right !important
    }

    .text-md-center {
        text-align:center !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left !important
    }

    .float-lg-end {
        float:right !important
    }

    .float-lg-none {
        float:none !important
    }

    .d-lg-inline {
        display:inline !important
    }

    .d-lg-inline-block {
        display:inline-block !important
    }

    .d-lg-block {
        display:block !important
    }

    .d-lg-grid {
        display:grid !important
    }

    .d-lg-table {
        display:table !important
    }

    .d-lg-table-row {
        display:table-row !important
    }

    .d-lg-table-cell {
        display:table-cell !important
    }

    .d-lg-flex {
        display:flex !important
    }

    .d-lg-inline-flex {
        display:inline-flex !important
    }

    .d-lg-none {
        display:none !important
    }

    .flex-lg-fill {
        flex:1 1 auto !important
    }

    .flex-lg-row {
        flex-direction:row !important
    }

    .flex-lg-column {
        flex-direction:column !important
    }

    .flex-lg-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow:0 !important
    }

    .flex-lg-grow-1 {
        flex-grow:1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink:1 !important
    }

    .flex-lg-wrap {
        flex-wrap:wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .gap-lg-0 {
        gap:0 !important
    }

    .gap-lg-1 {
        gap:.234375rem !important
    }

    .gap-lg-2 {
        gap:.46875rem !important
    }

    .gap-lg-3 {
        gap:.9375rem !important
    }

    .gap-lg-4 {
        gap:1.40625rem !important
    }

    .gap-lg-5 {
        gap:2.8125rem !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:.234375rem !important
    }

    .m-lg-2 {
        margin:.46875rem !important
    }

    .m-lg-3 {
        margin:.9375rem !important
    }

    .m-lg-4 {
        margin:1.40625rem !important
    }

    .m-lg-5 {
        margin:2.8125rem !important
    }

    .m-lg-auto {
        margin:auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left:0 !important
    }

    .mx-lg-1 {
        margin-right: .234375rem !important;
        margin-left:.234375rem !important
    }

    .mx-lg-2 {
        margin-right: .46875rem !important;
        margin-left:.46875rem !important
    }

    .mx-lg-3 {
        margin-right: .9375rem !important;
        margin-left:.9375rem !important
    }

    .mx-lg-4 {
        margin-right: 1.40625rem !important;
        margin-left:1.40625rem !important
    }

    .mx-lg-5 {
        margin-right: 2.8125rem !important;
        margin-left:2.8125rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left:auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom:0 !important
    }

    .my-lg-1 {
        margin-top: .234375rem !important;
        margin-bottom:.234375rem !important
    }

    .my-lg-2 {
        margin-top: .46875rem !important;
        margin-bottom:.46875rem !important
    }

    .my-lg-3 {
        margin-top: .9375rem !important;
        margin-bottom:.9375rem !important
    }

    .my-lg-4 {
        margin-top: 1.40625rem !important;
        margin-bottom:1.40625rem !important
    }

    .my-lg-5 {
        margin-top: 2.8125rem !important;
        margin-bottom:2.8125rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom:auto !important
    }

    .mt-lg-0 {
        margin-top:0 !important
    }

    .mt-lg-1 {
        margin-top:.234375rem !important
    }

    .mt-lg-2 {
        margin-top:.46875rem !important
    }

    .mt-lg-3 {
        margin-top:.9375rem !important
    }

    .mt-lg-4 {
        margin-top:1.40625rem !important
    }

    .mt-lg-5 {
        margin-top:2.8125rem !important
    }

    .mt-lg-auto {
        margin-top:auto !important
    }

    .me-lg-0 {
        margin-right:0 !important
    }

    .me-lg-1 {
        margin-right:.234375rem !important
    }

    .me-lg-2 {
        margin-right:.46875rem !important
    }

    .me-lg-3 {
        margin-right:.9375rem !important
    }

    .me-lg-4 {
        margin-right:1.40625rem !important
    }

    .me-lg-5 {
        margin-right:2.8125rem !important
    }

    .me-lg-auto {
        margin-right:auto !important
    }

    .mb-lg-0 {
        margin-bottom:0 !important
    }

    .mb-lg-1 {
        margin-bottom:.234375rem !important
    }

    .mb-lg-2 {
        margin-bottom:.46875rem !important
    }

    .mb-lg-3 {
        margin-bottom:.9375rem !important
    }

    .mb-lg-4 {
        margin-bottom:1.40625rem !important
    }

    .mb-lg-5 {
        margin-bottom:2.8125rem !important
    }

    .mb-lg-auto {
        margin-bottom:auto !important
    }

    .ms-lg-0 {
        margin-left:0 !important
    }

    .ms-lg-1 {
        margin-left:.234375rem !important
    }

    .ms-lg-2 {
        margin-left:.46875rem !important
    }

    .ms-lg-3 {
        margin-left:.9375rem !important
    }

    .ms-lg-4 {
        margin-left:1.40625rem !important
    }

    .ms-lg-5 {
        margin-left:2.8125rem !important
    }

    .ms-lg-auto {
        margin-left:auto !important
    }

    .m-lg-n1 {
        margin:-.234375rem !important
    }

    .m-lg-n2 {
        margin:-.46875rem !important
    }

    .m-lg-n3 {
        margin:-.9375rem !important
    }

    .m-lg-n4 {
        margin:-1.40625rem !important
    }

    .m-lg-n5 {
        margin:-2.8125rem !important
    }

    .mx-lg-n1 {
        margin-right: -.234375rem !important;
        margin-left:-.234375rem !important
    }

    .mx-lg-n2 {
        margin-right: -.46875rem !important;
        margin-left:-.46875rem !important
    }

    .mx-lg-n3 {
        margin-right: -.9375rem !important;
        margin-left:-.9375rem !important
    }

    .mx-lg-n4 {
        margin-right: -1.40625rem !important;
        margin-left:-1.40625rem !important
    }

    .mx-lg-n5 {
        margin-right: -2.8125rem !important;
        margin-left:-2.8125rem !important
    }

    .my-lg-n1 {
        margin-top: -.234375rem !important;
        margin-bottom:-.234375rem !important
    }

    .my-lg-n2 {
        margin-top: -.46875rem !important;
        margin-bottom:-.46875rem !important
    }

    .my-lg-n3 {
        margin-top: -.9375rem !important;
        margin-bottom:-.9375rem !important
    }

    .my-lg-n4 {
        margin-top: -1.40625rem !important;
        margin-bottom:-1.40625rem !important
    }

    .my-lg-n5 {
        margin-top: -2.8125rem !important;
        margin-bottom:-2.8125rem !important
    }

    .mt-lg-n1 {
        margin-top:-.234375rem !important
    }

    .mt-lg-n2 {
        margin-top:-.46875rem !important
    }

    .mt-lg-n3 {
        margin-top:-.9375rem !important
    }

    .mt-lg-n4 {
        margin-top:-1.40625rem !important
    }

    .mt-lg-n5 {
        margin-top:-2.8125rem !important
    }

    .me-lg-n1 {
        margin-right:-.234375rem !important
    }

    .me-lg-n2 {
        margin-right:-.46875rem !important
    }

    .me-lg-n3 {
        margin-right:-.9375rem !important
    }

    .me-lg-n4 {
        margin-right:-1.40625rem !important
    }

    .me-lg-n5 {
        margin-right:-2.8125rem !important
    }

    .mb-lg-n1 {
        margin-bottom:-.234375rem !important
    }

    .mb-lg-n2 {
        margin-bottom:-.46875rem !important
    }

    .mb-lg-n3 {
        margin-bottom:-.9375rem !important
    }

    .mb-lg-n4 {
        margin-bottom:-1.40625rem !important
    }

    .mb-lg-n5 {
        margin-bottom:-2.8125rem !important
    }

    .ms-lg-n1 {
        margin-left:-.234375rem !important
    }

    .ms-lg-n2 {
        margin-left:-.46875rem !important
    }

    .ms-lg-n3 {
        margin-left:-.9375rem !important
    }

    .ms-lg-n4 {
        margin-left:-1.40625rem !important
    }

    .ms-lg-n5 {
        margin-left:-2.8125rem !important
    }

    .p-lg-0 {
        padding:0 !important
    }

    .p-lg-1 {
        padding:.234375rem !important
    }

    .p-lg-2 {
        padding:.46875rem !important
    }

    .p-lg-3 {
        padding:.9375rem !important
    }

    .p-lg-4 {
        padding:1.40625rem !important
    }

    .p-lg-5 {
        padding:2.8125rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left:0 !important
    }

    .px-lg-1 {
        padding-right: .234375rem !important;
        padding-left:.234375rem !important
    }

    .px-lg-2 {
        padding-right: .46875rem !important;
        padding-left:.46875rem !important
    }

    .px-lg-3 {
        padding-right: .9375rem !important;
        padding-left:.9375rem !important
    }

    .px-lg-4 {
        padding-right: 1.40625rem !important;
        padding-left:1.40625rem !important
    }

    .px-lg-5 {
        padding-right: 2.8125rem !important;
        padding-left:2.8125rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom:0 !important
    }

    .py-lg-1 {
        padding-top: .234375rem !important;
        padding-bottom:.234375rem !important
    }

    .py-lg-2 {
        padding-top: .46875rem !important;
        padding-bottom:.46875rem !important
    }

    .py-lg-3 {
        padding-top: .9375rem !important;
        padding-bottom:.9375rem !important
    }

    .py-lg-4 {
        padding-top: 1.40625rem !important;
        padding-bottom:1.40625rem !important
    }

    .py-lg-5 {
        padding-top: 2.8125rem !important;
        padding-bottom:2.8125rem !important
    }

    .pt-lg-0 {
        padding-top:0 !important
    }

    .pt-lg-1 {
        padding-top:.234375rem !important
    }

    .pt-lg-2 {
        padding-top:.46875rem !important
    }

    .pt-lg-3 {
        padding-top:.9375rem !important
    }

    .pt-lg-4 {
        padding-top:1.40625rem !important
    }

    .pt-lg-5 {
        padding-top:2.8125rem !important
    }

    .pe-lg-0 {
        padding-right:0 !important
    }

    .pe-lg-1 {
        padding-right:.234375rem !important
    }

    .pe-lg-2 {
        padding-right:.46875rem !important
    }

    .pe-lg-3 {
        padding-right:.9375rem !important
    }

    .pe-lg-4 {
        padding-right:1.40625rem !important
    }

    .pe-lg-5 {
        padding-right:2.8125rem !important
    }

    .pb-lg-0 {
        padding-bottom:0 !important
    }

    .pb-lg-1 {
        padding-bottom:.234375rem !important
    }

    .pb-lg-2 {
        padding-bottom:.46875rem !important
    }

    .pb-lg-3 {
        padding-bottom:.9375rem !important
    }

    .pb-lg-4 {
        padding-bottom:1.40625rem !important
    }

    .pb-lg-5 {
        padding-bottom:2.8125rem !important
    }

    .ps-lg-0 {
        padding-left:0 !important
    }

    .ps-lg-1 {
        padding-left:.234375rem !important
    }

    .ps-lg-2 {
        padding-left:.46875rem !important
    }

    .ps-lg-3 {
        padding-left:.9375rem !important
    }

    .ps-lg-4 {
        padding-left:1.40625rem !important
    }

    .ps-lg-5 {
        padding-left:2.8125rem !important
    }

    .text-lg-start {
        text-align:left !important
    }

    .text-lg-end {
        text-align:right !important
    }

    .text-lg-center {
        text-align:center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left !important
    }

    .float-xl-end {
        float:right !important
    }

    .float-xl-none {
        float:none !important
    }

    .d-xl-inline {
        display:inline !important
    }

    .d-xl-inline-block {
        display:inline-block !important
    }

    .d-xl-block {
        display:block !important
    }

    .d-xl-grid {
        display:grid !important
    }

    .d-xl-table {
        display:table !important
    }

    .d-xl-table-row {
        display:table-row !important
    }

    .d-xl-table-cell {
        display:table-cell !important
    }

    .d-xl-flex {
        display:flex !important
    }

    .d-xl-inline-flex {
        display:inline-flex !important
    }

    .d-xl-none {
        display:none !important
    }

    .flex-xl-fill {
        flex:1 1 auto !important
    }

    .flex-xl-row {
        flex-direction:row !important
    }

    .flex-xl-column {
        flex-direction:column !important
    }

    .flex-xl-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow:0 !important
    }

    .flex-xl-grow-1 {
        flex-grow:1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink:1 !important
    }

    .flex-xl-wrap {
        flex-wrap:wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .gap-xl-0 {
        gap:0 !important
    }

    .gap-xl-1 {
        gap:.234375rem !important
    }

    .gap-xl-2 {
        gap:.46875rem !important
    }

    .gap-xl-3 {
        gap:.9375rem !important
    }

    .gap-xl-4 {
        gap:1.40625rem !important
    }

    .gap-xl-5 {
        gap:2.8125rem !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:.234375rem !important
    }

    .m-xl-2 {
        margin:.46875rem !important
    }

    .m-xl-3 {
        margin:.9375rem !important
    }

    .m-xl-4 {
        margin:1.40625rem !important
    }

    .m-xl-5 {
        margin:2.8125rem !important
    }

    .m-xl-auto {
        margin:auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left:0 !important
    }

    .mx-xl-1 {
        margin-right: .234375rem !important;
        margin-left:.234375rem !important
    }

    .mx-xl-2 {
        margin-right: .46875rem !important;
        margin-left:.46875rem !important
    }

    .mx-xl-3 {
        margin-right: .9375rem !important;
        margin-left:.9375rem !important
    }

    .mx-xl-4 {
        margin-right: 1.40625rem !important;
        margin-left:1.40625rem !important
    }

    .mx-xl-5 {
        margin-right: 2.8125rem !important;
        margin-left:2.8125rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left:auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom:0 !important
    }

    .my-xl-1 {
        margin-top: .234375rem !important;
        margin-bottom:.234375rem !important
    }

    .my-xl-2 {
        margin-top: .46875rem !important;
        margin-bottom:.46875rem !important
    }

    .my-xl-3 {
        margin-top: .9375rem !important;
        margin-bottom:.9375rem !important
    }

    .my-xl-4 {
        margin-top: 1.40625rem !important;
        margin-bottom:1.40625rem !important
    }

    .my-xl-5 {
        margin-top: 2.8125rem !important;
        margin-bottom:2.8125rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom:auto !important
    }

    .mt-xl-0 {
        margin-top:0 !important
    }

    .mt-xl-1 {
        margin-top:.234375rem !important
    }

    .mt-xl-2 {
        margin-top:.46875rem !important
    }

    .mt-xl-3 {
        margin-top:.9375rem !important
    }

    .mt-xl-4 {
        margin-top:1.40625rem !important
    }

    .mt-xl-5 {
        margin-top:2.8125rem !important
    }

    .mt-xl-auto {
        margin-top:auto !important
    }

    .me-xl-0 {
        margin-right:0 !important
    }

    .me-xl-1 {
        margin-right:.234375rem !important
    }

    .me-xl-2 {
        margin-right:.46875rem !important
    }

    .me-xl-3 {
        margin-right:.9375rem !important
    }

    .me-xl-4 {
        margin-right:1.40625rem !important
    }

    .me-xl-5 {
        margin-right:2.8125rem !important
    }

    .me-xl-auto {
        margin-right:auto !important
    }

    .mb-xl-0 {
        margin-bottom:0 !important
    }

    .mb-xl-1 {
        margin-bottom:.234375rem !important
    }

    .mb-xl-2 {
        margin-bottom:.46875rem !important
    }

    .mb-xl-3 {
        margin-bottom:.9375rem !important
    }

    .mb-xl-4 {
        margin-bottom:1.40625rem !important
    }

    .mb-xl-5 {
        margin-bottom:2.8125rem !important
    }

    .mb-xl-auto {
        margin-bottom:auto !important
    }

    .ms-xl-0 {
        margin-left:0 !important
    }

    .ms-xl-1 {
        margin-left:.234375rem !important
    }

    .ms-xl-2 {
        margin-left:.46875rem !important
    }

    .ms-xl-3 {
        margin-left:.9375rem !important
    }

    .ms-xl-4 {
        margin-left:1.40625rem !important
    }

    .ms-xl-5 {
        margin-left:2.8125rem !important
    }

    .ms-xl-auto {
        margin-left:auto !important
    }

    .m-xl-n1 {
        margin:-.234375rem !important
    }

    .m-xl-n2 {
        margin:-.46875rem !important
    }

    .m-xl-n3 {
        margin:-.9375rem !important
    }

    .m-xl-n4 {
        margin:-1.40625rem !important
    }

    .m-xl-n5 {
        margin:-2.8125rem !important
    }

    .mx-xl-n1 {
        margin-right: -.234375rem !important;
        margin-left:-.234375rem !important
    }

    .mx-xl-n2 {
        margin-right: -.46875rem !important;
        margin-left:-.46875rem !important
    }

    .mx-xl-n3 {
        margin-right: -.9375rem !important;
        margin-left:-.9375rem !important
    }

    .mx-xl-n4 {
        margin-right: -1.40625rem !important;
        margin-left:-1.40625rem !important
    }

    .mx-xl-n5 {
        margin-right: -2.8125rem !important;
        margin-left:-2.8125rem !important
    }

    .my-xl-n1 {
        margin-top: -.234375rem !important;
        margin-bottom:-.234375rem !important
    }

    .my-xl-n2 {
        margin-top: -.46875rem !important;
        margin-bottom:-.46875rem !important
    }

    .my-xl-n3 {
        margin-top: -.9375rem !important;
        margin-bottom:-.9375rem !important
    }

    .my-xl-n4 {
        margin-top: -1.40625rem !important;
        margin-bottom:-1.40625rem !important
    }

    .my-xl-n5 {
        margin-top: -2.8125rem !important;
        margin-bottom:-2.8125rem !important
    }

    .mt-xl-n1 {
        margin-top:-.234375rem !important
    }

    .mt-xl-n2 {
        margin-top:-.46875rem !important
    }

    .mt-xl-n3 {
        margin-top:-.9375rem !important
    }

    .mt-xl-n4 {
        margin-top:-1.40625rem !important
    }

    .mt-xl-n5 {
        margin-top:-2.8125rem !important
    }

    .me-xl-n1 {
        margin-right:-.234375rem !important
    }

    .me-xl-n2 {
        margin-right:-.46875rem !important
    }

    .me-xl-n3 {
        margin-right:-.9375rem !important
    }

    .me-xl-n4 {
        margin-right:-1.40625rem !important
    }

    .me-xl-n5 {
        margin-right:-2.8125rem !important
    }

    .mb-xl-n1 {
        margin-bottom:-.234375rem !important
    }

    .mb-xl-n2 {
        margin-bottom:-.46875rem !important
    }

    .mb-xl-n3 {
        margin-bottom:-.9375rem !important
    }

    .mb-xl-n4 {
        margin-bottom:-1.40625rem !important
    }

    .mb-xl-n5 {
        margin-bottom:-2.8125rem !important
    }

    .ms-xl-n1 {
        margin-left:-.234375rem !important
    }

    .ms-xl-n2 {
        margin-left:-.46875rem !important
    }

    .ms-xl-n3 {
        margin-left:-.9375rem !important
    }

    .ms-xl-n4 {
        margin-left:-1.40625rem !important
    }

    .ms-xl-n5 {
        margin-left:-2.8125rem !important
    }

    .p-xl-0 {
        padding:0 !important
    }

    .p-xl-1 {
        padding:.234375rem !important
    }

    .p-xl-2 {
        padding:.46875rem !important
    }

    .p-xl-3 {
        padding:.9375rem !important
    }

    .p-xl-4 {
        padding:1.40625rem !important
    }

    .p-xl-5 {
        padding:2.8125rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left:0 !important
    }

    .px-xl-1 {
        padding-right: .234375rem !important;
        padding-left:.234375rem !important
    }

    .px-xl-2 {
        padding-right: .46875rem !important;
        padding-left:.46875rem !important
    }

    .px-xl-3 {
        padding-right: .9375rem !important;
        padding-left:.9375rem !important
    }

    .px-xl-4 {
        padding-right: 1.40625rem !important;
        padding-left:1.40625rem !important
    }

    .px-xl-5 {
        padding-right: 2.8125rem !important;
        padding-left:2.8125rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom:0 !important
    }

    .py-xl-1 {
        padding-top: .234375rem !important;
        padding-bottom:.234375rem !important
    }

    .py-xl-2 {
        padding-top: .46875rem !important;
        padding-bottom:.46875rem !important
    }

    .py-xl-3 {
        padding-top: .9375rem !important;
        padding-bottom:.9375rem !important
    }

    .py-xl-4 {
        padding-top: 1.40625rem !important;
        padding-bottom:1.40625rem !important
    }

    .py-xl-5 {
        padding-top: 2.8125rem !important;
        padding-bottom:2.8125rem !important
    }

    .pt-xl-0 {
        padding-top:0 !important
    }

    .pt-xl-1 {
        padding-top:.234375rem !important
    }

    .pt-xl-2 {
        padding-top:.46875rem !important
    }

    .pt-xl-3 {
        padding-top:.9375rem !important
    }

    .pt-xl-4 {
        padding-top:1.40625rem !important
    }

    .pt-xl-5 {
        padding-top:2.8125rem !important
    }

    .pe-xl-0 {
        padding-right:0 !important
    }

    .pe-xl-1 {
        padding-right:.234375rem !important
    }

    .pe-xl-2 {
        padding-right:.46875rem !important
    }

    .pe-xl-3 {
        padding-right:.9375rem !important
    }

    .pe-xl-4 {
        padding-right:1.40625rem !important
    }

    .pe-xl-5 {
        padding-right:2.8125rem !important
    }

    .pb-xl-0 {
        padding-bottom:0 !important
    }

    .pb-xl-1 {
        padding-bottom:.234375rem !important
    }

    .pb-xl-2 {
        padding-bottom:.46875rem !important
    }

    .pb-xl-3 {
        padding-bottom:.9375rem !important
    }

    .pb-xl-4 {
        padding-bottom:1.40625rem !important
    }

    .pb-xl-5 {
        padding-bottom:2.8125rem !important
    }

    .ps-xl-0 {
        padding-left:0 !important
    }

    .ps-xl-1 {
        padding-left:.234375rem !important
    }

    .ps-xl-2 {
        padding-left:.46875rem !important
    }

    .ps-xl-3 {
        padding-left:.9375rem !important
    }

    .ps-xl-4 {
        padding-left:1.40625rem !important
    }

    .ps-xl-5 {
        padding-left:2.8125rem !important
    }

    .text-xl-start {
        text-align:left !important
    }

    .text-xl-end {
        text-align:right !important
    }

    .text-xl-center {
        text-align:center !important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left !important
    }

    .float-xxl-end {
        float:right !important
    }

    .float-xxl-none {
        float:none !important
    }

    .d-xxl-inline {
        display:inline !important
    }

    .d-xxl-inline-block {
        display:inline-block !important
    }

    .d-xxl-block {
        display:block !important
    }

    .d-xxl-grid {
        display:grid !important
    }

    .d-xxl-table {
        display:table !important
    }

    .d-xxl-table-row {
        display:table-row !important
    }

    .d-xxl-table-cell {
        display:table-cell !important
    }

    .d-xxl-flex {
        display:flex !important
    }

    .d-xxl-inline-flex {
        display:inline-flex !important
    }

    .d-xxl-none {
        display:none !important
    }

    .flex-xxl-fill {
        flex:1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction:row !important
    }

    .flex-xxl-column {
        flex-direction:column !important
    }

    .flex-xxl-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow:0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow:1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink:1 !important
    }

    .flex-xxl-wrap {
        flex-wrap:wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .gap-xxl-0 {
        gap:0 !important
    }

    .gap-xxl-1 {
        gap:.234375rem !important
    }

    .gap-xxl-2 {
        gap:.46875rem !important
    }

    .gap-xxl-3 {
        gap:.9375rem !important
    }

    .gap-xxl-4 {
        gap:1.40625rem !important
    }

    .gap-xxl-5 {
        gap:2.8125rem !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:.234375rem !important
    }

    .m-xxl-2 {
        margin:.46875rem !important
    }

    .m-xxl-3 {
        margin:.9375rem !important
    }

    .m-xxl-4 {
        margin:1.40625rem !important
    }

    .m-xxl-5 {
        margin:2.8125rem !important
    }

    .m-xxl-auto {
        margin:auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left:0 !important
    }

    .mx-xxl-1 {
        margin-right: .234375rem !important;
        margin-left:.234375rem !important
    }

    .mx-xxl-2 {
        margin-right: .46875rem !important;
        margin-left:.46875rem !important
    }

    .mx-xxl-3 {
        margin-right: .9375rem !important;
        margin-left:.9375rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.40625rem !important;
        margin-left:1.40625rem !important
    }

    .mx-xxl-5 {
        margin-right: 2.8125rem !important;
        margin-left:2.8125rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left:auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom:0 !important
    }

    .my-xxl-1 {
        margin-top: .234375rem !important;
        margin-bottom:.234375rem !important
    }

    .my-xxl-2 {
        margin-top: .46875rem !important;
        margin-bottom:.46875rem !important
    }

    .my-xxl-3 {
        margin-top: .9375rem !important;
        margin-bottom:.9375rem !important
    }

    .my-xxl-4 {
        margin-top: 1.40625rem !important;
        margin-bottom:1.40625rem !important
    }

    .my-xxl-5 {
        margin-top: 2.8125rem !important;
        margin-bottom:2.8125rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom:auto !important
    }

    .mt-xxl-0 {
        margin-top:0 !important
    }

    .mt-xxl-1 {
        margin-top:.234375rem !important
    }

    .mt-xxl-2 {
        margin-top:.46875rem !important
    }

    .mt-xxl-3 {
        margin-top:.9375rem !important
    }

    .mt-xxl-4 {
        margin-top:1.40625rem !important
    }

    .mt-xxl-5 {
        margin-top:2.8125rem !important
    }

    .mt-xxl-auto {
        margin-top:auto !important
    }

    .me-xxl-0 {
        margin-right:0 !important
    }

    .me-xxl-1 {
        margin-right:.234375rem !important
    }

    .me-xxl-2 {
        margin-right:.46875rem !important
    }

    .me-xxl-3 {
        margin-right:.9375rem !important
    }

    .me-xxl-4 {
        margin-right:1.40625rem !important
    }

    .me-xxl-5 {
        margin-right:2.8125rem !important
    }

    .me-xxl-auto {
        margin-right:auto !important
    }

    .mb-xxl-0 {
        margin-bottom:0 !important
    }

    .mb-xxl-1 {
        margin-bottom:.234375rem !important
    }

    .mb-xxl-2 {
        margin-bottom:.46875rem !important
    }

    .mb-xxl-3 {
        margin-bottom:.9375rem !important
    }

    .mb-xxl-4 {
        margin-bottom:1.40625rem !important
    }

    .mb-xxl-5 {
        margin-bottom:2.8125rem !important
    }

    .mb-xxl-auto {
        margin-bottom:auto !important
    }

    .ms-xxl-0 {
        margin-left:0 !important
    }

    .ms-xxl-1 {
        margin-left:.234375rem !important
    }

    .ms-xxl-2 {
        margin-left:.46875rem !important
    }

    .ms-xxl-3 {
        margin-left:.9375rem !important
    }

    .ms-xxl-4 {
        margin-left:1.40625rem !important
    }

    .ms-xxl-5 {
        margin-left:2.8125rem !important
    }

    .ms-xxl-auto {
        margin-left:auto !important
    }

    .m-xxl-n1 {
        margin:-.234375rem !important
    }

    .m-xxl-n2 {
        margin:-.46875rem !important
    }

    .m-xxl-n3 {
        margin:-.9375rem !important
    }

    .m-xxl-n4 {
        margin:-1.40625rem !important
    }

    .m-xxl-n5 {
        margin:-2.8125rem !important
    }

    .mx-xxl-n1 {
        margin-right: -.234375rem !important;
        margin-left:-.234375rem !important
    }

    .mx-xxl-n2 {
        margin-right: -.46875rem !important;
        margin-left:-.46875rem !important
    }

    .mx-xxl-n3 {
        margin-right: -.9375rem !important;
        margin-left:-.9375rem !important
    }

    .mx-xxl-n4 {
        margin-right: -1.40625rem !important;
        margin-left:-1.40625rem !important
    }

    .mx-xxl-n5 {
        margin-right: -2.8125rem !important;
        margin-left:-2.8125rem !important
    }

    .my-xxl-n1 {
        margin-top: -.234375rem !important;
        margin-bottom:-.234375rem !important
    }

    .my-xxl-n2 {
        margin-top: -.46875rem !important;
        margin-bottom:-.46875rem !important
    }

    .my-xxl-n3 {
        margin-top: -.9375rem !important;
        margin-bottom:-.9375rem !important
    }

    .my-xxl-n4 {
        margin-top: -1.40625rem !important;
        margin-bottom:-1.40625rem !important
    }

    .my-xxl-n5 {
        margin-top: -2.8125rem !important;
        margin-bottom:-2.8125rem !important
    }

    .mt-xxl-n1 {
        margin-top:-.234375rem !important
    }

    .mt-xxl-n2 {
        margin-top:-.46875rem !important
    }

    .mt-xxl-n3 {
        margin-top:-.9375rem !important
    }

    .mt-xxl-n4 {
        margin-top:-1.40625rem !important
    }

    .mt-xxl-n5 {
        margin-top:-2.8125rem !important
    }

    .me-xxl-n1 {
        margin-right:-.234375rem !important
    }

    .me-xxl-n2 {
        margin-right:-.46875rem !important
    }

    .me-xxl-n3 {
        margin-right:-.9375rem !important
    }

    .me-xxl-n4 {
        margin-right:-1.40625rem !important
    }

    .me-xxl-n5 {
        margin-right:-2.8125rem !important
    }

    .mb-xxl-n1 {
        margin-bottom:-.234375rem !important
    }

    .mb-xxl-n2 {
        margin-bottom:-.46875rem !important
    }

    .mb-xxl-n3 {
        margin-bottom:-.9375rem !important
    }

    .mb-xxl-n4 {
        margin-bottom:-1.40625rem !important
    }

    .mb-xxl-n5 {
        margin-bottom:-2.8125rem !important
    }

    .ms-xxl-n1 {
        margin-left:-.234375rem !important
    }

    .ms-xxl-n2 {
        margin-left:-.46875rem !important
    }

    .ms-xxl-n3 {
        margin-left:-.9375rem !important
    }

    .ms-xxl-n4 {
        margin-left:-1.40625rem !important
    }

    .ms-xxl-n5 {
        margin-left:-2.8125rem !important
    }

    .p-xxl-0 {
        padding:0 !important
    }

    .p-xxl-1 {
        padding:.234375rem !important
    }

    .p-xxl-2 {
        padding:.46875rem !important
    }

    .p-xxl-3 {
        padding:.9375rem !important
    }

    .p-xxl-4 {
        padding:1.40625rem !important
    }

    .p-xxl-5 {
        padding:2.8125rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left:0 !important
    }

    .px-xxl-1 {
        padding-right: .234375rem !important;
        padding-left:.234375rem !important
    }

    .px-xxl-2 {
        padding-right: .46875rem !important;
        padding-left:.46875rem !important
    }

    .px-xxl-3 {
        padding-right: .9375rem !important;
        padding-left:.9375rem !important
    }

    .px-xxl-4 {
        padding-right: 1.40625rem !important;
        padding-left:1.40625rem !important
    }

    .px-xxl-5 {
        padding-right: 2.8125rem !important;
        padding-left:2.8125rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom:0 !important
    }

    .py-xxl-1 {
        padding-top: .234375rem !important;
        padding-bottom:.234375rem !important
    }

    .py-xxl-2 {
        padding-top: .46875rem !important;
        padding-bottom:.46875rem !important
    }

    .py-xxl-3 {
        padding-top: .9375rem !important;
        padding-bottom:.9375rem !important
    }

    .py-xxl-4 {
        padding-top: 1.40625rem !important;
        padding-bottom:1.40625rem !important
    }

    .py-xxl-5 {
        padding-top: 2.8125rem !important;
        padding-bottom:2.8125rem !important
    }

    .pt-xxl-0 {
        padding-top:0 !important
    }

    .pt-xxl-1 {
        padding-top:.234375rem !important
    }

    .pt-xxl-2 {
        padding-top:.46875rem !important
    }

    .pt-xxl-3 {
        padding-top:.9375rem !important
    }

    .pt-xxl-4 {
        padding-top:1.40625rem !important
    }

    .pt-xxl-5 {
        padding-top:2.8125rem !important
    }

    .pe-xxl-0 {
        padding-right:0 !important
    }

    .pe-xxl-1 {
        padding-right:.234375rem !important
    }

    .pe-xxl-2 {
        padding-right:.46875rem !important
    }

    .pe-xxl-3 {
        padding-right:.9375rem !important
    }

    .pe-xxl-4 {
        padding-right:1.40625rem !important
    }

    .pe-xxl-5 {
        padding-right:2.8125rem !important
    }

    .pb-xxl-0 {
        padding-bottom:0 !important
    }

    .pb-xxl-1 {
        padding-bottom:.234375rem !important
    }

    .pb-xxl-2 {
        padding-bottom:.46875rem !important
    }

    .pb-xxl-3 {
        padding-bottom:.9375rem !important
    }

    .pb-xxl-4 {
        padding-bottom:1.40625rem !important
    }

    .pb-xxl-5 {
        padding-bottom:2.8125rem !important
    }

    .ps-xxl-0 {
        padding-left:0 !important
    }

    .ps-xxl-1 {
        padding-left:.234375rem !important
    }

    .ps-xxl-2 {
        padding-left:.46875rem !important
    }

    .ps-xxl-3 {
        padding-left:.9375rem !important
    }

    .ps-xxl-4 {
        padding-left:1.40625rem !important
    }

    .ps-xxl-5 {
        padding-left:2.8125rem !important
    }

    .text-xxl-start {
        text-align:left !important
    }

    .text-xxl-end {
        text-align:right !important
    }

    .text-xxl-center {
        text-align:center !important
    }
}

@media (min-width: 1800px) {
    .float-xxxl-start {
        float:left !important
    }

    .float-xxxl-end {
        float:right !important
    }

    .float-xxxl-none {
        float:none !important
    }

    .d-xxxl-inline {
        display:inline !important
    }

    .d-xxxl-inline-block {
        display:inline-block !important
    }

    .d-xxxl-block {
        display:block !important
    }

    .d-xxxl-grid {
        display:grid !important
    }

    .d-xxxl-table {
        display:table !important
    }

    .d-xxxl-table-row {
        display:table-row !important
    }

    .d-xxxl-table-cell {
        display:table-cell !important
    }

    .d-xxxl-flex {
        display:flex !important
    }

    .d-xxxl-inline-flex {
        display:inline-flex !important
    }

    .d-xxxl-none {
        display:none !important
    }

    .flex-xxxl-fill {
        flex:1 1 auto !important
    }

    .flex-xxxl-row {
        flex-direction:row !important
    }

    .flex-xxxl-column {
        flex-direction:column !important
    }

    .flex-xxxl-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-xxxl-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-xxxl-grow-0 {
        flex-grow:0 !important
    }

    .flex-xxxl-grow-1 {
        flex-grow:1 !important
    }

    .flex-xxxl-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-xxxl-shrink-1 {
        flex-shrink:1 !important
    }

    .flex-xxxl-wrap {
        flex-wrap:wrap !important
    }

    .flex-xxxl-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-xxxl-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .gap-xxxl-0 {
        gap:0 !important
    }

    .gap-xxxl-1 {
        gap:.234375rem !important
    }

    .gap-xxxl-2 {
        gap:.46875rem !important
    }

    .gap-xxxl-3 {
        gap:.9375rem !important
    }

    .gap-xxxl-4 {
        gap:1.40625rem !important
    }

    .gap-xxxl-5 {
        gap:2.8125rem !important
    }

    .justify-content-xxxl-start {
        justify-content:flex-start !important
    }

    .justify-content-xxxl-end {
        justify-content:flex-end !important
    }

    .justify-content-xxxl-center {
        justify-content:center !important
    }

    .justify-content-xxxl-between {
        justify-content:space-between !important
    }

    .justify-content-xxxl-around {
        justify-content:space-around !important
    }

    .justify-content-xxxl-evenly {
        justify-content:space-evenly !important
    }

    .align-items-xxxl-start {
        align-items:flex-start !important
    }

    .align-items-xxxl-end {
        align-items:flex-end !important
    }

    .align-items-xxxl-center {
        align-items:center !important
    }

    .align-items-xxxl-baseline {
        align-items:baseline !important
    }

    .align-items-xxxl-stretch {
        align-items:stretch !important
    }

    .align-content-xxxl-start {
        align-content:flex-start !important
    }

    .align-content-xxxl-end {
        align-content:flex-end !important
    }

    .align-content-xxxl-center {
        align-content:center !important
    }

    .align-content-xxxl-between {
        align-content:space-between !important
    }

    .align-content-xxxl-around {
        align-content:space-around !important
    }

    .align-content-xxxl-stretch {
        align-content:stretch !important
    }

    .align-self-xxxl-auto {
        align-self:auto !important
    }

    .align-self-xxxl-start {
        align-self:flex-start !important
    }

    .align-self-xxxl-end {
        align-self:flex-end !important
    }

    .align-self-xxxl-center {
        align-self:center !important
    }

    .align-self-xxxl-baseline {
        align-self:baseline !important
    }

    .align-self-xxxl-stretch {
        align-self:stretch !important
    }

    .order-xxxl-first {
        order:-1 !important
    }

    .order-xxxl-0 {
        order:0 !important
    }

    .order-xxxl-1 {
        order:1 !important
    }

    .order-xxxl-2 {
        order:2 !important
    }

    .order-xxxl-3 {
        order:3 !important
    }

    .order-xxxl-4 {
        order:4 !important
    }

    .order-xxxl-5 {
        order:5 !important
    }

    .order-xxxl-last {
        order:6 !important
    }

    .m-xxxl-0 {
        margin:0 !important
    }

    .m-xxxl-1 {
        margin:.234375rem !important
    }

    .m-xxxl-2 {
        margin:.46875rem !important
    }

    .m-xxxl-3 {
        margin:.9375rem !important
    }

    .m-xxxl-4 {
        margin:1.40625rem !important
    }

    .m-xxxl-5 {
        margin:2.8125rem !important
    }

    .m-xxxl-auto {
        margin:auto !important
    }

    .mx-xxxl-0 {
        margin-right: 0 !important;
        margin-left:0 !important
    }

    .mx-xxxl-1 {
        margin-right: .234375rem !important;
        margin-left:.234375rem !important
    }

    .mx-xxxl-2 {
        margin-right: .46875rem !important;
        margin-left:.46875rem !important
    }

    .mx-xxxl-3 {
        margin-right: .9375rem !important;
        margin-left:.9375rem !important
    }

    .mx-xxxl-4 {
        margin-right: 1.40625rem !important;
        margin-left:1.40625rem !important
    }

    .mx-xxxl-5 {
        margin-right: 2.8125rem !important;
        margin-left:2.8125rem !important
    }

    .mx-xxxl-auto {
        margin-right: auto !important;
        margin-left:auto !important
    }

    .my-xxxl-0 {
        margin-top: 0 !important;
        margin-bottom:0 !important
    }

    .my-xxxl-1 {
        margin-top: .234375rem !important;
        margin-bottom:.234375rem !important
    }

    .my-xxxl-2 {
        margin-top: .46875rem !important;
        margin-bottom:.46875rem !important
    }

    .my-xxxl-3 {
        margin-top: .9375rem !important;
        margin-bottom:.9375rem !important
    }

    .my-xxxl-4 {
        margin-top: 1.40625rem !important;
        margin-bottom:1.40625rem !important
    }

    .my-xxxl-5 {
        margin-top: 2.8125rem !important;
        margin-bottom:2.8125rem !important
    }

    .my-xxxl-auto {
        margin-top: auto !important;
        margin-bottom:auto !important
    }

    .mt-xxxl-0 {
        margin-top:0 !important
    }

    .mt-xxxl-1 {
        margin-top:.234375rem !important
    }

    .mt-xxxl-2 {
        margin-top:.46875rem !important
    }

    .mt-xxxl-3 {
        margin-top:.9375rem !important
    }

    .mt-xxxl-4 {
        margin-top:1.40625rem !important
    }

    .mt-xxxl-5 {
        margin-top:2.8125rem !important
    }

    .mt-xxxl-auto {
        margin-top:auto !important
    }

    .me-xxxl-0 {
        margin-right:0 !important
    }

    .me-xxxl-1 {
        margin-right:.234375rem !important
    }

    .me-xxxl-2 {
        margin-right:.46875rem !important
    }

    .me-xxxl-3 {
        margin-right:.9375rem !important
    }

    .me-xxxl-4 {
        margin-right:1.40625rem !important
    }

    .me-xxxl-5 {
        margin-right:2.8125rem !important
    }

    .me-xxxl-auto {
        margin-right:auto !important
    }

    .mb-xxxl-0 {
        margin-bottom:0 !important
    }

    .mb-xxxl-1 {
        margin-bottom:.234375rem !important
    }

    .mb-xxxl-2 {
        margin-bottom:.46875rem !important
    }

    .mb-xxxl-3 {
        margin-bottom:.9375rem !important
    }

    .mb-xxxl-4 {
        margin-bottom:1.40625rem !important
    }

    .mb-xxxl-5 {
        margin-bottom:2.8125rem !important
    }

    .mb-xxxl-auto {
        margin-bottom:auto !important
    }

    .ms-xxxl-0 {
        margin-left:0 !important
    }

    .ms-xxxl-1 {
        margin-left:.234375rem !important
    }

    .ms-xxxl-2 {
        margin-left:.46875rem !important
    }

    .ms-xxxl-3 {
        margin-left:.9375rem !important
    }

    .ms-xxxl-4 {
        margin-left:1.40625rem !important
    }

    .ms-xxxl-5 {
        margin-left:2.8125rem !important
    }

    .ms-xxxl-auto {
        margin-left:auto !important
    }

    .m-xxxl-n1 {
        margin:-.234375rem !important
    }

    .m-xxxl-n2 {
        margin:-.46875rem !important
    }

    .m-xxxl-n3 {
        margin:-.9375rem !important
    }

    .m-xxxl-n4 {
        margin:-1.40625rem !important
    }

    .m-xxxl-n5 {
        margin:-2.8125rem !important
    }

    .mx-xxxl-n1 {
        margin-right: -.234375rem !important;
        margin-left:-.234375rem !important
    }

    .mx-xxxl-n2 {
        margin-right: -.46875rem !important;
        margin-left:-.46875rem !important
    }

    .mx-xxxl-n3 {
        margin-right: -.9375rem !important;
        margin-left:-.9375rem !important
    }

    .mx-xxxl-n4 {
        margin-right: -1.40625rem !important;
        margin-left:-1.40625rem !important
    }

    .mx-xxxl-n5 {
        margin-right: -2.8125rem !important;
        margin-left:-2.8125rem !important
    }

    .my-xxxl-n1 {
        margin-top: -.234375rem !important;
        margin-bottom:-.234375rem !important
    }

    .my-xxxl-n2 {
        margin-top: -.46875rem !important;
        margin-bottom:-.46875rem !important
    }

    .my-xxxl-n3 {
        margin-top: -.9375rem !important;
        margin-bottom:-.9375rem !important
    }

    .my-xxxl-n4 {
        margin-top: -1.40625rem !important;
        margin-bottom:-1.40625rem !important
    }

    .my-xxxl-n5 {
        margin-top: -2.8125rem !important;
        margin-bottom:-2.8125rem !important
    }

    .mt-xxxl-n1 {
        margin-top:-.234375rem !important
    }

    .mt-xxxl-n2 {
        margin-top:-.46875rem !important
    }

    .mt-xxxl-n3 {
        margin-top:-.9375rem !important
    }

    .mt-xxxl-n4 {
        margin-top:-1.40625rem !important
    }

    .mt-xxxl-n5 {
        margin-top:-2.8125rem !important
    }

    .me-xxxl-n1 {
        margin-right:-.234375rem !important
    }

    .me-xxxl-n2 {
        margin-right:-.46875rem !important
    }

    .me-xxxl-n3 {
        margin-right:-.9375rem !important
    }

    .me-xxxl-n4 {
        margin-right:-1.40625rem !important
    }

    .me-xxxl-n5 {
        margin-right:-2.8125rem !important
    }

    .mb-xxxl-n1 {
        margin-bottom:-.234375rem !important
    }

    .mb-xxxl-n2 {
        margin-bottom:-.46875rem !important
    }

    .mb-xxxl-n3 {
        margin-bottom:-.9375rem !important
    }

    .mb-xxxl-n4 {
        margin-bottom:-1.40625rem !important
    }

    .mb-xxxl-n5 {
        margin-bottom:-2.8125rem !important
    }

    .ms-xxxl-n1 {
        margin-left:-.234375rem !important
    }

    .ms-xxxl-n2 {
        margin-left:-.46875rem !important
    }

    .ms-xxxl-n3 {
        margin-left:-.9375rem !important
    }

    .ms-xxxl-n4 {
        margin-left:-1.40625rem !important
    }

    .ms-xxxl-n5 {
        margin-left:-2.8125rem !important
    }

    .p-xxxl-0 {
        padding:0 !important
    }

    .p-xxxl-1 {
        padding:.234375rem !important
    }

    .p-xxxl-2 {
        padding:.46875rem !important
    }

    .p-xxxl-3 {
        padding:.9375rem !important
    }

    .p-xxxl-4 {
        padding:1.40625rem !important
    }

    .p-xxxl-5 {
        padding:2.8125rem !important
    }

    .px-xxxl-0 {
        padding-right: 0 !important;
        padding-left:0 !important
    }

    .px-xxxl-1 {
        padding-right: .234375rem !important;
        padding-left:.234375rem !important
    }

    .px-xxxl-2 {
        padding-right: .46875rem !important;
        padding-left:.46875rem !important
    }

    .px-xxxl-3 {
        padding-right: .9375rem !important;
        padding-left:.9375rem !important
    }

    .px-xxxl-4 {
        padding-right: 1.40625rem !important;
        padding-left:1.40625rem !important
    }

    .px-xxxl-5 {
        padding-right: 2.8125rem !important;
        padding-left:2.8125rem !important
    }

    .py-xxxl-0 {
        padding-top: 0 !important;
        padding-bottom:0 !important
    }

    .py-xxxl-1 {
        padding-top: .234375rem !important;
        padding-bottom:.234375rem !important
    }

    .py-xxxl-2 {
        padding-top: .46875rem !important;
        padding-bottom:.46875rem !important
    }

    .py-xxxl-3 {
        padding-top: .9375rem !important;
        padding-bottom:.9375rem !important
    }

    .py-xxxl-4 {
        padding-top: 1.40625rem !important;
        padding-bottom:1.40625rem !important
    }

    .py-xxxl-5 {
        padding-top: 2.8125rem !important;
        padding-bottom:2.8125rem !important
    }

    .pt-xxxl-0 {
        padding-top:0 !important
    }

    .pt-xxxl-1 {
        padding-top:.234375rem !important
    }

    .pt-xxxl-2 {
        padding-top:.46875rem !important
    }

    .pt-xxxl-3 {
        padding-top:.9375rem !important
    }

    .pt-xxxl-4 {
        padding-top:1.40625rem !important
    }

    .pt-xxxl-5 {
        padding-top:2.8125rem !important
    }

    .pe-xxxl-0 {
        padding-right:0 !important
    }

    .pe-xxxl-1 {
        padding-right:.234375rem !important
    }

    .pe-xxxl-2 {
        padding-right:.46875rem !important
    }

    .pe-xxxl-3 {
        padding-right:.9375rem !important
    }

    .pe-xxxl-4 {
        padding-right:1.40625rem !important
    }

    .pe-xxxl-5 {
        padding-right:2.8125rem !important
    }

    .pb-xxxl-0 {
        padding-bottom:0 !important
    }

    .pb-xxxl-1 {
        padding-bottom:.234375rem !important
    }

    .pb-xxxl-2 {
        padding-bottom:.46875rem !important
    }

    .pb-xxxl-3 {
        padding-bottom:.9375rem !important
    }

    .pb-xxxl-4 {
        padding-bottom:1.40625rem !important
    }

    .pb-xxxl-5 {
        padding-bottom:2.8125rem !important
    }

    .ps-xxxl-0 {
        padding-left:0 !important
    }

    .ps-xxxl-1 {
        padding-left:.234375rem !important
    }

    .ps-xxxl-2 {
        padding-left:.46875rem !important
    }

    .ps-xxxl-3 {
        padding-left:.9375rem !important
    }

    .ps-xxxl-4 {
        padding-left:1.40625rem !important
    }

    .ps-xxxl-5 {
        padding-left:2.8125rem !important
    }

    .text-xxxl-start {
        text-align:left !important
    }

    .text-xxxl-end {
        text-align:right !important
    }

    .text-xxxl-center {
        text-align:center !important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:1.875rem !important
    }

    .fs-2 {
        font-size:1.5rem !important
    }

    .fs-3 {
        font-size:1.3125rem !important
    }
}

@media print {
    .d-print-inline {
        display:inline !important
    }

    .d-print-inline-block {
        display:inline-block !important
    }

    .d-print-block {
        display:block !important
    }

    .d-print-grid {
        display:grid !important
    }

    .d-print-table {
        display:table !important
    }

    .d-print-table-row {
        display:table-row !important
    }

    .d-print-table-cell {
        display:table-cell !important
    }

    .d-print-flex {
        display:flex !important
    }

    .d-print-inline-flex {
        display:inline-flex !important
    }

    .d-print-none {
        display:none !important
    }
}

:root {
    --app-theme: #1c75ee;
    --app-theme-rgb: 28, 117, 238;
    --app-theme-color: #FFFFFF;
    --app-theme-color-rgb: 255, 255, 255;
    --app-border-color: rgba(255, 255, 255, 0.15);
    --app-border-color-rgb: 255, 255, 255;
    --app-header-bg: #FFFFFF;
    --app-header-bg-rgb: 255, 255, 255;
    --app-header-color: #000000;
    --app-header-color-rgb: 0, 0, 0;
    --app-header-input-bg: rgba(255, 255, 255, 0.1);
    --app-header-input-border: rgba(255, 255, 255, 0.1);
    --app-header-mobile-divider-bg: #fbfbfb;
    --app-header-divider-bg: rgba(255, 255, 255, 0.25);
    --app-sidebar-bg: #1a1a1a;
    --app-sidebar-bg-rgb: 26, 26, 26;
    --app-sidebar-profile-bg: #000000;
    --app-sidebar-profile-bg-rgb: 0, 0, 0;
    --app-sidebar-profile-color: #FFFFFF;
    --app-sidebar-profile-color-rgb: 255, 255, 255;
    --app-sidebar-component-color: #FFFFFF;
    --app-sidebar-component-color-rgb: 255, 255, 255;
    --app-sidebar-active-component-bg: #000000;
    --app-sidebar-active-component-bg-rgb: 0, 0, 0;
    --app-sidebar-menu-header-color: rgba(255, 255, 255, 0.45);
    --app-sidebar-menu-divider-bg: #000000;
    --app-sidebar-menu-badge-bg: #000000;
    --app-sidebar-minify-btn-bg: black;
    --app-sidebar-minify-btn-hover-bg: #000000;
    --app-component-bg: rgba(255, 255, 255, 0.15);
    --app-component-bg-rgb: 255, 255, 255;
    --app-component-dropdown-bg: rgba(45, 51, 58, 0.95);
    --app-component-dropdown-bg-rgb: 45, 51, 58;
    --app-component-dropdown-hover-bg: rgba(255, 255, 255, 0.15);
    --app-component-dropdown-hover-bg-rgb: 255, 255, 255;
    --app-component-dropdown-border-color: rgba(255, 255, 255, 0.15);
    --app-component-dropdown-border-color-rgb: 255, 255, 255;
    --app-component-modal-bg: rgba(45, 51, 58, 0.75);
    --app-component-modal-bg-rgb: 45, 51, 58;
    --app-component-modal-border-color: rgba(255, 255, 255, 0.15);
    --app-component-modal-border-color-rgb: 255, 255, 255;
    --app-component-secondary-bg: rgba(255, 255, 255, 0.3);
    --app-component-color: #FFFFFF;
    --app-component-color-rgb: 255, 255, 255;
    --app-component-border-color: rgba(255, 255, 255, 0.15);
    --app-component-border-color-rgb: 255, 255, 255;
    --app-component-active-bg: #1c75ee;
    --app-component-active-bg-rgb: 28, 117, 238;
    --app-component-active-color: #FFFFFF;
    --app-component-active-color-rgb: 255, 255, 255;
    --app-component-hover-bg: rgba(255, 255, 255, 0.35);
    --app-component-hover-color: #FFFFFF;
    --app-component-hover-border-color: transparent;
    --app-component-focus-border-color: #5598f2;
    --app-component-disabled-bg: rgba(255, 255, 255, 0.075);
    --app-component-disabled-color: rgba(255, 255, 255, 0.15);
    --app-component-disabled-border-color: transparent;
    --app-component-table-border-color: rgba(255, 255, 255, 0.15);
    --app-component-table-separator-color: rgba(255, 255, 255, 0.25);
    --app-pos-bg: #e6e6e6;
    --form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(0, 0, 0, 0.25)'/></svg>")
}

.dark-mode {
    --bs-body-bg: black;
    --bs-body-color: #cccccc;
    --bs-light: rgba(0, 0, 0, 0.1);
    --app-border-color: #666666;
    --app-header-bg: #161616;
    --app-header-color: #FFFFFF;
    --app-header-input-bg: black;
    --app-header-input-border: black;
    --app-header-divider-bg: #404040;
    --app-header-mobile-divider-bg: #000000;
    --app-component-bg: rgba(0, 0, 0, 0.25);
    --app-component-bg-rgb: 0, 0, 0;
    --app-component-color: #FFFFFF;
    --app-component-color-rgb: 255, 255, 255;
    --app-component-border-color: rgba(255, 255, 255, 0.15);
    --app-component-border-color-rgb: 255, 255, 255;
    --app-component-hover-bg: rgba(255, 255, 255, 0.35);
    --app-component-hover-color: #FFFFFF;
    --app-component-hover-border-color: transparent;
    --app-component-disabled-bg: rgba(255, 255, 255, 0.075);
    --app-component-disabled-border-color: transparent;
    --app-component-disabled-color: rgba(255, 255, 255, 0.15);
    --app-component-dropdown-bg: rgba(45, 51, 58, 0.95);
    --app-component-dropdown-bg-rgb: 45, 51, 58;
    --app-component-dropdown-hover-bg: rgba(255, 255, 255, 0.15);
    --app-component-dropdown-hover-bg-rgb: 255, 255, 255;
    --app-component-dropdown-border-color: rgba(255, 255, 255, 0.15);
    --app-component-dropdown-border-color-rgb: 255, 255, 255;
    --app-component-modal-bg: rgba(45, 51, 58, 0.75);
    --app-component-modal-bg-rgb: 45, 51, 58;
    --app-component-modal-border-color: rgba(255, 255, 255, 0.15);
    --app-component-modal-border-color-rgb: 255, 255, 255;
    --app-component-secondary-bg: rgba(255, 255, 255, 0.3);
    --app-component-table-border-color: rgba(255, 255, 255, 0.15);
    --app-component-table-separator-color: rgba(255, 255, 255, 0.25);
    --app-pos-bg: black;
    --form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(255, 255, 255, 0.25)'/></svg>")
}

.dark-mode .table {
    --bs-table-striped-bg: rgba(64, 64, 64, 0.7);
    --bs-table-active-color: var(--app-component-color);
    --bs-table-active-bg: $gray-700;
    --bs-table-hover-color: var(--app-component-color);
    --bs-table-hover-bg:rgba(64, 64, 64, 0.85)
}

.dark-mode .btn-default {
    background: rgba(0, 0, 0, .25);
    border-color:transparent
}

.dark-mode .btn-default.active, .dark-mode .btn-default:focus, .dark-mode .btn-default:hover {
    background: rgba(0, 0, 0, .5);
    border-color:transparent
}

html {
    height:100%
}

body {
    height: 100%;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

b {
    font-weight:700
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 60%;
    font-weight: 400;
    color:rgba(255, 255, 255, .75)
}

a {
    color:#8ebaf7
}

a:focus, a:hover {
    color:#c6ddfb
}

a:focus {
    outline:0
}

.app-content {
    margin-left: 240px;
    padding: 20px 30px;
    position: relative;
    z-index: 1010;
    padding-left:30px
}

.app-content .app-content-container {
    margin: -20px -30px;
    padding:20px 30px
}

@media (max-width: 767.98px) {
    .app-content .app-content-container {
        margin: -20px -20px;
        padding:20px 20px
    }
}

.app-content .app-content-margin {
    margin:-20px -30px
}

@media (max-width: 767.98px) {
    .app-content .app-content-margin {
        margin:-20px -20px
    }
}

.app-content .app-content-padding {
    padding:20px 30px
}

@media (max-width: 767.98px) {
    .app-content .app-content-padding {
        padding:20px 20px
    }
}

@media (max-width: 767.98px) {
    .app-content {
        margin-left: 0;
        padding:20px 20px
    }
}

.app-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  background-image: url(/fpdf/cover.svg);
  background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index:1000
}

.app-cover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*    background: #333;*/
    background: #000;
/*    background: #181d26;*/
    opacity:.9
}

.app-footer {
    padding: .9375rem 0;
    margin: 0 30px;
    border-top: 1px solid var(--app-component-border-color);
    font-weight: 500;
    color:#fff
}

@-webkit-keyframes navbar-input-expand {
    from {
        width:220px
    }

    to {
        width:300px
    }
}

@keyframes navbar-input-expand {
    from {
        width:220px
    }

    to {
        width:300px
    }
}

@-webkit-keyframes navbar-input-expand-xs {
    from {
        width:160px
    }

    to {
        width:200px
    }
}

@keyframes navbar-input-expand-xs {
    from {
        width:160px
    }

    to {
        width:200px
    }
}

.app-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    transition: background .2s linear;
    display: flex;
    flex:1
}

@media (max-width: 767.98px) {
    .app-header {
        display: block;
        background:rgba(0, 0, 0, .25)
    }
}

.app-header .navbar-mobile-toggler {
    position: relative;
    padding: 10px;
    background-color: transparent;
    background-image: none;
    border: none;
    outline: 0;
    border-radius:4px
}

@media (min-width: 768px) {
    .app-header .navbar-mobile-toggler {
        display:none
    }
}

.app-header .navbar-mobile-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius:4px
}

.app-header .navbar-mobile-toggler .icon-bar + .icon-bar {
    margin-top:4px
}

.app-header .navbar-mobile-toggler:hover {
    background: 0 0;
    opacity:.75
}

@media (max-width: 767.98px) {
    .app-header .navbar-mobile-toggler + .navbar-brand {
        justify-content: center;
        margin-left:auto
    }
}

.app-header .navbar-header {
    display: flex;
    align-items:center
}

@media (min-width: 768px) {
    .app-header .navbar-header {
        width:240px
    }
}

@media (max-width: 767.98px) {
    .app-header .navbar-header {
        padding:0 10px
    }
}

.app-header .navbar-brand {
    padding: 10px 20px;
    height: 50px;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    margin: 0;
    color: #fff;
    align-items: center;
    display: flex;
    margin-right:auto
}

@media (max-width: 767.98px) {
    .app-header .navbar-brand {
        padding:10px
    }
}

.app-header .navbar-brand img {
    max-width: 100%;
    max-height:100%
}

.app-header .navbar-brand b {
    font-weight:700
}

.app-header .navbar-brand .navbar-logo {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    background: 0 0;
    border: 2px solid rgba(var(--app-theme-rgb), .25);
    border-radius: 40px;
    margin-right:10px
}

body:not([class * =theme-]) .app-header .navbar-brand .navbar-logo {
    --app-theme-rgb:255, 255, 255
}

.app-header .navbar-brand .navbar-logo:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(var(--app-theme-rgb), .5);
    border-radius:40px
}

.app-header .navbar-brand .navbar-logo:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 4px;
    height: 4px;
    background: rgba(var(--app-theme-rgb), .75);
    border-radius:40px
}

.app-header .navbar-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: flex-end;
    align-items:center
}

@media (max-width: 767.98px) {
    .app-header .navbar-nav {
        border-top: 1px solid rgba(255, 255, 255, .15);
        padding:0 20px
    }
}

.app-header .navbar-nav .navbar-item {
    position:relative
}

.app-header .navbar-nav .navbar-item .navbar-link {
    display: block;
    text-decoration: none;
    line-height: 20px;
    padding: 15px;
    border: none;
    color: #fff;
    font-weight:500
}

.app-header .navbar-nav .navbar-item .navbar-link .badge {
    position: absolute;
    top: 8px;
    display: block;
    background: var(--app-theme);
    color: var(--app-theme-color);
    line-height: 12px;
    font-weight: 500;
    padding: 3px 6px;
    font-size: 10.5px;
    border-radius: 30px;
    right:5px
}

.app-header .navbar-nav .navbar-item .navbar-link i {
    position: relative;
    font-size:16px
}

.app-header .navbar-nav .navbar-item .navbar-link:focus, .app-header .navbar-nav .navbar-item .navbar-link:hover {
    opacity:.75
}

.app-header .navbar-nav .navbar-item .navbar-link.icon i {
    font-size: 16px;
    height: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content:center
}

@media (max-width: 767.98px) {
    .app-header .navbar-nav .navbar-item:last-child .navbar-link {
        padding-right:0
    }
}

.app-header .navbar-nav .navbar-item.active > a {
    background: rgba(255, 255, 255, .1);
    opacity:1
}

.app-header .navbar-nav .navbar-item.dropdown .dropdown-menu {
    margin: 0;
    top:-2px !important
}

.app-header .navbar-nav .navbar-item.dropdown.dropdown-lg {
    position:static
}

.app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
    left: 20px !important;
    right: 20px !important;
    padding: 20px;
    transform:none !important
}

@media (min-width: 768px) {
    .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
        top:100% !important
    }
}

@media (max-width: 575.98px) {
    .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
        overflow: scroll;
        top: 101px !important;
        max-height:calc(100vh - 101px)
    }
}

.app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu.dropdown-menu-lg .nav > li > a {
    padding: 0;
    background: 0 0;
    line-height:24px
}

.app-header .navbar-nav .navbar-item.show > a, .app-header .navbar-nav .navbar-item.show > a:focus, .app-header .navbar-nav .navbar-item.show > a:hover {
    background: 0 0;
    color: #000;
    opacity:1
}

.app-header .navbar-nav .navbar-divider {
    height: 34px;
    background: var(--app-header-divider-bg);
    width:1px
}

.app-header .navbar-nav.navbar-end {
    margin-left:auto
}

.app-header .navbar-form {
    padding: 0 15px;
    margin:9px 0
}

@media (max-width: 767.98px) {
    .app-header .navbar-form {
        padding: 0;
        flex:1
    }

    .app-header .navbar-form + .navbar-item {
        padding-left:10px
    }
}

.app-header .navbar-form .form-group {
    margin: 0;
    position:relative
}

.app-header .navbar-form .form-control {
    width: 220px;
    padding: 5px 15px;
    height: 32px;
    background: rgba(255, 255, 255, .25);
    border-color: transparent;
    border-radius:30px
}

@media (max-width: 767.98px) {
    .app-header .navbar-form .form-control {
        width:100%
    }
}

.app-header .navbar-form .form-control::-moz-placeholder {
    color:rgba(255, 255, 255, .5)
}

.app-header .navbar-form .form-control:-ms-input-placeholder {
    color:rgba(255, 255, 255, .5)
}

.app-header .navbar-form .form-control::placeholder {
    color:rgba(255, 255, 255, .5)
}

.app-header .navbar-form .form-control:focus {
    width: 300px;
    border-color: transparent;
    box-shadow: none;
    -webkit-animation: navbar-input-expand .2s;
    animation:navbar-input-expand .2s
}

@media (max-width: 767.98px) {
    .app-header .navbar-form .form-control:focus {
        width: 100%;
        -webkit-animation: none;
        animation:none
    }
}

.app-header .navbar-form .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    background: 0 0;
    color: #fff;
    border-radius: 0 30px 30px 0;
    display: flex;
    align-items:center
}

.app-header .navbar-form .btn-search > i[class * =ion-] {
    font-size: 22px;
    display:block
}

.app-header .navbar-user img {
    width: 30px;
    height: 30px;
    margin: -5px 10px -5px 0;
    border-radius:30px
}

@media (max-width: 767.98px) {
    .app-header .navbar-user img {
        margin-right:5px
    }
}

.app-header .navbar-user .image {
    width: 30px;
    height: 30px;
    margin: -5px 10px -5px 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius:30px
}

@media (max-width: 767.98px) {
    .app-header .navbar-user .image {
        margin-right:5px
    }
}

.app-header .navbar-user .image.image-icon {
    font-size: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content:center
}

.app-header .navbar-user .image.image-icon i {
    float: none;
    display: block;
    font-size: 22px;
    text-align: center;
    width: auto;
    margin:0 auto -10px
}

.app-header .navbar-language .flag-icon {
    font-size: 15px;
    margin-right:7px
}

@media (min-width: 768px) {
    .app-header .navbar-collapse {
        display:flex
    }
}

@media (max-width: 767.98px) {
    .app-header .navbar-collapse .navbar-nav > li {
        flex:1
    }

    .app-header .navbar-collapse .navbar-nav > li > a {
        display: flex;
        align-items: center;
        justify-content:center
    }
}

.app-header.app-header-show-bg {
    background:rgba(0, 0, 0, .85)
}

.app-header-shadow .app-header, .has-scroll .app-header {
    background:rgba(0, 0, 0, .85)
}

@-webkit-keyframes appLoaderFadeOut {
    from {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes appLoaderFadeOut {
    from {
        opacity:1
    }

    to {
        opacity:0
    }
}

.app-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #212121;
    z-index: 1050;
    height: 100vh;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content:center
}

.app-loader.fading {
    opacity: 0;
    -webkit-animation: appLoaderFadeOut .2s ease;
    animation:appLoaderFadeOut .2s ease
}

.app-loader.loaded {
    display:none
}

.app-loader.loaded .spinner {
    -webkit-animation: none;
    animation:none
}

.app-sidebar-end.app-sidebar, .app-sidebar-end.app-sidebar-bg {
    right:-240px
}

.app-sidebar-end.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
    right:-260px
}

.app-sidebar {
    width: 240px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding-top: 50px;
    z-index:1010
}

@media (max-width: 767.98px) {
    .app-sidebar {
        position: fixed;
        padding-top: 0;
        left: -240px;
        z-index:1021
    }
}

.app-sidebar .menu {
    padding:0 20px;
}

.app-sidebar .menu .menu-profile {
    padding: 20px;
    color: #fff;
    overflow: hidden;
    position: relative;
    border-bottom:1px solid var(--app-component-border-color)
}

.app-sidebar .menu .menu-profile .menu-profile-link {
    margin: -20px;
    padding: 20px 0;
    display: block;
    color: #fff;
    font-weight: 500;
    text-decoration:none
}

.app-sidebar .menu .menu-profile .menu-profile-link:hover .menu-profile-cover.with-shadow:before {
    opacity:.75
}

.app-sidebar .menu .menu-profile .menu-profile-image {
    width: 34px;
    height: 34px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    border-radius:30px
}

.app-sidebar .menu .menu-profile .menu-profile-image img {
    max-width: 100%;
    max-height:100%
}

.app-sidebar .menu .menu-profile .menu-profile-image.menu-profile-image-icon i {
    float: none;
    display: block;
    font-size: 24px;
    text-align: center;
    width: auto;
    margin:0 auto -12px
}

.app-sidebar .menu .menu-profile .menu-profile-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size:cover
}

.app-sidebar .menu .menu-profile .menu-profile-cover.with-shadow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition:all .2s linear
}

.app-sidebar .menu .menu-profile .menu-profile-info {
    font-size: .875rem;
    position:relative
}

.app-sidebar .menu .menu-profile .menu-profile-info .small, .app-sidebar .menu .menu-profile .menu-profile-info small {
    display: block;
    font-weight: 400;
    color: rgba(255, 255, 255, .75);
    font-size: .75rem;
    margin-bottom:-5px
}

.app-sidebar .menu .menu-header {
    margin: 0;
    padding: 15px 0 3px;
    line-height: 20px;
    font-size: 11px;
    color: rgba(255, 255, 255, .45);
    font-weight:500
}

.app-sidebar .menu .menu-divider {
    height: 1px;
    background: var(--app-component-border-color);
    margin:7px 0
}

.app-sidebar .menu .menu-caret {
    display: block;
    width: 20px;
    text-align: center;
    font-size: .6875rem;
    border: none;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    margin-left: auto;
    margin-right:-5px
}

.app-sidebar .menu .menu-caret:before {
    content: "\f054";
    display: block;
    text-align: center;
    opacity: .5;
    transition:all .2s linear
}

.app-sidebar .menu .menu-search {
    padding: 15px;
    margin:0 -15px
}

.app-sidebar .menu .menu-search + .menu-item {
    padding-top:0
}

.app-sidebar .menu .menu-search .form-control {
    background: 0 0;
    border: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    color: #fff;
    border-radius:0
}

.app-sidebar .menu .menu-search .form-control:focus {
    border-color: rgba(255, 255, 255, .5);
    box-shadow:none
}

.app-sidebar .menu .active:not(.closed):not(.closing) > a .menu-caret:before, .app-sidebar .menu .expand > a .menu-caret:before, .app-sidebar .menu .expanding > a .menu-caret:before {
    opacity: 1;
    transform:rotate(90deg)
}

.app-sidebar .menu .menu-item {
    position:relative
}

.app-sidebar .menu .menu-item .menu-link {
    padding: 7px 15px;
    line-height: 20px;
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    border-radius:4px
}

.app-sidebar .menu .menu-item .menu-link .menu-text {
    flex:1
}

.app-sidebar .menu .menu-item .menu-link .menu-badge {
    padding: 0 .975em;
    background: #fff;
    color: #000;
    font-weight: 500;
    font-size: 10px;
    border-radius:12px
}

.app-sidebar .menu .menu-item .menu-link .menu-label {
    padding: .35em .65em;
    font-size: 75%;
    font-weight: 500;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    margin-left: 5px;
    background-color: #fff;
    border-radius:3px
}

.app-sidebar .menu .menu-item .menu-link:focus, .app-sidebar .menu .menu-item .menu-link:hover {
    background: 0 0;
    color:#fff
}

.app-sidebar .menu .menu-item .menu-link .text-theme {
    color:#fff
}

.app-sidebar .menu .menu-item .menu-icon {
    width: 14px;
    text-align: center;
    line-height: 20px;
    font-size: .875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:10px
}

.app-sidebar .menu .menu-item .menu-icon img {
    max-width: 100%;
    max-height:100%
}

.app-sidebar .menu .menu-item .menu-icon [class^=ion-] {
    margin-right: 8px;
    width: 18px;
    font-size: 18px;
    margin-left: -2px;
    display:block
}

.app-sidebar .menu .menu-item .menu-icon-img {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-right:10px
}

.app-sidebar .menu .menu-item .menu-icon-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin:0 auto
}

.app-sidebar .menu .menu-item .menu-submenu {
    padding: 5px 0 10px 25px;
    margin: 0;
    position: relative;
    display:none
}

.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link {
    padding: 3px 15px 3px 14px;
    color: rgba(255, 255, 255, .45);
    text-decoration: none;
    position: relative;
    line-height:18px
}

.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:focus, .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:hover {
    color:#fff
}

.app-sidebar .menu .menu-item .menu-submenu .menu-item.active > .menu-link {
    background: 0 0;
    color:#fff
}

.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-submenu {
    padding: 0 0 0 15px;
    background:0 0
}

.app-sidebar .menu .menu-item.active.has-sub > .menu-submenu {
    display:block
}

.app-sidebar .menu .menu-item.active > .menu-link {
    position: relative;
    z-index: 10;
    color: var(--app-component-color);
/*    background:rgba(255, 255, 255, .25)*/
    background-color:#E20613;
    border-radius:25px;
}


.app-sidebar .menu .menu-item:hover {
/*
    color: #495057;
    background-color: rgba(255, 255, 255, .25);
    border-color:#dee2e6 #dee2e6 rgba(255, 255, 255, .25)
*/

    border-radius:15px;
}


.app-gradient-enabled .app-sidebar .menu .menu-item.active > .menu-link {
    color: var(--app-theme-color);
    background-color: var(--app-theme);
    background-image:var(--bs-gradient)
}

.app-sidebar .app-sidebar-content {
    position:relative
}

.app-sidebar .app-sidebar-minify-btn {
    margin: 10px 0;
    padding: 5px 10px !important;
    background: rgba(0, 0, 0, .25);
    color: #fff;
    border-radius:4px
}

.app-sidebar .app-sidebar-minify-btn i {
    margin: 0 !important;
    color:#fff
}

.app-sidebar .app-sidebar-minify-btn:focus, .app-sidebar .app-sidebar-minify-btn:hover {
    background:rgba(0, 0, 0, .5)
}

.app-sidebar .ps__rail-x, .app-sidebar .ps__rail-y {
    display:none !important
}

.app-sidebar.app-sidebar-grid .menu > .menu-item {
    border-top:1px solid var(--app-component-border-color)
}

.app-sidebar.app-sidebar-grid .menu > .menu-item > .menu-link {
    border-radius:0
}

.app-sidebar.app-sidebar-grid .menu > .menu-item.active {
    border-color:transparent
}

.app-sidebar.app-sidebar-grid .menu > .menu-item.active.closed + .menu-item {
    border-color:transparent
}

.app-sidebar-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 240px;
    z-index:1000
}

@media (max-width: 767.98px) {
    .app-sidebar-bg {
        padding-top: 0;
        left: -240px;
        z-index: 1020;
        background:rgba(85, 92, 100, .95)
    }
}

.app-sidebar-mobile-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1020;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    outline: 0;
    display:none
}

@-webkit-keyframes topMenuControlSlideInLeft {
    from {
        left:-50px
    }

    to {
        left:0
    }
}

@keyframes topMenuControlSlideInLeft {
    from {
        left:-50px
    }

    to {
        left:0
    }
}

@-webkit-keyframes topMenuControlSlideInRight {
    from {
        right:-50px
    }

    to {
        right:0
    }
}

@keyframes topMenuControlSlideInRight {
    from {
        right:-50px
    }

    to {
        right:0
    }
}

.boxed-layout {
    height: 100%;
    background-image:url(images/cover-pattern.png)
}

.boxed-layout .app-top-menu {
    max-width: 1280px;
    width: 100%;
    left: 50%;
    margin-left:-640px
}

@media (min-width: 768px) {
    .boxed-layout .app-top-menu {
        overflow:hidden
    }

    .boxed-layout .app-top-menu .menu > .menu-item > .menu-submenu {
        position: fixed;
        top: auto;
        left: auto;
        right:auto
    }
}

@media (max-width: 575.98px) {
    .boxed-layout .app-top-menu {
        position: relative;
        left: 0;
        margin:0
    }
}

.boxed-layout .pace .pace-progress {
    top:0
}

.boxed-layout .pace .pace-activity {
    top:13px
}

.boxed-layout .app {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    background: #333;
    position: relative;
    overflow: hidden;
    box-shadow:0 0 30px rgba(0, 0, 0, .5)
}

.boxed-layout .app-header {
    max-width: 1280px;
    width: 100%;
    right: auto;
    left:auto
}

@media (min-width: 768px) {
    .boxed-layout .app-sidebar, .boxed-layout .app-sidebar-bg {
        left: auto;
        right:auto
    }
}

@media (max-width: 1280px) {
    .boxed-layout .app-top-menu {
        left: 0;
        margin-left:0
    }
}

.app-content-full-height {
    height:100%
}

@media (min-width: 768px) {
    .app-content-full-height .app-content {
        height:calc(100vh - 50px)
    }
}

@media (max-width: 767.98px) {
    .app-content-full-height .app-content {
        min-height:calc(100vh - 101px)
    }
}

@media (min-width: 768px) {
    .app-content-full-height.app-empty .app-content, .app-content-full-height.app-without-header .app-content {
        height:100vh
    }
}

.app-empty .app-content {
    margin: 0;
    top:0
}

.app-header-fixed {
    padding-top:50px
}

@media (max-width: 767.98px) {
    .app-header-fixed {
        padding-top:101px
    }
}

.app-header-fixed .app-header {
    position:fixed
}

@media (min-width: 768px) {
    .app-with-top-menu {
        padding-top:90px
    }
}

@media (min-width: 768px) {
    .app-with-top-menu .app-sidebar {
        padding-top:90px
    }
}

@media (min-width: 768px) {
    .app-with-top-menu.app-header-fixed {
        padding-top:90px
    }
}

.app-with-two-sidebar .app-header .navbar-toggle.pull-start + .navbar-header {
    margin: 0;
    justify-content:center
}

.app-with-two-sidebar .app-sidebar-end.app-sidebar, .app-with-two-sidebar .app-sidebar-end.app-sidebar-bg {
    right: -240px;
    left:auto
}

.app-with-two-sidebar.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-with-two-sidebar.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
    right:-260px
}

.app-with-two-sidebar.app-sidebar-minified .app-sidebar-end.app-sidebar, .app-with-two-sidebar.app-sidebar-minified .app-sidebar-end.app-sidebar-bg {
    width:240px
}

.app-with-two-sidebar.app-sidebar-minified.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-with-two-sidebar.app-sidebar-minified.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
    width:260px
}

.app-with-wide-sidebar .app-header .navbar-header {
    width:260px
}

@media (max-width: 767.98px) {
    .app-with-wide-sidebar .app-header .navbar-header {
        width:auto
    }
}

.app-with-wide-sidebar .app-sidebar, .app-with-wide-sidebar .app-sidebar-bg {
    width:260px
}

@media (max-width: 767.98px) {
    .app-with-wide-sidebar .app-sidebar, .app-with-wide-sidebar .app-sidebar-bg {
        width: 260px;
        left:-260px
    }
}

@media (max-width: 767.98px) {
    .app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right: -260px;
        left:auto
    }
}

@media (min-width: 768px) {
    .app-with-wide-sidebar .app-content {
        margin-left:260px
    }
}

@media (min-width: 768px) {
    .app-with-wide-sidebar.app-with-end-sidebar .app-content {
        margin-right: 260px;
        margin-left:0
    }
}

.app-without-sidebar .app-content {
    margin:0
}

@media (max-width: 575.98px) {
    .app-without-sidebar:not(.app-with-top-menu) .app-header .navbar-brand {
        justify-content:center
    }
}

.app-sidebar-fixed .app-sidebar {
    position:fixed
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) {
    width:60px
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu {
    padding:0 8px
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link {
    padding:10px 12px
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-badge, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-label, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-text {
    display:none
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-icon {
    margin:0
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-icon-img {
    margin:0
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item.has-sub > .menu-submenu {
    display:none !important
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-header, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-profile, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-search {
    display:none !important
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-caret {
    margin-right:-12px
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-caret:before {
    transform:rotate(0) !important
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .slimScrollDiv .slimScrollBar, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .slimScrollDiv .slimScrollRail {
    display:none !important
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .ps__rail-x, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .ps__rail-y {
    display:none !important
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar-bg:not(.app-sidebar-end) {
    width:60px
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar-minify-btn {
    margin-left: auto;
    margin-right:auto
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar-minify-btn i:before {
    content: "\f101"
}

@media (min-width: 768px) {
    .app-sidebar-minified:not(.app-without-sidebar) .app-content {
        margin-left:60px
    }
}

@media (min-width: 768px) {
    .app-sidebar-minified:not(.app-without-sidebar).app-with-end-sidebar .app-content {
        margin-right: 60px;
        margin-left:auto
    }
}

@media (min-width: 768px) {
    .app-sidebar-end-toggled .app-sidebar-end.app-sidebar, .app-sidebar-end-toggled .app-sidebar-end.app-sidebar-bg {
        right:0
    }
}

@media (min-width: 768px) {
    .app-sidebar-end-toggled .app-content {
        margin-right:240px
    }
}

@media (min-width: 768px) {
    .app-sidebar-end-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right:0
    }
}

@media (min-width: 768px) {
    .app-sidebar-end-toggled.app-with-wide-sidebar .app-content {
        margin-right:260px
    }
}

@-webkit-keyframes appSidebarEndMobileSlideInLeft {
    from {
        left:-240px
    }

    to {
        left:0
    }
}

@keyframes appSidebarEndMobileSlideInLeft {
    from {
        left:-240px
    }

    to {
        left:0
    }
}

@-webkit-keyframes appSidebarEndMobileSlideInRight {
    from {
        right:-240px
    }

    to {
        right:0
    }
}

@keyframes appSidebarEndMobileSlideInRight {
    from {
        right:-240px
    }

    to {
        right:0
    }
}

@-webkit-keyframes appSidebarEndWideMobileSlideInLeft {
    from {
        left:-260px
    }

    to {
        left:0
    }
}

@keyframes appSidebarEndWideMobileSlideInLeft {
    from {
        left:-260px
    }

    to {
        left:0
    }
}

@-webkit-keyframes appSidebarEndWideMobileSlideInRight {
    from {
        right:-260px
    }

    to {
        right:0
    }
}

@keyframes appSidebarEndWideMobileSlideInRight {
    from {
        right:-260px
    }

    to {
        right:0
    }
}

@-webkit-keyframes appSidebarEndMobileBackdrop {
    from {
        background:0 0
    }

    to {
        background:rgba(0, 0, 0, .5)
    }
}

@keyframes appSidebarEndMobileBackdrop {
    from {
        background:0 0
    }

    to {
        background:rgba(0, 0, 0, .5)
    }
}

@media (max-width: 767.98px) {
    .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-bg {
        right: 0;
        left: auto;
        -webkit-animation: appSidebarEndMobileSlideInRight .2s ease;
        animation:appSidebarEndMobileSlideInRight .2s ease
    }

    .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-bg {
        position:fixed
    }

    .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-mobile-backdrop {
        display: block;
        background: rgba(0, 0, 0, .5);
        -webkit-animation: appSidebarEndMobileBackdrop .2s ease;
        animation:appSidebarEndMobileBackdrop .2s ease
    }

    .app-sidebar-end-mobile-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right: 0;
        left: auto;
        -webkit-animation: appSidebarEndWideMobileSlideInRight .2s ease;
        animation:appSidebarEndWideMobileSlideInRight .2s ease
    }
}

@-webkit-keyframes appSidebarEndMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-240px
    }
}

@keyframes appSidebarEndMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-240px
    }
}

@-webkit-keyframes appSidebarEndMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-240px
    }
}

@keyframes appSidebarEndMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-240px
    }
}

@-webkit-keyframes appSidebarEndWideMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-260px
    }
}

@keyframes appSidebarEndWideMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-260px
    }
}

@-webkit-keyframes appSidebarEndWideMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-260px
    }
}

@keyframes appSidebarEndWideMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-260px
    }
}

@-webkit-keyframes appSidebarEndMobileRemoveBackdrop {
    from {
        background:rgba(0, 0, 0, .5)
    }

    to {
        background:0 0
    }
}

@keyframes appSidebarEndMobileRemoveBackdrop {
    from {
        background:rgba(0, 0, 0, .5)
    }

    to {
        background:0 0
    }
}

@media (max-width: 767.98px) {
    .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar-bg {
        right: -240px;
        left: auto;
        -webkit-animation: appSidebarEndMobileSlideOutRight .2s ease;
        animation:appSidebarEndMobileSlideOutRight .2s ease
    }

    .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar-mobile-backdrop {
        display: block;
        background: 0 0;
        -webkit-animation: appSidebarEndMobileRemoveBackdrop .2s ease;
        animation:appSidebarEndMobileRemoveBackdrop .2s ease
    }

    .app-sidebar-end-mobile-closed.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-closed.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right: -260px;
        -webkit-animation: appSidebarEndWideMobileSlideOutRight .2s ease;
        animation:appSidebarEndWideMobileSlideOutRight .2s ease
    }
}

@-webkit-keyframes appSidebarMobileSlideInLeft {
    from {
        left:-240px
    }

    to {
        left:0
    }
}

@keyframes appSidebarMobileSlideInLeft {
    from {
        left:-240px
    }

    to {
        left:0
    }
}

@-webkit-keyframes appSidebarMobileSlideInRight {
    from {
        right:-240px
    }

    to {
        right:0
    }
}

@keyframes appSidebarMobileSlideInRight {
    from {
        right:-240px
    }

    to {
        right:0
    }
}

@-webkit-keyframes appSidebarWideMobileSlideInLeft {
    from {
        left:-260px
    }

    to {
        left:0
    }
}

@keyframes appSidebarWideMobileSlideInLeft {
    from {
        left:-260px
    }

    to {
        left:0
    }
}

@-webkit-keyframes appSidebarWideMobileSlideInRight {
    from {
        right:-260px
    }

    to {
        right:0
    }
}

@keyframes appSidebarWideMobileSlideInRight {
    from {
        right:-260px
    }

    to {
        right:0
    }
}

@-webkit-keyframes appSidebarMobileBackdrop {
    from {
        background:0 0
    }

    to {
        background:rgba(0, 0, 0, .5)
    }
}

@keyframes appSidebarMobileBackdrop {
    from {
        background:0 0
    }

    to {
        background:rgba(0, 0, 0, .5)
    }
}

@media (max-width: 767.98px) {
    .app-sidebar-mobile-toggled .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-toggled .app-sidebar:not(.app-sidebar-end) {
        left: 0;
        -webkit-animation: appSidebarMobileSlideInLeft .2s ease;
        animation:appSidebarMobileSlideInLeft .2s ease
    }

    .app-sidebar-mobile-toggled .app-sidebar-bg:not(.app-sidebar-end) {
        position:fixed
    }

    .app-sidebar-mobile-toggled .app-sidebar-mobile-backdrop:not(.app-sidebar-end) {
        display: block;
        background: rgba(0, 0, 0, .5);
        -webkit-animation: appSidebarMobileBackdrop .2s ease;
        animation:appSidebarMobileBackdrop .2s ease
    }

    .app-sidebar-mobile-toggled.app-with-wide-sidebar .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-toggled.app-with-wide-sidebar .app-sidebar:not(.app-sidebar-end) {
        -webkit-animation: appSidebarWideMobileSlideInLeft .2s ease;
        animation:appSidebarWideMobileSlideInLeft .2s ease
    }
}

@-webkit-keyframes appSidebarMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-240px
    }
}

@keyframes appSidebarMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-240px
    }
}

@-webkit-keyframes appSidebarMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-240px
    }
}

@keyframes appSidebarMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-240px
    }
}

@-webkit-keyframes appSidebarWideMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-260px
    }
}

@keyframes appSidebarWideMobileSlideOutLeft {
    from {
        left:0
    }

    to {
        left:-260px
    }
}

@-webkit-keyframes appSidebarWideMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-260px
    }
}

@keyframes appSidebarWideMobileSlideOutRight {
    from {
        right:0
    }

    to {
        right:-260px
    }
}

@-webkit-keyframes appSidebarMobileRemoveBackdrop {
    from {
        background:rgba(0, 0, 0, .5)
    }

    to {
        background:0 0
    }
}

@keyframes appSidebarMobileRemoveBackdrop {
    from {
        background:rgba(0, 0, 0, .5)
    }

    to {
        background:0 0
    }
}

@media (max-width: 767.98px) {
    .app-sidebar-mobile-closed .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-closed .app-sidebar:not(.app-sidebar-end) {
        left: -240px;
        -webkit-animation: appSidebarMobileSlideOutLeft .2s ease;
        animation:appSidebarMobileSlideOutLeft .2s ease
    }

    .app-sidebar-mobile-closed .app-sidebar-mobile-backdrop:not(.app-sidebar-end) {
        display: block;
        background: 0 0;
        -webkit-animation: appSidebarMobileRemoveBackdrop .2s ease;
        animation:appSidebarMobileRemoveBackdrop .2s ease
    }

    .app-sidebar-mobile-closed.app-with-wide-sidebar .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-closed.app-with-wide-sidebar .app-sidebar:not(.app-sidebar-end) {
        left: -260px;
        -webkit-animation: appSidebarWideMobileSlideOutLeft .2s ease;
        animation:appSidebarWideMobileSlideOutLeft .2s ease
    }
}

.badge {
    display: inline;
    padding: .35em .65em;
    vertical-align:middle
}

.breadcrumb {
    margin: 0;
    font-weight:400
}

.breadcrumb .breadcrumb-item {
    line-height:32.4px
}

.breadcrumb .breadcrumb-item a {
    color: var(--bs-body-color);
    text-decoration:none
}

.breadcrumb .breadcrumb-item a:hover {
    text-decoration:underline
}

@-webkit-keyframes btnFadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes btnFadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

.btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    z-index: 1020;
    opacity: 0;
    display:none
}

.btn-scroll-to-top.show {
    opacity: 1;
    display: block;
    -webkit-animation: btnFadeIn .2s ease;
    animation:btnFadeIn .2s ease
}

@media (min-width: 768px) {
    .btn-scroll-to-top {
        right:15px
    }
}

@media (max-width: 767.98px) {
    .btn-scroll-to-top {
        right:10px
    }
}

.btn.btn-icon {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    border-radius:28px
}

.btn.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height:16px
}

.btn-group-sm > .btn.btn-icon, .btn.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height:22px
}

.btn-group-lg > .btn.btn-icon, .btn.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height:34px
}

.btn.btn-xs {
    font-size: .6875rem;
    padding:2px 6px
}

.btn[class * =btn-outline-]:not(.btn-yellow):not(.btn-white):hover {
    color:#fff
}

.btn-default {
    color: #fff;
    background-color: rgba(255, 255, 255, .25);
    border-color:transparent
}

.btn-default:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .35);
    border-color:transparent
}

.btn-check:focus + .btn-default, .btn-default:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .35);
    border-color: transparent;
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active + .btn-default, .btn-check:checked + .btn-default, .btn-default.active, .btn-default:active, .show > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: rgba(255, 255, 255, .35);
    border-color:transparent
}

.btn-check:active + .btn-default:focus, .btn-check:checked + .btn-default:focus, .btn-default.active:focus, .btn-default:active:focus, .show > .btn-default.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-default.disabled, .btn-default:disabled {
    color: #fff;
    background-color: rgba(255, 255, 255, .4375);
    border-color:transparent
}

.btn-group > .btn + .btn-default, .input-group > .btn + .btn-default, .input-group > .btn + .dropdown-menu + .btn-default {
    border-left:1px solid transparent
}

.btn-primary {
    color: #fff;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-primary:hover {
    color: #fff;
    background-color: #1558b3;
    border-color:#1558b3
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #1558b3;
    border-color: #1558b3;
    box-shadow:0 0 0 .25rem rgba(62, 138, 241, .5)
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1558b3;
    border-color:#1558b3
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(62, 138, 241, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #5598f2;
    border-color:#5598f2
}

.btn-group > .btn + .btn-primary, .input-group > .btn + .btn-primary, .input-group > .btn + .dropdown-menu + .btn-primary {
    border-left:1px solid #1558b3
}

.btn-secondary {
    color: #fff;
    background-color: rgba(255, 255, 255, .25);
    border-color:transparent
}

.btn-secondary:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .35);
    border-color:transparent
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .35);
    border-color: transparent;
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: rgba(255, 255, 255, .35);
    border-color:transparent
}

.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: rgba(255, 255, 255, .4375);
    border-color:transparent
}

.btn-group > .btn + .btn-secondary, .input-group > .btn + .btn-secondary, .input-group > .btn + .dropdown-menu + .btn-secondary {
    border-left:1px solid transparent
}

.btn-success {
    color: #fff;
    background-color: #04c142;
    border-color:#04c142
}

.btn-success:hover {
    color: #fff;
    background-color: #039132;
    border-color:#039132
}

.btn-check:focus + .btn-success, .btn-success:focus {
    color: #fff;
    background-color: #039132;
    border-color: #039132;
    box-shadow:0 0 0 .25rem rgba(42, 202, 94, .5)
}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #039132;
    border-color:#039132
}

.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(42, 202, 94, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #43d171;
    border-color:#43d171
}

.btn-group > .btn + .btn-success, .input-group > .btn + .btn-success, .input-group > .btn + .dropdown-menu + .btn-success {
    border-left:1px solid #039132
}

.btn-info {
    color: #fff;
    background-color: #00cbff;
    border-color:#00cbff
}

.btn-info:hover {
    color: #fff;
    background-color: #0098bf;
    border-color:#0098bf
}

.btn-check:focus + .btn-info, .btn-info:focus {
    color: #fff;
    background-color: #0098bf;
    border-color: #0098bf;
    box-shadow:0 0 0 .25rem rgba(38, 211, 255, .5)
}

.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0098bf;
    border-color:#0098bf
}

.btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 211, 255, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #40d8ff;
    border-color:#40d8ff
}

.btn-group > .btn + .btn-info, .input-group > .btn + .btn-info, .input-group > .btn + .dropdown-menu + .btn-info {
    border-left:1px solid #0098bf
}

.btn-warning {
    color: #fff;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-warning:hover {
    color: #fff;
    background-color: #bf5c01;
    border-color:#bf5c01
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #fff;
    background-color: #bf5c01;
    border-color: #bf5c01;
    box-shadow:0 0 0 .25rem rgba(255, 143, 39, .5)
}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #bf5c01;
    border-color:#bf5c01
}

.btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(255, 143, 39, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #fff;
    background-color: #ff9c41;
    border-color:#ff9c41
}

.btn-group > .btn + .btn-warning, .input-group > .btn + .btn-warning, .input-group > .btn + .dropdown-menu + .btn-warning {
    border-left:1px solid #bf5c01
}

.btn-danger {
    color: #fff;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-danger:hover {
    color: #fff;
    background-color: #bf2802;
    border-color:#bf2802
}

.btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #bf2802;
    border-color: #bf2802;
    box-shadow:0 0 0 .25rem rgba(255, 83, 40, .5)
}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bf2802;
    border-color:#bf2802
}

.btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(255, 83, 40, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #ff6841;
    border-color:#ff6841
}

.btn-group > .btn + .btn-danger, .input-group > .btn + .btn-danger, .input-group > .btn + .dropdown-menu + .btn-danger {
    border-left:1px solid #bf2802
}

.btn-light {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color:rgba(255, 255, 255, .1)
}

.btn-light:hover {
    color: #fff;
    background-color: rgba(35, 35, 35, .325);
    border-color:rgba(35, 35, 35, .325)
}

.btn-check:focus + .btn-light, .btn-light:focus {
    color: #fff;
    background-color: rgba(35, 35, 35, .325);
    border-color: rgba(35, 35, 35, .325);
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: rgba(35, 35, 35, .325);
    border-color:rgba(35, 35, 35, .325)
}

.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #fff;
    background-color: rgba(255, 255, 255, .325);
    border-color:rgba(255, 255, 255, .325)
}

.btn-group > .btn + .btn-light, .input-group > .btn + .btn-light, .input-group > .btn + .dropdown-menu + .btn-light {
    border-left:1px solid rgba(35, 35, 35, .325)
}

.btn-dark {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-dark:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-group > .btn + .btn-dark, .input-group > .btn + .btn-dark, .input-group > .btn + .dropdown-menu + .btn-dark {
    border-left:1px solid #000
}

.btn-inverse {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-inverse:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-inverse, .btn-inverse:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-check:active + .btn-inverse, .btn-check:checked + .btn-inverse, .btn-inverse.active, .btn-inverse:active, .show > .btn-inverse.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-inverse:focus, .btn-check:checked + .btn-inverse:focus, .btn-inverse.active:focus, .btn-inverse:active:focus, .show > .btn-inverse.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-inverse.disabled, .btn-inverse:disabled {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-group > .btn + .btn-inverse, .input-group > .btn + .btn-inverse, .input-group > .btn + .dropdown-menu + .btn-inverse {
    border-left:1px solid #000
}

.btn-blue {
    color: #fff;
    background-color: #1c75ee;
    border-color:#1c75ee
}

.btn-blue:hover {
    color: #fff;
    background-color: #1558b3;
    border-color:#1558b3
}

.btn-blue:focus, .btn-check:focus + .btn-blue {
    color: #fff;
    background-color: #1558b3;
    border-color: #1558b3;
    box-shadow:0 0 0 .25rem rgba(62, 138, 241, .5)
}

.btn-blue.active, .btn-blue:active, .btn-check:active + .btn-blue, .btn-check:checked + .btn-blue, .show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #1558b3;
    border-color:#1558b3
}

.btn-blue.active:focus, .btn-blue:active:focus, .btn-check:active + .btn-blue:focus, .btn-check:checked + .btn-blue:focus, .show > .btn-blue.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(62, 138, 241, .5)
}

.btn-blue.disabled, .btn-blue:disabled {
    color: #fff;
    background-color: #5598f2;
    border-color:#5598f2
}

.btn-group > .btn + .btn-blue, .input-group > .btn + .btn-blue, .input-group > .btn + .dropdown-menu + .btn-blue {
    border-left:1px solid #1558b3
}

.btn-red {
    color: #fff;
    background-color: #ff3502;
    border-color:#ff3502
}

.btn-red:hover {
    color: #fff;
    background-color: #bf2802;
    border-color:#bf2802
}

.btn-check:focus + .btn-red, .btn-red:focus {
    color: #fff;
    background-color: #bf2802;
    border-color: #bf2802;
    box-shadow:0 0 0 .25rem rgba(255, 83, 40, .5)
}

.btn-check:active + .btn-red, .btn-check:checked + .btn-red, .btn-red.active, .btn-red:active, .show > .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #bf2802;
    border-color:#bf2802
}

.btn-check:active + .btn-red:focus, .btn-check:checked + .btn-red:focus, .btn-red.active:focus, .btn-red:active:focus, .show > .btn-red.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(255, 83, 40, .5)
}

.btn-red.disabled, .btn-red:disabled {
    color: #fff;
    background-color: #ff6841;
    border-color:#ff6841
}

.btn-group > .btn + .btn-red, .input-group > .btn + .btn-red, .input-group > .btn + .dropdown-menu + .btn-red {
    border-left:1px solid #bf2802
}

.btn-orange {
    color: #fff;
    background-color: #ff7b01;
    border-color:#ff7b01
}

.btn-orange:hover {
    color: #fff;
    background-color: #bf5c01;
    border-color:#bf5c01
}

.btn-check:focus + .btn-orange, .btn-orange:focus {
    color: #fff;
    background-color: #bf5c01;
    border-color: #bf5c01;
    box-shadow:0 0 0 .25rem rgba(255, 143, 39, .5)
}

.btn-check:active + .btn-orange, .btn-check:checked + .btn-orange, .btn-orange.active, .btn-orange:active, .show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #bf5c01;
    border-color:#bf5c01
}

.btn-check:active + .btn-orange:focus, .btn-check:checked + .btn-orange:focus, .btn-orange.active:focus, .btn-orange:active:focus, .show > .btn-orange.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(255, 143, 39, .5)
}

.btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: #ff9c41;
    border-color:#ff9c41
}

.btn-group > .btn + .btn-orange, .input-group > .btn + .btn-orange, .input-group > .btn + .dropdown-menu + .btn-orange {
    border-left:1px solid #bf5c01
}

.btn-yellow {
    color: #000;
    background-color: #ffd900;
    border-color:#ffd900
}

.btn-yellow:hover {
    color: #000;
    background-color: #bfa300;
    border-color:#bfa300
}

.btn-check:focus + .btn-yellow, .btn-yellow:focus {
    color: #000;
    background-color: #bfa300;
    border-color: #bfa300;
    box-shadow:0 0 0 .25rem rgba(217, 184, 0, .5)
}

.btn-check:active + .btn-yellow, .btn-check:checked + .btn-yellow, .btn-yellow.active, .btn-yellow:active, .show > .btn-yellow.dropdown-toggle {
    color: #000;
    background-color: #bfa300;
    border-color:#bfa300
}

.btn-check:active + .btn-yellow:focus, .btn-check:checked + .btn-yellow:focus, .btn-yellow.active:focus, .btn-yellow:active:focus, .show > .btn-yellow.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 184, 0, .5)
}

.btn-yellow.disabled, .btn-yellow:disabled {
    color: #000;
    background-color: #ffe340;
    border-color:#ffe340
}

.btn-group > .btn + .btn-yellow, .input-group > .btn + .btn-yellow, .input-group > .btn + .dropdown-menu + .btn-yellow {
    border-left:1px solid #bfa300
}

.btn-green {
    color: #fff;
    background-color: #04c142;
    border-color:#04c142
}

.btn-green:hover {
    color: #fff;
    background-color: #039132;
    border-color:#039132
}

.btn-check:focus + .btn-green, .btn-green:focus {
    color: #fff;
    background-color: #039132;
    border-color: #039132;
    box-shadow:0 0 0 .25rem rgba(42, 202, 94, .5)
}

.btn-check:active + .btn-green, .btn-check:checked + .btn-green, .btn-green.active, .btn-green:active, .show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #039132;
    border-color:#039132
}

.btn-check:active + .btn-green:focus, .btn-check:checked + .btn-green:focus, .btn-green.active:focus, .btn-green:active:focus, .show > .btn-green.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(42, 202, 94, .5)
}

.btn-green.disabled, .btn-green:disabled {
    color: #fff;
    background-color: #43d171;
    border-color:#43d171
}

.btn-group > .btn + .btn-green, .input-group > .btn + .btn-green, .input-group > .btn + .dropdown-menu + .btn-green {
    border-left:1px solid #039132
}

.btn-teal {
    color: #fff;
    background-color: #01caca;
    border-color:#01caca
}

.btn-teal:hover {
    color: #fff;
    background-color: #019898;
    border-color:#019898
}

.btn-check:focus + .btn-teal, .btn-teal:focus {
    color: #fff;
    background-color: #019898;
    border-color: #019898;
    box-shadow:0 0 0 .25rem rgba(39, 210, 210, .5)
}

.btn-check:active + .btn-teal, .btn-check:checked + .btn-teal, .btn-teal.active, .btn-teal:active, .show > .btn-teal.dropdown-toggle {
    color: #fff;
    background-color: #019898;
    border-color:#019898
}

.btn-check:active + .btn-teal:focus, .btn-check:checked + .btn-teal:focus, .btn-teal.active:focus, .btn-teal:active:focus, .show > .btn-teal.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(39, 210, 210, .5)
}

.btn-teal.disabled, .btn-teal:disabled {
    color: #fff;
    background-color: #41d7d7;
    border-color:#41d7d7
}

.btn-group > .btn + .btn-teal, .input-group > .btn + .btn-teal, .input-group > .btn + .dropdown-menu + .btn-teal {
    border-left:1px solid #019898
}

.btn-lime {
    color: #fff;
    background-color: #c2e900;
    border-color:#c2e900
}

.btn-lime:hover {
    color: #fff;
    background-color: #92af00;
    border-color:#92af00
}

.btn-check:focus + .btn-lime, .btn-lime:focus {
    color: #fff;
    background-color: #92af00;
    border-color: #92af00;
    box-shadow:0 0 0 .25rem rgba(203, 236, 38, .5)
}

.btn-check:active + .btn-lime, .btn-check:checked + .btn-lime, .btn-lime.active, .btn-lime:active, .show > .btn-lime.dropdown-toggle {
    color: #fff;
    background-color: #92af00;
    border-color:#92af00
}

.btn-check:active + .btn-lime:focus, .btn-check:checked + .btn-lime:focus, .btn-lime.active:focus, .btn-lime:active:focus, .show > .btn-lime.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(203, 236, 38, .5)
}

.btn-lime.disabled, .btn-lime:disabled {
    color: #fff;
    background-color: #d1ef40;
    border-color:#d1ef40
}

.btn-group > .btn + .btn-lime, .input-group > .btn + .btn-lime, .input-group > .btn + .dropdown-menu + .btn-lime {
    border-left:1px solid #92af00
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color:#fff
}

.btn-white:hover {
    color: #000;
    background-color: #e6e6e6;
    border-color:#fff
}

.btn-check:focus + .btn-white, .btn-white:focus {
    color: #000;
    background-color: #e6e6e6;
    border-color: #fff;
    box-shadow:0 0 0 .25rem rgba(217, 217, 217, .5)
}

.btn-check:active + .btn-white, .btn-check:checked + .btn-white, .btn-white.active, .btn-white:active, .show > .btn-white.dropdown-toggle {
    color: #000;
    background-color: #e6e6e6;
    border-color:#e6e6e6
}

.btn-check:active + .btn-white:focus, .btn-check:checked + .btn-white:focus, .btn-white.active:focus, .btn-white:active:focus, .show > .btn-white.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(217, 217, 217, .5)
}

.btn-white.disabled, .btn-white:disabled {
    color: #000;
    background-color: #ececec;
    border-color:#ececec
}

.btn-group > .btn + .btn-white, .input-group > .btn + .btn-white, .input-group > .btn + .dropdown-menu + .btn-white {
    border-left:1px solid #fff
}

.btn-gray {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-gray:hover {
    color: #fff;
    background-color: #4d4d4d;
    border-color:#4d4d4d
}

.btn-check:focus + .btn-gray, .btn-gray:focus {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-check:active + .btn-gray, .btn-check:checked + .btn-gray, .btn-gray.active, .btn-gray:active, .show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #4d4d4d;
    border-color:#4d4d4d
}

.btn-check:active + .btn-gray:focus, .btn-check:checked + .btn-gray:focus, .btn-gray.active:focus, .btn-gray:active:focus, .show > .btn-gray.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-gray.disabled, .btn-gray:disabled {
    color: #fff;
    background-color: #8c8c8c;
    border-color:#8c8c8c
}

.btn-group > .btn + .btn-gray, .input-group > .btn + .btn-gray, .input-group > .btn + .dropdown-menu + .btn-gray {
    border-left:1px solid #4d4d4d
}

.btn-gray-dark {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-gray-dark:hover {
    color: #fff;
    background-color: #141414;
    border-color:#141414
}

.btn-check:focus + .btn-gray-dark, .btn-gray-dark:focus {
    color: #fff;
    background-color: #141414;
    border-color: #141414;
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-check:active + .btn-gray-dark, .btn-check:checked + .btn-gray-dark, .btn-gray-dark.active, .btn-gray-dark:active, .show > .btn-gray-dark.dropdown-toggle {
    color: #fff;
    background-color: #141414;
    border-color:#141414
}

.btn-check:active + .btn-gray-dark:focus, .btn-check:checked + .btn-gray-dark:focus, .btn-gray-dark.active:focus, .btn-gray-dark:active:focus, .show > .btn-gray-dark.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-gray-dark.disabled, .btn-gray-dark:disabled {
    color: #fff;
    background-color: #535353;
    border-color:#535353
}

.btn-group > .btn + .btn-gray-dark, .input-group > .btn + .btn-gray-dark, .input-group > .btn + .dropdown-menu + .btn-gray-dark {
    border-left:1px solid #141414
}

.btn-muted {
    color: #fff;
    background-color: #828282;
    border-color:#828282
}

.btn-muted:hover {
    color: #fff;
    background-color: #626262;
    border-color:#626262
}

.btn-check:focus + .btn-muted, .btn-muted:focus {
    color: #fff;
    background-color: #626262;
    border-color: #626262;
    box-shadow:0 0 0 .25rem rgba(149, 149, 149, .5)
}

.btn-check:active + .btn-muted, .btn-check:checked + .btn-muted, .btn-muted.active, .btn-muted:active, .show > .btn-muted.dropdown-toggle {
    color: #fff;
    background-color: #626262;
    border-color:#626262
}

.btn-check:active + .btn-muted:focus, .btn-check:checked + .btn-muted:focus, .btn-muted.active:focus, .btn-muted:active:focus, .show > .btn-muted.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(149, 149, 149, .5)
}

.btn-muted.disabled, .btn-muted:disabled {
    color: #fff;
    background-color: #a1a1a1;
    border-color:#a1a1a1
}

.btn-group > .btn + .btn-muted, .input-group > .btn + .btn-muted, .input-group > .btn + .dropdown-menu + .btn-muted {
    border-left:1px solid #626262
}

.btn-black {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-black:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-black:focus, .btn-check:focus + .btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-black.active, .btn-black:active, .btn-check:active + .btn-black, .btn-check:checked + .btn-black, .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-black.active:focus, .btn-black:active:focus, .btn-check:active + .btn-black:focus, .btn-check:checked + .btn-black:focus, .show > .btn-black.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-group > .btn + .btn-black, .input-group > .btn + .btn-black, .input-group > .btn + .dropdown-menu + .btn-black {
    border-left:1px solid #000
}

.btn-silver {
    color: #fff;
    background-color: #eee;
    border-color:#eee
}

.btn-silver:hover {
    color: #fff;
    background-color: #b3b3b3;
    border-color:#b3b3b3
}

.btn-check:focus + .btn-silver, .btn-silver:focus {
    color: #fff;
    background-color: #b3b3b3;
    border-color: #b3b3b3;
    box-shadow:0 0 0 .25rem rgba(241, 241, 241, .5)
}

.btn-check:active + .btn-silver, .btn-check:checked + .btn-silver, .btn-silver.active, .btn-silver:active, .show > .btn-silver.dropdown-toggle {
    color: #fff;
    background-color: #b3b3b3;
    border-color:#b3b3b3
}

.btn-check:active + .btn-silver:focus, .btn-check:checked + .btn-silver:focus, .btn-silver.active:focus, .btn-silver:active:focus, .show > .btn-silver.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(241, 241, 241, .5)
}

.btn-silver.disabled, .btn-silver:disabled {
    color: #fff;
    background-color: #f2f2f2;
    border-color:#f2f2f2
}

.btn-group > .btn + .btn-silver, .input-group > .btn + .btn-silver, .input-group > .btn + .dropdown-menu + .btn-silver {
    border-left:1px solid #b3b3b3
}

.btn-gray-100 {
    color: #fff;
    background-color: #f2f2f2;
    border-color:#f2f2f2
}

.btn-gray-100:hover {
    color: #fff;
    background-color: #b6b6b6;
    border-color:#b6b6b6
}

.btn-check:focus + .btn-gray-100, .btn-gray-100:focus {
    color: #fff;
    background-color: #b6b6b6;
    border-color: #b6b6b6;
    box-shadow:0 0 0 .25rem rgba(244, 244, 244, .5)
}

.btn-check:active + .btn-gray-100, .btn-check:checked + .btn-gray-100, .btn-gray-100.active, .btn-gray-100:active, .show > .btn-gray-100.dropdown-toggle {
    color: #fff;
    background-color: #b6b6b6;
    border-color:#b6b6b6
}

.btn-check:active + .btn-gray-100:focus, .btn-check:checked + .btn-gray-100:focus, .btn-gray-100.active:focus, .btn-gray-100:active:focus, .show > .btn-gray-100.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(244, 244, 244, .5)
}

.btn-gray-100.disabled, .btn-gray-100:disabled {
    color: #fff;
    background-color: #f5f5f5;
    border-color:#f5f5f5
}

.btn-group > .btn + .btn-gray-100, .input-group > .btn + .btn-gray-100, .input-group > .btn + .dropdown-menu + .btn-gray-100 {
    border-left:1px solid #b6b6b6
}

.btn-gray-200 {
    color: #fff;
    background-color: #e6e6e6;
    border-color:#e6e6e6
}

.btn-gray-200:hover {
    color: #fff;
    background-color: #adadad;
    border-color:#adadad
}

.btn-check:focus + .btn-gray-200, .btn-gray-200:focus {
    color: #fff;
    background-color: #adadad;
    border-color: #adadad;
    box-shadow:0 0 0 .25rem rgba(234, 234, 234, .5)
}

.btn-check:active + .btn-gray-200, .btn-check:checked + .btn-gray-200, .btn-gray-200.active, .btn-gray-200:active, .show > .btn-gray-200.dropdown-toggle {
    color: #fff;
    background-color: #adadad;
    border-color:#adadad
}

.btn-check:active + .btn-gray-200:focus, .btn-check:checked + .btn-gray-200:focus, .btn-gray-200.active:focus, .btn-gray-200:active:focus, .show > .btn-gray-200.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(234, 234, 234, .5)
}

.btn-gray-200.disabled, .btn-gray-200:disabled {
    color: #fff;
    background-color: #ececec;
    border-color:#ececec
}

.btn-group > .btn + .btn-gray-200, .input-group > .btn + .btn-gray-200, .input-group > .btn + .dropdown-menu + .btn-gray-200 {
    border-left:1px solid #adadad
}

.btn-gray-300 {
    color: #fff;
    background-color: #ccc;
    border-color:#ccc
}

.btn-gray-300:hover {
    color: #fff;
    background-color: #999;
    border-color:#999
}

.btn-check:focus + .btn-gray-300, .btn-gray-300:focus {
    color: #fff;
    background-color: #999;
    border-color: #999;
    box-shadow:0 0 0 .25rem rgba(212, 212, 212, .5)
}

.btn-check:active + .btn-gray-300, .btn-check:checked + .btn-gray-300, .btn-gray-300.active, .btn-gray-300:active, .show > .btn-gray-300.dropdown-toggle {
    color: #fff;
    background-color: #999;
    border-color:#999
}

.btn-check:active + .btn-gray-300:focus, .btn-check:checked + .btn-gray-300:focus, .btn-gray-300.active:focus, .btn-gray-300:active:focus, .show > .btn-gray-300.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(212, 212, 212, .5)
}

.btn-gray-300.disabled, .btn-gray-300:disabled {
    color: #fff;
    background-color: #d9d9d9;
    border-color:#d9d9d9
}

.btn-group > .btn + .btn-gray-300, .input-group > .btn + .btn-gray-300, .input-group > .btn + .dropdown-menu + .btn-gray-300 {
    border-left:1px solid #999
}

.btn-gray-400 {
    color: #fff;
    background-color: #a6a6a6;
    border-color:#a6a6a6
}

.btn-gray-400:hover {
    color: #fff;
    background-color: #7d7d7d;
    border-color:#7d7d7d
}

.btn-check:focus + .btn-gray-400, .btn-gray-400:focus {
    color: #fff;
    background-color: #7d7d7d;
    border-color: #7d7d7d;
    box-shadow:0 0 0 .25rem rgba(179, 179, 179, .5)
}

.btn-check:active + .btn-gray-400, .btn-check:checked + .btn-gray-400, .btn-gray-400.active, .btn-gray-400:active, .show > .btn-gray-400.dropdown-toggle {
    color: #fff;
    background-color: #7d7d7d;
    border-color:#7d7d7d
}

.btn-check:active + .btn-gray-400:focus, .btn-check:checked + .btn-gray-400:focus, .btn-gray-400.active:focus, .btn-gray-400:active:focus, .show > .btn-gray-400.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(179, 179, 179, .5)
}

.btn-gray-400.disabled, .btn-gray-400:disabled {
    color: #fff;
    background-color: #bcbcbc;
    border-color:#bcbcbc
}

.btn-group > .btn + .btn-gray-400, .input-group > .btn + .btn-gray-400, .input-group > .btn + .dropdown-menu + .btn-gray-400 {
    border-left:1px solid #7d7d7d
}

.btn-gray-500 {
    color: #fff;
    background-color: #828282;
    border-color:#828282
}

.btn-gray-500:hover {
    color: #fff;
    background-color: #626262;
    border-color:#626262
}

.btn-check:focus + .btn-gray-500, .btn-gray-500:focus {
    color: #fff;
    background-color: #626262;
    border-color: #626262;
    box-shadow:0 0 0 .25rem rgba(149, 149, 149, .5)
}

.btn-check:active + .btn-gray-500, .btn-check:checked + .btn-gray-500, .btn-gray-500.active, .btn-gray-500:active, .show > .btn-gray-500.dropdown-toggle {
    color: #fff;
    background-color: #626262;
    border-color:#626262
}

.btn-check:active + .btn-gray-500:focus, .btn-check:checked + .btn-gray-500:focus, .btn-gray-500.active:focus, .btn-gray-500:active:focus, .show > .btn-gray-500.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(149, 149, 149, .5)
}

.btn-gray-500.disabled, .btn-gray-500:disabled {
    color: #fff;
    background-color: #a1a1a1;
    border-color:#a1a1a1
}

.btn-group > .btn + .btn-gray-500, .input-group > .btn + .btn-gray-500, .input-group > .btn + .dropdown-menu + .btn-gray-500 {
    border-left:1px solid #626262
}

.btn-gray-600 {
    color: #fff;
    background-color: #666;
    border-color:#666
}

.btn-gray-600:hover {
    color: #fff;
    background-color: #4d4d4d;
    border-color:#4d4d4d
}

.btn-check:focus + .btn-gray-600, .btn-gray-600:focus {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-check:active + .btn-gray-600, .btn-check:checked + .btn-gray-600, .btn-gray-600.active, .btn-gray-600:active, .show > .btn-gray-600.dropdown-toggle {
    color: #fff;
    background-color: #4d4d4d;
    border-color:#4d4d4d
}

.btn-check:active + .btn-gray-600:focus, .btn-check:checked + .btn-gray-600:focus, .btn-gray-600.active:focus, .btn-gray-600:active:focus, .show > .btn-gray-600.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(125, 125, 125, .5)
}

.btn-gray-600.disabled, .btn-gray-600:disabled {
    color: #fff;
    background-color: #8c8c8c;
    border-color:#8c8c8c
}

.btn-group > .btn + .btn-gray-600, .input-group > .btn + .btn-gray-600, .input-group > .btn + .dropdown-menu + .btn-gray-600 {
    border-left:1px solid #4d4d4d
}

.btn-gray-700 {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-gray-700:hover {
    color: #fff;
    background-color: #303030;
    border-color:#303030
}

.btn-check:focus + .btn-gray-700, .btn-gray-700:focus {
    color: #fff;
    background-color: #303030;
    border-color: #303030;
    box-shadow:0 0 0 .25rem rgba(93, 93, 93, .5)
}

.btn-check:active + .btn-gray-700, .btn-check:checked + .btn-gray-700, .btn-gray-700.active, .btn-gray-700:active, .show > .btn-gray-700.dropdown-toggle {
    color: #fff;
    background-color: #303030;
    border-color:#303030
}

.btn-check:active + .btn-gray-700:focus, .btn-check:checked + .btn-gray-700:focus, .btn-gray-700.active:focus, .btn-gray-700:active:focus, .show > .btn-gray-700.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(93, 93, 93, .5)
}

.btn-gray-700.disabled, .btn-gray-700:disabled {
    color: #fff;
    background-color: #707070;
    border-color:#707070
}

.btn-group > .btn + .btn-gray-700, .input-group > .btn + .btn-gray-700, .input-group > .btn + .dropdown-menu + .btn-gray-700 {
    border-left:1px solid #303030
}

.btn-gray-800 {
    color: #fff;
    background-color: #1a1a1a;
    border-color:#1a1a1a
}

.btn-gray-800:hover {
    color: #fff;
    background-color: #141414;
    border-color:#141414
}

.btn-check:focus + .btn-gray-800, .btn-gray-800:focus {
    color: #fff;
    background-color: #141414;
    border-color: #141414;
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-check:active + .btn-gray-800, .btn-check:checked + .btn-gray-800, .btn-gray-800.active, .btn-gray-800:active, .show > .btn-gray-800.dropdown-toggle {
    color: #fff;
    background-color: #141414;
    border-color:#141414
}

.btn-check:active + .btn-gray-800:focus, .btn-check:checked + .btn-gray-800:focus, .btn-gray-800.active:focus, .btn-gray-800:active:focus, .show > .btn-gray-800.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(60, 60, 60, .5)
}

.btn-gray-800.disabled, .btn-gray-800:disabled {
    color: #fff;
    background-color: #535353;
    border-color:#535353
}

.btn-group > .btn + .btn-gray-800, .input-group > .btn + .btn-gray-800, .input-group > .btn + .dropdown-menu + .btn-gray-800 {
    border-left:1px solid #141414
}

.btn-gray-900 {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-gray-900:hover {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:focus + .btn-gray-900, .btn-gray-900:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-check:active + .btn-gray-900, .btn-check:checked + .btn-gray-900, .btn-gray-900.active, .btn-gray-900:active, .show > .btn-gray-900.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color:#000
}

.btn-check:active + .btn-gray-900:focus, .btn-check:checked + .btn-gray-900:focus, .btn-gray-900.active:focus, .btn-gray-900:active:focus, .show > .btn-gray-900.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-gray-900.disabled, .btn-gray-900:disabled {
    color: #fff;
    background-color: #404040;
    border-color:#404040
}

.btn-group > .btn + .btn-gray-900, .input-group > .btn + .btn-gray-900, .input-group > .btn + .dropdown-menu + .btn-gray-900 {
    border-left:1px solid #000
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-left:2px
}

.chats {
    list-style-type: none;
    margin: 0;
    padding:.9375rem
}

.chats .chats-item:after, .chats .chats-item:before {
    content: "";
    display: table;
    clear:both
}

.chats .chats-item .name {
    color: var(--app-component-color);
    display: block;
    margin-bottom: .3121875rem;
    font-weight: 500;
    text-decoration:none
}

.chats .chats-item .name .badge {
    font-size: 8px;
    padding: 1px 4px 2px;
    margin-left: 3px;
    position: relative;
    top:-1px
}

.chats .chats-item .date-time {
    font-size: 10px;
    display: block;
    color: rgba(var(--app-component-color-rgb), .5);
    margin-top: 3px;
    font-weight: 500;
    float:right
}

.chats .chats-item .image {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius:4px
}

.chats .chats-item .image img {
    max-width:100%
}

.chats .chats-item .image + .message {
    margin-left:75px
}

.chats .chats-item .message {
    padding: 7px 12px;
    font-size: 12px;
    position: relative;
    background: var(--app-component-bg);
    border-radius:12px
}

.chats .chats-item .message:before {
    content: "";
    position: absolute;
    left: -13px;
    top: 15px;
    border: 7px solid transparent;
    border-right-color:var(--app-component-bg)
}

.chats .chats-item + .chats-item {
    margin-top:.9375rem
}

.chats .end .name {
    text-align:right
}

.chats .end .date-time {
    float:left
}

.chats .end .image {
    float:right
}

.chats .end .image + .message {
    margin-left: 0;
    margin-right:75px
}

.chats .end .message {
    text-align:right
}

.chats .end .message:before {
    left: auto;
    right: -13px;
    border-right-color: transparent;
    border-left-color:var(--app-component-bg)
}

.panel-body .chats {
    padding:0
}

.slimScrollDiv .chats {
    padding-right:15px
}

code {
    padding: 2px 6px;
    font-size: 90%;
    color: #b3005a;
    background-color: #ff99cd;
    border-radius:4px
}

.dropdown-menu {
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)
}

.dropdown-menu .dropdown-item {
    font-weight:500
}

.dropdown-menu.media-list {
    max-width: 360px;
    padding:0
}

.dropdown-menu.media-list .media {
    border-top: 1px solid rgba(var(--app-component-color-rgb), .1);
    border-bottom: 1px solid rgba(var(--app-component-color-rgb), .1);
    display:flex
}

.dropdown-menu.media-list .media .media-object {
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius:6px
}

.dropdown-menu.media-list .media .media-object-icon {
    position: absolute;
    border: 3px solid var(--app-component-dropdown-bg);
    background: var(--app-component-dropdown-bg);
    margin-top: -11px;
    display: block;
    width: 21px;
    height: 21px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
    margin-left:30px
}

.dropdown-menu.media-list .media .media-left {
    padding-right:12px
}

.dropdown-menu.media-list .media .media-right {
    padding-left:12px
}

.dropdown-menu.media-list .media .media-heading {
    color: var(--app-component-color);
    margin-bottom: 0;
    font-size: 12.5px;
    line-height:18px
}

.dropdown-menu.media-list .media p {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 14px;
    max-width: 270px;
    color: rgba(var(--app-component-color-rgb), .65);
    font-size:11px
}

.dropdown-menu.media-list .media + .media {
    border-top:none
}

.dropdown-menu.media-list .dropdown-header {
    font-weight: 700;
    color: var(--app-component-color);
    font-size: 10px;
    padding:.61875rem .9375rem
}

.dropdown-menu.media-list .dropdown-item {
    padding:.61875rem .9375rem
}

.dropdown-menu.media-list .dropdown-footer {
    padding:.61875rem .9375rem
}

.dropdown-menu.dropdown-menu-dark.media-list .media {
    border-color:#4a4a4a
}

.dropdown-menu.dropdown-menu-dark.media-list .media .media-object-icon {
    border-color:#1a1a1a
}

.dropdown-menu.dropdown-menu-dark.media-list .media p {
    color:#828282
}

.dropdown-menu.dropdown-menu-dark.media-list .media .media-heading {
    color:#828282
}

.dropdown-menu.dropdown-menu-dark.media-list .dropdown-header {
    color: #828282;
    background:#4a4a4a
}

.form-control, .form-select {
    border-color:var(--app-component-border-color)
}

.form-select:not([multiple]) option {
    color:var(--app-component-color)
}

.form-horizontal.form-bordered .form-group {
    border-bottom: 1px solid var(--app-component-border-color);
    margin:0
}

.form-horizontal.form-bordered .form-group .col-form-label {
    padding: .9375rem;
    display: flex;
    align-items:center
}

@media (max-width: 767.98px) {
    .form-horizontal.form-bordered .form-group .col-form-label {
        padding-bottom:.46875rem
    }
}

.form-horizontal.form-bordered .form-group .col-form-label + div {
    border-left:1px solid var(--app-component-border-color)
}

@media (max-width: 767.98px) {
    .form-horizontal.form-bordered .form-group .col-form-label + div {
        padding-top: 0;
        border-left:none
    }
}

.form-horizontal.form-bordered .form-group > div {
    padding:.9375rem
}

.form-horizontal.form-bordered .form-group:last-child {
    border-bottom:0
}

.form-switch .form-check-input {
    background-image:var(--form-switch-bg-image)
}

.invalid-tooltip, .valid-tooltip {
    color:#fff
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: var(--app-component-hover-color);
    background-color:var(--app-component-hover-bg)
}

.list-group-item {
    background-color: var(--app-component-bg);
    color: var(--app-component-color);
    border-color:var(--app-component-border-color)
}

.list-group-item.list-group-item-inverse {
    background: #1a1a1a;
    border-color: #000;
    color:#fff
}

.list-group-item.list-group-item-inverse .badge-inverse, .list-group-item.list-group-item-inverse .label-inverse {
    background:rgba(0, 0, 0, .4)
}

.list-group-item.list-group-item-inverse.list-group-item-action:focus, .list-group-item.list-group-item-inverse.list-group-item-action:hover {
    color: #fff;
    background: #404040;
    text-decoration:none
}

.media-messaging .media {
    padding:15px
}

.media-messaging .media + .media {
    margin-top: 0;
    padding-top:15px
}

.media-messaging .media:first-child {
    padding-top:0
}

.media-messaging .media:last-child {
    padding-bottom:0
}

.media-messaging .media p {
    margin:0
}

.modal .modal-header {
    display: flex;
    flex: 1;
    align-items:center
}

.modal.modal-message .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right:0
}

.modal.modal-message .modal-content {
    border-radius:0
}

.modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header {
    width: 60%;
    border: none;
    margin:0 auto
}

@media (max-width: 575.98px) {
    .modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header {
        width:90%
    }
}

.nav.nav-tabs.nav-tabs-inverse {
    background-color: var(--bs-gray-900);
    border-radius:4px 4px 0 0
}

.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link {
    color:rgba(var(--bs-white-rgb), .65)
}

.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:focus, .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:hover {
    color:rgba(var(--bs-white-rgb), 1)
}

.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link.active {
    color: var(--app-component-color);
    background-color:var(--app-component-bg)
}

.nav.nav-tabs.nav-tabs-v2 {
    border-bottom:1px solid var(--app-component-border-color)
}

.nav.nav-tabs.nav-tabs-v2 > .nav-item {
    margin-bottom:-1px
}

.nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    padding:1rem 1rem .875rem
}

.nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link:hover {
    border-bottom-color:rgba(var(--app-component-color-rgb), .25)
}

.nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link.active {
    border-bottom-color: var(--app-component-active-bg);
    background:0 0
}

.nav.nav-tabs.nav-tabs-v2 > .nav-item.show > .nav-link {
    background: 0 0;
    border-bottom-color: #ccc;
    color:#000
}

@media (max-width: 767.98px) {
    .nav-wizards-container {
        overflow:scroll
    }

    .nav-wizards-container .nav.nav-wizards-1, .nav-wizards-container .nav.nav-wizards-2, .nav-wizards-container .nav.nav-wizards-3 {
        min-width:600px
    }
}

.nav.nav-wizards-1 {
    flex-wrap:nowrap
}

.nav.nav-wizards-1 .nav-item {
    padding:0
}

.nav.nav-wizards-1 .nav-item .nav-link {
    position: relative;
    color:rgba(var(--app-component-color-rgb), .75)
}

.nav.nav-wizards-1 .nav-item .nav-link .nav-no {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    font-weight: 500;
    background: 0 0;
    border: 2px solid var(--app-component-border-color);
    position: relative;
    z-index: 10;
    font-size: .875rem;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .2s linear
}

.nav.nav-wizards-1 .nav-item .nav-link .nav-text {
    text-align: center;
    margin-top: .46875rem;
    font-weight: 500;
    font-size:.75rem
}

.nav.nav-wizards-1 .nav-item .nav-link.active, .nav.nav-wizards-1 .nav-item .nav-link.completed {
    color:#1c75ee
}

.nav.nav-wizards-1 .nav-item .nav-link.active .nav-no, .nav.nav-wizards-1 .nav-item .nav-link.completed .nav-no {
    border-color: #1c75ee;
    color:#1c75ee
}

.nav.nav-wizards-1 .nav-item .nav-link.active:after, .nav.nav-wizards-1 .nav-item .nav-link.active:before, .nav.nav-wizards-1 .nav-item .nav-link.completed:after, .nav.nav-wizards-1 .nav-item .nav-link.completed:before {
    background:#1c75ee
}

.nav.nav-wizards-1 .nav-item .nav-link.active:after, .nav.nav-wizards-1 .nav-item .nav-link.completed:after {
    width:calc(50% - 20px)
}

.nav.nav-wizards-1 .nav-item .nav-link.active .nav-no {
    box-shadow:0 0 0 5px rgba(28, 117, 238, .2)
}

.nav.nav-wizards-1 .nav-item .nav-link.disabled {
    color:rgba(var(--app-component-color-rgb), .25)
}

.nav.nav-wizards-1 .nav-item .nav-link:after, .nav.nav-wizards-1 .nav-item .nav-link:before {
    content: "";
    position: absolute;
    top: 1.6875rem;
    height: 2px;
    background: var(--app-component-border-color);
    left: 0;
    right:calc(50% + 20px)
}

.nav.nav-wizards-1 .nav-item .nav-link:after {
    transition: all .2s linear;
    left: calc(50% + 20px);
    right:0
}

.nav.nav-wizards-1 .nav-item:first-child .nav-link:after, .nav.nav-wizards-1 .nav-item:first-child .nav-link:before {
    left:calc(50% + 20px)
}

.nav.nav-wizards-1 .nav-item:last-child .nav-link:before {
    right:calc(50% + 20px)
}

.nav.nav-wizards-1 .nav-item:last-child .nav-link.active:before, .nav.nav-wizards-1 .nav-item:last-child .nav-link.completed:before {
    background:#1c75ee
}

.nav.nav-wizards-1 .nav-item:last-child .nav-link:after {
    display:none
}

.nav.nav-wizards-2 {
    flex-wrap:nowrap
}

.nav.nav-wizards-2 .nav-item {
    padding:0 1rem
}

.nav.nav-wizards-2 .nav-item .nav-link {
    position: relative;
    color: var(--app-component-color);
    background: var(--app-component-disabled-bg);
    border-radius:60px
}

.nav.nav-wizards-2 .nav-item .nav-link .nav-text {
    text-align: center;
    font-weight: 500;
    font-size: .75rem;
    position: relative;
    z-index: 10;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.nav.nav-wizards-2 .nav-item .nav-link:after {
    content: "";
    position: absolute;
    left: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background-color: var(--app-component-disabled-bg);
    transition:all .2s linear
}

.nav.nav-wizards-2 .nav-item .nav-link:after {
    width:2rem
}

.nav.nav-wizards-2 .nav-item .nav-link.disabled {
    color:rgba(var(--app-component-color-rgb), .25)
}

.nav.nav-wizards-2 .nav-item .nav-link.active, .nav.nav-wizards-2 .nav-item .nav-link.completed {
    background: #1c75ee;
    color:#fff
}

.nav.nav-wizards-2 .nav-item .nav-link.active {
    box-shadow:0 0 0 4px rgba(28, 117, 238, .2)
}

.nav.nav-wizards-2 .nav-item .nav-link.completed:after {
    background:#1c75ee
}

.nav.nav-wizards-2 .nav-item:last-child .nav-link:after {
    display:none
}

.nav.nav-wizards-3 {
    flex-wrap:nowrap
}

.nav.nav-wizards-3 .nav-item {
    padding:0
}

.nav.nav-wizards-3 .nav-item .nav-link {
    position: relative;
    color:rgba(var(--app-component-color-rgb), .5)
}

.nav.nav-wizards-3 .nav-item .nav-link .nav-dot {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    font-weight: 500;
    border: 3px solid var(--app-component-disabled-bg);
    position: relative;
    z-index: 10;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .2s linear
}

.nav.nav-wizards-3 .nav-item .nav-link .nav-title {
    margin-top: .46875rem;
    font-weight: 500;
    text-align: center;
    font-size:.875rem
}

.nav.nav-wizards-3 .nav-item .nav-link .nav-text {
    text-align: center;
    font-size: .75rem;
    color: rgba(var(--app-component-color-rgb), .65);
    font-weight:500
}

.nav.nav-wizards-3 .nav-item .nav-link.active, .nav.nav-wizards-3 .nav-item .nav-link.completed {
    color:var(--app-component-color)
}

.nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot, .nav.nav-wizards-3 .nav-item .nav-link.completed .nav-dot {
    border-color: #1c75ee;
    color:#1c75ee
}

.nav.nav-wizards-3 .nav-item .nav-link.active:after, .nav.nav-wizards-3 .nav-item .nav-link.active:before, .nav.nav-wizards-3 .nav-item .nav-link.completed:after, .nav.nav-wizards-3 .nav-item .nav-link.completed:before {
    background:#1c75ee
}

.nav.nav-wizards-3 .nav-item .nav-link.active:after, .nav.nav-wizards-3 .nav-item .nav-link.completed:after {
    width:calc(50% - 8px)
}

.nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot {
    box-shadow:0 0 0 5px rgba(28, 117, 238, .2)
}

.nav.nav-wizards-3 .nav-item .nav-link.disabled {
    color:rgba(var(--app-component-color-rgb), .25)
}

.nav.nav-wizards-3 .nav-item .nav-link.disabled .nav-text {
    color:inherit
}

.nav.nav-wizards-3 .nav-item .nav-link:after, .nav.nav-wizards-3 .nav-item .nav-link:before {
    content: "";
    position: absolute;
    top: .875rem;
    height: 3px;
    background: var(--app-component-disabled-bg);
    left: 0;
    right:calc(50% + 8px)
}

.nav.nav-wizards-3 .nav-item .nav-link:after {
    transition: all .2s linear;
    left: calc(50% + 8px);
    right:0
}

.nav.nav-wizards-3 .nav-item:first-child .nav-link:after, .nav.nav-wizards-3 .nav-item:first-child .nav-link:before {
    left:calc(50% + 8px)
}

.nav.nav-wizards-3 .nav-item:last-child .nav-link:before {
    right:calc(50% + 8px)
}

.nav.nav-wizards-3 .nav-item:last-child .nav-link.active:before, .nav.nav-wizards-3 .nav-item:last-child .nav-link.completed:before {
    background:#1c75ee
}

.nav.nav-wizards-3 .nav-item:last-child .nav-link:after {
    display:none
}

.navbar.navbar-sticky {
    top: 70px;
    position: -webkit-sticky;
    position: sticky;
    border-left: 1px solid #a6a6a6;
    padding: 0;
    padding-left: .46875rem;
    margin-left:.46875rem
}

.navbar.navbar-sticky .nav {
    width: 100%;
    position: relative;
    flex-direction:column
}

.navbar.navbar-sticky .nav .nav-link {
    color: #666;
    padding:.25rem 1rem
}

.navbar.navbar-sticky .nav .nav-link:hover {
    color:#404040
}

.navbar.navbar-sticky .nav .nav-link.active {
    color: #000;
    font-weight:700
}

.note {
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px;
    display: flex;
    flex: 1;
    border-left:3px solid
}

.note .note-icon {
    width: 80px;
    font-size: 56px;
    display: flex;
    align-items: center;
    justify-content:center
}

.note .note-content {
    padding: 15px;
    flex:1
}

.note .note-content .h1, .note .note-content .h2, .note .note-content .h3, .note .note-content .h4, .note .note-content .h5, .note .note-content .h6, .note .note-content h1, .note .note-content h2, .note .note-content h3, .note .note-content h4, .note .note-content h5, .note .note-content h6 {
    color:inherit
}

.note.note-with-end-icon {
    border-left: none;
    border-right:3px solid
}

.note.note-default {
    border-color: rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .25);
    color:rgba(179, 179, 179, .25)
}

.note.note-primary {
    background: #4b92f2;
    color:#083169
}

.note.note-secondary {
    border-color: rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .25);
    color:rgba(179, 179, 179, .25)
}

.note.note-success {
    border-color: #04c142;
    background: #05f353;
    color:#012b0f
}

.note.note-info {
    border-color: #00cbff;
    background: #33d5ff;
    color:#005166
}

.note.note-warning {
    border-color: #ff7b01;
    background: #ff9634;
    color:#673100
}

.note.note-danger {
    border-color: #ff3502;
    background: #ff5e35;
    color:#681500
}

.note.note-light {
    background: #fff;
    color:#000
}

.note.note-dark {
    border-color: #000;
    background: #1a1a1a;
    color:#000
}

.note.note-inverse {
    border-color: #000;
    background: #1a1a1a;
    color:#000
}

.note.note-blue {
    border-color: #1c75ee;
    background: #4b92f2;
    color:#083169
}

.note.note-red {
    border-color: #ff3502;
    background: #ff5e35;
    color:#681500
}

.note.note-orange {
    border-color: #ff7b01;
    background: #ff9634;
    color:#673100
}

.note.note-yellow {
    border-color: #ffd900;
    background: #ffe133;
    color:#665700
}

.note.note-green {
    border-color: #04c142;
    background: #05f353;
    color:#012b0f
}

.note.note-teal {
    border-color: #01caca;
    background: #01fdfd;
    color:#003232
}

.note.note-lime {
    border-color: #c2e900;
    background: #d9ff1d;
    color:#435000
}

.note.note-white {
    border-color: #fff;
    background: #fff;
    color:#b3b3b3
}

.note.note-gray {
    border-color: #666;
    background: gray;
    color:#1a1a1a
}

.note.note-gray-dark {
    border-color: #1a1a1a;
    background: #343434;
    color:#000
}

.note.note-muted {
    border-color: #828282;
    background: #9c9c9c;
    color:#363636
}

.note.note-black {
    border-color: #000;
    background: #1a1a1a;
    color:#000
}

.note.note-silver {
    border-color: #eee;
    background: #fff;
    color:#a2a2a2
}

.note.note-gray-100 {
    border-color: #f2f2f2;
    background: #fff;
    color:#a6a6a6
}

.note.note-gray-200 {
    border-color: #e6e6e6;
    background: #fff;
    color:#9a9a9a
}

.note.note-gray-300 {
    border-color: #ccc;
    background: #e6e6e6;
    color:gray
}

.note.note-gray-400 {
    border-color: #a6a6a6;
    background: silver;
    color:#5a5a5a
}

.note.note-gray-500 {
    border-color: #828282;
    background: #9c9c9c;
    color:#363636
}

.note.note-gray-600 {
    border-color: #666;
    background: gray;
    color:#1a1a1a
}

.note.note-gray-700 {
    border-color: #404040;
    background: #5a5a5a;
    color:#000
}

.note.note-gray-800 {
    border-color: #1a1a1a;
    background: #343434;
    color:#000
}

.note.note-gray-900 {
    border-color: #000;
    background: #1a1a1a;
    color:#000
}

.page-header {
    font-size: 24px;
    margin: 0 0 15px;
    padding: 0;
    border: none;
    line-height: 1.35;
    font-weight:500
}

.page-header .small, .page-header small {
    line-height:20px
}

.pagination {
    font-weight: 500;
    flex-wrap:wrap
}

@-webkit-keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:.9
    }
}

@keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:.9
    }
}

.panel {
    background-color: var(--app-component-bg);
    border: none;
    margin-bottom: 1.246875rem;
    box-shadow: none;
    border-radius: 4px;
    display: flex;
    flex-direction:column
}

.panel .panel-body, .panel .panel-footer, .panel .panel-toolbar {
    flex:1 1 auto
}

.panel .panel-heading {
    padding: .75rem .9375rem;
    border: none;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.panel .panel-heading .panel-title {
    font-size: .75rem;
    margin: 0;
    line-height: 1.35;
    flex:1
}

.panel .panel-heading .panel-title > a {
    color: inherit;
    display:block
}

.panel .panel-heading .panel-title > a:focus, .panel .panel-heading .panel-title > a:hover {
    text-decoration:none
}

.panel .panel-heading .panel-heading-btn {
    display: flex;
    align-items:center
}

.panel .panel-heading .panel-heading-btn > a + a {
    margin-left:5px
}

.panel .panel-heading .panel-heading-btn .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content:center
}

.panel .panel-heading .tab-overflow {
    flex:1
}

.panel .panel-body {
    padding:.9375rem .9375rem
}

.panel .panel-body:after, .panel .panel-body:before {
    content: "";
    display: table;
    clear:both
}

.panel .panel-toolbar {
    padding:.75rem .9375rem
}

.panel .panel-footer {
    border-top: 1px solid var(--app-component-border-color);
    padding:.75rem .9375rem
}

.panel [class^=col-].ui-sortable {
    min-height:0
}

.panel.panel-default > .panel-heading {
    background: var(--bs-light);
    color:var(--app-component-color)
}

.panel.panel-inverse > .panel-heading {
    background: var(--bs-gray-900);
    color:var(--bs-white)
}

.panel.panel-loading .panel-body {
    position: relative;
    z-index: 0;
    overflow:hidden
}

.panel.panel-loading .panel-body .panel-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--app-component-bg);
    opacity: .9;
    z-index: 1030;
    -webkit-animation: fadeIn .2s;
    animation: fadeIn .2s;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: center;
    align-items:center
}

.panel.panel-expand {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1080;
    display: flex;
    flex: 1;
    flex-direction: column;
    border-radius:0
}

.panel.panel-expand > .panel-body, .panel.panel-expand > .panel-footer, .panel.panel-expand > .panel-heading {
    border-radius:0
}

.panel.panel-expand > .panel-body {
    overflow-x: scroll;
    flex:1
}

.panel.panel-expand > .panel-body > .slimScrollDiv {
    height:100% !important
}

.panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) {
    height:100% !important
}

.panel.panel-expand > .panel-heading {
    flex:0
}

.panel.panel-expand > .panel-heading .fa-expand:before {
    content: "\f066"
}

.panel.panel-expand > .hljs-wrapper {
    max-height: 50%;
    overflow:scroll
}

.panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i {
    visibility:hidden
}

.panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i {
    visibility:visible
}

.panel.panel-with-tabs .panel-heading > .nav-tabs {
    margin-top: -.375rem;
    margin-bottom: -.75rem;
    border-bottom:none
}

.panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link {
    border: none;
    margin:0
}

.panel-expand .app-content {
    z-index:9999
}

.panel-expand .app-content .panel.panel-expand {
    background:var(--app-component-bg)
}

.registered-users-list {
    list-style-type: none;
    margin: 7.5px;
    padding: 0;
    display: flex;
    flex-wrap:wrap
}

.registered-users-list > li {
    width: 25%;
    font-size: 12px;
    padding: 7.5px;
    color:#000
}

.registered-users-list > li > a {
    display: block;
    margin-bottom:10px
}

.registered-users-list > li img {
    max-width: 100%;
    border-radius:4px
}

.registered-users-list > li .username {
    font-size: 12px;
    color: var(--app-component-color);
    margin-bottom: 0;
    font-weight:600
}

.registered-users-list > li .username .small, .registered-users-list > li .username small {
    display: block;
    font-size: 11px;
    color: rgba(var(--app-component-color-rgb), .5);
    line-height:15px
}

@-webkit-keyframes rotation {
    from {
        transform:rotate(0)
    }

    to {
        transform:rotate(359deg)
    }
}

@keyframes rotation {
    from {
        transform:rotate(0)
    }

    to {
        transform:rotate(359deg)
    }
}

.spinner {
    height: 36px;
    width: 36px;
    border: 2px solid #1a1a1a;
    border-top-color: #fff;
    border-radius: 36px;
    -webkit-animation: rotation .6s infinite linear;
    animation:rotation .6s infinite linear
}

.spinner.spinner-sm {
    height: 28px;
    width:28px
}

.tab-overflow {
    position: relative;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    flex:1
}

.tab-overflow .nav.nav-tabs {
    white-space: nowrap;
    display: table;
    margin: 0;
    border-radius:4px 4px 0 0
}

.tab-overflow .nav.nav-tabs > li {
    display: table-cell;
    float:none
}

.tab-overflow .nav.nav-tabs > li > a {
    margin-left:-1px
}

.tab-overflow .nav.nav-tabs .prev-button {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: none !important;
    opacity: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition:all .2s linear
}

.tab-overflow .nav.nav-tabs .prev-button a {
    margin: 0;
    background: rgba(255, 255, 255, .1);
    border-radius:4px 0 0
}

.tab-overflow .nav.nav-tabs .next-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: none !important;
    opacity: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition: all .2s linear;
    border-top-left-radius:0
}

.tab-overflow .nav.nav-tabs .next-button a {
    margin: 0;
    background: rgba(255, 255, 255, .1);
    border-radius:0 4px 0 0
}

.tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a {
    background:0 0
}

.tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a.active {
    background: #fff;
    color:#000
}

.tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button {
    box-shadow:0 0 15px #000
}

.tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button + li > a.active, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button + li > a.active {
    border-radius:0 4px 0 0
}

.tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button > a, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button > a {
    background:#000
}

.tab-overflow.overflow-right .nav.nav-tabs .next-button {
    display: block !important;
    opacity: 1;
    background:0 0
}

.tab-overflow.overflow-left .nav.nav-tabs .prev-button {
    display: block !important;
    opacity: 1;
    background:0 0
}

.flat-black .tab-overflow .next-button a, .flat-black .tab-overflow .prev-button a {
    background:#d2d2d2
}

.table.table-card > tbody > tr > td:first-child, .table.table-card > tbody > tr > th:first-child, .table.table-card > tfoot > tr > td:first-child, .table.table-card > tfoot > tr > th:first-child, .table.table-card > thead > tr > td:first-child, .table.table-card > thead > tr > th:first-child, .table.table-panel > tbody > tr > td:first-child, .table.table-panel > tbody > tr > th:first-child, .table.table-panel > tfoot > tr > td:first-child, .table.table-panel > tfoot > tr > th:first-child, .table.table-panel > thead > tr > td:first-child, .table.table-panel > thead > tr > th:first-child {
    padding-left: .9375rem;
    border-left:0
}

.table.table-card > tbody > tr > td:last-child, .table.table-card > tbody > tr > th:last-child, .table.table-card > tfoot > tr > td:last-child, .table.table-card > tfoot > tr > th:last-child, .table.table-card > thead > tr > td:last-child, .table.table-card > thead > tr > th:last-child, .table.table-panel > tbody > tr > td:last-child, .table.table-panel > tbody > tr > th:last-child, .table.table-panel > tfoot > tr > td:last-child, .table.table-panel > tfoot > tr > th:last-child, .table.table-panel > thead > tr > td:last-child, .table.table-panel > thead > tr > th:last-child {
    padding-right: .9375rem;
    border-right:0
}

.table.table-dark > :not(:last-child) > :last-child > * {
    border-bottom-color:var(--app-component-border-color)
}

.toast-container {
    position: fixed;
    top: 50px;
    margin-top: .9375rem;
    right: .9375rem;
    z-index:1010
}

.toast .toast-header {
    border-bottom-width: 1px;
    border-color:var(--app-component-dropdown-border-color)
}

.dark-mode .nvd3 text {
    fill:rgba(255, 255, 255, .75)
}

.dark-mode .nvd3 .nv-axis line, .dark-mode .nvd3 .nv-axis path {
    stroke:rgba(255, 255, 255, .15)
}

.widget-stats, .widget.widget-stats {
    position: relative;
    color: #fff;
    padding: .9375rem;
    border-radius:4px
}

.widget-stats .stats-info .h4, .widget-stats .stats-info h4, .widget.widget-stats .stats-info h4 {
    font-size: 12px;
    margin: 5px 0;
    color:rgba(255, 255, 255, .7)
}

.widget-stats .stats-info p, .widget.widget-stats .stats-info p {
    font-size: 24px;
    font-weight: 500;
    margin-bottom:0
}

.widget-stats .stats-link a, .widget.widget-stats .stats-link a {
    display: block;
    margin: .9375rem -.9375rem -.9375rem;
    padding: .46875rem .9375rem;
    background: rgba(0, 0, 0, .4);
    text-align: right;
    color: rgba(255, 255, 255, .7);
    text-decoration:none
}

.widget-stats .stats-link a:focus, .widget-stats .stats-link a:hover, .widget.widget-stats .stats-link a:focus, .widget.widget-stats .stats-link a:hover {
    background: rgba(0, 0, 0, .6);
    color:#fff
}

.widget-stats .stats-icon, .widget.widget-stats .stats-icon {
    font-size: 42px;
    height: 56px;
    width: 56px;
    text-align: center;
    line-height: 56px;
    color: rgba(0, 0, 0, .15);
    position: absolute;
    top: .9375rem;
    margin-left: .9375rem;
    right:.9375rem
}

.widget-stats .stats-icon.stats-icon-lg, .widget.widget-stats .stats-icon.stats-icon-lg {
    font-size: 128px;
    top: .9375rem;
    color: #fff;
    width: 128px;
    height: 50px;
    line-height: 50px;
    text-shadow: 3px 7px rgba(0, 0, 0, .25);
    opacity: .15;
    right:0
}

.widget-stats .stats-icon.stats-icon-lg i, .widget.widget-stats .stats-icon.stats-icon-lg i {
    position:relative
}

.widget-stats .stats-icon.stats-icon-square, .widget.widget-stats .stats-icon.stats-icon-square {
    opacity: 1;
    font-size: 42px;
    top: .9375rem;
    right: .9375rem;
    height: 56px;
    width: 56px;
    text-align: center;
    line-height: 56px;
    margin-left: .9375rem;
    border-radius:16px
}

.widget-stats .stats-content, .widget.widget-stats .stats-content {
    position:relative
}

.widget-stats .stats-title, .widget.widget-stats .stats-title {
    position: relative;
    margin: 0 0 2px;
    font-size: 12px;
    font-weight: 500;
    color:rgba(255, 255, 255, .7)
}

.widget-stats .stats-desc, .widget.widget-stats .stats-desc {
    margin: -5px 0 -3px;
    color:rgba(255, 255, 255, .7)
}

.widget-stats .stats-number, .widget.widget-stats .stats-number {
    font-size: 24px;
    margin-bottom: .9375rem;
    font-weight: 500;
    letter-spacing:1px
}

.widget-stats .stats-progress, .widget.widget-stats .stats-progress {
    background: rgba(0, 0, 0, .5);
    height: 2px;
    margin: 0 0 .9375rem;
    border-radius:4px
}

.widget-stats .stats-progress .progress-bar, .widget.widget-stats .stats-progress .progress-bar {
    background: #fff;
    border-radius:0 4px 4px 0
}

.widget-stats .stats-progress.stats-progress-light, .widget.widget-stats .stats-progress.stats-progress-light {
    background:rgba(255, 255, 255, .3)
}

.widget-stats.bg-white .stats-progress, .widget.widget-stats.bg-white .stats-progress {
    background:rgba(0, 0, 0, .1)
}

.widget-stats.bg-white .stats-progress .progress-bar, .widget.widget-stats.bg-white .stats-progress .progress-bar {
    background:#000
}

.widget {
    overflow: hidden;
    margin-bottom: 20px;
    background: var(--app-component-bg);
    color: inherit;
    padding:0
}

.widget .widget-header {
    border-bottom: 1px solid var(--app-component-border-color);
    color: var(--app-component-color);
    display: flex;
    align-items:center
}

.widget .widget-header .widget-header-title {
    margin: 0;
    font-size: .75rem;
    padding: .61875rem .9375rem;
    flex:1
}

.widget .widget-header .widget-header-icon {
    padding:.61875rem .9375rem
}

.widget .widget-header .widget-header-icon + .widget-header-icon {
    padding-left:0
}

.widget .widget-body {
    padding:.9375rem
}

.error {
    margin: 0 auto;
    text-align: center;
    height: 100vh;
    position: relative;
    z-index: 1010;
    display: flex;
    flex-direction: column;
    justify-content:center
}

.error .error-code, .error .error-content {
    flex: 1;
    transform:translateZ(0)
}

.error .error-code {
    color: var(--app-component-color);
    font-size: 200px;
    line-height: 1;
    text-shadow: 10px 10px 0 rgba(var(--app-component-color-rgb), .2);
    padding: 1.875rem;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items:flex-end
}

@media (max-width: 767.98px) {
    .error .error-code {
        font-size:160px
    }
}

@media (max-width: 575.98px) {
    .error .error-code {
        font-size:120px
    }
}

.error .error-content {
    bottom: 0;
    padding: 1.875rem;
    background: var(--app-component-bg);
    background-image:url(images/error-page-pattern.png)
}

.error .error-message {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: .5px;
    margin-bottom:.46875rem
}

.error .error-desc {
    font-size: .75rem;
    color: rgba(255, 255, 255, .5);
    letter-spacing:.5px
}

.login.login-v1 {
    min-height: 100vh;
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 1010;
    display: flex;
    align-items:center
}

@media (max-width: 767.98px) {
    .login.login-v1 {
        background:rgba(0, 0, 0, .5)
    }
}

.login.login-v1 .login-container {
    flex:1
}

@media (max-width: 767.98px) {
    .login.login-v1 .login-container {
        padding:0 25px
    }
}

.login.login-v1 .login-container .login-header {
    max-width: 400px;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items:center
}

@media (max-width: 767.98px) {
    .login.login-v1 .login-container .login-header {
        margin-bottom:0
    }
}

.login.login-v1 .login-container .login-header .brand {
    padding: 0;
    font-size: 28px;
    color: var(--app-component-color);
    font-weight: 300;
    flex:1
}

@media (max-width: 767.98px) {
    .login.login-v1 .login-container .login-header .brand {
        font-size:24px
    }
}

.login.login-v1 .login-container .login-header .brand .logo {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .25);
    border-radius: 40px;
    margin-right:10px
}

.login.login-v1 .login-container .login-header .brand .logo:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius:40px
}

.login.login-v1 .login-container .login-header .brand .logo:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, .75);
    border-radius:40px
}

.login.login-v1 .login-container .login-header .brand .small, .login.login-v1 .login-container .login-header .brand small {
    font-size: 13px;
    display: block;
    color: rgba(var(--app-component-color-rgb), .5);
    font-weight:400
}

@media (max-width: 767.98px) {
    .login.login-v1 .login-container .login-header .brand .small, .login.login-v1 .login-container .login-header .brand small {
        font-size:12px
    }
}

.login.login-v1 .login-container .login-header .icon {
    color:rgba(var(--app-component-color-rgb), .5)
}

.login.login-v1 .login-container .login-header .icon i {
    font-size:64px
}

@media (max-width: 767.98px) {
    .login.login-v1 .login-container .login-header .icon i {
        font-size:48px
    }
}

.login.login-v1 .login-container .login-body {
    padding: 30px;
    background:rgba(0, 0, 0, .5)
}

@media (max-width: 767.98px) {
    .login.login-v1 .login-container .login-body {
        padding: 25px 0;
        background:0 0
    }
}

.login.login-v1 .login-container .login-body .login-content {
    padding: 0;
    max-width: 400px;
    margin:0 auto
}

.login.login-with-news-feed, .register.register-with-news-feed {
    min-height: 100vh;
    position: relative;
    z-index:1010
}

.login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
    position: fixed;
    left: 0;
    right: 500px;
    top: 0;
    bottom: 0;
    overflow: hidden;
    transform:translateZ(0)
}

@media (max-width: 991.98px) {
    .login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
        right:400px
    }
}

@media (max-width: 767.98px) {
    .login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
        display:none
    }
}

.login.login-with-news-feed .news-feed .news-image, .register.register-with-news-feed .news-feed .news-image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center
}

.login.login-with-news-feed .news-feed .news-caption, .register.register-with-news-feed .news-feed .news-caption {
    color: rgba(255, 255, 255, .85);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 60px 45px;
    font-size: 18px;
    letter-spacing: .25px;
    z-index: 20;
    font-weight: 300;
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
}

@media (max-width: 991.98px) {
    .login.login-with-news-feed .news-feed .news-caption, .register.register-with-news-feed .news-feed .news-caption {
        padding: 45px 45px 30px;
        font-size:16px
    }
}

.login.login-with-news-feed .news-feed .news-caption .caption-title, .register.register-with-news-feed .news-feed .news-caption .caption-title {
    font-weight: 300;
    color: #fff;
    font-size:36px
}

@media (max-width: 991.98px) {
    .login.login-with-news-feed .news-feed .news-caption .caption-title, .register.register-with-news-feed .news-feed .news-caption .caption-title {
        font-size:28px
    }
}

.login.login-with-news-feed .login-container, .login.login-with-news-feed .register-container, .register.register-with-news-feed .login-container, .register.register-with-news-feed .register-container {
    width: 500px;
    padding: 60px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left:auto
}

@media (max-width: 991.98px) {
    .login.login-with-news-feed .login-container, .login.login-with-news-feed .register-container, .register.register-with-news-feed .login-container, .register.register-with-news-feed .register-container {
        padding: 45px;
        width:400px
    }
}

@media (max-width: 767.98px) {
    .login.login-with-news-feed .login-container, .login.login-with-news-feed .register-container, .register.register-with-news-feed .login-container, .register.register-with-news-feed .register-container {
        width: auto;
        padding:30px
    }
}

.login.login-with-news-feed .login-header, .register.register-with-news-feed .login-header {
    position: relative;
    display: flex;
    align-items:center
}

.login.login-with-news-feed .login-header .brand, .register.register-with-news-feed .login-header .brand {
    padding: 0;
    font-size: 28px;
    color: #fff;
    font-weight: 300;
    flex:1
}

@media (max-width: 767.98px) {
    .login.login-with-news-feed .login-header .brand, .register.register-with-news-feed .login-header .brand {
        font-size:22px
    }
}

.login.login-with-news-feed .login-header .brand .logo, .register.register-with-news-feed .login-header .brand .logo {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .25);
    border-radius: 40px;
    margin-right:10px
}

.login.login-with-news-feed .login-header .brand .logo:before, .register.register-with-news-feed .login-header .brand .logo:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius:40px
}

.login.login-with-news-feed .login-header .brand .logo:after, .register.register-with-news-feed .login-header .brand .logo:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, .75);
    border-radius:40px
}

.login.login-with-news-feed .login-header .brand .small, .login.login-with-news-feed .login-header .brand small, .register.register-with-news-feed .login-header .brand .small, .register.register-with-news-feed .login-header .brand small {
    font-size: 14px;
    display: block;
    color: #ccc;
    font-weight:400
}

@media (max-width: 767.98px) {
    .login.login-with-news-feed .login-header .brand .small, .login.login-with-news-feed .login-header .brand small, .register.register-with-news-feed .login-header .brand .small, .register.register-with-news-feed .login-header .brand small {
        font-size:13px
    }
}

.login.login-with-news-feed .login-header .icon, .register.register-with-news-feed .login-header .icon {
    color:#ccc
}

.login.login-with-news-feed .login-header .icon i, .register.register-with-news-feed .login-header .icon i {
    font-size:64px
}

@media (max-width: 767.98px) {
    .login.login-with-news-feed .login-header .icon i, .register.register-with-news-feed .login-header .icon i {
        font-size:52px
    }
}

.login-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom:0
}

.login-cover .login-cover-bg, .login-cover .login-cover-img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center
}

.login-cover .login-cover-bg {
    background:linear-gradient(to bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, .9))
}

.login-cover .login-cover-img {
    transition:background .2s ease
}

.login-bg-list {
    list-style-type: none;
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0;
    padding: 0 0 0 20px;
    z-index: 1020;
    display: flex;
    flex-wrap:wrap
}

.login-bg-list .login-bg-list-item {
    width: 60px;
    height: 60px;
    margin: 5px;
    border-radius:66px
}

@media (max-width: 767.98px) {
    .login-bg-list .login-bg-list-item {
        width: 46px;
        height:46px
    }
}

.login-bg-list .login-bg-list-item .login-bg-list-link {
    display: block;
    padding-top: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 66px;
    transition:all .2s ease
}

.login-bg-list .login-bg-list-item:focus .login-bg-list-link, .login-bg-list .login-bg-list-item:hover .login-bg-list-link {
    box-shadow:0 0 0 4px rgba(255, 255, 255, .45)
}

.login-bg-list .login-bg-list-item.active {
    border-color: #fff;
    z-index: 1020;
    position:relative
}

.login-bg-list .login-bg-list-item.active .login-bg-list-link {
    box-shadow:0 0 0 4px rgba(255, 255, 255, .9)
}

.profile-header {
    position: relative;
    overflow:hidden
}

.profile-header .profile-header-cover {
    background-image: url(images/profile-cover.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom:40px
}

.profile-header .profile-header-cover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:linear-gradient(to bottom, rgba(0, 0, 0, .25) 0, #000 100%)
}

.profile-header .profile-header-content {
    color: #fff;
    padding: 30px;
    position:relative
}

@media (max-width: 991.98px) {
    .profile-header .profile-header-content {
        padding: 20px;
        display: flex;
        align-items:center
    }
}

.profile-header .profile-header-img {
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin: -10px 0 -20px 0;
    padding: 3px;
    background: var(--app-component-bg);
    border-radius:4px
}

@media (max-width: 991.98px) {
    .profile-header .profile-header-img {
        margin: 0;
        width: 80px;
        height:80px
    }
}

.profile-header .profile-header-img + .profile-header-info {
    margin-left:140px
}

@media (max-width: 991.98px) {
    .profile-header .profile-header-img + .profile-header-info {
        margin-left:20px
    }
}

.profile-header .profile-header-img img {
    max-width:100%
}

.profile-header .profile-header-info .h4, .profile-header .profile-header-info h4 {
    font-weight: 600;
    color:#fff
}

.profile-header .profile-header-tab {
    position: relative;
    background: var(--app-component-bg);
    list-style-type: none;
    margin: -10px 0 0;
    padding: 0 0 0 150px;
    border-radius:0
}

@media (max-width: 991.98px) {
    .profile-header .profile-header-tab {
        padding: 0;
        margin: 0;
        overflow: scroll;
        display: flex;
        flex-wrap:nowrap
    }
}

.profile-header .profile-header-tab .nav-item {
    display: inline-block;
    margin:0
}

.profile-header .profile-header-tab .nav-item .nav-link {
    display: block;
    color: rgba(var(--app-component-color-rgb), .5);
    line-height: 20px;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    border: none;
    border-radius:0
}

.profile-header .profile-header-tab .nav-item .nav-link:focus, .profile-header .profile-header-tab .nav-item .nav-link:hover {
    background: 0 0;
    color:rgba(var(--app-component-color-rgb), .75)
}

.profile-header .profile-header-tab .nav-item .nav-link.active {
    color: var(--app-component-color);
    background:0 0
}

.profile-content {
    padding:25px
}

.profile-content:after, .profile-content:before {
    content: "";
    display: table;
    clear:both
}

.profile-content .tab-content, .profile-content .tab-pane {
    background:0 0
}

.profile-content .table.table-profile > thead > tr > th {
    border: none;
    border-bottom: none !important;
    color: var(--app-component-color);
    background:0 0
}

.profile-content .table.table-profile > thead > tr > th .h4, .profile-content .table.table-profile > thead > tr > th h4 {
    font-size: 20px;
    margin-top:0
}

.profile-content .table.table-profile > thead > tr > th .h4 .small, .profile-content .table.table-profile > thead > tr > th .h4 small, .profile-content .table.table-profile > thead > tr > th h4 .small, .profile-content .table.table-profile > thead > tr > th h4 small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top:5px
}

.profile-content .table.table-profile tbody > tr td {
    border: none;
    color: var(--app-component-color);
    background:0 0
}

.profile-content .table.table-profile tbody > tr td.field {
    width: 20%;
    font-weight: 500;
    color: var(--app-component-color);
    text-align:right
}

@media (max-width: 767.98px) {
    .profile-content .table.table-profile tbody > tr td.field {
        width:35%
    }
}

.profile-content .table.table-profile tbody > tr.highlight > td {
    border-top: 1px solid var(--app-component-border-color);
    border-bottom:1px solid var(--app-component-border-color)
}

.profile-content .table.table-profile tbody > tr.divider > td {
    padding: 0 !important;
    height:10px
}

.result-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%
}

.result-list .result-item {
    background: var(--app-component-bg);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius:6px
}

.result-list .result-item:after, .result-list .result-item:before {
    content: "";
    display: table;
    clear:both
}

@media (max-width: 1199.98px) {
    .result-list .result-item {
        padding-top:160px
    }
}

@media (max-width: 767.98px) {
    .result-list .result-item {
        display:block
    }
}

.result-list .result-item + .result-item {
    margin-top:.46875rem
}

.result-list .result-item .result-image {
    width: 240px;
    padding: 0;
    overflow: hidden;
    background: #000;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat
}

@media (max-width: 1199.98px) {
    .result-list .result-item .result-image {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height:160px
    }
}

.result-list .result-item .result-image a {
    display:block
}

.result-list .result-item .result-image:focus, .result-list .result-item .result-image:hover {
    opacity:.8
}

.result-list .result-item .result-info {
    padding: 1.171875rem;
    position: relative;
    flex:1
}

.result-list .result-item .result-info .title {
    margin: 0 0 .234375rem;
    font-size: 1.125rem;
    line-height:1.2
}

.result-list .result-item .result-info .title a {
    color: var(--app-component-color);
    text-decoration:none
}

.result-list .result-item .result-info .location {
    color: rgba(var(--app-component-color-rgb), .5);
    margin-bottom:.46875rem
}

.result-list .result-item .result-info .desc {
    margin-bottom:1.875rem
}

.result-list .result-item .result-info .btn-row {
    display: flex;
    flex-wrap:wrap
}

.result-list .result-item .result-info .btn-row a {
    color: var(--app-component-color);
    background: rgba(var(--app-component-color-rgb), .15);
    font-size: .875rem;
    padding: .3121875rem .46875rem;
    border-radius:4px
}

.result-list .result-item .result-info .btn-row a + a {
    margin-left:.3121875rem
}

.result-list .result-item .result-info .btn-row a:focus, .result-list .result-item .result-info .btn-row a:hover {
    background:rgba(var(--app-component-color-rgb), .3)
}

.result-list .result-item .result-price {
    width: 240px;
    font-size: 28px;
    text-align: center;
    background: var(--bs-light);
    color: var(--app-component-color);
    padding: 1.171875rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center
}

@media (max-width: 991.98px) {
    .result-list .result-item .result-price {
        width:180px
    }
}

@media (max-width: 767.98px) {
    .result-list .result-item .result-price {
        width: auto;
        padding:.9375rem
    }
}

.result-list .result-item .result-price .small, .result-list .result-item .result-price small {
    display: block;
    font-size: .6875rem;
    font-weight: 500;
    color:rgba(var(--app-component-color-rgb), .5)
}

.result-list .result-item .result-price .btn {
    margin-top:1.875rem
}

@media (max-width: 1199.98px) {
    .result-list .result-item .result-price .btn {
        margin-top:.9375rem
    }
}

.timeline {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position:relative
}

.timeline:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    width: 5px;
    background: var(--app-component-bg);
    left: 20%;
    margin-left:-2.5px
}

@media (max-width: 767.98px) {
    .timeline:before {
        left:15%
    }
}

@media (max-width: 575.98px) {
    .timeline:before {
        left:50%
    }
}

.timeline .timeline-item {
    position: relative;
    min-height: 50px;
    padding:20px 0
}

.timeline img {
    max-width: 100%;
    display:block
}

.timeline .timeline-time {
    position: absolute;
    width: 18%;
    text-align: right;
    top: 30px;
    text-align: right;
    left:0
}

@media (max-width: 767.98px) {
    .timeline .timeline-time {
        width:12%
    }
}

@media (max-width: 575.98px) {
    .timeline .timeline-time {
        width: 50%;
        text-align: right;
        padding-right:20px
    }
}

.timeline .timeline-time .date {
    display: block;
    font-weight: 500;
    color:rgba(var(--app-component-color-rgb), .85)
}

.timeline .timeline-time .time {
    display: block;
    font-weight: 500;
    line-height: 24px;
    font-size: 1.5rem;
    color:rgba(var(--app-component-color-rgb), .85)
}

.timeline .timeline-icon {
    position: absolute;
    width: 10%;
    text-align: center;
    top: 40px;
    left:15%
}

@media (max-width: 767.98px) {
    .timeline .timeline-icon {
        left:10%
    }
}

@media (max-width: 575.98px) {
    .timeline .timeline-icon {
        left:45%
    }
}

.timeline .timeline-icon a {
    text-decoration: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: var(--app-component-dropdown-bg);
    line-height: 10px;
    color: #fff;
    font-size: 14px;
    border: 5px solid rgba(var(--app-component-color-rgb), .5);
    transition: border-color .2s linear;
    border-radius:24px
}

.timeline .timeline-content {
    background: var(--app-component-bg);
    position: relative;
    font-size: 14px;
    max-width: 640px;
    border-radius: 6px;
    margin-left:23%
}

@media (max-width: 991.98px) {
    .timeline .timeline-content {
        margin-left: 25%;
        margin-right:5%
    }
}

@media (max-width: 767.98px) {
    .timeline .timeline-content {
        margin-left: 20%;
        margin-right:0
    }
}

@media (max-width: 575.98px) {
    .timeline .timeline-content {
        background: var(--app-component-dropdown-bg);
        margin-top: 60px;
        margin-left:0
    }
}

.timeline .timeline-content:before {
    content: "";
    display: block;
    position: absolute;
    border: 10px solid transparent;
    top: 20px;
    left: -20px;
    border-right-color:var(--app-component-bg)
}

@media (max-width: 575.98px) {
    .timeline .timeline-content:before {
        border-bottom-color: var(--app-component-dropdown-bg);
        top: -20px;
        border-right-color: transparent;
        left: 50%;
        margin-left:-10px
    }
}

.timeline .timeline-header {
    padding: .9375rem;
    display: flex;
    align-items:center
}

.timeline .timeline-header .userimage {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 36px;
    margin-right:.75rem
}

.timeline .timeline-header .username {
    font-size: .875rem;
    font-weight: 500;
    color: var(--app-component-color);
    flex:1
}

.timeline .timeline-header .username a {
    color: var(--app-component-color);
    text-decoration:none
}

.timeline .timeline-header + .timeline-body {
    padding-top:0
}

.timeline .timeline-body {
    padding:.9375rem
}

.btn.btn-social-icon > :first-child, .btn.btn-social > :first-child {
    display: flex;
    align-items: center;
    justify-content:center
}

.btn-group-lg > .btn.btn-social-icon, .btn.btn-social-icon.btn-lg {
    width: 39px;
    height:39px
}

.cke {
    border:none !important
}

.cke .cke_button {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content:center
}

.cke .cke_button:active, .cke .cke_button:focus, .cke .cke_button:hover {
    border-color: #e6e6e6;
    background: #e6e6e6;
    border-radius:4px
}

.cke .cke_combo .cke_combo_button {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content:center
}

.cke .cke_combo .cke_combo_button:active, .cke .cke_combo .cke_combo_button:focus, .cke .cke_combo .cke_combo_button:hover {
    border-color: #e6e6e6;
    background: #e6e6e6;
    border-radius:4px
}

.cke .cke_combo.cke_combo_on .cke_combo_button {
    border-color:#e6e6e6
}

.cke .cke_toolbars, .cke .cke_toolgroup {
    display: flex;
    align-items:center
}

.cke .cke_top {
    border-color: rgba(255, 255, 255, .3625);
    background:#f3f3f3
}

.cke .cke_top .cke_combo:after, .cke .cke_top .cke_toolgroup a.cke_button:last-child:after {
    border-color:rgba(255, 255, 255, .15)
}

.cke .cke_top .cke_toolbar_separator {
    background-color:rgba(255, 255, 255, .15)
}

.cke .cke_bottom {
    border-color: rgba(255, 255, 255, .3625);
    background:#f3f3f3
}

.cke .cke_bottom .cke_resizer {
    border-right-color:#828282
}

.cke.cke_panel {
    border-radius: 4px;
    box-shadow:0 1rem 3rem rgba(0, 0, 0, .175)
}

.cke_notifications_area .cke_notification.cke_notification_info {
    background-color: #1c75ee;
    border: none;
    padding: .46875rem .9375rem;
    font-size: .75rem;
    border-radius: 4px;
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)
}

.cke_notifications_area .cke_notification .cke_notification_close {
    right: .46875rem;
    top: .46875rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

@media (max-width: 575.98px) {
    .dataTables_wrapper .dataTables_length {
        margin-bottom:.46875rem
    }
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .dataTable {
    margin-bottom:0 !important
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .dataTable > :not(caption) > * {
    border-bottom:2px solid var(--app-component-table-separator-color)
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollFootInner table.table-bordered tr th:first-child, .dataTables_wrapper .dataTables_scroll .dataTables_scrollHeadInner table.table-bordered tr th:first-child {
    border-color:var(--app-component-table-border-color) !important
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
    background: 0 0;
    border-color:var(--app-component-table-border-color) !important
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody > .dataTable {
    margin-top: -4px !important;
    background:0 0
}

.dataTables_wrapper .dataTables_scroll table.dataTable th, .dataTables_wrapper .dataTables_scroll tr.even td {
    background: 0 0 !important;
    border-color:var(--app-component-table-border-color) !important
}

.dataTables_wrapper .dataTables_scroll tr.odd td {
    background: var(--bs-table-striped-bg) !important;
    border-color:var(--app-component-table-border-color) !important
}

.dataTables_wrapper .dataTables_scroll div.dtfc-left-top-blocker, .dataTables_wrapper .dataTables_scroll div.dtfc-right-top-blocker {
    margin-top: 12px !important;
    background-color:var(--app-component-table-border-color) !important
}

body table.dataTable {
    border-collapse: collapse !important;
    margin:.796875rem 0 !important
}

body table.dataTable.dtfc-has-left {
    margin:-1px 0 !important
}

body table.dataTable thead tr th {
    border-bottom:1px solid var(--app-component-table-separator-color)
}

body table.dataTable thead tr th.sorting, body table.dataTable thead tr th.sorting_asc, body table.dataTable thead tr th.sorting_desc {
    overflow:hidden
}

body table.dataTable thead tr th.sorting:before, body table.dataTable thead tr th.sorting_asc:before, body table.dataTable thead tr th.sorting_desc:before {
    display:none
}

body table.dataTable thead tr th.sorting:after, body table.dataTable thead tr th.sorting_asc:after, body table.dataTable thead tr th.sorting_desc:after {
    opacity: 1;
    color: #a6a6a6;
    top: 0;
    bottom: 0;
    font-size: .875rem;
    display: flex;
    align-items: center;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering:auto
}

body table.dataTable thead tr th.sorting:after {
    content: "\f0dc"
}

body table.dataTable thead tr th.sorting_asc:after {
    content: "\f0dd";
    color:#1c75ee
}

body table.dataTable thead tr th.sorting_desc:after {
    content: "\f0de";
    color:#1c75ee
}

body table.dataTable thead tr th:focus {
    outline:0
}

body table.dataTable tbody tr td.focus {
    outline: 0;
    z-index: 10;
    position: relative;
    box-shadow:inset 0 0 0 2px #1c75ee
}

body table.dataTable tbody tr td:focus {
    outline:0
}

body table.dataTable tbody tr.selected td {
    background: #fff7cc !important;
    color: #665700 !important;
    font-weight: 500;
    box-shadow:none
}

body table.dataTable tbody tr.dt-rowReorder-moving {
    outline:2px solid #737373
}

body table.dataTable.dt-rowReorder-float {
    outline:2px solid #1c75ee
}

body table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, body table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    left: 7px;
    content: "+";
    background: #a6a6a6;
    border: none;
    color: #000;
    font-size: .6875rem;
    width: 18px;
    height: 18px;
    padding-bottom: 1px;
    margin-top: -9px;
    border-radius: 4px;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering:auto
}

body table.dataTable.dtr-inline.collapsed > tbody > tr.dt-hasChild > td.dtr-control:before, body table.dataTable.dtr-inline.collapsed > tbody > tr.dt-hasChild > th.dtr-control:before {
    content: "\f068";
    background:#a6a6a6
}

body .dtfh-floatingparent {
    height: auto !important;
    z-index:1030 !important
}

body .dtfh-floatingparent .dataTable {
    background:var(--app-component-bg) !important
}

body .dtfh-floatingparent .dataTable > :not(caption) > * {
    border-bottom:2px solid var(--app-component-table-separator-color)
}

body div.DTCR_pointer {
    width: 2px;
    margin-left: -2px;
    background-color:#1c75ee
}

.dropzone {
    border: 2px dashed var(--app-component-border-color) !important;
    background:0 0 !important
}

.dropzone .dz-message {
    font-weight: 300 !important;
    color: inherit !important;
    font-size: 1.875rem !important;
    text-align: center !important;
    margin:2.8125rem 0 !important
}

.dropzone .dz-message .dz-note {
    font-size: .875rem !important;
    font-weight: 400 !important;
    display: block !important;
    margin-top: .9375rem;
    color:rgba(var(--app-component-color-rgb), .5)
}

.dropzone .dz-preview .dz-image {
    border-radius:6px !important
}

.dropzone .dz-preview .dz-error-message {
    background:#ff3502 !important
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom-color:#ff3502 !important
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background:0 0 !important
}

.dropzone .dz-preview .dz-error-mark {
    z-index:1020 !important
}

.dropzone .dz-preview .dz-error-mark:before {
    content: "\f00d";
    width: 54px;
    height: 54px;
    background: #999;
    font-size: 28px;
    color: #4d4d4d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering:auto
}

.dropzone .dz-preview .dz-error-mark:focus:before, .dropzone .dz-preview .dz-error-mark:hover:before {
    background: #737373;
    color:#262626
}

.dropzone .dz-preview .dz-error-mark svg {
    display:none !important
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: rgba(255, 255, 255, .1) !important;
    border-radius:4px !important
}

.dropzone .dz-preview.dz-image-preview {
    background:0 0 !important
}

/*
.dropzone.dz-clickable:focus, .dropzone.dz-clickable:hover {
    background:var(--bs-light) !important
}
*/

.dropzone.dz-clickable .dz-message {
    cursor:pointer
}

.dropzone.dz-clickable .dz-message * {
    cursor:pointer
}

.dropzone.dz-clickable.dz-started:focus, .dropzone.dz-clickable.dz-started:hover {
    background:0 0 !important
}

.inverse-mode .dropzone {
    border-color:rgba(255, 255, 255, .25) !important
}

/*
.inverse-mode .dropzone .dz-clickable:focus, .inverse-mode .dropzone .dz-clickable:hover {
    background:rgba(255, 255, 255, .15) !important
}
*/

.inverse-mode .dropzone .dz-message {
    color:inherit !important
}

.inverse-mode .dropzone .dz-message .dz-note {
    color:rgba(255, 255, 255, .75) !important
}

.legend {
    background: rgba(var(--app-component-color-rgb), .25);
    border-color: transparent;
    z-index:1010
}

.legend .legendLayer .background {
    fill:none
}

.legend .legendLayer text {
    fill:var(--app-component-color)
}

.flot-x-axis, .flot-y-axis {
    fill:var(--app-component-color)
}

.flot-tooltip {
    position: absolute;
    display: none;
    border: 0;
    padding: 6px 10px;
    color: rgba(255, 255, 255, .9);
    font-weight: 600;
    font-size: 11px;
    background: rgba(0, 0, 0, .85);
    z-index: 10000 !important;
    border-radius:4px
}

.fc .fc-view {
    background:var(--app-component-bg)
}

.fc .fc-view table.table-bordered {
    border-top: 1px solid var(--app-component-table-border-color);
    border-bottom:1px solid var(--app-component-table-border-color)
}

.fc .fc-view table > :not(caption) > * {
    border-width: 1px 0;
    border-color:var(--app-component-table-border-color)
}

.fc .fc-view table > :not(caption) > * > * {
    border-width: 0 1px;
    border-color:var(--app-component-table-border-color)
}

.fc .fc-view table > :not(caption) > * > .fc-timegrid-divider {
    background:var(--app-component-table-border-color)
}

.fc .fc-view .fc-event:not(.fc-h-event):hover {
    background-color: rgba(var(--app-component-color-rgb), .1);
    border-color:rgba(var(--app-component-color-rgb), .1)
}

.fc .fc-view .fc-event.fc-h-event {
    background: #1c75ee;
    border-color:#1c75ee
}

.fc .fc-view a {
    text-decoration:none
}

.fc .fc-event-dragging {
    background-color: #828282 !important;
    border-color:#828282 !important
}

.fc .fc-timeGridDay-view, .fc .fc-timeGridWeek-view {
    position:relative !important
}

.fc .fc-timeGridDay-view .fc-scroller-liquid-absolute, .fc .fc-timeGridWeek-view .fc-scroller-liquid-absolute {
    position:relative !important
}

.fc .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc .fc-timegrid-event.fc-event-mirror, .fc .fc-timegrid-more-link {
    box-shadow:none
}

.fc-event-list .fc-event {
    background: 0 0;
    border: none;
    color: var(--app-component-color);
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 500;
    position: relative;
    background: var(--app-component-bg);
    margin-bottom: .46875rem;
    border-radius: 4px;
    display: flex;
    padding:.46875rem .9375rem .46875rem 2.34375rem
}

.fc-event-list .fc-event + .fc-event {
    margin-top:0
}

.fc-event-list .fc-event .fc-event-text {
    flex:1
}

.fc-event-list .fc-event .fc-event-icon {
    display: flex;
    align-items:center
}

.fc-event-list .fc-event.ui-draggable-dragging {
    border:1px solid rgba(255, 255, 255, .15)
}

.fc-event-list .fc-event:before {
    content: "\f0b2";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.875rem;
    text-align: center;
    font-size: .875rem;
    background: rgba(var(--app-component-color-rgb), .075);
    color: rgba(var(--app-component-color-rgb), .5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    left: 0;
    border-radius:4px 0 0 4px
}

.fc-event-list .fc-event:focus, .fc-event-list .fc-event:hover {
    cursor: pointer;
    background:var(--app-component-bg)
}

.fc-event-list .fc-event:focus:before, .fc-event-list .fc-event:hover:before {
    color:var(--app-component-color)
}

.fc-event.fc-event-dragging {
    background: #fff;
    position: relative;
    padding: .46875rem .9375rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    display: flex;
    align-items: center;
    border-radius:4px
}

.fc-event.fc-event-dragging .fc-event-text {
    flex:1
}

.irs {
    font-family:inherit !important
}

.irs .irs .irs-line {
    height: 4px;
    top: 30px;
    background: var(--app-component-border-color);
    border:none
}

.irs .irs .irs-from, .irs .irs .irs-single, .irs .irs .irs-to {
    background: #1a1a1a;
    font-size: .6875rem;
    font-weight:500
}

.irs .irs .irs-from:before, .irs .irs .irs-single:before, .irs .irs .irs-to:before {
    border-top-color:#1a1a1a
}

.dark-mode .irs .irs .irs-from, .dark-mode .irs .irs .irs-single, .dark-mode .irs .irs .irs-to {
    background:#666
}

.dark-mode .irs .irs .irs-from:before, .dark-mode .irs .irs .irs-single:before, .dark-mode .irs .irs .irs-to:before {
    border-top-color:#666
}

.irs .irs .irs-max, .irs .irs .irs-min {
    color: #000;
    font-size: .6875rem;
    font-weight: 500;
    background:#ccc
}

.irs.irs--flat .irs-bar {
    height: 4px;
    top: 30px;
    background:var(--app-component-active-bg)
}

.irs.irs--flat .irs-handle {
    height: 14px;
    top:25px
}

.irs.irs--flat .irs-handle > i:first-child {
    background: #1c75ee;
    width: 4px;
    margin-left:-2px
}

.irs.irs--flat .irs-handle.state_hover > i:first-child, .irs.irs--flat .irs-handle:focus > i:first-child, .irs.irs--flat .irs-handle:hover > i:first-child {
    background:#1558b3
}

.irs.irs--big {
    height:40px
}

.irs.irs--big .irs-bar {
    height: 4px;
    top: 30px;
    background: #1c75ee;
    box-shadow:none
}

.irs.irs--big .irs-handle {
    top: 21px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: none;
    box-shadow:0 2px 5px rgba(0, 0, 0, .2)
}

.irs.irs--big .irs-handle.state_hover, .irs.irs--big .irs-handle:focus, .irs.irs--big .irs-handle:hover {
    background: #fff;
    box-shadow:0 2px 5px rgba(0, 0, 0, .4)
}

.ui-widget {
    font-family:inherit
}

.ui-widget.ui-autocomplete {
    padding: .46875rem 0;
    border: none;
    font-size: .75rem;
    background-color: var(--app-component-dropdown-bg);
    z-index: 1020;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius:0 0 4px 4px
}

.ui-widget.ui-autocomplete .ui-menu-item-wrapper {
    padding: .5rem 1rem;
    font-weight: 500;
    color:rgba(var(--app-component-color-rgb), .85)
}

.ui-widget.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background: var(--app-component-dropdown-hover-bg);
    border: none;
    color: var(--app-component-hover-color);
    margin: 0;
    border-radius:0
}

.ui-sortable .panel-heading {
    cursor:move
}

.ui-sortable .ui-sortable-placeholder {
    border: 1px dashed #737373 !important;
    visibility: visible !important;
    background: 0 0 !important;
    margin:0 !important
}

.ui-sortable .ui-sortable-placeholder.panel {
    margin: -1px -1px 19px !important;
    box-shadow:none !important
}

.ui-sortable.ui-sortable-disabled .panel-heading {
    cursor:default
}

.row > [class^=col-].ui-sortable {
    min-height:50px
}

.material-icons {
    text-rendering:optimizeLegibility
}

html .nvd3-svg {
    direction:ltr
}

html .nvtooltip {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: .75rem;
    border: none;
    padding: .234375rem .46875rem;
    background: rgba(var(--app-component-dropdown-bg-rgb), .95);
    color: var(--app-component-color);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius:8px
}

html .nvtooltip table thead tr th strong {
    text-decoration:underline
}

html .nvtooltip table tbody td.legend-color-guide div {
    border: none;
    border-radius:4px
}

html .nvd3 line.nv-guideline {
    stroke:rgba(var(--app-component-color-rgb), .5)
}

html .nvd3 .nv-bars text {
    fill:rgba(var(--app-component-color-rgb), 1)
}

html .nvd3 .nv-axis line, html .nvd3 .nv-axis path {
    fill: none;
    stroke:rgba(var(--app-component-color-rgb), .15)
}

html .nvd3 .nv-legend-text, html .nvd3 .nv-x text, html .nvd3 .nv-y text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    fill: rgba(var(--app-component-color-rgb), 1);
    font-size: .6875rem;
    font-weight:500
}

html .nvd3 .nv-label text {
    fill:rgba(var(--app-component-color-rgb), 1) !important
}

html .nvd3 .nv-discretebar .nv-groups text, html .nvd3 .nv-multibarHorizontal .nv-groups text {
    fill:var(--app-component-color, 1)
}

html .nvd3 .nv-legend-symbol {
    stroke-width: 0 !important;
    transform:translate(-1px)
}

html .nvd3.nv-pie .nv-label text, html .nvd3.nv-pie .nv-pie-title {
    fill:rgba(var(--app-component-color-rgb), 1) !important
}

html .nvd3.nv-pie path {
    stroke:rgba(var(--app-component-bg-rgb), .2)
}

@-webkit-keyframes pace-spinner {
    0% {
        transform:rotate(0)
    }

    100% {
        transform:rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        transform:rotate(0)
    }

    100% {
        transform:rotate(360deg)
    }
}

.pace-top .pace .pace-progress {
    top:0 !important
}

.pace-top .pace .pace-activity {
    top:15px !important
}

.pace {
    background: 0 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    opacity: 1;
    transition:opacity 1s
}

.pace .pace-progress {
    top: 0;
    height: 3px;
    background: var(--bs-white);
    transition:all .2s linear
}

.pace .pace-progress .pace-progress-inner {
    display:none
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 1030;
    top: 15px !important;
    right: 10px;
    width: .9375rem;
    height: .9375rem;
    border: 2px solid transparent;
    border-top-color: var(--bs-white);
    border-left-color: var(--bs-white);
    -webkit-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite;
    border-radius:40px
}

@media (max-width: 575.98px) {
    .pace .pace-activity {
        top:113px
    }
}

.pace.pace-inactive {
    display: block;
    opacity:0
}

.pace-done .pace.pace-inactive {
    display:block
}

.ps {
    position:relative
}

.ps .ps__rail-x {
    z-index:10
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover {
    background:0 0
}

.ps .ps__rail-y {
    z-index: 10;
    width: 6px !important;
    background:0 0 !important
}

.ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    width: 6px !important;
    background:0 0 !important
}

.ps .ps__rail-y.ps--clicking .ps__thumb-y, .ps .ps__rail-y.ps--clicking > .ps__thumb-y, .ps .ps__rail-y:focus .ps__thumb-y, .ps .ps__rail-y:focus > .ps__thumb-y, .ps .ps__rail-y:hover .ps__thumb-y, .ps .ps__rail-y:hover > .ps__thumb-y {
    width:6px !important
}

.ps .ps__thumb-y {
    background-color:#828282
}

.ps .ps__thumb-y.ps--clicking, .ps .ps__thumb-y:focus, .ps .ps__thumb-y:hover {
    background-color:#828282
}

body .picker {
    display: block;
    border: 1px solid var(--app-component-border-color);
    background-color: var(--app-component-bg);
    padding: .4375rem .75rem;
    min-height: calc(1.5em + .875rem + 2px);
    border-radius:4px
}

body .picker > .pc-element {
    margin: 0 .375rem .4375rem 0;
    padding: 2px 10px !important;
    border: none;
    background: rgba(var(--app-component-border-color-rgb), .65);
    color: var(--app-component-color);
    font-weight: 500;
    border-radius:30px
}

body .picker > .pc-element:hover {
    background: rgba(var(--app-component-border-color-rgb), 1);
    color:var(--app-component-color)
}

body .picker > .pc-element .pc-close {
    position: relative;
    margin: 0;
    right: 0;
    top: 0;
    margin-left: .46875rem;
    opacity: .25;
    color: inherit;
    font-size: .75rem;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering:auto
}

body .picker > .pc-element .pc-close:after {
    content: "\f00d" !important
}

body .picker > .pc-element .pc-close:hover {
    opacity:.5
}

body .picker > .pc-element + .pc-select {
    padding-top:.4375rem
}

body .picker > .pc-element + .pc-select .pc-element {
    margin-top:-.4375rem
}

body .picker .pc-select {
    display: block;
    width: auto;
    max-width: initial;
    min-width: initial;
    margin:-.4375rem -.75rem
}

body .picker .pc-select .pc-element {
    display: block;
    margin: 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--app-component-color);
    background-color: transparent;
    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='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-position: right .75rem center;
    padding:.4375rem 2.25rem .4375rem .75rem
}

body .picker .pc-select .pc-list {
    border: none;
    padding: .5rem 0;
    background: var(--app-component-dropdown-bg);
    top: 100%;
    border-radius: 4px;
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)
}

body .picker .pc-select .pc-list input[type=search] {
    display: block;
    width: calc(100% - 20px);
    margin: 0 10px 5px;
    padding: .4375rem .75rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
    background-clip: padding-box;
    border: 1px solid var(--app-component-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius:4px
}

body .picker .pc-select .pc-list input[type=search]:focus {
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
    border-color: rgba(255, 255, 255, .5);
    outline: 0;
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .25)
}

body .picker .pc-select .pc-list ul > li {
    padding: .5rem 1rem;
    background: 0 0;
    color: var(--app-component-color);
    font-weight:500
}

body .picker .pc-select .pc-list ul > li:nth-child(even) {
    background:0 0
}

body .picker .pc-select .pc-list ul > li:hover {
    background: var(--app-component-dropdown-hover-bg);
    color:var(--app-component-hover-color)
}

.select2.select2-container {
    display: block;
    background:var(--app-component-bg)
}

.select2.select2-container .selection .select2-selection {
    background:var(--app-component-bg)
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple, .select2.select2-container .selection .select2-selection.select2-selection--single {
    border-color: var(--app-component-border-color);
    outline: 0;
    height: calc(1.5em + .875rem + 2px);
    display: flex;
    align-items:center
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
    line-height: 1;
    padding: .4375rem .75rem;
    font-weight: 500;
    color: var(--app-component-color);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    padding-right:.75rem
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
    position: absolute;
    top: 0;
    bottom: 0;
    width: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    right:0
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
    height: auto;
    width: auto;
    position: relative;
    top: 0;
    right: 0;
    padding: .4375rem .75rem;
    display: flex;
    align-items:center
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    border: none;
    color: var(--app-component-color);
    width: auto;
    height: auto;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering:auto
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b:before, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before {
    content: "\f0d7"
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple {
    height: auto;
    min-height:calc(1.5em + .875rem + 2px)
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
    padding:.375rem .75rem .15625rem
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline {
    float: none;
    min-width:100px
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
    margin-top: -1px;
    margin-bottom: .21875rem;
    font-weight: 500;
    min-height: 20px;
    color:var(--app-component-color)
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::-moz-placeholder {
    color:rgba(255, 255, 255, .5)
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color:rgba(255, 255, 255, .5)
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::placeholder {
    color:rgba(255, 255, 255, .5)
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice {
    border: none;
    background: rgba(var(--app-component-border-color-rgb), .65);
    margin-bottom: .21875rem;
    margin-top: 0;
    padding: 4px 8px;
    color: var(--app-component-color);
    float: none;
    position: relative;
    border-radius: 4px;
    padding-right: 1.3125rem;
    margin-right:.21875rem
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #828282;
    font-size: .875rem;
    margin: 0;
    float: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.3125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    right:0
}

.select2.select2-container.select2-container--above.select2-container--open .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before {
    content: "\f0d8"
}

.select2-container .select2-dropdown {
    border: none;
    background: var(--app-component-dropdown-bg);
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)
}

.select2-container .select2-dropdown .select2-search--dropdown {
    padding:.5rem
}

.select2-container .select2-dropdown .select2-search--dropdown input {
    border-color: var(--app-component-border-color);
    height: calc(1.5em + .875rem + 2px);
    padding: .4375rem .75rem;
    outline: 0;
    color: var(--app-component-color);
    background-color: transparent;
    border-radius: 4px;
    transition:all .2s linear
}

.select2-container .select2-dropdown .select2-search--dropdown input:focus {
    border-color: rgba(255, 255, 255, .5);
    box-shadow:0 0 0 .25rem rgba(255, 255, 255, .25)
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
    font-weight: 500;
    color:var(--app-component-color)
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__group {
    padding: .5rem .5rem .25rem;
    color: var(--app-component-color);
    font-size:.6875rem
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__option {
    padding:.5rem 1rem
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background: var(--app-component-hover-bg);
    color:var(--app-component-color)
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message {
    font-weight: 500;
    font-size: .75rem;
    color: rgba(var(--app-component-color-rgb), .5);
    padding:.5rem .5rem
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
    background: #1c75ee;
    color:#fff
}

.select2-container .select2-dropdown.select2-dropdown--above {
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)
}

body .jqstooltip {
    border: none;
    width: auto !important;
    height: auto !important;
    background: rgba(0, 0, 0, .9);
    border-radius:4px
}

.sp-original-input-container .sp-add-on {
    min-width:35px
}

.sp-original-input-container .sp-add-on .sp-colorize {
    position: relative;
    overflow: hidden;
    border-radius: 1px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius:0 !important
}

.sp-original-input-container .sp-add-on .sp-colorize:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border:5px solid var(--app-component-border-color)
}

body .sp-container {
    background-color:var(--app-component-dropdown-bg)
}

body .sp-container .sp-palette-container {
    border-color:var(--app-component-dropdown-border-color)
}

body .sp-container .sp-input {
    border-color: var(--app-component-dropdown-border-color) !important;
    color:var(--app-component-color) !important
}

body .sp-container button.sp-choose {
    background-color:var(--bs-success)
}

body .sp-container button.sp-cancel {
    background-color:var(--bs-default)
}

.tagit.ui-widget {
    border: 1px solid var(--app-component-border-color);
    background: var(--app-component-bg);
    padding: .291375rem .75rem 0;
    margin-bottom: 0;
    font-family: inherit;
    min-height: calc(1.5em + .875rem + 2px);
    border-radius: 4px;
    display: flex;
    flex-wrap:wrap
}

.tagit.ui-widget li {
    float: none;
    margin:0 .291375rem .21875rem 0
}

.tagit.ui-widget li.tagit-choice {
    background: var(--app-component-secondary-bg);
    border: none;
    color: var(--app-component-color);
    padding: .175rem .75rem;
    font-weight: 500;
    line-height: 1.5;
    display: flex;
    align-items: center;
    border-radius:4px
}

.tagit.ui-widget li.tagit-choice .tagit-label {
    flex: 1;
    padding-right:.75rem
}

.tagit.ui-widget li.tagit-choice .tagit-close {
    line-height: 1;
    text-align: center;
    top: 0;
    margin: 0;
    right: 0;
    margin: -5px -8px;
    padding: 5px 8px;
    position: relative;
    color:inherit
}

.tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close {
    background: 0 0;
    height: auto;
    width: auto;
    text-indent: 0;
    margin-top: 0;
    font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering:auto
}

.tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close:before {
    content: "\f00d";
    font-size: inherit;
    color: inherit;
    opacity:.5
}

.tagit.ui-widget li.tagit-choice .tagit-close:focus .ui-icon-close:before, .tagit.ui-widget li.tagit-choice .tagit-close:hover .ui-icon-close:before {
    opacity: .75;
    color:inherit
}

.tagit.ui-widget li.tagit-new {
    padding:0
}

.tagit.ui-widget li.tagit-new input {
    height: 100%;
    font-family: inherit;
    font-weight: 500;
    font-size: .75rem;
    min-height: 1.475rem;
    color:var(--app-component-color)
}

.tagit.ui-widget.white li.tagit-choice {
    background: #fff;
    color: #1a1a1a;
    box-shadow:inset 0 0 0 1px #ccc
}

.tagit.ui-widget.inverse li.tagit-choice {
    background: #404040;
    color:#fff
}

.tagit.ui-widget.primary li.tagit-choice {
    background: #1c75ee;
    color:#fff
}

.tagit.ui-widget.info li.tagit-choice {
    background: #00cbff;
    color:#fff
}

.tagit.ui-widget.success li.tagit-choice {
    background: #01caca;
    color:#fff
}

.tagit.ui-widget.warning li.tagit-choice {
    background: #ff7b01;
    color:#fff
}

.tagit.ui-widget.danger li.tagit-choice {
    background: #ff3502;
    color:#fff
}

.row.row-space-0 {
    margin-left: 0;
    margin-right:0
}

.row.row-space-0 > [class * =col-] {
    padding-left: 0;
    padding-right:0
}

.row.row-space-2 {
    margin-left: -1;
    margin-right:-1
}

.row.row-space-2 > [class * =col-] {
    padding-left: 1;
    padding-right:1
}

.row.row-space-4 {
    margin-left: -2;
    margin-right:-2
}

.row.row-space-4 > [class * =col-] {
    padding-left: 2;
    padding-right:2
}

.row.row-space-6 {
    margin-left: -3;
    margin-right:-3
}

.row.row-space-6 > [class * =col-] {
    padding-left: 3;
    padding-right:3
}

.row.row-space-8 {
    margin-left: -4;
    margin-right:-4
}

.row.row-space-8 > [class * =col-] {
    padding-left: 4;
    padding-right:4
}

.row.row-space-10 {
    margin-left: -5;
    margin-right:-5
}

.row.row-space-10 > [class * =col-] {
    padding-left: 5;
    padding-right:5
}

.row.row-space-12 {
    margin-left: -6;
    margin-right:-6
}

.row.row-space-12 > [class * =col-] {
    padding-left: 6;
    padding-right:6
}

.row.row-space-14 {
    margin-left: -7;
    margin-right:-7
}

.row.row-space-14 > [class * =col-] {
    padding-left: 7;
    padding-right:7
}

.row.row-space-16 {
    margin-left: -8;
    margin-right:-8
}

.row.row-space-16 > [class * =col-] {
    padding-left: 8;
    padding-right:8
}

.row.row-space-18 {
    margin-left: -9;
    margin-right:-9
}

.row.row-space-18 > [class * =col-] {
    padding-left: 9;
    padding-right:9
}

.row.row-space-20 {
    margin-left: -10;
    margin-right:-10
}

.row.row-space-20 > [class * =col-] {
    padding-left: 10;
    padding-right:10
}

.row.row-space-22 {
    margin-left: -11;
    margin-right:-11
}

.row.row-space-22 > [class * =col-] {
    padding-left: 11;
    padding-right:11
}

.row.row-space-24 {
    margin-left: -12;
    margin-right:-12
}

.row.row-space-24 > [class * =col-] {
    padding-left: 12;
    padding-right:12
}

.row.row-space-26 {
    margin-left: -13;
    margin-right:-13
}

.row.row-space-26 > [class * =col-] {
    padding-left: 13;
    padding-right:13
}

.row.row-space-28 {
    margin-left: -14;
    margin-right:-14
}

.row.row-space-28 > [class * =col-] {
    padding-left: 14;
    padding-right:14
}

.row.row-space-30 {
    margin-left: -15;
    margin-right:-15
}

.row.row-space-30 > [class * =col-] {
    padding-left: 15;
    padding-right:15
}

.m-1px {
    margin:1px !important
}

.m-2px {
    margin:2px !important
}

.m-3px {
    margin:3px !important
}

.m-4px {
    margin:4px !important
}

.m-5px {
    margin:5px !important
}

.m-6px {
    margin:6px !important
}

.m-7px {
    margin:7px !important
}

.m-8px {
    margin:8px !important
}

.m-9px {
    margin:9px !important
}

.m-10px {
    margin:10px !important
}

.m-5px {
    margin:5px !important
}

.m-10px {
    margin:10px !important
}

.m-15px {
    margin:15px !important
}

.m-20px {
    margin:20px !important
}

.m-25px {
    margin:25px !important
}

.m-30px {
    margin:30px !important
}

.m-35px {
    margin:35px !important
}

.m-40px {
    margin:40px !important
}

.m-45px {
    margin:45px !important
}

.m-50px {
    margin:50px !important
}

.mt-1px {
    margin-top:1px !important
}

.mt-2px {
    margin-top:2px !important
}

.mt-3px {
    margin-top:3px !important
}

.mt-4px {
    margin-top:4px !important
}

.mt-5px {
    margin-top:5px !important
}

.mt-6px {
    margin-top:6px !important
}

.mt-7px {
    margin-top:7px !important
}

.mt-8px {
    margin-top:8px !important
}

.mt-9px {
    margin-top:9px !important
}

.mt-10px {
    margin-top:10px !important
}

.mt-5px {
    margin-top:5px !important
}

.mt-10px {
    margin-top:10px !important
}

.mt-15px {
    margin-top:15px !important
}

.mt-20px {
    margin-top:20px !important
}

.mt-25px {
    margin-top:25px !important
}

.mt-30px {
    margin-top:30px !important
}

.mt-35px {
    margin-top:35px !important
}

.mt-40px {
    margin-top:40px !important
}

.mt-45px {
    margin-top:45px !important
}

.mt-50px {
    margin-top:50px !important
}

.me-1px {
    margin-right:1px !important
}

.me-2px {
    margin-right:2px !important
}

.me-3px {
    margin-right:3px !important
}

.me-4px {
    margin-right:4px !important
}

.me-5px {
    margin-right:5px !important
}

.me-6px {
    margin-right:6px !important
}

.me-7px {
    margin-right:7px !important
}

.me-8px {
    margin-right:8px !important
}

.me-9px {
    margin-right:9px !important
}

.me-10px {
    margin-right:10px !important
}

.me-5px {
    margin-right:5px !important
}

.me-10px {
    margin-right:10px !important
}

.me-15px {
    margin-right:15px !important
}

.me-20px {
    margin-right:20px !important
}

.me-25px {
    margin-right:25px !important
}

.me-30px {
    margin-right:30px !important
}

.me-35px {
    margin-right:35px !important
}

.me-40px {
    margin-right:40px !important
}

.me-45px {
    margin-right:45px !important
}

.me-50px {
    margin-right:50px !important
}

.mb-1px {
    margin-bottom:1px !important
}

.mb-2px {
    margin-bottom:2px !important
}

.mb-3px {
    margin-bottom:3px !important
}

.mb-4px {
    margin-bottom:4px !important
}

.mb-5px {
    margin-bottom:5px !important
}

.mb-6px {
    margin-bottom:6px !important
}

.mb-7px {
    margin-bottom:7px !important
}

.mb-8px {
    margin-bottom:8px !important
}

.mb-9px {
    margin-bottom:9px !important
}

.mb-10px {
    margin-bottom:10px !important
}

.mb-5px {
    margin-bottom:5px !important
}

.mb-10px {
    margin-bottom:10px !important
}

.mb-15px {
    margin-bottom:15px !important
}

.mb-20px {
    margin-bottom:20px !important
}

.mb-25px {
    margin-bottom:25px !important
}

.mb-30px {
    margin-bottom:30px !important
}

.mb-35px {
    margin-bottom:35px !important
}

.mb-40px {
    margin-bottom:40px !important
}

.mb-45px {
    margin-bottom:45px !important
}

.mb-50px {
    margin-bottom:50px !important
}

.ms-1px {
    margin-left:1px !important
}

.ms-2px {
    margin-left:2px !important
}

.ms-3px {
    margin-left:3px !important
}

.ms-4px {
    margin-left:4px !important
}

.ms-5px {
    margin-left:5px !important
}

.ms-6px {
    margin-left:6px !important
}

.ms-7px {
    margin-left:7px !important
}

.ms-8px {
    margin-left:8px !important
}

.ms-9px {
    margin-left:9px !important
}

.ms-10px {
    margin-left:10px !important
}

.ms-5px {
    margin-left:5px !important
}

.ms-10px {
    margin-left:10px !important
}

.ms-15px {
    margin-left:15px !important
}

.ms-20px {
    margin-left:20px !important
}

.ms-25px {
    margin-left:25px !important
}

.ms-30px {
    margin-left:30px !important
}

.ms-35px {
    margin-left:35px !important
}

.ms-40px {
    margin-left:40px !important
}

.ms-45px {
    margin-left:45px !important
}

.ms-50px {
    margin-left:50px !important
}

.mx-1px {
    margin-left: 1px !important;
    margin-right:1px !important
}

.mx-2px {
    margin-left: 2px !important;
    margin-right:2px !important
}

.mx-3px {
    margin-left: 3px !important;
    margin-right:3px !important
}

.mx-4px {
    margin-left: 4px !important;
    margin-right:4px !important
}

.mx-5px {
    margin-left: 5px !important;
    margin-right:5px !important
}

.mx-6px {
    margin-left: 6px !important;
    margin-right:6px !important
}

.mx-7px {
    margin-left: 7px !important;
    margin-right:7px !important
}

.mx-8px {
    margin-left: 8px !important;
    margin-right:8px !important
}

.mx-9px {
    margin-left: 9px !important;
    margin-right:9px !important
}

.mx-10px {
    margin-left: 10px !important;
    margin-right:10px !important
}

.mx-5px {
    margin-left: 5px !important;
    margin-right:5px !important
}

.mx-10px {
    margin-left: 10px !important;
    margin-right:10px !important
}

.mx-15px {
    margin-left: 15px !important;
    margin-right:15px !important
}

.mx-20px {
    margin-left: 20px !important;
    margin-right:20px !important
}

.mx-25px {
    margin-left: 25px !important;
    margin-right:25px !important
}

.mx-30px {
    margin-left: 30px !important;
    margin-right:30px !important
}

.mx-35px {
    margin-left: 35px !important;
    margin-right:35px !important
}

.mx-40px {
    margin-left: 40px !important;
    margin-right:40px !important
}

.mx-45px {
    margin-left: 45px !important;
    margin-right:45px !important
}

.mx-50px {
    margin-left: 50px !important;
    margin-right:50px !important
}

.my-1px {
    margin-top: 1px !important;
    margin-bottom:1px !important
}

.my-2px {
    margin-top: 2px !important;
    margin-bottom:2px !important
}

.my-3px {
    margin-top: 3px !important;
    margin-bottom:3px !important
}

.my-4px {
    margin-top: 4px !important;
    margin-bottom:4px !important
}

.my-5px {
    margin-top: 5px !important;
    margin-bottom:5px !important
}

.my-6px {
    margin-top: 6px !important;
    margin-bottom:6px !important
}

.my-7px {
    margin-top: 7px !important;
    margin-bottom:7px !important
}

.my-8px {
    margin-top: 8px !important;
    margin-bottom:8px !important
}

.my-9px {
    margin-top: 9px !important;
    margin-bottom:9px !important
}

.my-10px {
    margin-top: 10px !important;
    margin-bottom:10px !important
}

.my-5px {
    margin-top: 5px !important;
    margin-bottom:5px !important
}

.my-10px {
    margin-top: 10px !important;
    margin-bottom:10px !important
}

.my-15px {
    margin-top: 15px !important;
    margin-bottom:15px !important
}

.my-20px {
    margin-top: 20px !important;
    margin-bottom:20px !important
}

.my-25px {
    margin-top: 25px !important;
    margin-bottom:25px !important
}

.my-30px {
    margin-top: 30px !important;
    margin-bottom:30px !important
}

.my-35px {
    margin-top: 35px !important;
    margin-bottom:35px !important
}

.my-40px {
    margin-top: 40px !important;
    margin-bottom:40px !important
}

.my-45px {
    margin-top: 45px !important;
    margin-bottom:45px !important
}

.my-50px {
    margin-top: 50px !important;
    margin-bottom:50px !important
}

.p-1px {
    padding:1px !important
}

.p-2px {
    padding:2px !important
}

.p-3px {
    padding:3px !important
}

.p-4px {
    padding:4px !important
}

.p-5px {
    padding:5px !important
}

.p-6px {
    padding:6px !important
}

.p-7px {
    padding:7px !important
}

.p-8px {
    padding:8px !important
}

.p-9px {
    padding:9px !important
}

.p-10px {
    padding:10px !important
}

.p-5px {
    padding:5px !important
}

.p-10px {
    padding:10px !important
}

.p-15px {
    padding:15px !important
}

.p-20px {
    padding:20px !important
}

.p-25px {
    padding:25px !important
}

.p-30px {
    padding:30px !important
}

.p-35px {
    padding:35px !important
}

.p-40px {
    padding:40px !important
}

.p-45px {
    padding:45px !important
}

.p-50px {
    padding:50px !important
}

.pt-1px {
    padding-top:1px !important
}

.pt-2px {
    padding-top:2px !important
}

.pt-3px {
    padding-top:3px !important
}

.pt-4px {
    padding-top:4px !important
}

.pt-5px {
    padding-top:5px !important
}

.pt-6px {
    padding-top:6px !important
}

.pt-7px {
    padding-top:7px !important
}

.pt-8px {
    padding-top:8px !important
}

.pt-9px {
    padding-top:9px !important
}

.pt-10px {
    padding-top:10px !important
}

.pt-5px {
    padding-top:5px !important
}

.pt-10px {
    padding-top:10px !important
}

.pt-15px {
    padding-top:15px !important
}

.pt-20px {
    padding-top:20px !important
}

.pt-25px {
    padding-top:25px !important
}

.pt-30px {
    padding-top:30px !important
}

.pt-35px {
    padding-top:35px !important
}

.pt-40px {
    padding-top:40px !important
}

.pt-45px {
    padding-top:45px !important
}

.pt-50px {
    padding-top:50px !important
}

.pe-1px {
    padding-right:1px !important
}

.pe-2px {
    padding-right:2px !important
}

.pe-3px {
    padding-right:3px !important
}

.pe-4px {
    padding-right:4px !important
}

.pe-5px {
    padding-right:5px !important
}

.pe-6px {
    padding-right:6px !important
}

.pe-7px {
    padding-right:7px !important
}

.pe-8px {
    padding-right:8px !important
}

.pe-9px {
    padding-right:9px !important
}

.pe-10px {
    padding-right:10px !important
}

.pe-5px {
    padding-right:5px !important
}

.pe-10px {
    padding-right:10px !important
}

.pe-15px {
    padding-right:15px !important
}

.pe-20px {
    padding-right:20px !important
}

.pe-25px {
    padding-right:25px !important
}

.pe-30px {
    padding-right:30px !important
}

.pe-35px {
    padding-right:35px !important
}

.pe-40px {
    padding-right:40px !important
}

.pe-45px {
    padding-right:45px !important
}

.pe-50px {
    padding-right:50px !important
}

.pb-1px {
    padding-bottom:1px !important
}

.pb-2px {
    padding-bottom:2px !important
}

.pb-3px {
    padding-bottom:3px !important
}

.pb-4px {
    padding-bottom:4px !important
}

.pb-5px {
    padding-bottom:5px !important
}

.pb-6px {
    padding-bottom:6px !important
}

.pb-7px {
    padding-bottom:7px !important
}

.pb-8px {
    padding-bottom:8px !important
}

.pb-9px {
    padding-bottom:9px !important
}

.pb-10px {
    padding-bottom:10px !important
}

.pb-5px {
    padding-bottom:5px !important
}

.pb-10px {
    padding-bottom:10px !important
}

.pb-15px {
    padding-bottom:15px !important
}

.pb-20px {
    padding-bottom:20px !important
}

.pb-25px {
    padding-bottom:25px !important
}

.pb-30px {
    padding-bottom:30px !important
}

.pb-35px {
    padding-bottom:35px !important
}

.pb-40px {
    padding-bottom:40px !important
}

.pb-45px {
    padding-bottom:45px !important
}

.pb-50px {
    padding-bottom:50px !important
}

.ps-1px {
    padding-left:1px !important
}

.ps-2px {
    padding-left:2px !important
}

.ps-3px {
    padding-left:3px !important
}

.ps-4px {
    padding-left:4px !important
}

.ps-5px {
    padding-left:5px !important
}

.ps-6px {
    padding-left:6px !important
}

.ps-7px {
    padding-left:7px !important
}

.ps-8px {
    padding-left:8px !important
}

.ps-9px {
    padding-left:9px !important
}

.ps-10px {
    padding-left:10px !important
}

.ps-5px {
    padding-left:5px !important
}

.ps-10px {
    padding-left:10px !important
}

.ps-15px {
    padding-left:15px !important
}

.ps-20px {
    padding-left:20px !important
}

.ps-25px {
    padding-left:25px !important
}

.ps-30px {
    padding-left:30px !important
}

.ps-35px {
    padding-left:35px !important
}

.ps-40px {
    padding-left:40px !important
}

.ps-45px {
    padding-left:45px !important
}

.ps-50px {
    padding-left:50px !important
}

.px-1px {
    padding-left: 1px !important;
    padding-right:1px !important
}

.px-2px {
    padding-left: 2px !important;
    padding-right:2px !important
}

.px-3px {
    padding-left: 3px !important;
    padding-right:3px !important
}

.px-4px {
    padding-left: 4px !important;
    padding-right:4px !important
}

.px-5px {
    padding-left: 5px !important;
    padding-right:5px !important
}

.px-6px {
    padding-left: 6px !important;
    padding-right:6px !important
}

.px-7px {
    padding-left: 7px !important;
    padding-right:7px !important
}

.px-8px {
    padding-left: 8px !important;
    padding-right:8px !important
}

.px-9px {
    padding-left: 9px !important;
    padding-right:9px !important
}

.px-10px {
    padding-left: 10px !important;
    padding-right:10px !important
}

.px-5px {
    padding-left: 5px !important;
    padding-right:5px !important
}

.px-10px {
    padding-left: 10px !important;
    padding-right:10px !important
}

.px-15px {
    padding-left: 15px !important;
    padding-right:15px !important
}

.px-20px {
    padding-left: 20px !important;
    padding-right:20px !important
}

.px-25px {
    padding-left: 25px !important;
    padding-right:25px !important
}

.px-30px {
    padding-left: 30px !important;
    padding-right:30px !important
}

.px-35px {
    padding-left: 35px !important;
    padding-right:35px !important
}

.px-40px {
    padding-left: 40px !important;
    padding-right:40px !important
}

.px-45px {
    padding-left: 45px !important;
    padding-right:45px !important
}

.px-50px {
    padding-left: 50px !important;
    padding-right:50px !important
}

.py-1px {
    padding-top: 1px !important;
    padding-bottom:1px !important
}

.py-2px {
    padding-top: 2px !important;
    padding-bottom:2px !important
}

.py-3px {
    padding-top: 3px !important;
    padding-bottom:3px !important
}

.py-4px {
    padding-top: 4px !important;
    padding-bottom:4px !important
}

.py-5px {
    padding-top: 5px !important;
    padding-bottom:5px !important
}

.py-6px {
    padding-top: 6px !important;
    padding-bottom:6px !important
}

.py-7px {
    padding-top: 7px !important;
    padding-bottom:7px !important
}

.py-8px {
    padding-top: 8px !important;
    padding-bottom:8px !important
}

.py-9px {
    padding-top: 9px !important;
    padding-bottom:9px !important
}

.py-10px {
    padding-top: 10px !important;
    padding-bottom:10px !important
}

.py-5px {
    padding-top: 5px !important;
    padding-bottom:5px !important
}

.py-10px {
    padding-top: 10px !important;
    padding-bottom:10px !important
}

.py-15px {
    padding-top: 15px !important;
    padding-bottom:15px !important
}

.py-20px {
    padding-top: 20px !important;
    padding-bottom:20px !important
}

.py-25px {
    padding-top: 25px !important;
    padding-bottom:25px !important
}

.py-30px {
    padding-top: 30px !important;
    padding-bottom:30px !important
}

.py-35px {
    padding-top: 35px !important;
    padding-bottom:35px !important
}

.py-40px {
    padding-top: 40px !important;
    padding-bottom:40px !important
}

.py-45px {
    padding-top: 45px !important;
    padding-bottom:45px !important
}

.py-50px {
    padding-top: 50px !important;
    padding-bottom:50px !important
}

.fs-1px {
    font-size:1px !important
}

.fs-2px {
    font-size:2px !important
}

.fs-3px {
    font-size:3px !important
}

.fs-4px {
    font-size:4px !important
}

.fs-5px {
    font-size:5px !important
}

.fs-6px {
    font-size:6px !important
}

.fs-7px {
    font-size:7px !important
}

.fs-8px {
    font-size:8px !important
}

.fs-9px {
    font-size:9px !important
}

.fs-10px {
    font-size:10px !important
}

.fs-11px {
    font-size:11px !important
}

.fs-12px {
    font-size:12px !important
}

.fs-13px {
    font-size:13px !important
}

.fs-14px {
    font-size:14px !important
}

.fs-15px {
    font-size:15px !important
}

.fs-16px {
    font-size:16px !important
}

.fs-17px {
    font-size:17px !important
}

.fs-18px {
    font-size:18px !important
}

.fs-19px {
    font-size:19px !important
}

.fs-20px {
    font-size:20px !important
}

.fs-21px {
    font-size:21px !important
}

.fs-22px {
    font-size:22px !important
}

.fs-23px {
    font-size:23px !important
}

.fs-24px {
    font-size:24px !important
}

.fs-25px {
    font-size:25px !important
}

.fs-26px {
    font-size:26px !important
}

.fs-27px {
    font-size:27px !important
}

.fs-28px {
    font-size:28px !important
}

.fs-29px {
    font-size:29px !important
}

.fs-30px {
    font-size:30px !important
}

.fs-31px {
    font-size:31px !important
}

.fs-32px {
    font-size:32px !important
}

.fs-33px {
    font-size:33px !important
}

.fs-34px {
    font-size:34px !important
}

.fs-35px {
    font-size:35px !important
}

.fs-36px {
    font-size:36px !important
}

.fs-37px {
    font-size:37px !important
}

.fs-38px {
    font-size:38px !important
}

.fs-39px {
    font-size:39px !important
}

.fs-40px {
    font-size:40px !important
}

.fs-41px {
    font-size:41px !important
}

.fs-42px {
    font-size:42px !important
}

.fs-43px {
    font-size:43px !important
}

.fs-44px {
    font-size:44px !important
}

.fs-45px {
    font-size:45px !important
}

.fs-46px {
    font-size:46px !important
}

.fs-47px {
    font-size:47px !important
}

.fs-48px {
    font-size:48px !important
}

.fs-49px {
    font-size:49px !important
}

.fs-50px {
    font-size:50px !important
}

.fs-51px {
    font-size:51px !important
}

.fs-52px {
    font-size:52px !important
}

.fs-53px {
    font-size:53px !important
}

.fs-54px {
    font-size:54px !important
}

.fs-55px {
    font-size:55px !important
}

.fs-56px {
    font-size:56px !important
}

.fs-57px {
    font-size:57px !important
}

.fs-58px {
    font-size:58px !important
}

.fs-59px {
    font-size:59px !important
}

.fs-60px {
    font-size:60px !important
}

.fs-61px {
    font-size:61px !important
}

.fs-62px {
    font-size:62px !important
}

.fs-63px {
    font-size:63px !important
}

.fs-64px {
    font-size:64px !important
}

.fs-65px {
    font-size:65px !important
}

.fs-66px {
    font-size:66px !important
}

.fs-67px {
    font-size:67px !important
}

.fs-68px {
    font-size:68px !important
}

.fs-69px {
    font-size:69px !important
}

.fs-70px {
    font-size:70px !important
}

.fs-71px {
    font-size:71px !important
}

.fs-72px {
    font-size:72px !important
}

.fs-73px {
    font-size:73px !important
}

.fs-74px {
    font-size:74px !important
}

.fs-75px {
    font-size:75px !important
}

.fs-76px {
    font-size:76px !important
}

.fs-77px {
    font-size:77px !important
}

.fs-78px {
    font-size:78px !important
}

.fs-79px {
    font-size:79px !important
}

.fs-80px {
    font-size:80px !important
}

.fw-100 {
    font-weight:100 !important
}

.fw-200 {
    font-weight:200 !important
}

.fw-300 {
    font-weight:300 !important
}

.fw-400 {
    font-weight:400 !important
}

.fw-500 {
    font-weight:500 !important
}

.fw-600 {
    font-weight:600 !important
}

.fw-700 {
    font-weight:700 !important
}

.fw-800 {
    font-weight:800 !important
}

.text-theme {
    --bs-text-opacity: 1;
    color:rgba(var(--app-theme-rgb), var(--bs-text-opacity))
}

.bg-dark, .bg-light {
    --bs-bg-opacity:0.25
}

.bg-secondary {
    background:rgba(255, 255, 255, .5) !important
}

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

.text-gradient {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color:transparent !important
}

.lh-10 {
    line-height:1 !important
}

.lh-11 {
    line-height:1.1 !important
}

.lh-12 {
    line-height:1.2 !important
}

.lh-13 {
    line-height:1.3 !important
}

.lh-14 {
    line-height:1.4 !important
}

.lh-15 {
    line-height:1.5 !important
}

.lh-16 {
    line-height:1.6 !important
}

.lh-17 {
    line-height:1.7 !important
}

.lh-18 {
    line-height:1.8 !important
}

.lh-19 {
    line-height:1.9 !important
}

.lh-20 {
    line-height:2 !important
}

.cursor-pointer {
    cursor:pointer !important
}

.cursor-text {
    cursor:text !important
}

.cursor-default {
    cursor:default !important
}

.cursor-inherit {
    cursor:inherit !important
}

.cursor-move {
    cursor:move !important
}

.cursor-progress {
    cursor:progress !important
}

.flex-1 {
    flex:1
}

.w-0px {
    width:0 !important
}

.w-xs-0px {
    width:0 !important
}

@media (min-width: 576px) {
    .w-sm-0px {
        width:0 !important
    }
}

@media (min-width: 768px) {
    .w-md-0px {
        width:0 !important
    }
}

@media (min-width: 992px) {
    .w-lg-0px {
        width:0 !important
    }
}

@media (min-width: 1200px) {
    .w-xl-0px {
        width:0 !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-0px {
        width:0 !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-0px {
        width:0 !important
    }
}

.w-50px {
    width:50px !important
}

.w-xs-50px {
    width:50px !important
}

@media (min-width: 576px) {
    .w-sm-50px {
        width:50px !important
    }
}

@media (min-width: 768px) {
    .w-md-50px {
        width:50px !important
    }
}

@media (min-width: 992px) {
    .w-lg-50px {
        width:50px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-50px {
        width:50px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-50px {
        width:50px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-50px {
        width:50px !important
    }
}

.w-100px {
    width:100px !important
}

.w-xs-100px {
    width:100px !important
}

@media (min-width: 576px) {
    .w-sm-100px {
        width:100px !important
    }
}

@media (min-width: 768px) {
    .w-md-100px {
        width:100px !important
    }
}

@media (min-width: 992px) {
    .w-lg-100px {
        width:100px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-100px {
        width:100px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-100px {
        width:100px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-100px {
        width:100px !important
    }
}

.w-150px {
    width:150px !important
}

.w-xs-150px {
    width:150px !important
}

@media (min-width: 576px) {
    .w-sm-150px {
        width:150px !important
    }
}

@media (min-width: 768px) {
    .w-md-150px {
        width:150px !important
    }
}

@media (min-width: 992px) {
    .w-lg-150px {
        width:150px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-150px {
        width:150px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-150px {
        width:150px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-150px {
        width:150px !important
    }
}

.w-200px {
    width:200px !important
}

.w-xs-200px {
    width:200px !important
}

@media (min-width: 576px) {
    .w-sm-200px {
        width:200px !important
    }
}

@media (min-width: 768px) {
    .w-md-200px {
        width:200px !important
    }
}

@media (min-width: 992px) {
    .w-lg-200px {
        width:200px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-200px {
        width:200px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-200px {
        width:200px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-200px {
        width:200px !important
    }
}

.w-250px {
    width:250px !important
}

.w-xs-250px {
    width:250px !important
}

@media (min-width: 576px) {
    .w-sm-250px {
        width:250px !important
    }
}

@media (min-width: 768px) {
    .w-md-250px {
        width:250px !important
    }
}

@media (min-width: 992px) {
    .w-lg-250px {
        width:250px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-250px {
        width:250px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-250px {
        width:250px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-250px {
        width:250px !important
    }
}

.w-300px {
    width:300px !important
}

.w-xs-300px {
    width:300px !important
}

@media (min-width: 576px) {
    .w-sm-300px {
        width:300px !important
    }
}

@media (min-width: 768px) {
    .w-md-300px {
        width:300px !important
    }
}

@media (min-width: 992px) {
    .w-lg-300px {
        width:300px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-300px {
        width:300px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-300px {
        width:300px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-300px {
        width:300px !important
    }
}

.w-350px {
    width:350px !important
}

.w-xs-350px {
    width:350px !important
}

@media (min-width: 576px) {
    .w-sm-350px {
        width:350px !important
    }
}

@media (min-width: 768px) {
    .w-md-350px {
        width:350px !important
    }
}

@media (min-width: 992px) {
    .w-lg-350px {
        width:350px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-350px {
        width:350px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-350px {
        width:350px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-350px {
        width:350px !important
    }
}

.w-400px {
    width:400px !important
}

.w-xs-400px {
    width:400px !important
}

@media (min-width: 576px) {
    .w-sm-400px {
        width:400px !important
    }
}

@media (min-width: 768px) {
    .w-md-400px {
        width:400px !important
    }
}

@media (min-width: 992px) {
    .w-lg-400px {
        width:400px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-400px {
        width:400px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-400px {
        width:400px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-400px {
        width:400px !important
    }
}

.w-450px {
    width:450px !important
}

.w-xs-450px {
    width:450px !important
}

@media (min-width: 576px) {
    .w-sm-450px {
        width:450px !important
    }
}

@media (min-width: 768px) {
    .w-md-450px {
        width:450px !important
    }
}

@media (min-width: 992px) {
    .w-lg-450px {
        width:450px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-450px {
        width:450px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-450px {
        width:450px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-450px {
        width:450px !important
    }
}

.w-500px {
    width:500px !important
}

.w-xs-500px {
    width:500px !important
}

@media (min-width: 576px) {
    .w-sm-500px {
        width:500px !important
    }
}

@media (min-width: 768px) {
    .w-md-500px {
        width:500px !important
    }
}

@media (min-width: 992px) {
    .w-lg-500px {
        width:500px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-500px {
        width:500px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-500px {
        width:500px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-500px {
        width:500px !important
    }
}

.w-550px {
    width:550px !important
}

.w-xs-550px {
    width:550px !important
}

@media (min-width: 576px) {
    .w-sm-550px {
        width:550px !important
    }
}

@media (min-width: 768px) {
    .w-md-550px {
        width:550px !important
    }
}

@media (min-width: 992px) {
    .w-lg-550px {
        width:550px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-550px {
        width:550px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-550px {
        width:550px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-550px {
        width:550px !important
    }
}

.w-600px {
    width:600px !important
}

.w-xs-600px {
    width:600px !important
}

@media (min-width: 576px) {
    .w-sm-600px {
        width:600px !important
    }
}

@media (min-width: 768px) {
    .w-md-600px {
        width:600px !important
    }
}

@media (min-width: 992px) {
    .w-lg-600px {
        width:600px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-600px {
        width:600px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-600px {
        width:600px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-600px {
        width:600px !important
    }
}

.w-5px {
    width:5px !important
}

.w-xs-5px {
    width:5px !important
}

@media (min-width: 576px) {
    .w-sm-5px {
        width:5px !important
    }
}

@media (min-width: 768px) {
    .w-md-5px {
        width:5px !important
    }
}

@media (min-width: 992px) {
    .w-lg-5px {
        width:5px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-5px {
        width:5px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-5px {
        width:5px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-5px {
        width:5px !important
    }
}

.w-10px {
    width:10px !important
}

.w-xs-10px {
    width:10px !important
}

@media (min-width: 576px) {
    .w-sm-10px {
        width:10px !important
    }
}

@media (min-width: 768px) {
    .w-md-10px {
        width:10px !important
    }
}

@media (min-width: 992px) {
    .w-lg-10px {
        width:10px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-10px {
        width:10px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-10px {
        width:10px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-10px {
        width:10px !important
    }
}

.w-15px {
    width:15px !important
}

.w-xs-15px {
    width:15px !important
}

@media (min-width: 576px) {
    .w-sm-15px {
        width:15px !important
    }
}

@media (min-width: 768px) {
    .w-md-15px {
        width:15px !important
    }
}

@media (min-width: 992px) {
    .w-lg-15px {
        width:15px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-15px {
        width:15px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-15px {
        width:15px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-15px {
        width:15px !important
    }
}

.w-20px {
    width:20px !important
}

.w-xs-20px {
    width:20px !important
}

@media (min-width: 576px) {
    .w-sm-20px {
        width:20px !important
    }
}

@media (min-width: 768px) {
    .w-md-20px {
        width:20px !important
    }
}

@media (min-width: 992px) {
    .w-lg-20px {
        width:20px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-20px {
        width:20px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-20px {
        width:20px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-20px {
        width:20px !important
    }
}

.w-25px {
    width:25px !important
}

.w-xs-25px {
    width:25px !important
}

@media (min-width: 576px) {
    .w-sm-25px {
        width:25px !important
    }
}

@media (min-width: 768px) {
    .w-md-25px {
        width:25px !important
    }
}

@media (min-width: 992px) {
    .w-lg-25px {
        width:25px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-25px {
        width:25px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-25px {
        width:25px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-25px {
        width:25px !important
    }
}

.w-30px {
    width:30px !important
}

.w-xs-30px {
    width:30px !important
}

@media (min-width: 576px) {
    .w-sm-30px {
        width:30px !important
    }
}

@media (min-width: 768px) {
    .w-md-30px {
        width:30px !important
    }
}

@media (min-width: 992px) {
    .w-lg-30px {
        width:30px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-30px {
        width:30px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-30px {
        width:30px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-30px {
        width:30px !important
    }
}

.w-35px {
    width:35px !important
}

.w-xs-35px {
    width:35px !important
}

@media (min-width: 576px) {
    .w-sm-35px {
        width:35px !important
    }
}

@media (min-width: 768px) {
    .w-md-35px {
        width:35px !important
    }
}

@media (min-width: 992px) {
    .w-lg-35px {
        width:35px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-35px {
        width:35px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-35px {
        width:35px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-35px {
        width:35px !important
    }
}

.w-40px {
    width:40px !important
}

.w-xs-40px {
    width:40px !important
}

@media (min-width: 576px) {
    .w-sm-40px {
        width:40px !important
    }
}

@media (min-width: 768px) {
    .w-md-40px {
        width:40px !important
    }
}

@media (min-width: 992px) {
    .w-lg-40px {
        width:40px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-40px {
        width:40px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-40px {
        width:40px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-40px {
        width:40px !important
    }
}

.w-45px {
    width:45px !important
}

.w-xs-45px {
    width:45px !important
}

@media (min-width: 576px) {
    .w-sm-45px {
        width:45px !important
    }
}

@media (min-width: 768px) {
    .w-md-45px {
        width:45px !important
    }
}

@media (min-width: 992px) {
    .w-lg-45px {
        width:45px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-45px {
        width:45px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-45px {
        width:45px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-45px {
        width:45px !important
    }
}

.w-50px {
    width:50px !important
}

.w-xs-50px {
    width:50px !important
}

@media (min-width: 576px) {
    .w-sm-50px {
        width:50px !important
    }
}

@media (min-width: 768px) {
    .w-md-50px {
        width:50px !important
    }
}

@media (min-width: 992px) {
    .w-lg-50px {
        width:50px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-50px {
        width:50px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-50px {
        width:50px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-50px {
        width:50px !important
    }
}

.w-55px {
    width:55px !important
}

.w-xs-55px {
    width:55px !important
}

@media (min-width: 576px) {
    .w-sm-55px {
        width:55px !important
    }
}

@media (min-width: 768px) {
    .w-md-55px {
        width:55px !important
    }
}

@media (min-width: 992px) {
    .w-lg-55px {
        width:55px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-55px {
        width:55px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-55px {
        width:55px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-55px {
        width:55px !important
    }
}

.w-60px {
    width:60px !important
}

.w-xs-60px {
    width:60px !important
}

@media (min-width: 576px) {
    .w-sm-60px {
        width:60px !important
    }
}

@media (min-width: 768px) {
    .w-md-60px {
        width:60px !important
    }
}

@media (min-width: 992px) {
    .w-lg-60px {
        width:60px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-60px {
        width:60px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-60px {
        width:60px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-60px {
        width:60px !important
    }
}

.w-65px {
    width:65px !important
}

.w-xs-65px {
    width:65px !important
}

@media (min-width: 576px) {
    .w-sm-65px {
        width:65px !important
    }
}

@media (min-width: 768px) {
    .w-md-65px {
        width:65px !important
    }
}

@media (min-width: 992px) {
    .w-lg-65px {
        width:65px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-65px {
        width:65px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-65px {
        width:65px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-65px {
        width:65px !important
    }
}

.w-70px {
    width:70px !important
}

.w-xs-70px {
    width:70px !important
}

@media (min-width: 576px) {
    .w-sm-70px {
        width:70px !important
    }
}

@media (min-width: 768px) {
    .w-md-70px {
        width:70px !important
    }
}

@media (min-width: 992px) {
    .w-lg-70px {
        width:70px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-70px {
        width:70px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-70px {
        width:70px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-70px {
        width:70px !important
    }
}

.w-75px {
    width:75px !important
}

.w-xs-75px {
    width:75px !important
}

@media (min-width: 576px) {
    .w-sm-75px {
        width:75px !important
    }
}

@media (min-width: 768px) {
    .w-md-75px {
        width:75px !important
    }
}

@media (min-width: 992px) {
    .w-lg-75px {
        width:75px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-75px {
        width:75px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-75px {
        width:75px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-75px {
        width:75px !important
    }
}

.w-80px {
    width:80px !important
}

.w-xs-80px {
    width:80px !important
}

@media (min-width: 576px) {
    .w-sm-80px {
        width:80px !important
    }
}

@media (min-width: 768px) {
    .w-md-80px {
        width:80px !important
    }
}

@media (min-width: 992px) {
    .w-lg-80px {
        width:80px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-80px {
        width:80px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-80px {
        width:80px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-80px {
        width:80px !important
    }
}

.w-85px {
    width:85px !important
}

.w-xs-85px {
    width:85px !important
}

@media (min-width: 576px) {
    .w-sm-85px {
        width:85px !important
    }
}

@media (min-width: 768px) {
    .w-md-85px {
        width:85px !important
    }
}

@media (min-width: 992px) {
    .w-lg-85px {
        width:85px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-85px {
        width:85px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-85px {
        width:85px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-85px {
        width:85px !important
    }
}

.w-90px {
    width:90px !important
}

.w-xs-90px {
    width:90px !important
}

@media (min-width: 576px) {
    .w-sm-90px {
        width:90px !important
    }
}

@media (min-width: 768px) {
    .w-md-90px {
        width:90px !important
    }
}

@media (min-width: 992px) {
    .w-lg-90px {
        width:90px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-90px {
        width:90px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-90px {
        width:90px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-90px {
        width:90px !important
    }
}

.w-95px {
    width:95px !important
}

.w-xs-95px {
    width:95px !important
}

@media (min-width: 576px) {
    .w-sm-95px {
        width:95px !important
    }
}

@media (min-width: 768px) {
    .w-md-95px {
        width:95px !important
    }
}

@media (min-width: 992px) {
    .w-lg-95px {
        width:95px !important
    }
}

@media (min-width: 1200px) {
    .w-xl-95px {
        width:95px !important
    }
}

@media (min-width: 1400px) {
    .w-xxl-95px {
        width:95px !important
    }
}

@media (min-width: 1800px) {
    .w-xxxl-95px {
        width:95px !important
    }
}

.h-0px {
    height:0 !important
}

.h-xs-0px {
    height:0 !important
}

@media (min-width: 576px) {
    .h-sm-0px {
        height:0 !important
    }
}

@media (min-width: 768px) {
    .h-md-0px {
        height:0 !important
    }
}

@media (min-width: 992px) {
    .h-lg-0px {
        height:0 !important
    }
}

@media (min-width: 1200px) {
    .h-xl-0px {
        height:0 !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-0px {
        height:0 !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-0px {
        height:0 !important
    }
}

.h-50px {
    height:50px !important
}

.h-xs-50px {
    height:50px !important
}

@media (min-width: 576px) {
    .h-sm-50px {
        height:50px !important
    }
}

@media (min-width: 768px) {
    .h-md-50px {
        height:50px !important
    }
}

@media (min-width: 992px) {
    .h-lg-50px {
        height:50px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-50px {
        height:50px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-50px {
        height:50px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-50px {
        height:50px !important
    }
}

.h-100px {
    height:100px !important
}

.h-xs-100px {
    height:100px !important
}

@media (min-width: 576px) {
    .h-sm-100px {
        height:100px !important
    }
}

@media (min-width: 768px) {
    .h-md-100px {
        height:100px !important
    }
}

@media (min-width: 992px) {
    .h-lg-100px {
        height:100px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-100px {
        height:100px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-100px {
        height:100px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-100px {
        height:100px !important
    }
}

.h-150px {
    height:150px !important
}

.h-xs-150px {
    height:150px !important
}

@media (min-width: 576px) {
    .h-sm-150px {
        height:150px !important
    }
}

@media (min-width: 768px) {
    .h-md-150px {
        height:150px !important
    }
}

@media (min-width: 992px) {
    .h-lg-150px {
        height:150px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-150px {
        height:150px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-150px {
        height:150px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-150px {
        height:150px !important
    }
}

.h-200px {
    height:200px !important
}

.h-xs-200px {
    height:200px !important
}

@media (min-width: 576px) {
    .h-sm-200px {
        height:200px !important
    }
}

@media (min-width: 768px) {
    .h-md-200px {
        height:200px !important
    }
}

@media (min-width: 992px) {
    .h-lg-200px {
        height:200px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-200px {
        height:200px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-200px {
        height:200px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-200px {
        height:200px !important
    }
}

.h-250px {
    height:250px !important
}

.h-xs-250px {
    height:250px !important
}

@media (min-width: 576px) {
    .h-sm-250px {
        height:250px !important
    }
}

@media (min-width: 768px) {
    .h-md-250px {
        height:250px !important
    }
}

@media (min-width: 992px) {
    .h-lg-250px {
        height:250px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-250px {
        height:250px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-250px {
        height:250px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-250px {
        height:250px !important
    }
}

.h-300px {
    height:300px !important
}

.h-xs-300px {
    height:300px !important
}

@media (min-width: 576px) {
    .h-sm-300px {
        height:300px !important
    }
}

@media (min-width: 768px) {
    .h-md-300px {
        height:300px !important
    }
}

@media (min-width: 992px) {
    .h-lg-300px {
        height:300px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-300px {
        height:300px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-300px {
        height:300px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-300px {
        height:300px !important
    }
}

.h-350px {
    height:350px !important
}

.h-xs-350px {
    height:350px !important
}

@media (min-width: 576px) {
    .h-sm-350px {
        height:350px !important
    }
}

@media (min-width: 768px) {
    .h-md-350px {
        height:350px !important
    }
}

@media (min-width: 992px) {
    .h-lg-350px {
        height:350px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-350px {
        height:350px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-350px {
        height:350px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-350px {
        height:350px !important
    }
}

.h-400px {
    height:400px !important
}

.h-xs-400px {
    height:400px !important
}

@media (min-width: 576px) {
    .h-sm-400px {
        height:400px !important
    }
}

@media (min-width: 768px) {
    .h-md-400px {
        height:400px !important
    }
}

@media (min-width: 992px) {
    .h-lg-400px {
        height:400px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-400px {
        height:400px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-400px {
        height:400px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-400px {
        height:400px !important
    }
}

.h-450px {
    height:450px !important
}

.h-xs-450px {
    height:450px !important
}

@media (min-width: 576px) {
    .h-sm-450px {
        height:450px !important
    }
}

@media (min-width: 768px) {
    .h-md-450px {
        height:450px !important
    }
}

@media (min-width: 992px) {
    .h-lg-450px {
        height:450px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-450px {
        height:450px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-450px {
        height:450px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-450px {
        height:450px !important
    }
}

.h-500px {
    height:500px !important
}

.h-xs-500px {
    height:500px !important
}

@media (min-width: 576px) {
    .h-sm-500px {
        height:500px !important
    }
}

@media (min-width: 768px) {
    .h-md-500px {
        height:500px !important
    }
}

@media (min-width: 992px) {
    .h-lg-500px {
        height:500px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-500px {
        height:500px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-500px {
        height:500px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-500px {
        height:500px !important
    }
}

.h-550px {
    height:550px !important
}

.h-xs-550px {
    height:550px !important
}

@media (min-width: 576px) {
    .h-sm-550px {
        height:550px !important
    }
}

@media (min-width: 768px) {
    .h-md-550px {
        height:550px !important
    }
}

@media (min-width: 992px) {
    .h-lg-550px {
        height:550px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-550px {
        height:550px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-550px {
        height:550px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-550px {
        height:550px !important
    }
}

.h-600px {
    height:600px !important
}

.h-xs-600px {
    height:600px !important
}

@media (min-width: 576px) {
    .h-sm-600px {
        height:600px !important
    }
}

@media (min-width: 768px) {
    .h-md-600px {
        height:600px !important
    }
}

@media (min-width: 992px) {
    .h-lg-600px {
        height:600px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-600px {
        height:600px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-600px {
        height:600px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-600px {
        height:600px !important
    }
}

.h-5px {
    height:5px !important
}

.h-xs-5px {
    height:5px !important
}

@media (min-width: 576px) {
    .h-sm-5px {
        height:5px !important
    }
}

@media (min-width: 768px) {
    .h-md-5px {
        height:5px !important
    }
}

@media (min-width: 992px) {
    .h-lg-5px {
        height:5px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-5px {
        height:5px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-5px {
        height:5px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-5px {
        height:5px !important
    }
}

.h-10px {
    height:10px !important
}

.h-xs-10px {
    height:10px !important
}

@media (min-width: 576px) {
    .h-sm-10px {
        height:10px !important
    }
}

@media (min-width: 768px) {
    .h-md-10px {
        height:10px !important
    }
}

@media (min-width: 992px) {
    .h-lg-10px {
        height:10px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-10px {
        height:10px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-10px {
        height:10px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-10px {
        height:10px !important
    }
}

.h-15px {
    height:15px !important
}

.h-xs-15px {
    height:15px !important
}

@media (min-width: 576px) {
    .h-sm-15px {
        height:15px !important
    }
}

@media (min-width: 768px) {
    .h-md-15px {
        height:15px !important
    }
}

@media (min-width: 992px) {
    .h-lg-15px {
        height:15px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-15px {
        height:15px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-15px {
        height:15px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-15px {
        height:15px !important
    }
}

.h-20px {
    height:20px !important
}

.h-xs-20px {
    height:20px !important
}

@media (min-width: 576px) {
    .h-sm-20px {
        height:20px !important
    }
}

@media (min-width: 768px) {
    .h-md-20px {
        height:20px !important
    }
}

@media (min-width: 992px) {
    .h-lg-20px {
        height:20px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-20px {
        height:20px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-20px {
        height:20px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-20px {
        height:20px !important
    }
}

.h-25px {
    height:25px !important
}

.h-xs-25px {
    height:25px !important
}

@media (min-width: 576px) {
    .h-sm-25px {
        height:25px !important
    }
}

@media (min-width: 768px) {
    .h-md-25px {
        height:25px !important
    }
}

@media (min-width: 992px) {
    .h-lg-25px {
        height:25px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-25px {
        height:25px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-25px {
        height:25px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-25px {
        height:25px !important
    }
}

.h-30px {
    height:30px !important
}

.h-xs-30px {
    height:30px !important
}

@media (min-width: 576px) {
    .h-sm-30px {
        height:30px !important
    }
}

@media (min-width: 768px) {
    .h-md-30px {
        height:30px !important
    }
}

@media (min-width: 992px) {
    .h-lg-30px {
        height:30px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-30px {
        height:30px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-30px {
        height:30px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-30px {
        height:30px !important
    }
}

.h-35px {
    height:35px !important
}

.h-xs-35px {
    height:35px !important
}

@media (min-width: 576px) {
    .h-sm-35px {
        height:35px !important
    }
}

@media (min-width: 768px) {
    .h-md-35px {
        height:35px !important
    }
}

@media (min-width: 992px) {
    .h-lg-35px {
        height:35px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-35px {
        height:35px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-35px {
        height:35px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-35px {
        height:35px !important
    }
}

.h-40px {
    height:40px !important
}

.h-xs-40px {
    height:40px !important
}

@media (min-width: 576px) {
    .h-sm-40px {
        height:40px !important
    }
}

@media (min-width: 768px) {
    .h-md-40px {
        height:40px !important
    }
}

@media (min-width: 992px) {
    .h-lg-40px {
        height:40px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-40px {
        height:40px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-40px {
        height:40px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-40px {
        height:40px !important
    }
}

.h-45px {
    height:45px !important
}

.h-xs-45px {
    height:45px !important
}

@media (min-width: 576px) {
    .h-sm-45px {
        height:45px !important
    }
}

@media (min-width: 768px) {
    .h-md-45px {
        height:45px !important
    }
}

@media (min-width: 992px) {
    .h-lg-45px {
        height:45px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-45px {
        height:45px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-45px {
        height:45px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-45px {
        height:45px !important
    }
}

.h-50px {
    height:50px !important
}

.h-xs-50px {
    height:50px !important
}

@media (min-width: 576px) {
    .h-sm-50px {
        height:50px !important
    }
}

@media (min-width: 768px) {
    .h-md-50px {
        height:50px !important
    }
}

@media (min-width: 992px) {
    .h-lg-50px {
        height:50px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-50px {
        height:50px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-50px {
        height:50px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-50px {
        height:50px !important
    }
}

.h-55px {
    height:55px !important
}

.h-xs-55px {
    height:55px !important
}

@media (min-width: 576px) {
    .h-sm-55px {
        height:55px !important
    }
}

@media (min-width: 768px) {
    .h-md-55px {
        height:55px !important
    }
}

@media (min-width: 992px) {
    .h-lg-55px {
        height:55px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-55px {
        height:55px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-55px {
        height:55px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-55px {
        height:55px !important
    }
}

.h-60px {
    height:60px !important
}

.h-xs-60px {
    height:60px !important
}

@media (min-width: 576px) {
    .h-sm-60px {
        height:60px !important
    }
}

@media (min-width: 768px) {
    .h-md-60px {
        height:60px !important
    }
}

@media (min-width: 992px) {
    .h-lg-60px {
        height:60px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-60px {
        height:60px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-60px {
        height:60px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-60px {
        height:60px !important
    }
}

.h-65px {
    height:65px !important
}

.h-xs-65px {
    height:65px !important
}

@media (min-width: 576px) {
    .h-sm-65px {
        height:65px !important
    }
}

@media (min-width: 768px) {
    .h-md-65px {
        height:65px !important
    }
}

@media (min-width: 992px) {
    .h-lg-65px {
        height:65px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-65px {
        height:65px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-65px {
        height:65px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-65px {
        height:65px !important
    }
}

.h-70px {
    height:70px !important
}

.h-xs-70px {
    height:70px !important
}

@media (min-width: 576px) {
    .h-sm-70px {
        height:70px !important
    }
}

@media (min-width: 768px) {
    .h-md-70px {
        height:70px !important
    }
}

@media (min-width: 992px) {
    .h-lg-70px {
        height:70px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-70px {
        height:70px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-70px {
        height:70px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-70px {
        height:70px !important
    }
}

.h-75px {
    height:75px !important
}

.h-xs-75px {
    height:75px !important
}

@media (min-width: 576px) {
    .h-sm-75px {
        height:75px !important
    }
}

@media (min-width: 768px) {
    .h-md-75px {
        height:75px !important
    }
}

@media (min-width: 992px) {
    .h-lg-75px {
        height:75px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-75px {
        height:75px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-75px {
        height:75px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-75px {
        height:75px !important
    }
}

.h-80px {
    height:80px !important
}

.h-xs-80px {
    height:80px !important
}

@media (min-width: 576px) {
    .h-sm-80px {
        height:80px !important
    }
}

@media (min-width: 768px) {
    .h-md-80px {
        height:80px !important
    }
}

@media (min-width: 992px) {
    .h-lg-80px {
        height:80px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-80px {
        height:80px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-80px {
        height:80px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-80px {
        height:80px !important
    }
}

.h-85px {
    height:85px !important
}

.h-xs-85px {
    height:85px !important
}

@media (min-width: 576px) {
    .h-sm-85px {
        height:85px !important
    }
}

@media (min-width: 768px) {
    .h-md-85px {
        height:85px !important
    }
}

@media (min-width: 992px) {
    .h-lg-85px {
        height:85px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-85px {
        height:85px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-85px {
        height:85px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-85px {
        height:85px !important
    }
}

.h-90px {
    height:90px !important
}

.h-xs-90px {
    height:90px !important
}

@media (min-width: 576px) {
    .h-sm-90px {
        height:90px !important
    }
}

@media (min-width: 768px) {
    .h-md-90px {
        height:90px !important
    }
}

@media (min-width: 992px) {
    .h-lg-90px {
        height:90px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-90px {
        height:90px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-90px {
        height:90px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-90px {
        height:90px !important
    }
}

.h-95px {
    height:95px !important
}

.h-xs-95px {
    height:95px !important
}

@media (min-width: 576px) {
    .h-sm-95px {
        height:95px !important
    }
}

@media (min-width: 768px) {
    .h-md-95px {
        height:95px !important
    }
}

@media (min-width: 992px) {
    .h-lg-95px {
        height:95px !important
    }
}

@media (min-width: 1200px) {
    .h-xl-95px {
        height:95px !important
    }
}

@media (min-width: 1400px) {
    .h-xxl-95px {
        height:95px !important
    }
}

@media (min-width: 1800px) {
    .h-xxxl-95px {
        height:95px !important
    }
}

.mh-100vh {
    max-height:100vh !important
}

.bg-none {
    background:0 0 !important
}

.bg-theme {
    --bs-bg-opacity: 1;
    background-color:rgba(var(--app-theme-rgb), var(--bs-bg-opacity))
}

.theme-default {
    --app-theme: rgba(255, 255, 255, 0.25) !important;
    --app-theme-rgb:255, 255, 255 !important
}

.bg-default-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-default-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-default-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-default-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-default-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-default-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-default-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-default-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-default-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-default-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-default-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(143, 143, 143, var(--bs-bg-opacity)) !important
}

.text-default-600 {
    --bs-text-opacity: 1;
    color:rgba(143, 143, 143, var(--bs-text-opacity)) !important
}

.bg-default-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(93, 93, 93, var(--bs-bg-opacity)) !important
}

.text-default-700 {
    --bs-text-opacity: 1;
    color:rgba(93, 93, 93, var(--bs-text-opacity)) !important
}

.bg-default-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(64, 64, 64, var(--bs-bg-opacity)) !important
}

.text-default-800 {
    --bs-text-opacity: 1;
    color:rgba(64, 64, 64, var(--bs-text-opacity)) !important
}

.bg-default-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(45, 45, 45, var(--bs-bg-opacity)) !important
}

.text-default-900 {
    --bs-text-opacity: 1;
    color:rgba(45, 45, 45, var(--bs-text-opacity)) !important
}

.theme-primary {
    --app-theme: #1c75ee !important;
    --app-theme-rgb:28, 117, 238 !important
}

.bg-primary-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(119, 172, 245, var(--bs-bg-opacity)) !important
}

.text-primary-100 {
    --bs-text-opacity: 1;
    color:rgba(119, 172, 245, var(--bs-text-opacity)) !important
}

.bg-primary-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(96, 158, 243, var(--bs-bg-opacity)) !important
}

.text-primary-200 {
    --bs-text-opacity: 1;
    color:rgba(96, 158, 243, var(--bs-text-opacity)) !important
}

.bg-primary-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(73, 145, 241, var(--bs-bg-opacity)) !important
}

.text-primary-300 {
    --bs-text-opacity: 1;
    color:rgba(73, 145, 241, var(--bs-text-opacity)) !important
}

.bg-primary-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(51, 131, 240, var(--bs-bg-opacity)) !important
}

.text-primary-400 {
    --bs-text-opacity: 1;
    color:rgba(51, 131, 240, var(--bs-text-opacity)) !important
}

.bg-primary-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(28, 117, 238, var(--bs-bg-opacity)) !important
}

.text-primary-500 {
    --bs-text-opacity: 1;
    color:rgba(28, 117, 238, var(--bs-text-opacity)) !important
}

.bg-primary-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(25, 105, 214, var(--bs-bg-opacity)) !important
}

.text-primary-600 {
    --bs-text-opacity: 1;
    color:rgba(25, 105, 214, var(--bs-text-opacity)) !important
}

.bg-primary-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(22, 94, 190, var(--bs-bg-opacity)) !important
}

.text-primary-700 {
    --bs-text-opacity: 1;
    color:rgba(22, 94, 190, var(--bs-text-opacity)) !important
}

.bg-primary-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(20, 82, 167, var(--bs-bg-opacity)) !important
}

.text-primary-800 {
    --bs-text-opacity: 1;
    color:rgba(20, 82, 167, var(--bs-text-opacity)) !important
}

.bg-primary-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(17, 70, 143, var(--bs-bg-opacity)) !important
}

.text-primary-900 {
    --bs-text-opacity: 1;
    color:rgba(17, 70, 143, var(--bs-text-opacity)) !important
}

.theme-secondary {
    --app-theme: rgba(255, 255, 255, 0.25) !important;
    --app-theme-rgb:255, 255, 255 !important
}

.bg-secondary-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-secondary-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-secondary-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-secondary-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-secondary-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-secondary-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-secondary-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-secondary-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-secondary-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-secondary-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-secondary-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(143, 143, 143, var(--bs-bg-opacity)) !important
}

.text-secondary-600 {
    --bs-text-opacity: 1;
    color:rgba(143, 143, 143, var(--bs-text-opacity)) !important
}

.bg-secondary-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(93, 93, 93, var(--bs-bg-opacity)) !important
}

.text-secondary-700 {
    --bs-text-opacity: 1;
    color:rgba(93, 93, 93, var(--bs-text-opacity)) !important
}

.bg-secondary-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(64, 64, 64, var(--bs-bg-opacity)) !important
}

.text-secondary-800 {
    --bs-text-opacity: 1;
    color:rgba(64, 64, 64, var(--bs-text-opacity)) !important
}

.bg-secondary-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(45, 45, 45, var(--bs-bg-opacity)) !important
}

.text-secondary-900 {
    --bs-text-opacity: 1;
    color:rgba(45, 45, 45, var(--bs-text-opacity)) !important
}

.theme-success {
    --app-theme: #04c142 !important;
    --app-theme-rgb:4, 193, 66 !important
}

.bg-success-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(104, 218, 142, var(--bs-bg-opacity)) !important
}

.text-success-100 {
    --bs-text-opacity: 1;
    color:rgba(104, 218, 142, var(--bs-text-opacity)) !important
}

.bg-success-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(79, 212, 123, var(--bs-bg-opacity)) !important
}

.text-success-200 {
    --bs-text-opacity: 1;
    color:rgba(79, 212, 123, var(--bs-text-opacity)) !important
}

.bg-success-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(54, 205, 104, var(--bs-bg-opacity)) !important
}

.text-success-300 {
    --bs-text-opacity: 1;
    color:rgba(54, 205, 104, var(--bs-text-opacity)) !important
}

.bg-success-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(29, 199, 85, var(--bs-bg-opacity)) !important
}

.text-success-400 {
    --bs-text-opacity: 1;
    color:rgba(29, 199, 85, var(--bs-text-opacity)) !important
}

.bg-success-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(4, 193, 66, var(--bs-bg-opacity)) !important
}

.text-success-500 {
    --bs-text-opacity: 1;
    color:rgba(4, 193, 66, var(--bs-text-opacity)) !important
}

.bg-success-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(4, 174, 59, var(--bs-bg-opacity)) !important
}

.text-success-600 {
    --bs-text-opacity: 1;
    color:rgba(4, 174, 59, var(--bs-text-opacity)) !important
}

.bg-success-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(3, 154, 53, var(--bs-bg-opacity)) !important
}

.text-success-700 {
    --bs-text-opacity: 1;
    color:rgba(3, 154, 53, var(--bs-text-opacity)) !important
}

.bg-success-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(3, 135, 46, var(--bs-bg-opacity)) !important
}

.text-success-800 {
    --bs-text-opacity: 1;
    color:rgba(3, 135, 46, var(--bs-text-opacity)) !important
}

.bg-success-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(2, 116, 40, var(--bs-bg-opacity)) !important
}

.text-success-900 {
    --bs-text-opacity: 1;
    color:rgba(2, 116, 40, var(--bs-text-opacity)) !important
}

.theme-info {
    --app-theme: #00cbff !important;
    --app-theme-rgb:0, 203, 255 !important
}

.bg-info-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(102, 224, 255, var(--bs-bg-opacity)) !important
}

.text-info-100 {
    --bs-text-opacity: 1;
    color:rgba(102, 224, 255, var(--bs-text-opacity)) !important
}

.bg-info-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(77, 219, 255, var(--bs-bg-opacity)) !important
}

.text-info-200 {
    --bs-text-opacity: 1;
    color:rgba(77, 219, 255, var(--bs-text-opacity)) !important
}

.bg-info-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(51, 213, 255, var(--bs-bg-opacity)) !important
}

.text-info-300 {
    --bs-text-opacity: 1;
    color:rgba(51, 213, 255, var(--bs-text-opacity)) !important
}

.bg-info-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(26, 208, 255, var(--bs-bg-opacity)) !important
}

.text-info-400 {
    --bs-text-opacity: 1;
    color:rgba(26, 208, 255, var(--bs-text-opacity)) !important
}

.bg-info-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 203, 255, var(--bs-bg-opacity)) !important
}

.text-info-500 {
    --bs-text-opacity: 1;
    color:rgba(0, 203, 255, var(--bs-text-opacity)) !important
}

.bg-info-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 183, 230, var(--bs-bg-opacity)) !important
}

.text-info-600 {
    --bs-text-opacity: 1;
    color:rgba(0, 183, 230, var(--bs-text-opacity)) !important
}

.bg-info-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 162, 204, var(--bs-bg-opacity)) !important
}

.text-info-700 {
    --bs-text-opacity: 1;
    color:rgba(0, 162, 204, var(--bs-text-opacity)) !important
}

.bg-info-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 142, 179, var(--bs-bg-opacity)) !important
}

.text-info-800 {
    --bs-text-opacity: 1;
    color:rgba(0, 142, 179, var(--bs-text-opacity)) !important
}

.bg-info-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 122, 153, var(--bs-bg-opacity)) !important
}

.text-info-900 {
    --bs-text-opacity: 1;
    color:rgba(0, 122, 153, var(--bs-text-opacity)) !important
}

.theme-warning {
    --app-theme: #ff7b01 !important;
    --app-theme-rgb:255, 123, 1 !important
}

.bg-warning-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 176, 103, var(--bs-bg-opacity)) !important
}

.text-warning-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 176, 103, var(--bs-text-opacity)) !important
}

.bg-warning-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 163, 77, var(--bs-bg-opacity)) !important
}

.text-warning-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 163, 77, var(--bs-text-opacity)) !important
}

.bg-warning-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 149, 52, var(--bs-bg-opacity)) !important
}

.text-warning-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 149, 52, var(--bs-text-opacity)) !important
}

.bg-warning-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 136, 26, var(--bs-bg-opacity)) !important
}

.text-warning-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 136, 26, var(--bs-text-opacity)) !important
}

.bg-warning-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 123, 1, var(--bs-bg-opacity)) !important
}

.text-warning-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 123, 1, var(--bs-text-opacity)) !important
}

.bg-warning-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(230, 111, 1, var(--bs-bg-opacity)) !important
}

.text-warning-600 {
    --bs-text-opacity: 1;
    color:rgba(230, 111, 1, var(--bs-text-opacity)) !important
}

.bg-warning-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(204, 98, 1, var(--bs-bg-opacity)) !important
}

.text-warning-700 {
    --bs-text-opacity: 1;
    color:rgba(204, 98, 1, var(--bs-text-opacity)) !important
}

.bg-warning-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(179, 86, 1, var(--bs-bg-opacity)) !important
}

.text-warning-800 {
    --bs-text-opacity: 1;
    color:rgba(179, 86, 1, var(--bs-text-opacity)) !important
}

.bg-warning-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(153, 74, 1, var(--bs-bg-opacity)) !important
}

.text-warning-900 {
    --bs-text-opacity: 1;
    color:rgba(153, 74, 1, var(--bs-text-opacity)) !important
}

.theme-danger {
    --app-theme: #ff3502 !important;
    --app-theme-rgb:255, 53, 2 !important
}

.bg-danger-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 134, 103, var(--bs-bg-opacity)) !important
}

.text-danger-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 134, 103, var(--bs-text-opacity)) !important
}

.bg-danger-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 114, 78, var(--bs-bg-opacity)) !important
}

.text-danger-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 114, 78, var(--bs-text-opacity)) !important
}

.bg-danger-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 93, 53, var(--bs-bg-opacity)) !important
}

.text-danger-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 93, 53, var(--bs-text-opacity)) !important
}

.bg-danger-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 73, 27, var(--bs-bg-opacity)) !important
}

.text-danger-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 73, 27, var(--bs-text-opacity)) !important
}

.bg-danger-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 53, 2, var(--bs-bg-opacity)) !important
}

.text-danger-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 53, 2, var(--bs-text-opacity)) !important
}

.bg-danger-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(230, 48, 2, var(--bs-bg-opacity)) !important
}

.text-danger-600 {
    --bs-text-opacity: 1;
    color:rgba(230, 48, 2, var(--bs-text-opacity)) !important
}

.bg-danger-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(204, 42, 2, var(--bs-bg-opacity)) !important
}

.text-danger-700 {
    --bs-text-opacity: 1;
    color:rgba(204, 42, 2, var(--bs-text-opacity)) !important
}

.bg-danger-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(179, 37, 1, var(--bs-bg-opacity)) !important
}

.text-danger-800 {
    --bs-text-opacity: 1;
    color:rgba(179, 37, 1, var(--bs-text-opacity)) !important
}

.bg-danger-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(153, 32, 1, var(--bs-bg-opacity)) !important
}

.text-danger-900 {
    --bs-text-opacity: 1;
    color:rgba(153, 32, 1, var(--bs-text-opacity)) !important
}

.theme-light {
    --app-theme: rgba(255, 255, 255, 0.1) !important;
    --app-theme-rgb:255, 255, 255 !important
}

.bg-light-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-light-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-light-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-light-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-light-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-light-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-light-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-light-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-light-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-light-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-light-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(82, 82, 82, var(--bs-bg-opacity)) !important
}

.text-light-600 {
    --bs-text-opacity: 1;
    color:rgba(82, 82, 82, var(--bs-text-opacity)) !important
}

.bg-light-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(44, 44, 44, var(--bs-bg-opacity)) !important
}

.text-light-700 {
    --bs-text-opacity: 1;
    color:rgba(44, 44, 44, var(--bs-text-opacity)) !important
}

.bg-light-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(28, 28, 28, var(--bs-bg-opacity)) !important
}

.text-light-800 {
    --bs-text-opacity: 1;
    color:rgba(28, 28, 28, var(--bs-text-opacity)) !important
}

.bg-light-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(19, 19, 19, var(--bs-bg-opacity)) !important
}

.text-light-900 {
    --bs-text-opacity: 1;
    color:rgba(19, 19, 19, var(--bs-text-opacity)) !important
}

.theme-dark {
    --app-theme: #000000 !important;
    --app-theme-rgb:0, 0, 0 !important
}

.bg-dark-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(102, 102, 102, var(--bs-bg-opacity)) !important
}

.text-dark-100 {
    --bs-text-opacity: 1;
    color:rgba(102, 102, 102, var(--bs-text-opacity)) !important
}

.bg-dark-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(77, 77, 77, var(--bs-bg-opacity)) !important
}

.text-dark-200 {
    --bs-text-opacity: 1;
    color:rgba(77, 77, 77, var(--bs-text-opacity)) !important
}

.bg-dark-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(51, 51, 51, var(--bs-bg-opacity)) !important
}

.text-dark-300 {
    --bs-text-opacity: 1;
    color:rgba(51, 51, 51, var(--bs-text-opacity)) !important
}

.bg-dark-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(26, 26, 26, var(--bs-bg-opacity)) !important
}

.text-dark-400 {
    --bs-text-opacity: 1;
    color:rgba(26, 26, 26, var(--bs-text-opacity)) !important
}

.bg-dark-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-dark-500 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-dark-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-dark-600 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-dark-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-dark-700 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-dark-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-dark-800 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-dark-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-dark-900 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.theme-inverse {
    --app-theme: #000000 !important;
    --app-theme-rgb:0, 0, 0 !important
}

.bg-inverse-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(102, 102, 102, var(--bs-bg-opacity)) !important
}

.text-inverse-100 {
    --bs-text-opacity: 1;
    color:rgba(102, 102, 102, var(--bs-text-opacity)) !important
}

.bg-inverse-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(77, 77, 77, var(--bs-bg-opacity)) !important
}

.text-inverse-200 {
    --bs-text-opacity: 1;
    color:rgba(77, 77, 77, var(--bs-text-opacity)) !important
}

.bg-inverse-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(51, 51, 51, var(--bs-bg-opacity)) !important
}

.text-inverse-300 {
    --bs-text-opacity: 1;
    color:rgba(51, 51, 51, var(--bs-text-opacity)) !important
}

.bg-inverse-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(26, 26, 26, var(--bs-bg-opacity)) !important
}

.text-inverse-400 {
    --bs-text-opacity: 1;
    color:rgba(26, 26, 26, var(--bs-text-opacity)) !important
}

.bg-inverse-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-inverse-500 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-inverse-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-inverse-600 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-inverse-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-inverse-700 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-inverse-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-inverse-800 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-inverse-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-inverse-900 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.theme-blue {
    --app-theme: #1c75ee !important;
    --app-theme-rgb:28, 117, 238 !important
}

.bg-blue-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(119, 172, 245, var(--bs-bg-opacity)) !important
}

.text-blue-100 {
    --bs-text-opacity: 1;
    color:rgba(119, 172, 245, var(--bs-text-opacity)) !important
}

.bg-blue-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(96, 158, 243, var(--bs-bg-opacity)) !important
}

.text-blue-200 {
    --bs-text-opacity: 1;
    color:rgba(96, 158, 243, var(--bs-text-opacity)) !important
}

.bg-blue-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(73, 145, 241, var(--bs-bg-opacity)) !important
}

.text-blue-300 {
    --bs-text-opacity: 1;
    color:rgba(73, 145, 241, var(--bs-text-opacity)) !important
}

.bg-blue-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(51, 131, 240, var(--bs-bg-opacity)) !important
}

.text-blue-400 {
    --bs-text-opacity: 1;
    color:rgba(51, 131, 240, var(--bs-text-opacity)) !important
}

.bg-blue-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(28, 117, 238, var(--bs-bg-opacity)) !important
}

.text-blue-500 {
    --bs-text-opacity: 1;
    color:rgba(28, 117, 238, var(--bs-text-opacity)) !important
}

.bg-blue-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(25, 105, 214, var(--bs-bg-opacity)) !important
}

.text-blue-600 {
    --bs-text-opacity: 1;
    color:rgba(25, 105, 214, var(--bs-text-opacity)) !important
}

.bg-blue-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(22, 94, 190, var(--bs-bg-opacity)) !important
}

.text-blue-700 {
    --bs-text-opacity: 1;
    color:rgba(22, 94, 190, var(--bs-text-opacity)) !important
}

.bg-blue-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(20, 82, 167, var(--bs-bg-opacity)) !important
}

.text-blue-800 {
    --bs-text-opacity: 1;
    color:rgba(20, 82, 167, var(--bs-text-opacity)) !important
}

.bg-blue-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(17, 70, 143, var(--bs-bg-opacity)) !important
}

.text-blue-900 {
    --bs-text-opacity: 1;
    color:rgba(17, 70, 143, var(--bs-text-opacity)) !important
}

.theme-red {
    --app-theme: #ff3502 !important;
    --app-theme-rgb:255, 53, 2 !important
}

.bg-red-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 134, 103, var(--bs-bg-opacity)) !important
}

.text-red-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 134, 103, var(--bs-text-opacity)) !important
}

.bg-red-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 114, 78, var(--bs-bg-opacity)) !important
}

.text-red-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 114, 78, var(--bs-text-opacity)) !important
}

.bg-red-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 93, 53, var(--bs-bg-opacity)) !important
}

.text-red-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 93, 53, var(--bs-text-opacity)) !important
}

.bg-red-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 73, 27, var(--bs-bg-opacity)) !important
}

.text-red-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 73, 27, var(--bs-text-opacity)) !important
}

.bg-red-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 53, 2, var(--bs-bg-opacity)) !important
}

.text-red-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 53, 2, var(--bs-text-opacity)) !important
}

.bg-red-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(230, 48, 2, var(--bs-bg-opacity)) !important
}

.text-red-600 {
    --bs-text-opacity: 1;
    color:rgba(230, 48, 2, var(--bs-text-opacity)) !important
}

.bg-red-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(204, 42, 2, var(--bs-bg-opacity)) !important
}

.text-red-700 {
    --bs-text-opacity: 1;
    color:rgba(204, 42, 2, var(--bs-text-opacity)) !important
}

.bg-red-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(179, 37, 1, var(--bs-bg-opacity)) !important
}

.text-red-800 {
    --bs-text-opacity: 1;
    color:rgba(179, 37, 1, var(--bs-text-opacity)) !important
}

.bg-red-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(153, 32, 1, var(--bs-bg-opacity)) !important
}

.text-red-900 {
    --bs-text-opacity: 1;
    color:rgba(153, 32, 1, var(--bs-text-opacity)) !important
}

.theme-orange {
    --app-theme: #ff7b01 !important;
    --app-theme-rgb:255, 123, 1 !important
}

.bg-orange-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 176, 103, var(--bs-bg-opacity)) !important
}

.text-orange-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 176, 103, var(--bs-text-opacity)) !important
}

.bg-orange-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 163, 77, var(--bs-bg-opacity)) !important
}

.text-orange-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 163, 77, var(--bs-text-opacity)) !important
}

.bg-orange-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 149, 52, var(--bs-bg-opacity)) !important
}

.text-orange-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 149, 52, var(--bs-text-opacity)) !important
}

.bg-orange-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 136, 26, var(--bs-bg-opacity)) !important
}

.text-orange-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 136, 26, var(--bs-text-opacity)) !important
}

.bg-orange-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 123, 1, var(--bs-bg-opacity)) !important
}

.text-orange-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 123, 1, var(--bs-text-opacity)) !important
}

.bg-orange-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(230, 111, 1, var(--bs-bg-opacity)) !important
}

.text-orange-600 {
    --bs-text-opacity: 1;
    color:rgba(230, 111, 1, var(--bs-text-opacity)) !important
}

.bg-orange-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(204, 98, 1, var(--bs-bg-opacity)) !important
}

.text-orange-700 {
    --bs-text-opacity: 1;
    color:rgba(204, 98, 1, var(--bs-text-opacity)) !important
}

.bg-orange-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(179, 86, 1, var(--bs-bg-opacity)) !important
}

.text-orange-800 {
    --bs-text-opacity: 1;
    color:rgba(179, 86, 1, var(--bs-text-opacity)) !important
}

.bg-orange-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(153, 74, 1, var(--bs-bg-opacity)) !important
}

.text-orange-900 {
    --bs-text-opacity: 1;
    color:rgba(153, 74, 1, var(--bs-text-opacity)) !important
}

.theme-yellow {
    --app-theme: #ffd900 !important;
    --app-theme-rgb: 255, 217, 0 !important;
    --app-theme-color: #000000 !important;
    --app-theme-color-rgb:0, 0, 0 !important
}

.bg-yellow-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 232, 102, var(--bs-bg-opacity)) !important
}

.text-yellow-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 232, 102, var(--bs-text-opacity)) !important
}

.bg-yellow-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 228, 77, var(--bs-bg-opacity)) !important
}

.text-yellow-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 228, 77, var(--bs-text-opacity)) !important
}

.bg-yellow-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 225, 51, var(--bs-bg-opacity)) !important
}

.text-yellow-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 225, 51, var(--bs-text-opacity)) !important
}

.bg-yellow-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 221, 26, var(--bs-bg-opacity)) !important
}

.text-yellow-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 221, 26, var(--bs-text-opacity)) !important
}

.bg-yellow-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 217, 0, var(--bs-bg-opacity)) !important
}

.text-yellow-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 217, 0, var(--bs-text-opacity)) !important
}

.bg-yellow-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(230, 195, 0, var(--bs-bg-opacity)) !important
}

.text-yellow-600 {
    --bs-text-opacity: 1;
    color:rgba(230, 195, 0, var(--bs-text-opacity)) !important
}

.bg-yellow-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(204, 174, 0, var(--bs-bg-opacity)) !important
}

.text-yellow-700 {
    --bs-text-opacity: 1;
    color:rgba(204, 174, 0, var(--bs-text-opacity)) !important
}

.bg-yellow-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(179, 152, 0, var(--bs-bg-opacity)) !important
}

.text-yellow-800 {
    --bs-text-opacity: 1;
    color:rgba(179, 152, 0, var(--bs-text-opacity)) !important
}

.bg-yellow-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(153, 130, 0, var(--bs-bg-opacity)) !important
}

.text-yellow-900 {
    --bs-text-opacity: 1;
    color:rgba(153, 130, 0, var(--bs-text-opacity)) !important
}

.theme-green {
    --app-theme: #04c142 !important;
    --app-theme-rgb:4, 193, 66 !important
}

.bg-green-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(104, 218, 142, var(--bs-bg-opacity)) !important
}

.text-green-100 {
    --bs-text-opacity: 1;
    color:rgba(104, 218, 142, var(--bs-text-opacity)) !important
}

.bg-green-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(79, 212, 123, var(--bs-bg-opacity)) !important
}

.text-green-200 {
    --bs-text-opacity: 1;
    color:rgba(79, 212, 123, var(--bs-text-opacity)) !important
}

.bg-green-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(54, 205, 104, var(--bs-bg-opacity)) !important
}

.text-green-300 {
    --bs-text-opacity: 1;
    color:rgba(54, 205, 104, var(--bs-text-opacity)) !important
}

.bg-green-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(29, 199, 85, var(--bs-bg-opacity)) !important
}

.text-green-400 {
    --bs-text-opacity: 1;
    color:rgba(29, 199, 85, var(--bs-text-opacity)) !important
}

.bg-green-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(4, 193, 66, var(--bs-bg-opacity)) !important
}

.text-green-500 {
    --bs-text-opacity: 1;
    color:rgba(4, 193, 66, var(--bs-text-opacity)) !important
}

.bg-green-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(4, 174, 59, var(--bs-bg-opacity)) !important
}

.text-green-600 {
    --bs-text-opacity: 1;
    color:rgba(4, 174, 59, var(--bs-text-opacity)) !important
}

.bg-green-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(3, 154, 53, var(--bs-bg-opacity)) !important
}

.text-green-700 {
    --bs-text-opacity: 1;
    color:rgba(3, 154, 53, var(--bs-text-opacity)) !important
}

.bg-green-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(3, 135, 46, var(--bs-bg-opacity)) !important
}

.text-green-800 {
    --bs-text-opacity: 1;
    color:rgba(3, 135, 46, var(--bs-text-opacity)) !important
}

.bg-green-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(2, 116, 40, var(--bs-bg-opacity)) !important
}

.text-green-900 {
    --bs-text-opacity: 1;
    color:rgba(2, 116, 40, var(--bs-text-opacity)) !important
}

.theme-teal {
    --app-theme: #01caca !important;
    --app-theme-rgb:1, 202, 202 !important
}

.bg-teal-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(103, 223, 223, var(--bs-bg-opacity)) !important
}

.text-teal-100 {
    --bs-text-opacity: 1;
    color:rgba(103, 223, 223, var(--bs-text-opacity)) !important
}

.bg-teal-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(77, 218, 218, var(--bs-bg-opacity)) !important
}

.text-teal-200 {
    --bs-text-opacity: 1;
    color:rgba(77, 218, 218, var(--bs-text-opacity)) !important
}

.bg-teal-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(52, 213, 213, var(--bs-bg-opacity)) !important
}

.text-teal-300 {
    --bs-text-opacity: 1;
    color:rgba(52, 213, 213, var(--bs-text-opacity)) !important
}

.bg-teal-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(26, 207, 207, var(--bs-bg-opacity)) !important
}

.text-teal-400 {
    --bs-text-opacity: 1;
    color:rgba(26, 207, 207, var(--bs-text-opacity)) !important
}

.bg-teal-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(1, 202, 202, var(--bs-bg-opacity)) !important
}

.text-teal-500 {
    --bs-text-opacity: 1;
    color:rgba(1, 202, 202, var(--bs-text-opacity)) !important
}

.bg-teal-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(1, 182, 182, var(--bs-bg-opacity)) !important
}

.text-teal-600 {
    --bs-text-opacity: 1;
    color:rgba(1, 182, 182, var(--bs-text-opacity)) !important
}

.bg-teal-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(1, 162, 162, var(--bs-bg-opacity)) !important
}

.text-teal-700 {
    --bs-text-opacity: 1;
    color:rgba(1, 162, 162, var(--bs-text-opacity)) !important
}

.bg-teal-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(1, 141, 141, var(--bs-bg-opacity)) !important
}

.text-teal-800 {
    --bs-text-opacity: 1;
    color:rgba(1, 141, 141, var(--bs-text-opacity)) !important
}

.bg-teal-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(1, 121, 121, var(--bs-bg-opacity)) !important
}

.text-teal-900 {
    --bs-text-opacity: 1;
    color:rgba(1, 121, 121, var(--bs-text-opacity)) !important
}

.theme-lime {
    --app-theme: #c2e900 !important;
    --app-theme-rgb:194, 233, 0 !important
}

.bg-lime-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(218, 242, 102, var(--bs-bg-opacity)) !important
}

.text-lime-100 {
    --bs-text-opacity: 1;
    color:rgba(218, 242, 102, var(--bs-text-opacity)) !important
}

.bg-lime-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(212, 240, 77, var(--bs-bg-opacity)) !important
}

.text-lime-200 {
    --bs-text-opacity: 1;
    color:rgba(212, 240, 77, var(--bs-text-opacity)) !important
}

.bg-lime-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(206, 237, 51, var(--bs-bg-opacity)) !important
}

.text-lime-300 {
    --bs-text-opacity: 1;
    color:rgba(206, 237, 51, var(--bs-text-opacity)) !important
}

.bg-lime-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(200, 235, 26, var(--bs-bg-opacity)) !important
}

.text-lime-400 {
    --bs-text-opacity: 1;
    color:rgba(200, 235, 26, var(--bs-text-opacity)) !important
}

.bg-lime-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(194, 233, 0, var(--bs-bg-opacity)) !important
}

.text-lime-500 {
    --bs-text-opacity: 1;
    color:rgba(194, 233, 0, var(--bs-text-opacity)) !important
}

.bg-lime-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(175, 210, 0, var(--bs-bg-opacity)) !important
}

.text-lime-600 {
    --bs-text-opacity: 1;
    color:rgba(175, 210, 0, var(--bs-text-opacity)) !important
}

.bg-lime-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(155, 186, 0, var(--bs-bg-opacity)) !important
}

.text-lime-700 {
    --bs-text-opacity: 1;
    color:rgba(155, 186, 0, var(--bs-text-opacity)) !important
}

.bg-lime-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(136, 163, 0, var(--bs-bg-opacity)) !important
}

.text-lime-800 {
    --bs-text-opacity: 1;
    color:rgba(136, 163, 0, var(--bs-text-opacity)) !important
}

.bg-lime-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(116, 140, 0, var(--bs-bg-opacity)) !important
}

.text-lime-900 {
    --bs-text-opacity: 1;
    color:rgba(116, 140, 0, var(--bs-text-opacity)) !important
}

.theme-white {
    --app-theme: #FFFFFF !important;
    --app-theme-rgb:255, 255, 255 !important
}

.bg-white-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-white-100 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-white-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-white-200 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-white-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-white-300 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-white-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-white-400 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-white-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(255, 255, 255, var(--bs-bg-opacity)) !important
}

.text-white-500 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, var(--bs-text-opacity)) !important
}

.bg-white-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(230, 230, 230, var(--bs-bg-opacity)) !important
}

.text-white-600 {
    --bs-text-opacity: 1;
    color:rgba(230, 230, 230, var(--bs-text-opacity)) !important
}

.bg-white-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(204, 204, 204, var(--bs-bg-opacity)) !important
}

.text-white-700 {
    --bs-text-opacity: 1;
    color:rgba(204, 204, 204, var(--bs-text-opacity)) !important
}

.bg-white-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(179, 179, 179, var(--bs-bg-opacity)) !important
}

.text-white-800 {
    --bs-text-opacity: 1;
    color:rgba(179, 179, 179, var(--bs-text-opacity)) !important
}

.bg-white-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(153, 153, 153, var(--bs-bg-opacity)) !important
}

.text-white-900 {
    --bs-text-opacity: 1;
    color:rgba(153, 153, 153, var(--bs-text-opacity)) !important
}

.bg-gray-dark-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(118, 118, 118, var(--bs-bg-opacity)) !important
}

.text-gray-dark-100 {
    --bs-text-opacity: 1;
    color:rgba(118, 118, 118, var(--bs-text-opacity)) !important
}

.bg-gray-dark-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(95, 95, 95, var(--bs-bg-opacity)) !important
}

.text-gray-dark-200 {
    --bs-text-opacity: 1;
    color:rgba(95, 95, 95, var(--bs-text-opacity)) !important
}

.bg-gray-dark-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(72, 72, 72, var(--bs-bg-opacity)) !important
}

.text-gray-dark-300 {
    --bs-text-opacity: 1;
    color:rgba(72, 72, 72, var(--bs-text-opacity)) !important
}

.bg-gray-dark-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(49, 49, 49, var(--bs-bg-opacity)) !important
}

.text-gray-dark-400 {
    --bs-text-opacity: 1;
    color:rgba(49, 49, 49, var(--bs-text-opacity)) !important
}

.bg-gray-dark-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(26, 26, 26, var(--bs-bg-opacity)) !important
}

.text-gray-dark-500 {
    --bs-text-opacity: 1;
    color:rgba(26, 26, 26, var(--bs-text-opacity)) !important
}

.bg-gray-dark-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(23, 23, 23, var(--bs-bg-opacity)) !important
}

.text-gray-dark-600 {
    --bs-text-opacity: 1;
    color:rgba(23, 23, 23, var(--bs-text-opacity)) !important
}

.bg-gray-dark-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(21, 21, 21, var(--bs-bg-opacity)) !important
}

.text-gray-dark-700 {
    --bs-text-opacity: 1;
    color:rgba(21, 21, 21, var(--bs-text-opacity)) !important
}

.bg-gray-dark-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(18, 18, 18, var(--bs-bg-opacity)) !important
}

.text-gray-dark-800 {
    --bs-text-opacity: 1;
    color:rgba(18, 18, 18, var(--bs-text-opacity)) !important
}

.bg-gray-dark-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(16, 16, 16, var(--bs-bg-opacity)) !important
}

.text-gray-dark-900 {
    --bs-text-opacity: 1;
    color:rgba(16, 16, 16, var(--bs-text-opacity)) !important
}

.theme-muted {
    --app-theme: #828282 !important;
    --app-theme-rgb:130, 130, 130 !important
}

.bg-muted-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(180, 180, 180, var(--bs-bg-opacity)) !important
}

.text-muted-100 {
    --bs-text-opacity: 1;
    color:rgba(180, 180, 180, var(--bs-text-opacity)) !important
}

.bg-muted-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(168, 168, 168, var(--bs-bg-opacity)) !important
}

.text-muted-200 {
    --bs-text-opacity: 1;
    color:rgba(168, 168, 168, var(--bs-text-opacity)) !important
}

.bg-muted-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(155, 155, 155, var(--bs-bg-opacity)) !important
}

.text-muted-300 {
    --bs-text-opacity: 1;
    color:rgba(155, 155, 155, var(--bs-text-opacity)) !important
}

.bg-muted-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(143, 143, 143, var(--bs-bg-opacity)) !important
}

.text-muted-400 {
    --bs-text-opacity: 1;
    color:rgba(143, 143, 143, var(--bs-text-opacity)) !important
}

.bg-muted-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(130, 130, 130, var(--bs-bg-opacity)) !important
}

.text-muted-500 {
    --bs-text-opacity: 1;
    color:rgba(130, 130, 130, var(--bs-text-opacity)) !important
}

.bg-muted-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(117, 117, 117, var(--bs-bg-opacity)) !important
}

.text-muted-600 {
    --bs-text-opacity: 1;
    color:rgba(117, 117, 117, var(--bs-text-opacity)) !important
}

.bg-muted-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(104, 104, 104, var(--bs-bg-opacity)) !important
}

.text-muted-700 {
    --bs-text-opacity: 1;
    color:rgba(104, 104, 104, var(--bs-text-opacity)) !important
}

.bg-muted-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(91, 91, 91, var(--bs-bg-opacity)) !important
}

.text-muted-800 {
    --bs-text-opacity: 1;
    color:rgba(91, 91, 91, var(--bs-text-opacity)) !important
}

.bg-muted-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(78, 78, 78, var(--bs-bg-opacity)) !important
}

.text-muted-900 {
    --bs-text-opacity: 1;
    color:rgba(78, 78, 78, var(--bs-text-opacity)) !important
}

.theme-black {
    --app-theme: #000000 !important;
    --app-theme-rgb:0, 0, 0 !important
}

.bg-black-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(102, 102, 102, var(--bs-bg-opacity)) !important
}

.text-black-100 {
    --bs-text-opacity: 1;
    color:rgba(102, 102, 102, var(--bs-text-opacity)) !important
}

.bg-black-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(77, 77, 77, var(--bs-bg-opacity)) !important
}

.text-black-200 {
    --bs-text-opacity: 1;
    color:rgba(77, 77, 77, var(--bs-text-opacity)) !important
}

.bg-black-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(51, 51, 51, var(--bs-bg-opacity)) !important
}

.text-black-300 {
    --bs-text-opacity: 1;
    color:rgba(51, 51, 51, var(--bs-text-opacity)) !important
}

.bg-black-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(26, 26, 26, var(--bs-bg-opacity)) !important
}

.text-black-400 {
    --bs-text-opacity: 1;
    color:rgba(26, 26, 26, var(--bs-text-opacity)) !important
}

.bg-black-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-black-500 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-black-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-black-600 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-black-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-black-700 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-black-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-black-800 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.bg-black-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(0, 0, 0, var(--bs-bg-opacity)) !important
}

.text-black-900 {
    --bs-text-opacity: 1;
    color:rgba(0, 0, 0, var(--bs-text-opacity)) !important
}

.theme-silver {
    --app-theme: #eeeeee !important;
    --app-theme-rgb:238, 238, 238 !important
}

.bg-silver-100 {
    --bs-bg-opacity: 1;
    background-color:rgba(245, 245, 245, var(--bs-bg-opacity)) !important
}

.text-silver-100 {
    --bs-text-opacity: 1;
    color:rgba(245, 245, 245, var(--bs-text-opacity)) !important
}

.bg-silver-200 {
    --bs-bg-opacity: 1;
    background-color:rgba(243, 243, 243, var(--bs-bg-opacity)) !important
}

.text-silver-200 {
    --bs-text-opacity: 1;
    color:rgba(243, 243, 243, var(--bs-text-opacity)) !important
}

.bg-silver-300 {
    --bs-bg-opacity: 1;
    background-color:rgba(241, 241, 241, var(--bs-bg-opacity)) !important
}

.text-silver-300 {
    --bs-text-opacity: 1;
    color:rgba(241, 241, 241, var(--bs-text-opacity)) !important
}

.bg-silver-400 {
    --bs-bg-opacity: 1;
    background-color:rgba(240, 240, 240, var(--bs-bg-opacity)) !important
}

.text-silver-400 {
    --bs-text-opacity: 1;
    color:rgba(240, 240, 240, var(--bs-text-opacity)) !important
}

.bg-silver-500 {
    --bs-bg-opacity: 1;
    background-color:rgba(238, 238, 238, var(--bs-bg-opacity)) !important
}

.text-silver-500 {
    --bs-text-opacity: 1;
    color:rgba(238, 238, 238, var(--bs-text-opacity)) !important
}

.bg-silver-600 {
    --bs-bg-opacity: 1;
    background-color:rgba(214, 214, 214, var(--bs-bg-opacity)) !important
}

.text-silver-600 {
    --bs-text-opacity: 1;
    color:rgba(214, 214, 214, var(--bs-text-opacity)) !important
}

.bg-silver-700 {
    --bs-bg-opacity: 1;
    background-color:rgba(190, 190, 190, var(--bs-bg-opacity)) !important
}

.text-silver-700 {
    --bs-text-opacity: 1;
    color:rgba(190, 190, 190, var(--bs-text-opacity)) !important
}

.bg-silver-800 {
    --bs-bg-opacity: 1;
    background-color:rgba(167, 167, 167, var(--bs-bg-opacity)) !important
}

.text-silver-800 {
    --bs-text-opacity: 1;
    color:rgba(167, 167, 167, var(--bs-text-opacity)) !important
}

.bg-silver-900 {
    --bs-bg-opacity: 1;
    background-color:rgba(143, 143, 143, var(--bs-bg-opacity)) !important
}

.text-silver-900 {
    --bs-text-opacity: 1;
    color:rgba(143, 143, 143, var(--bs-text-opacity)) !important
}

.opacity-0 {
    opacity:0 !important
}

.opacity-0 {
    opacity:0 !important
}

.text-opacity-0 {
    --bs-text-opacity:0
}

.text-opacity-5 {
    --bs-text-opacity:0.05
}

.bg-opacity-0 {
    --bs-bg-opacity:0
}

.bg-opacity-5 {
    --bs-bg-opacity:0.05
}

.opacity-10 {
    opacity:.1 !important
}

.opacity-15 {
    opacity:.15 !important
}

.text-opacity-10 {
    --bs-text-opacity:0.1
}

.text-opacity-15 {
    --bs-text-opacity:0.15
}

.bg-opacity-10 {
    --bs-bg-opacity:0.1
}

.bg-opacity-15 {
    --bs-bg-opacity:0.15
}

.opacity-20 {
    opacity:.2 !important
}

.opacity-30 {
    opacity:.3 !important
}

.text-opacity-20 {
    --bs-text-opacity:0.2
}

.text-opacity-25 {
    --bs-text-opacity:0.25
}

.bg-opacity-20 {
    --bs-bg-opacity:0.2
}

.bg-opacity-25 {
    --bs-bg-opacity:0.25
}

.opacity-30 {
    opacity:.3 !important
}

.opacity-45 {
    opacity:.45 !important
}

.text-opacity-30 {
    --bs-text-opacity:0.3
}

.text-opacity-35 {
    --bs-text-opacity:0.35
}

.bg-opacity-30 {
    --bs-bg-opacity:0.3
}

.bg-opacity-35 {
    --bs-bg-opacity:0.35
}

.opacity-40 {
    opacity:.4 !important
}

.opacity-60 {
    opacity:.6 !important
}

.text-opacity-40 {
    --bs-text-opacity:0.4
}

.text-opacity-45 {
    --bs-text-opacity:0.45
}

.bg-opacity-40 {
    --bs-bg-opacity:0.4
}

.bg-opacity-45 {
    --bs-bg-opacity:0.45
}

.opacity-50 {
    opacity:.5 !important
}

.opacity-75 {
    opacity:.75 !important
}

.text-opacity-50 {
    --bs-text-opacity:0.5
}

.text-opacity-55 {
    --bs-text-opacity:0.55
}

.bg-opacity-50 {
    --bs-bg-opacity:0.5
}

.bg-opacity-55 {
    --bs-bg-opacity:0.55
}

.opacity-60 {
    opacity:.6 !important
}

.opacity-90 {
    opacity:.9 !important
}

.text-opacity-60 {
    --bs-text-opacity:0.6
}

.text-opacity-65 {
    --bs-text-opacity:0.65
}

.bg-opacity-60 {
    --bs-bg-opacity:0.6
}

.bg-opacity-65 {
    --bs-bg-opacity:0.65
}

.opacity-70 {
    opacity:.7 !important
}

.opacity-105 {
    opacity:1.05 !important
}

.text-opacity-70 {
    --bs-text-opacity:0.7
}

.text-opacity-75 {
    --bs-text-opacity:0.75
}

.bg-opacity-70 {
    --bs-bg-opacity:0.7
}

.bg-opacity-75 {
    --bs-bg-opacity:0.75
}

.opacity-80 {
    opacity:.8 !important
}

.opacity-120 {
    opacity:1.2 !important
}

.text-opacity-80 {
    --bs-text-opacity:0.8
}

.text-opacity-85 {
    --bs-text-opacity:0.85
}

.bg-opacity-80 {
    --bs-bg-opacity:0.8
}

.bg-opacity-85 {
    --bs-bg-opacity:0.85
}

.opacity-90 {
    opacity:.9 !important
}

.opacity-135 {
    opacity:1.35 !important
}

.text-opacity-90 {
    --bs-text-opacity:0.9
}

.text-opacity-95 {
    --bs-text-opacity:0.95
}

.bg-opacity-90 {
    --bs-bg-opacity:0.9
}

.bg-opacity-95 {
    --bs-bg-opacity:0.95
}

.opacity-100 {
    opacity:1 !important
}

.opacity-150 {
    opacity:1.5 !important
}

.text-opacity-100 {
    --bs-text-opacity:1
}

.text-opacity-105 {
    --bs-text-opacity:1.05
}

.bg-opacity-100 {
    --bs-bg-opacity:1
}

.bg-opacity-105 {
    --bs-bg-opacity:1.05
}

.hide {
    display: none !important
}


.cursor-pointer, .cursor-pointer:hover { cursor: pointer; }


/* custom CSS */

.form-check-input:checked {
    background-color: #E20613;
    border-color:#E20613;
    border:0px solid #E20613;
}

.dropzone {
    border: 0px solid #E20613 !important;
    border-radius:50px;
    background-color:rgba(255, 91, 87, .05) !important;
}

.theme-red {
    --app-theme: #E20613; /* !important;*/
}

.bg-danger {
    background-color:#E20613;/* !important;*/
}


.table > :not(:first-child) {
    border-top:1px solid var(--app-component-table-separator-color)
}

.btn-danger {
/*    color: #000;*/
    background-color: #E20613;
    border-color:#E20613
}

.opacity-on-hover:hover {
  opacity:0.75;
}


.form-check-input {
    border: 1px solid #232323;
}

.form-check-input:checked {
    border-color:transparent;
}

.form-check-input:checked[type=checkbox] {
    border-color:transparent;
}

.pdf-spin {
  -webkit-animation: pdf-spin 2s infinite linear; 
  animation:pdf-spin 2s infinite linear;
}

@-webkit-keyframes pdf-spin {
  0% { -webkit-transform: rotate(0deg); transform:rotate(0deg) }
  100% { -webkit-transform: rotate(359deg); transform:rotate(359deg) }
}

@keyframes pdf-spin {
  0% { -webkit-transform: rotate(0deg); transform:rotate(0deg) }
  100% { -webkit-transform: rotate(359deg); transform:rotate(359deg) }
}

.tagit-choice { background-color: transparent !important; }

.hover-black:hover {
  background-color: #101010;
  opacity: 1;
  z-index: 9999;
}