@charset "UTF-8";

:root,
[data-color-theme=light] {
    --bs-body-font-size-lg: 1rem;
    --bs-body-font-size-sm: 0.75rem;
    --bs-body-font-size-xs: 0.625rem;
    --bs-body-line-height-computed: calc(1375rem / 1000);
    --bs-body-line-height-lg: 1.375;
    --bs-body-line-height-sm: 1.8334;
    --bs-body-line-height-xs: 2.2;
    --bs-component-active-bg: #0c83ff;
    --bs-component-active-bg-rgb: 12, 131, 255;
    --bs-component-active-color: #fff;
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(12, 131, 255, 0.25);
    --bs-spacer-1: 0.3125rem;
    --bs-spacer-2: 0.625rem;
    --bs-spacer: 1.25rem;
    --bs-spacer-4: 1.875rem;
    --bs-spacer-5: 3.75rem;
    --bs-icon-font-family: Phosphor;
    --bs-icon-font-size: 1.25rem;
    --bs-icon-font-size-lg: 1.5rem;
    --bs-icon-font-size-sm: 1rem;
    --bs-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.125);
    --bs-box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
    --bs-box-shadow-lg: 0 6px 12px rgba(0, 0, 0, 0.15);
    --bs-transition-base-timer: 0.15s;
    --bs-transition-collapse-timer: 0.3s;
    --bs-gray-100: #F9FAFB;
    --bs-gray-200: #F3F4F6;
    --bs-gray-300: #E5E7EB;
    --bs-gray-400: #D1D5DB;
    --bs-gray-500: #9CA3AF;
    --bs-gray-600: #6B7280;
    --bs-gray-700: #4B5563;
    --bs-gray-800: #374151;
    --bs-gray-900: #1F2937;
    --bs-joongle: #0e343a;
    --bs-indigo: #5C6BC0;
    --bs-purple: #8e70c1;
    --bs-pink: #f35c86;
    --bs-teal: #26A69A;
    --bs-yellow: #ffd648;
    --bs-primary: #0c83ff;
    --bs-secondary: #247297;
    --bs-success: #059669;
    --bs-info: #049aad;
    --bs-warning: #f58646;
    --bs-danger: #EF4444;
    --bs-light: #F3F4F6;
    --bs-dark: #0e343a;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-joongle-rgb: #0e343a;
    --bs-indigo-rgb: 92, 107, 192;
    --bs-purple-rgb: 142, 112, 193;
    --bs-pink-rgb: 243, 92, 134;
    --bs-teal-rgb: 38, 166, 154;
    --bs-yellow-rgb: 255, 214, 72;
    --bs-primary-rgb: 12, 131, 255;
    --bs-secondary-rgb: 36, 114, 151;
    --bs-success-rgb: 5, 150, 105;
    --bs-info-rgb: 4, 154, 173;
    --bs-warning-rgb: 245, 134, 70;
    --bs-danger-rgb: 239, 68, 68;
    --bs-light-rgb: 243, 244, 246;
    --bs-dark-rgb: 37, 43, 54;
    --bs-black-rgb: 0, 0, 0;
    --bs-white-rgb: 255, 255, 255;
    --bs-body-color-rgb: 31, 41, 55;
    --bs-body-bg-rgb: 241, 244, 249;
    --bs-font-sans-serif: "Host Grotesk", 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: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5715;
    --bs-body-color: #1F2937;
    --bs-body-bg: #f1f4f9;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #D1D5DB;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.125);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0c83ff;
    --bs-link-hover-color: #0962bf;
    --bs-code-color: #f35c86;
    --bs-highlight-bg: rgba(0, 0, 0, 0.15);
    --bs-dropdown-font-size: var(--bs-body-font-size);
}

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);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}


a {
    color: var(--bs-link-color);
    text-decoration: none;
}

/* ------------------------------------------------------------------------------
 *
 *  # Reboot overrides
 *
 * ---------------------------------------------------------------------------- */
mark {
    color: currentColor;
}

code {
    --bs-code-bg: var(--bs-gray-200);
    --bs-code-padding: 0.125rem 0.25rem;
    background-color: var(--bs-code-bg);
    padding: var(--bs-code-padding);
    border-radius: var(--bs-border-radius-sm);
}

kbd[data-color-theme=dark], [data-color-theme=dark] kbd:not([data-color-theme]), html[data-color-theme=dark] kbd {
    color-scheme: dark;
    color: var(--bs-black);
    background-color: var(--bs-white);
}

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

@media (min-width: 768px) {
    .custom-scrollbars * {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: thin;
        scrollbar-color: var(--bs-gray-600) var(--bs-gray-300);
    }

    .custom-scrollbars ::-webkit-scrollbar {
        height: 0.5rem;
        width: 0.5rem;
    }

    .custom-scrollbars ::-webkit-scrollbar-track {
        background: var(--bs-gray-300);
    }

    .custom-scrollbars ::-webkit-scrollbar-thumb {
        background-color: var(--bs-gray-600);
        border-radius: 0.5rem;
    }
}
/* ------------------------------------------------------------------------------
 *
 *  # Nav, Tabs and Pills components overrides
 *
 * ---------------------------------------------------------------------------- */
.nav {
    --bs-nav-link-active-color: var(--bs-body-color);
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.625rem;
    --bs-nav-link-color: rgba(var(--bs-body-color-rgb), 0.75);
    --bs-nav-link-hover-color: var(--bs-body-color);
    --bs-nav-link-disabled-color: rgba(var(--bs-body-color-rgb), 0.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .nav-link.active {
        color: var(--bs-nav-link-active-color);
    }

    .nav-link.show {
        color: var(--bs-nav-link-hover-color);
    }

.nav-fill .nav-link, .nav-justified .nav-link {
    -ms-flex-pack: center;
    justify-content: center;
}

.nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid)[data-color-theme=dark], [data-color-theme=dark] .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid):not([data-color-theme]), html[data-color-theme=dark] .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid) {
    color-scheme: dark;
    --bs-nav-tabs-link-active-bg: #2c2d33;
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) #2c2d33;
}

.dropdown-menu .nav-tabs {
    --bs-nav-tabs-link-active-bg: var(--dropdown-bg) !important;
}

    .dropdown-menu .nav-tabs .nav-link.show,
    .dropdown-menu .nav-tabs .nav-link.active {
        border-bottom-color: var(--dropdown-bg);
    }

.nav-tabs-responsive {
    overflow-x: auto;
    box-shadow: 0 calc(var(--bs-border-width) * -1) 0 var(--bs-border-color) inset;
    -webkit-overflow-scrolling: touch;
}

    .nav-tabs-responsive::-webkit-scrollbar {
        display: none !important;
    }

    .nav-tabs-responsive .nav-tabs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        border-bottom-color: transparent;
    }

.nav-tabs-highlight,
.nav-tabs-overline,
.nav-tabs-underline {
    --bs-nav-tabs-underline-size: 2px;
    --bs-nav-tabs-underline-color: var(--bs-primary);
}

    .nav-tabs-highlight .nav-link,
    .nav-tabs-overline .nav-link,
    .nav-tabs-underline .nav-link {
        position: relative;
    }

        .nav-tabs-highlight .nav-link:before,
        .nav-tabs-overline .nav-link:before,
        .nav-tabs-underline .nav-link:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: var(--bs-nav-tabs-underline-size);
            transition: background-color ease-in-out var(--bs-transition-base-timer);
        }

@media (prefers-reduced-motion: reduce) {
    .nav-tabs-highlight .nav-link:before,
    .nav-tabs-overline .nav-link:before,
    .nav-tabs-underline .nav-link:before {
        transition: none;
    }
}

.nav-tabs-highlight .nav-link.active:before,
.nav-tabs-overline .nav-link.active:before,
.nav-tabs-underline .nav-link.active:before {
    background-color: var(--bs-nav-tabs-underline-color);
}

.nav-tabs-highlight {
    --bs-nav-tabs-border-radius: 0;
}

    .nav-tabs-highlight .nav-link:before {
        top: calc(var(--bs-nav-tabs-border-width) * -1);
        left: calc(var(--bs-nav-tabs-border-width) * -1);
        right: calc(var(--bs-nav-tabs-border-width) * -1);
    }

.nav-tabs-overline,
.nav-tabs-underline {
    --bs-nav-tabs-link-active-bg: transparent;
}

    .nav-tabs-overline .nav-link,
    .nav-tabs-underline .nav-link {
        border-width: 0;
        margin-bottom: 0;
    }

.nav-tabs-overline {
    border-bottom: 0;
    border-top: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

    .nav-tabs-overline .nav-link:before {
        top: calc(var(--bs-nav-tabs-border-width) * -1);
    }

.nav-tabs-underline .nav-link:before {
    bottom: calc(var(--bs-nav-tabs-border-width) * -1);
}

.nav-tabs-solid {
    --bs-nav-tabs-bg: var(--bs-gray-200);
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-link-active-color: var(--bs-component-active-color);
    --bs-nav-tabs-link-active-bg: var(--bs-component-active-bg);
    background-color: var(--bs-nav-tabs-bg);
}

    .nav-tabs-solid .nav-link {
        margin-bottom: 0;
    }

    .nav-tabs-solid.border .nav-link {
        transition: color var(--bs-transition-base-timer) ease-in-out, background-color var(--bs-transition-base-timer) ease-in-out, border-color var(--bs-transition-base-timer) ease-in-out, box-shadow ease-in-out var(--bs-transition-base-timer);
    }

@media (prefers-reduced-motion: reduce) {
    .nav-tabs-solid.border .nav-link {
        transition: none;
    }
}

.nav-tabs-solid.border .nav-link.active {
    box-shadow: 0 0 0 var(--bs-border-width) var(--bs-nav-tabs-link-active-bg);
}

.nav-tabs-solid-dark {
    --bs-nav-link-color: rgba(var(--bs-white-rgb), .75);
    --bs-nav-link-hover-color: var(--bs-white);
    --bs-nav-link-disabled-color: rgba(var(--bs-white-rgb), .5);
    --bs-nav-tabs-link-active-color: var(--bs-white);
    --bs-nav-tabs-link-active-bg: rgba(var(--bs-white-rgb), .15);
}

.nav-tabs-vertical {
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-active-bg: transparent;
    --bs-nav-tabs-underline-size: 2px;
    --bs-nav-tabs-underline-color: var(--bs-primary);
    border-bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .nav-tabs-vertical .nav-link {
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative;
    }

        .nav-tabs-vertical .nav-link:before {
            content: "";
            position: absolute;
            top: calc(var(--bs-nav-tabs-border-width) * -1);
            bottom: calc(var(--bs-nav-tabs-border-width) * -1);
            width: var(--bs-nav-tabs-underline-size);
            transition: background-color ease-in-out var(--bs-transition-base-timer);
        }

@media (prefers-reduced-motion: reduce) {
    .nav-tabs-vertical .nav-link:before {
        transition: none;
    }
}

.nav-tabs-vertical .nav-link.active {
    border-color: var(--bs-nav-tabs-border-color) transparent;
}

    .nav-tabs-vertical .nav-link.active:before {
        background-color: var(--bs-nav-tabs-underline-color);
    }

.nav-tabs-vertical-start .nav-link:not(.active) {
    border-right-color: var(--bs-nav-tabs-border-color);
}

.nav-tabs-vertical-start .nav-link:before {
    left: calc(var(--bs-nav-tabs-border-width) * -1);
}

.nav-tabs-vertical-end .nav-link:not(.active) {
    border-left-color: var(--bs-nav-tabs-border-color);
}

.nav-tabs-vertical-end .nav-link:before {
    right: calc(var(--bs-nav-tabs-border-width) * -1);
}

.nav-pills-outline .nav-item + .nav-item {
    margin-left: calc(var(--bs-spacer) * 0.5);
}

.nav-pills-outline .nav-link {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

    .nav-pills-outline .nav-link:not(.active):hover,
    .nav-pills-outline .nav-link:not(.active):focus {
        background-color: var(--bs-gray-200);
        border-color: var(--bs-gray-500);
    }

    .nav-pills-outline .nav-link:not(.active):active,
    .nav-pills-outline .nav-link.show:not(.active) {
        background-color: var(--bs-gray-300);
        border-color: var(--bs-gray-600);
        color: var(--bs-nav-link-hover-color);
    }

    .nav-pills-outline .nav-link.active {
        border-color: var(--bs-nav-pills-link-active-bg);
    }

.nav-pills-outline.flex-column .nav-item + .nav-item {
    margin-left: 0;
    margin-top: calc(var(--bs-spacer) * 0.5);
}

.nav-pills-toolbar:not(.flex-column) .nav-item + .nav-item {
    margin-left: calc(var(--bs-border-width) * -1);
}

.nav-pills-toolbar:not(.flex-column) .nav-item:not(:first-child) .nav-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-pills-toolbar:not(.flex-column) .nav-item:not(:last-child) .nav-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-pills-toolbar.flex-column .nav-item + .nav-item {
    margin-top: calc(var(--bs-border-width) * -1);
}

.nav-pills-toolbar.flex-column .nav-item:not(:first-child) .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills-toolbar.flex-column .nav-item:not(:last-child) .nav-link {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-pills-toolbar .nav-link {
    position: relative;
}

    .nav-pills-toolbar .nav-link:hover {
        z-index: 2;
    }

    .nav-pills-toolbar .nav-link:focus, .nav-pills-toolbar .nav-link.show {
        z-index: 3;
    }

    .nav-pills-toolbar .nav-link.active {
        z-index: 4;
    }

.nav-btn-close {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(var(--bs-body-color-rgb), 0.075);
    width: var(--bs-body-line-height-computed);
    height: var(--bs-body-line-height-computed);
    transition: background-color ease-in-out var(--bs-transition-base-timer);
}

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

.nav-btn-close:hover, .nav-btn-close:focus {
    background-color: rgba(var(--bs-body-color-rgb), 0.15);
}

.nav-scrollspy {
    --bs-nav-link-padding-y: var(--bs-spacer-1);
    --bs-nav-link-padding-x: var(--bs-spacer-1);
    --bs-nav-link-hover-color: var(--bs-link-color);
}

    .nav-scrollspy .nav .nav-link {
        padding-left: calc(var(--bs-spacer) * 2);
    }

    .nav-scrollspy .nav-link {
        position: relative;
        padding-left: var(--bs-spacer);
        border-left: 2px solid var(--bs-border-color);
    }

        .nav-scrollspy .nav-link.active {
            border-color: var(--bs-nav-link-hover-color);
            color: var(--bs-nav-link-hover-color);
        }

.nav-scrollspy-wrapper.sticky-top {
    top: var(--bs-spacer-4);
}

.nav-item-active-indicator {
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-in-out var(--bs-transition-base-timer), visibility ease-in-out var(--bs-transition-base-timer);
}

@media (prefers-reduced-motion: reduce) {
    .nav-item-active-indicator {
        transition: none;
    }
}

.active .nav-item-active-indicator {
    visibility: visible;
    opacity: 1;
}

/* ------------------------------------------------------------------------------
 *
 *  # Navbar component overrides
 *
 * ---------------------------------------------------------------------------- */
.navbar {
    --bs-navbar-bg: #F2F1ED;
    --bs-navbar-brand-width: calc(18.75rem - var(--bs-navbar-padding-x));
    --bs-navbar-brand-image-size: 35px;
    --bs-navbar-search-width: 30rem;
    --bs-navbar-link-padding-y: 0.625rem;
    --bs-navbar-link-padding-x: 0.9375rem;
    --bs-navbar-hover-bg: var(--bs-gray-200);
    --bs-navbar-hover-active-bg: var(--bs-gray-300);
    --bs-navbar-hover-active-color: var(--bs-body-color);
    --bs-navbar-active-bg: rgba(var(--bs-primary-rgb), 0.1);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--bs-navbar-bg);
    color: var(--bs-navbar-color);
}

    .navbar[data-color-theme=dark], [data-color-theme=dark] .navbar:not([data-color-theme]), html[data-color-theme=dark] .navbar {
        color-scheme: dark;
        --bs-navbar-bg: #32333a;
    }

.navbar-nav .nav-tabs {
    --bs-navbar-active-color: null;
}

.navbar-nav-link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: var(--bs-navbar-color);
    padding: var(--bs-navbar-link-padding-y) var(--bs-navbar-link-padding-x);
    outline: 0;
    transition: color var(--bs-transition-base-timer) ease-in-out, background-color var(--bs-transition-base-timer) ease-in-out, border-color var(--bs-transition-base-timer) ease-in-out;
}

.nav-item .dropdown-menu .Title {
    color: black;
}

.nav-item .dropdown-item {
    color: black;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-nav-link {
        transition: none;
    }
}

.navbar-nav-link:hover, .navbar-nav-link:focus {
    color: var(--bs-navbar-hover-color);
    background-color: var(--bs-navbar-hover-bg);
}

.navbar-nav-link:active {
    color: var(--bs-navbar-hover-active-color);
    background-color: var(--bs-navbar-hover-active-bg);
}

.navbar-nav-link.show, .navbar-nav-link[aria-expanded=true], .navbar-nav-link.active {
    color: var(--bs-navbar-active-color);
    background-color: var(--bs-navbar-active-bg);
}

.navbar-nav-link.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.navbar-nav-link i {
    margin-top: calc((var(--bs-body-line-height-computed) - var(--bs-icon-font-size)) * 0.5);
    margin-bottom: calc((var(--bs-body-line-height-computed) - var(--bs-icon-font-size)) * 0.5);
}

.navbar-nav-link-icon {
    padding-left: var(--bs-navbar-link-padding-y);
    padding-right: var(--bs-navbar-link-padding-y);
}

    .navbar-nav-link-icon i {
        margin-left: calc((var(--bs-body-line-height-computed) - var(--bs-icon-font-size)) * 0.5);
        margin-right: calc((var(--bs-body-line-height-computed) - var(--bs-icon-font-size)) * 0.5);
    }

.navbar-brand {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

    .navbar-brand img {
        height: var(--bs-navbar-brand-image-size);
    }

.navbar-text {
    padding-top: var(--bs-navbar-link-padding-y);
    padding-bottom: var(--bs-navbar-link-padding-y);
}

.navbar-toggler {
    border: 0;
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        color: var(--bs-navbar-hover-color);
        background-color: var(--bs-navbar-hover-bg);
    }

    .navbar-toggler:active, .navbar-toggler[aria-expanded=true] {
        color: var(--bs-navbar-active-color);
        background-color: var(--bs-navbar-active-bg);
    }

.navbar-top {
    padding-top: calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2));
}

.navbar-lg-top {
    padding-top: calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2));
}

.navbar-sm-top {
    padding-top: calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2));
}

.navbar-lg-lg-top {
    padding-top: calc(calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2)) * 2);
}

.navbar-lg-md-top {
    padding-top: calc(calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2)) + calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2)));
}

.navbar-lg-sm-top {
    padding-top: calc(calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2)) + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2)));
}

.navbar-md-md-top {
    padding-top: calc(calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2)) * 2);
}

.navbar-md-sm-top {
    padding-top: calc(calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2)) + calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2)));
}

.navbar-sm-sm-top {
    padding-top: calc(calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2)) * 2);
}

.navbar-bottom {
    padding-bottom: calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2));
}

.navbar-lg-bottom {
    padding-bottom: calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2));
}

.navbar-sm-bottom {
    padding-bottom: calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2));
}

.navbar-lg-lg-bottom {
    padding-bottom: calc(calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2)) * 2);
}

.navbar-lg-md-bottom {
    padding-bottom: calc(calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2)) + calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2)));
}

.navbar-lg-sm-bottom {
    padding-bottom: calc(calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--bs-spacer-2) * 2)) + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2)));
}

.navbar-md-md-bottom {
    padding-bottom: calc(calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2)) * 2);
}

.navbar-md-sm-bottom {
    padding-bottom: calc(calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2)) + calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--bs-spacer-2) * 2)));
}

.navbar-sm-sm-bottom {
    padding-bottom: calc(calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--bs-spacer-2) * 2)) * 2);
}

.navbar-lg .navbar-nav-link {
    --bs-navbar-link-padding-y: 0.75rem;
    --bs-navbar-link-padding-x: 1.125rem;
}

.navbar-sm .navbar-nav-link {
    --bs-navbar-link-padding-y: 0.5rem;
    --bs-navbar-link-padding-x: 0.75rem;
}

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-brand {
        width: var(--bs-navbar-brand-width);
    }

    .navbar-expand-sm .navbar-search {
        max-width: var(--bs-navbar-search-width);
    }
}

@media (max-width: 575.98px) {
    .navbar-expand-sm .navbar-collapse .navbar-nav-link {
        padding-left: var(--bs-navbar-link-padding-x);
        padding-right: var(--bs-navbar-link-padding-x);
    }

        .navbar-expand-sm .navbar-collapse .navbar-nav-link:after {
            display: inline-block;
            margin-left: auto;
        }

        .navbar-expand-sm .navbar-collapse .navbar-nav-link i {
            margin-left: 0;
            margin-right: 0;
        }

    .navbar-expand-sm .dropdown-submenu .dropdown-toggle:after {
        content: "\f31a";
    }

    .navbar-expand-sm .dropdown-submenu .dropdown-menu, .navbar-expand-sm .dropdown-submenu.dropdown-submenu-start .dropdown-menu {
        margin: 0;
        border-width: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 2);
    }

    .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 3);
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-brand {
        width: var(--bs-navbar-brand-width);
    }

    .navbar-expand-md .navbar-search {
        max-width: var(--bs-navbar-search-width);
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md .navbar-collapse .navbar-nav-link {
        padding-left: var(--bs-navbar-link-padding-x);
        padding-right: var(--bs-navbar-link-padding-x);
    }

        .navbar-expand-md .navbar-collapse .navbar-nav-link:after {
            display: inline-block;
            margin-left: auto;
        }

        .navbar-expand-md .navbar-collapse .navbar-nav-link i {
            margin-left: 0;
            margin-right: 0;
        }

    .navbar-expand-md .dropdown-submenu .dropdown-toggle:after {
        content: "\f31a";
    }

    .navbar-expand-md .dropdown-submenu .dropdown-menu, .navbar-expand-md .dropdown-submenu.dropdown-submenu-start .dropdown-menu {
        margin: 0;
        border-width: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 2);
    }

    .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 3);
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-brand {
        width: var(--bs-navbar-brand-width);
    }

    .navbar-expand-lg .navbar-search {
        max-width: var(--bs-navbar-search-width);
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-collapse .navbar-nav-link {
        padding-left: var(--bs-navbar-link-padding-x);
        padding-right: var(--bs-navbar-link-padding-x);
    }

        .navbar-expand-lg .navbar-collapse .navbar-nav-link:after {
            display: inline-block;
            margin-left: auto;
        }

        .navbar-expand-lg .navbar-collapse .navbar-nav-link i {
            margin-left: 0;
            margin-right: 0;
        }

    .navbar-expand-lg .dropdown-submenu .dropdown-toggle:after {
        content: "\f31a";
    }

    .navbar-expand-lg .dropdown-submenu .dropdown-menu, .navbar-expand-lg .dropdown-submenu.dropdown-submenu-start .dropdown-menu {
        margin: 0;
        border-width: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 2);
    }

    .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 3);
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-brand {
        width: var(--bs-navbar-brand-width);
    }

    .navbar-expand-xl .navbar-search {
        max-width: var(--bs-navbar-search-width);
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-collapse .navbar-nav-link {
        padding-left: var(--bs-navbar-link-padding-x);
        padding-right: var(--bs-navbar-link-padding-x);
    }

        .navbar-expand-xl .navbar-collapse .navbar-nav-link:after {
            display: inline-block;
            margin-left: auto;
        }

        .navbar-expand-xl .navbar-collapse .navbar-nav-link i {
            margin-left: 0;
            margin-right: 0;
        }

    .navbar-expand-xl .dropdown-submenu .dropdown-toggle:after {
        content: "\f31a";
    }

    .navbar-expand-xl .dropdown-submenu .dropdown-menu, .navbar-expand-xl .dropdown-submenu.dropdown-submenu-start .dropdown-menu {
        margin: 0;
        border-width: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 2);
    }

    .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 3);
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl .navbar-brand {
        width: var(--bs-navbar-brand-width);
    }

    .navbar-expand-xxl .navbar-search {
        max-width: var(--bs-navbar-search-width);
    }
}

@media (max-width: 1399.98px) {
    .navbar-expand-xxl .navbar-collapse .navbar-nav-link {
        padding-left: var(--bs-navbar-link-padding-x);
        padding-right: var(--bs-navbar-link-padding-x);
    }

        .navbar-expand-xxl .navbar-collapse .navbar-nav-link:after {
            display: inline-block;
            margin-left: auto;
        }

        .navbar-expand-xxl .navbar-collapse .navbar-nav-link i {
            margin-left: 0;
            margin-right: 0;
        }

    .navbar-expand-xxl .dropdown-submenu .dropdown-toggle:after {
        content: "\f31a";
    }

    .navbar-expand-xxl .dropdown-submenu .dropdown-menu, .navbar-expand-xxl .dropdown-submenu.dropdown-submenu-start .dropdown-menu {
        margin: 0;
        border-width: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .navbar-expand-xxl .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-xxl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 2);
    }

    .navbar-expand-xxl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .navbar-expand-xxl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 3);
    }
}

.navbar-expand .navbar-brand {
    width: var(--bs-navbar-brand-width);
}

.navbar-expand .navbar-search {
    max-width: var(--bs-navbar-search-width);
}

.navbar-expand .navbar-collapse .navbar-nav-link {
    padding-left: var(--bs-navbar-link-padding-x);
    padding-right: var(--bs-navbar-link-padding-x);
}

    .navbar-expand .navbar-collapse .navbar-nav-link:after {
        display: inline-block;
        margin-left: auto;
    }

    .navbar-expand .navbar-collapse .navbar-nav-link i {
        margin-left: 0;
        margin-right: 0;
    }

.navbar-expand .dropdown-submenu .dropdown-toggle:after {
    content: "\f31a";
}

.navbar-expand .dropdown-submenu .dropdown-menu, .navbar-expand .dropdown-submenu.dropdown-submenu-start .dropdown-menu {
    margin: 0;
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
}

.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
    padding-left: calc(var(--dropdown-item-padding-x) * 2);
}

.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
    padding-left: calc(var(--dropdown-item-padding-x) * 3);
}

@media (max-width: 575.98px) {
    .nav-item-dropdown-sm {
        position: static;
    }

        .nav-item-dropdown-sm > .dropdown-menu {
            position: absolute;
            left: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
            right: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
        }
}

@media (max-width: 767.98px) {
    .nav-item-dropdown-md {
        position: static;
    }

        .nav-item-dropdown-md > .dropdown-menu {
            position: absolute;
            left: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
            right: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
        }
}

@media (max-width: 991.98px) {
    .nav-item-dropdown-lg {
        position: static;
    }

        .nav-item-dropdown-lg > .dropdown-menu {
            position: absolute;
            left: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
            right: 0 !important;
        }
}

@media (max-width: 1199.98px) {
    .nav-item-dropdown-xl {
        position: static;
    }

        .nav-item-dropdown-xl > .dropdown-menu {
            position: absolute;
            left: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
            right: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
        }
}

@media (max-width: 1399.98px) {
    .nav-item-dropdown-xxl {
        position: static;
    }

        .nav-item-dropdown-xxl > .dropdown-menu {
            position: absolute;
            left: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
            right: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
        }
}

.nav-item-dropdown {
    position: static;
}

    .nav-item-dropdown > .dropdown-menu {
        position: absolute;
        left: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
        right: calc((1.25rem * .5) + var(--bs-navbar-padding-x)) !important;
    }

.navbar-dark {
    --bs-navbar-bg: #13332e;
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    --bs-navbar-hover-bg: rgba(var(--bs-white-rgb), 0.1);
    --bs-navbar-disabled-bg: transparent;
    --bs-navbar-hover-active-bg: rgba(var(--bs-white-rgb), 0.15);
    --bs-navbar-hover-active-color: #fff;
    --bs-navbar-active-bg: rgba(var(--bs-white-rgb), 0.15);
    --bs-navbar-color: #fff; /*rgba(255,255,255, 0.65);*/
    --bs-navbar-hover-color: #fff;
    --bs-navbar-hover-bg: rgba(72,180,18, 1);
}


    .navbar-dark[data-color-theme=dark], [data-color-theme=dark] .navbar-dark:not([data-color-theme]), html[data-color-theme=dark] .navbar-dark {
        color-scheme: dark;
        --bs-navbar-bg: #141517;
    }

.navbar-static {
    z-index: 1024;
}

    .navbar-static + .navbar-static {
        z-index: 1023;
    }

.content-wrapper .navbar-static {
    z-index: 1021;
}

.navbar-brand img {
    height: var(--bs-navbar-brand-image-size);
}

/* ------------------------------------------------------------------------------
 *
 *  # Badge component overrides
 *
 * ---------------------------------------------------------------------------- */
.badge {
    --badge-padding-x: 0.4375rem;
    --badge-padding-y: 0.3125rem;
    --badge-font-size: 0.75rem;
    --badge-font-weight: 600;
    --badge-color: #fff;
    --badge-border-radius: var(--bs-border-radius-sm);
    display: inline-block;
    padding: var(--badge-padding-y) var(--badge-padding-x);
    font-size: var(--badge-font-size);
    font-weight: var(--badge-font-weight);
    line-height: 1;
    color: var(--badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--badge-border-radius)
}

.badge {
    min-width: calc(var(--badge-padding-y) * 2 + var(--badge-font-size));
}

    .badge[href]:hover, .badge[href]:focus {
        color: var(--badge-color);
        box-shadow: 0 0 0 20rem rgba(var(--bs-black-rgb), 0.1) inset;
    }

/* ------------------------------------------------------------------------------
 *
 *  # Buttons component overrides
 *
 * ---------------------------------------------------------------------------- */
.btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-indigo {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5C6BC0;
    --bs-btn-border-color: #5C6BC0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5360ad;
    --bs-btn-hover-border-color: #5360ad;
    --bs-btn-focus-shadow-rgb: 116, 129, 201;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4e5ba3;
    --bs-btn-active-border-color: #4e5ba3;
    --bs-btn-active-shadow: inset 0 0 0 0 transparent;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5C6BC0;
    --bs-btn-disabled-border-color: #5C6BC0;
}

.btn-joongle {
    --bs-btn-color: #fff;
    --bs-btn-bg: #13332e;
    --bs-btn-border-color: #13332e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00c37f;
    --bs-btn-hover-border-color: #00c37f;
    --bs-btn-focus-shadow-rgb: 14, 52, 58;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00c37f;
    --bs-btn-active-border-color: #00c37f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #13332e;
    --bs-btn-disabled-border-color: #13332e;
}

.btn-joongle-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #48b376;
    --bs-btn-border-color: #48b376;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00c37f;
    --bs-btn-hover-border-color: #00c37f;
    --bs-btn-focus-shadow-rgb: 14, 52, 58;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00c37f;
    --bs-btn-active-border-color: #00c37f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #48b376;
    --bs-btn-disabled-border-color: #48b376;
}

.btn-light {
    --bs-btn-color: #13332e;
    --bs-btn-bg: var(--bs-gray-200);
    --bs-btn-border-color: var(--bs-gray-400);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--bs-gray-300);
    --bs-btn-hover-border-color: var(--bs-gray-500);
    --bs-btn-focus-shadow-rgb: 207, 207, 209;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--bs-gray-400);
    --bs-btn-active-border-color: var(--bs-gray-600);
    --bs-btn-active-shadow: inset 0 0 0 0 transparent;
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: var(--bs-gray-200);
    --bs-btn-disabled-border-color: var(--bs-gray-400);
}

/*.btn-flat-main {
    --bs-btn-bg: rgba(14, 52, 58, .1);
    --bs-btn-color: #0e343a;
    --bs-btn-border-color: #0e343a;
    --bs-btn-hover-color: #0e343a;
    --bs-btn-hover-bg: rgba(14, 52, 58, .2);
    --bs-btn-hover-border-color: #0e343a;
    --bs-btn-focus-shadow-rgb: 14, 52, 58;
    --bs-btn-active-color: #0e343a;
    --bs-btn-active-bg: rgba(14, 52, 58, .25);
    --bs-btn-active-border-color: #0e343a;
    --bs-btn-disabled-color: rgba(14, 52, 58, .65);
    --bs-btn-disabled-bg: rgba(14, 52, 58, .05);
}*/
.btn-flat-joongle {
    --bs-btn-bg: rgba(var(--bs-joongle-rgb), .1);
    --bs-btn-color: var(--bs-joongle);
    --bs-btn-border-color: var(--bs-joongle);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-joongle-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-joongle);
    --bs-btn-focus-shadow-rgb: var(--bs-joongle-rgb);
    --bs-btn-active-color: var(--bs-joongle);
    --bs-btn-active-bg: rgba(var(--bs-joongle-rgb), .25);
    --bs-btn-active-border-color: var(--bs-joongle);
    --bs-btn-disabled-color: rgba(var(--bs-joongle-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-joongle-rgb), .05);
}

.btn-flat-indigo {
    --bs-btn-bg: rgba(var(--bs-indigo-rgb), .1);
    --bs-btn-color: var(--bs-indigo);
    --bs-btn-border-color: var(--bs-indigo);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-indigo-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-indigo);
    --bs-btn-focus-shadow-rgb: var(--bs-indigo-rgb);
    --bs-btn-active-color: var(--bs-indigo);
    --bs-btn-active-bg: rgba(var(--bs-indigo-rgb), .25);
    --bs-btn-active-border-color: var(--bs-indigo);
    --bs-btn-disabled-color: rgba(var(--bs-indigo-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-indigo-rgb), .05);
}

.btn-flat-purple {
    --bs-btn-bg: rgba(var(--bs-purple-rgb), .1);
    --bs-btn-color: var(--bs-purple);
    --bs-btn-border-color: var(--bs-purple);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-purple-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-purple);
    --bs-btn-focus-shadow-rgb: var(--bs-purple-rgb);
    --bs-btn-active-color: var(--bs-purple);
    --bs-btn-active-bg: rgba(var(--bs-purple-rgb), .25);
    --bs-btn-active-border-color: var(--bs-purple);
    --bs-btn-disabled-color: rgba(var(--bs-purple-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-purple-rgb), .05);
}

.btn-flat-pink {
    --bs-btn-bg: rgba(var(--bs-pink-rgb), .1);
    --bs-btn-color: var(--bs-pink);
    --bs-btn-border-color: var(--bs-pink);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-pink-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-pink);
    --bs-btn-focus-shadow-rgb: var(--bs-pink-rgb);
    --bs-btn-active-color: var(--bs-pink);
    --bs-btn-active-bg: rgba(var(--bs-pink-rgb), .25);
    --bs-btn-active-border-color: var(--bs-pink);
    --bs-btn-disabled-color: rgba(var(--bs-pink-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-pink-rgb), .05);
}

.btn-flat-teal {
    --bs-btn-bg: rgba(var(--bs-teal-rgb), .1);
    --bs-btn-color: var(--bs-teal);
    --bs-btn-border-color: var(--bs-teal);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-teal-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-teal);
    --bs-btn-focus-shadow-rgb: var(--bs-teal-rgb);
    --bs-btn-active-color: var(--bs-teal);
    --bs-btn-active-bg: rgba(var(--bs-teal-rgb), .25);
    --bs-btn-active-border-color: var(--bs-teal);
    --bs-btn-disabled-color: rgba(var(--bs-teal-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-teal-rgb), .05);
}

.btn-flat-yellow {
    --bs-btn-bg: rgba(var(--bs-yellow-rgb), .1);
    --bs-btn-color: var(--bs-yellow);
    --bs-btn-border-color: var(--bs-yellow);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-yellow-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-yellow);
    --bs-btn-focus-shadow-rgb: var(--bs-yellow-rgb);
    --bs-btn-active-color: var(--bs-yellow);
    --bs-btn-active-bg: rgba(var(--bs-yellow-rgb), .25);
    --bs-btn-active-border-color: var(--bs-yellow);
    --bs-btn-disabled-color: rgba(var(--bs-yellow-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-yellow-rgb), .05);
}

.btn-flat-primary {
    --bs-btn-bg: rgba(var(--bs-primary-rgb), .1);
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), .25);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: rgba(var(--bs-primary-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), .05);
}

.btn-flat-secondary {
    --bs-btn-bg: rgba(var(--bs-secondary-rgb), .1);
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), .25);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: rgba(var(--bs-secondary-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-secondary-rgb), .05);
}

.btn-flat-success {
    --bs-btn-bg: rgba(var(--bs-success-rgb), .1);
    --bs-btn-color: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-success-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: var(--bs-success);
    --bs-btn-active-bg: rgba(var(--bs-success-rgb), .25);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-disabled-color: rgba(var(--bs-success-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-success-rgb), .05);
}

.btn-flat-info {
    --bs-btn-bg: rgba(var(--bs-info-rgb), .1);
    --bs-btn-color: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-info-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-info);
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-color: var(--bs-info);
    --bs-btn-active-bg: rgba(var(--bs-info-rgb), .25);
    --bs-btn-active-border-color: var(--bs-info);
    --bs-btn-disabled-color: rgba(var(--bs-info-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-info-rgb), .05);
}

.btn-flat-warning {
    --bs-btn-bg: rgba(var(--bs-warning-rgb), .1);
    --bs-btn-color: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-warning);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-color: var(--bs-warning);
    --bs-btn-active-bg: rgba(var(--bs-warning-rgb), .25);
    --bs-btn-active-border-color: var(--bs-warning);
    --bs-btn-disabled-color: rgba(var(--bs-warning-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-warning-rgb), .05);
}

.btn-flat-danger {
    --bs-btn-bg: rgba(var(--bs-danger-rgb), .1);
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: var(--bs-danger);
    --bs-btn-active-bg: rgba(var(--bs-danger-rgb), .25);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-disabled-color: rgba(var(--bs-danger-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-danger-rgb), .05);
}

.btn-flat-light {
    --bs-btn-bg: rgba(var(--bs-light-rgb), .1);
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-light-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-light);
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: rgba(var(--bs-light-rgb), .25);
    --bs-btn-active-border-color: var(--bs-light);
    --bs-btn-disabled-color: rgba(var(--bs-light-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-light-rgb), .05);
}

.btn-flat-dark {
    --bs-btn-bg: rgba(var(--bs-dark-rgb), .1);
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-dark-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: rgba(var(--bs-dark-rgb), .25);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-disabled-color: rgba(var(--bs-dark-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-dark-rgb), .05);
}

.btn-flat-black {
    --bs-btn-bg: rgba(var(--bs-black-rgb), .1);
    --bs-btn-color: var(--bs-black);
    --bs-btn-border-color: var(--bs-black);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-black-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-black);
    --bs-btn-focus-shadow-rgb: var(--bs-black-rgb);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: rgba(var(--bs-black-rgb), .25);
    --bs-btn-active-border-color: var(--bs-black);
    --bs-btn-disabled-color: rgba(var(--bs-black-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-black-rgb), .05);
}

.btn-flat-white {
    --bs-btn-bg: rgba(var(--bs-white-rgb), .1);
    --bs-btn-color: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .2);
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: rgba(var(--bs-white-rgb), .25);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-color: rgba(var(--bs-white-rgb), .65);
    --bs-btn-disabled-bg: rgba(var(--bs-white-rgb), .05);
}

.btn-icon {
    padding-left: var(--bs-btn-padding-y);
    padding-right: var(--bs-btn-padding-y);
}

.btn-link {
    text-decoration: none;
}

.btn-transparent {
    --bs-btn-bg: transparent;
}

.btn-labeled {
    position: relative;
}

.btn-labeled-start {
    padding-left: calc(var(--bs-btn-padding-y) * 2 + var(--bs-btn-border-width) * 2 + var(--bs-btn-font-size) * var(--bs-btn-line-height) + var(--bs-btn-padding-x));
}

.btn-labeled-end {
    padding-right: calc(var(--bs-btn-padding-y) * 2 + var(--bs-btn-border-width) * 2 + var(--bs-btn-font-size) * var(--bs-btn-line-height) + var(--bs-btn-padding-x));
}

.btn-labeled-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: calc(var(--bs-btn-border-width) * -1);
    bottom: calc(var(--bs-btn-border-width) * -1);
    padding: var(--bs-btn-padding-y);
    width: calc(var(--bs-btn-padding-y) * 2 + var(--bs-btn-border-width) * 2 + var(--bs-btn-font-size) * var(--bs-btn-line-height));
}

.btn-labeled-start .btn-labeled-icon {
    left: calc(var(--bs-btn-border-width) * -1);
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}

.btn-labeled-end .btn-labeled-icon {
    right: calc(var(--bs-btn-border-width) * -1);
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.btn-lg {
    --bs-btn-line-height: var(--bs-body-line-height-lg);
}

.btn-sm {
    --bs-btn-line-height: var(--bs-body-line-height-sm);
}

.btn-flat-dark[data-color-theme=dark], [data-color-theme=dark] .btn-flat-dark:not([data-color-theme]), html[data-color-theme=dark] .btn-flat-dark,
.btn-flat-light[data-color-theme=dark],
[data-color-theme=dark] .btn-flat-light:not([data-color-theme]),
html[data-color-theme=dark] .btn-flat-light {
    color-scheme: dark;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-color: #fff;
}

.btn-dark[data-color-theme=dark], [data-color-theme=dark] .btn-dark:not([data-color-theme]), html[data-color-theme=dark] .btn-dark {
    color-scheme: dark;
    --bs-btn-bg: #181818;
    --bs-btn-border-color: #181818;
    --bs-btn-hover-bg: #111;
    --bs-btn-hover-border-color: #111;
    --bs-btn-focus-shadow-rgb: 17, 17, 17;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-disabled-bg: #181818;
    --bs-btn-disabled-border-color: #181818;
}

.btn-outline-dark[data-color-theme=dark], [data-color-theme=dark] .btn-outline-dark:not([data-color-theme]), html[data-color-theme=dark] .btn-outline-dark {
    color-scheme: dark;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #111;
    --bs-btn-hover-bg: #111;
    --bs-btn-hover-border-color: #111;
    --bs-btn-focus-shadow-rgb: 17, 17, 17;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-disabled-color: #fff;
}


/* ------------------------------------------------------------------------------
 *
 *  # Transitions overrides
 *
 * ---------------------------------------------------------------------------- */
.no-transitions *, .no-transitions *:before, .no-transitions *:after {
    transition: none !important;
}

.collapsible-indicator {
    transition: -webkit-transform ease-in-out var(--bs-transition-collapse-timer);
    transition: transform ease-in-out var(--bs-transition-collapse-timer);
    transition: transform ease-in-out var(--bs-transition-collapse-timer), -webkit-transform ease-in-out var(--bs-transition-collapse-timer);
}

@media (prefers-reduced-motion: reduce) {
    .collapsible-indicator {
        transition: none;
    }
}

.collapsed .collapsible-indicator {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* ------------------------------------------------------------------------------
 *
 *  # Dropdown menu component overrides
 *
 * ---------------------------------------------------------------------------- */
.dropdown-menu {
    --dropdown-scrollable-max-height: 17rem;
    --dropdown-item-spacer-y: 1px;
    --bs-dropdown-font-size: var(--dropdown-font-size);
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 13.75rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.625rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: var(--bs-body-font-size);
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-white);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width)));
    --bs-dropdown-divider-bg: var(--bs-border-color);
    --bs-dropdown-divider-margin-y: 0.625rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow-lg);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-gray-200);
    --bs-dropdown-link-active-color: var(--bs-gray-900);
    --bs-dropdown-link-active-bg: var(--bs-gray-300);
    --bs-dropdown-link-disabled-color: var(--bs-gray-500);
    --bs-dropdown-item-padding-x: var(--bs-spacer);
    --bs-dropdown-item-padding-y: calc(var(--bs-spacer)* 0.4);
    --bs-dropdown-header-color: rgba(var(--bs-body-color-rgb), 0.5);
    --bs-dropdown-header-padding-x: var(--bs-spacer);
    --bs-dropdown-header-padding-y: 0.625rem;
}

    .dropdown-menu[data-color-theme=dark], [data-color-theme=dark] .dropdown-menu:not([data-color-theme]), html[data-color-theme=dark] .dropdown-menu {
        color-scheme: dark;
        --dropdown-bg: #32333a;
        --dropdown-border-color: rgba(var(--bs-black-rgb), 0.25);
    }

.dropdown-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: color var(--bs-transition-base-timer) ease-in-out, background-color var(--bs-transition-base-timer) ease-in-out;
}
    .dropdown-item.pointer{
        cursor: pointer;
    }

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

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

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .25em;
    vertical-align: -.125em;
    font-family: var(--bs-icon-font-family);
    font-size: 1em;
    line-height: 1;
    content: "\e136";
    border-top: none;
    border-right: none;
    border-bottom: 0;
    border-left: none;
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative;
}

@media (prefers-reduced-motion: reduce) {
    .dropdown-item {
        transition: none;
    }
}

.btn-check:checked + .dropdown-item {
    color: var(--dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--dropdown-link-active-bg);
}

.dropdown-item + .dropdown-item, .btn-check + .dropdown-item, .dropdown-item + .btn-check, .dropdown-submenu + .dropdown-item, .dropdown-item + .dropdown-submenu {
    margin-top: var(--dropdown-item-spacer-y);
}

.dropdown-header {
    font-size: var(--bs-body-font-size);
}

.dropdown-image {
    max-height: var(--bs-body-line-height-computed);
}

@media (max-width: 575.98px) {
    .dropdown-menu-scrollable-sm {
        max-height: var(--dropdown-scrollable-max-height);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .dropdown-menu-scrollable-md {
        max-height: var(--dropdown-scrollable-max-height);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    .dropdown-menu-scrollable-lg {
        max-height: var(--dropdown-scrollable-max-height);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .dropdown-menu-scrollable-xl {
        max-height: var(--dropdown-scrollable-max-height);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .dropdown-menu-scrollable-xxl {
        max-height: var(--dropdown-scrollable-max-height);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.dropdown-menu-scrollable {
    max-height: var(--dropdown-scrollable-max-height);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.dropdown-menu-dark[data-color-theme=dark], [data-color-theme=dark] .dropdown-menu-dark:not([data-color-theme]), html[data-color-theme=dark] .dropdown-menu-dark {
    color-scheme: dark;
    --dropdown-bg: #0e0f10;
    --dropdown-border-color: rgba(var(--bs-black-rgb), 0.2);
}

.dropdown-menu > .dropdown-submenu {
    position: relative;
}

    .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-right: calc(var(--dropdown-item-padding-x) + var(--bs-body-font-size) * 1.5);
    }

        .dropdown-menu > .dropdown-submenu > .dropdown-item:after {
            content: "\f31c";
            font-family: var(--bs-icon-font-family);
            position: absolute;
            top: 50%;
            right: calc(var(--dropdown-item-padding-x) * 0.75);
            font-size: var(--bs-body-font-size);
            line-height: 1;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

[dir=rtl] .dropdown-menu > .dropdown-submenu > .dropdown-item:after {
    content: "\f31b";
}

.dropdown-menu > .dropdown-submenu:hover > .dropdown-item:not(.dropdown-toggle) {
    color: var(--dropdown-link-hover-color);
    background-color: var(--dropdown-link-hover-bg);
}

.dropdown-menu > .dropdown-submenu.show > .dropdown-item {
    color: var(--dropdown-link-active-color);
    background-color: var(--dropdown-link-active-bg);
}

.dropdown-menu > .dropdown-submenu:hover > .dropdown-item:not(.dropdown-toggle) ~ .dropdown-menu, .dropdown-menu > .dropdown-submenu:focus > .dropdown-item:not(.dropdown-toggle) ~ .dropdown-menu {
    display: block;
}

.dropdown-menu > .dropdown-submenu.disabled {
    pointer-events: none;
}

    .dropdown-menu > .dropdown-submenu.disabled > .dropdown-item {
        color: var(--dropdown-link-disabled-color);
    }

.dropdown-menu > .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: calc((var(--dropdown-padding-y) + var(--dropdown-border-width)) * -1);
}

.dropdown-menu > .dropdown-submenu.dropdown-submenu-start > .dropdown-menu {
    left: auto;
    right: 100%;
}

@media (max-width: 991.98px) {
    .dropdown-menu > .dropdown-submenu .dropdown-toggle:after {
        content: "\f31a";
    }

    .dropdown-menu > .dropdown-submenu .dropdown-menu, .dropdown-menu > .dropdown-submenu.dropdown-submenu-start .dropdown-menu {
        position: static;
        margin: 0 !important;
        border-width: 0;
        width: 100%;
        box-shadow: none;
        border-radius: 0;
    }

    .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 2);
    }

    .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
    .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
        padding-left: calc(var(--dropdown-item-padding-x) * 3);
    }
}

.dropdown-menu .dropup > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: calc((var(--dropdown-padding-y) + var(--dropdown-border-width)) * -1);
}

.dropdown-menu .dropdown-submenu + .dropdown-submenu {
    margin-top: var(--dropdown-item-spacer-y);
}

.dropdown-menu-lg {
    --dropdown-item-padding: calc(var(--bs-spacer) * 0.5) var(--bs-spacer);
    --bs-dropdown-font-size: 1rem;
}

.dropdown-menu-sm {
    --dropdown-item-padding: calc(var(--bs-spacer) * 0.3) calc(var(--bs-spacer) * 0.75);
    --bs-dropdown-font-size: 0.75rem;
}

[dir=rtl] .navbar-nav > .nav-item:not([class*=mega-menu]) > .dropdown-menu, [dir=rtl] .nav-item:not([class*=mega-menu]) .navbar-nav-link ~ .dropdown-menu {
    /*rtl:begin:ignore*/
    left: auto;
    right: 0;
    /*rtl:end:ignore*/
}

[dir=rtl] .navbar-nav > .nav-item:not([class*=mega-menu]) > .dropdown-menu-end, [dir=rtl] .nav-item:not([class*=mega-menu]) .navbar-nav-link ~ .dropdown-menu-end {
    /*rtl:begin:ignore*/
    right: auto;
    left: 0;
    /*rtl:end:ignore*/
}

/* ------------------------------------------------------------------------------
 *
 *  # Typography overrides
 *
 * ---------------------------------------------------------------------------- */
.list > li:not(:first-child),
.list > li .list > li {
    margin-top: var(--bs-spacer-1);
}

ul.list-square {
    list-style-type: square;
}

ul.list-circle {
    list-style-type: circle;
}

.list-inline-bullet {
    --bs-list-inline-bullet-size: .3125rem;
}

    .list-inline-bullet .list-inline-item {
        position: relative;
    }

        .list-inline-bullet .list-inline-item:not(:last-child) {
            margin-right: var(--bs-spacer-2);
            padding-right: calc(var(--bs-spacer-2) + var(--bs-list-inline-bullet-size));
        }

            .list-inline-bullet .list-inline-item:not(:last-child):after {
                content: "";
                width: var(--bs-list-inline-bullet-size);
                height: var(--bs-list-inline-bullet-size);
                background-color: currentColor;
                opacity: 0.65;
                position: absolute;
                left: 100%;
                top: 0;
                margin-top: calc((var(--bs-body-line-height-computed) - var(--bs-list-inline-bullet-size)) * 0.5);
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                border-radius: var(--bs-border-radius-pill);
            }

.blockquote-footer {
    margin-top: 0;
}

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

a.text-body {
    transition: color ease-in-out var(--transition-base-timer);
}

    a.text-body.pointer {
        cursor:pointer;
    }

    a.text-body.move {
        cursor: move
    }

    a.text-body:hover, a.text-body:focus, a.text-body:active, a.text-body.active, a.text-body[aria-expanded=true], a.text-body[data-bs-toggle=collapse]:not(.collapsed) {
        color: var(--bs-link-color) !important;
    }

.list-feed {
    --bs-feed-item-padding-y: 1.25rem;
    --bs-feed-item-padding-x: calc(var(--bs-spacer) + var(--bs-feed-circle-radius));
    --bs-feed-circle-bg: var(--bs-white);
    --bs-feed-circle-radius: 0.5rem;
    --bs-feed-circle-position: calc((var(--bs-body-line-height-computed) - var(--bs-feed-circle-radius)) * 0.5);
    --bs-feed-circle-border-width: calc(var(--bs-border-width) * 2);
    --bs-feed-circle-border-color: var(--secondary);
}

    .list-feed[data-color-theme=dark], [data-color-theme=dark] .list-feed:not([data-color-theme]), html[data-color-theme=dark] .list-feed {
        color-scheme: dark;
        --bs-feed-circle-bg: #2c2d33;
    }

.list-feed-item {
    position: relative;
    padding-bottom: var(--bs-feed-item-padding-y);
    padding-left: var(--bs-feed-item-padding-x);
}

    .list-feed-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: var(--bs-feed-circle-position);
        background-color: var(--bs-feed-circle-bg);
        display: inline-block;
        border: var(--bs-feed-circle-border-width) solid var(--bs-feed-circle-border-color);
        z-index: 3;
        width: var(--bs-feed-circle-radius);
        height: var(--bs-feed-circle-radius);
        border-radius: var(--bs-border-radius-pill);
    }

    .list-feed-item:after {
        content: "";
        position: absolute;
        top: var(--bs-feed-circle-position);
        left: calc(var(--bs-feed-circle-radius) * 0.5 - var(--bs-feed-circle-border-width) * 0.5);
        bottom: calc((var(--bs-feed-circle-position) + var(--bs-feed-circle-border-width)) * -1);
        width: 0;
        border-left: calc(var(--bs-feed-circle-border-width) * 0.5) solid var(--bs-feed-circle-border-color);
        border-right: calc(var(--bs-feed-circle-border-width) * 0.5) solid var(--bs-feed-circle-border-color);
        z-index: 2;
    }

    .list-feed-item:first-child:after {
        top: var(--bs-feed-circle-radius);
    }

    .list-feed-item:last-child {
        padding-bottom: 0;
    }

        .list-feed-item:last-child:after {
            content: none;
        }

    .list-feed-item[class*=border-]:before, .list-feed-item[class*=border-]:after {
        border-color: inherit;
    }

.list-feed-solid .list-feed-item:before {
    content: "";
    border-width: calc(var(--bs-feed-circle-radius) * 0.5);
    width: 0;
    height: 0;
}

.list-feed-square .list-feed-item:before {
    content: "";
    border-radius: 0;
}

.list-feed-rhombus .list-feed-item:before {
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
}

.list-feed-time .list-feed-item {
    margin-left: calc(var(--bs-feed-item-padding-x) * 2 - var(--bs-feed-circle-radius) * 0.5);
}

    .list-feed-time .list-feed-item .feed-time {
        position: absolute;
        left: calc((var(--bs-feed-item-padding-x) * 2 - var(--bs-feed-circle-radius) * 0.5) * -1);
        top: 0;
    }

.content-divider {
    text-align: center;
    position: relative;
    z-index: 1;
}

    .content-divider > span {
        background-color: var(--bs-body-bg);
        display: inline-block;
    }

.card .content-divider > span {
    background-color: var(--bs-card-bg);
}

.modal .content-divider > span {
    background-color: var(--bs-modal-bg);
}

.content-divider > span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: var(--bs-border-width);
    background-color: var(--bs-border-color);
    width: 100%;
    z-index: -1;
}

.letter-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: var(--bs-body-line-height-computed);
    height: var(--bs-body-line-height-computed);
    font-weight: 500;
    line-height: 1;
}

/* ------------------------------------------------------------------------------
 *
 *  # Images component overrides
 *
 * ---------------------------------------------------------------------------- */
.status-indicator-container {
    --indicator-size: .3125rem;
    --indicator-gap: .125rem;
    position: relative;
}

    .status-indicator-container img {
        -webkit-mask-image: radial-gradient(circle at calc(100% - var(--indicator-size)) calc(100% - var(--indicator-size)), rgba(0, 0, 0, 0) calc(var(--indicator-size) + var(--indicator-gap)), #000 0);
    }

.status-indicator {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: var(--indicator-size);
    border-radius: var(--bs-border-radius-pill);
}

.img-preview {
    max-height: 4rem;
}

.table {
    margin-bottom: 0;
}

    .table[data-color-theme=dark], [data-color-theme=dark] .table:not([data-color-theme]), html[data-color-theme=dark] .table {
        color-scheme: dark;
        --table-striped-bg: rgba(var(--bs-white-rgb), 0.035);
        --table-striped-bg: rgba(var(--bs-white-rgb), 0.035);
        --table-hover-bg: rgba(var(--bs-white-rgb), 0.05);
    }

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

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

    .table > thead,
    .table > .thead {
        vertical-align: middle;
    }

        .table > thead > * > *,
        .table > .thead > * > * {
            border-bottom: var(--table-border-width) solid var(--table-group-separator-color);
        }

    .table > tfoot > * > * {
        border-top-color: var(--table-group-separator-color);
    }

    .table[class*=bg-] > :not(caption) > * > * {
        background-color: inherit;
        border-color: rgba(var(--bs-white-rgb), 0.15);
    }

    .table[class*=bg-].table-striped tbody > tr:nth-of-type(odd) > * {
        --table-striped-bg: rgba(var(--bs-black-rgb), .05);
    }

    .table[class*=bg-].table-hover tbody > tr:hover > * {
        --table-accent-bg: rgba(var(--bs-black-rgb), .075);
    }

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

.table-hover > tbody > tr > * {
    transition: box-shadow ease-in-out var(--bs-transition-base-timer);
}

@media (prefers-reduced-motion: reduce) {
    .table-hover > tbody > tr > * {
        transition: none;
    }
}

.table-scrollable {
    max-height: 23.438rem;
    overflow: auto;
}

.table-columned > :not(caption) > * > * {
    border-top-width: 0;
    border-left-width: var(--table-border-width);
}

    .table-columned > :not(caption) > * > *:first-child {
        border-left: 0;
    }

.table-xl {
    --table-cell-padding-y: 1.25rem;
    --table-cell-padding-x: 1.25rem;
}

.table-lg {
    --table-cell-padding-y: 1rem;
    --table-cell-padding-x: 1.25rem;
}

.table-xs {
    --table-cell-padding-y: 0.5rem;
    --table-cell-padding-x: 1.25rem;
}

thead > .table-border-solid > * {
    border-bottom-width: calc(var(--table-border-width) * 2);
}

tbody > .table-border-solid > *, tfoot > .table-border-solid > * {
    border-top-width: calc(var(--table-border-width) * 2);
}

thead > .table-border-double > * {
    border-bottom-width: calc(var(--table-border-width) * 3);
    border-bottom-style: double;
}

tbody > .table-border-double > *, tfoot > .table-border-double > * {
    border-top-width: calc(var(--table-border-width) * 3);
    border-top-style: double;
}

.table-border-dashed > * {
    border-top-style: dashed;
}


.table-primary[data-color-theme=dark], [data-color-theme=dark] .table-primary:not([data-color-theme]), html[data-color-theme=dark] .table-primary {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(12, 131, 255, 0.1);
    --table-border-color: rgba(177, 215, 255, 0.19);
    --table-striped-bg: rgba(111, 182, 255, 0.1315);
    --table-striped-color: color;
    --table-active-bg: rgba(177, 215, 255, 0.19);
    --table-active-color: color;
    --table-hover-bg: rgba(134, 193, 255, 0.145);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

.table-secondary[data-color-theme=dark], [data-color-theme=dark] .table-secondary:not([data-color-theme]), html[data-color-theme=dark] .table-secondary {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(36, 114, 151, 0.1);
    --table-border-color: rgba(185, 210, 222, 0.19);
    --table-striped-bg: rgba(125, 172, 193, 0.1315);
    --table-striped-color: color;
    --table-active-bg: rgba(185, 210, 222, 0.19);
    --table-active-color: color;
    --table-hover-bg: rgba(146, 185, 203, 0.145);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

.table-success[data-color-theme=dark], [data-color-theme=dark] .table-success:not([data-color-theme]), html[data-color-theme=dark] .table-success {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(5, 150, 105, 0.1);
    --table-border-color: rgba(175, 221, 207, 0.19);
    --table-striped-bg: rgba(107, 193, 166, 0.1315);
    --table-striped-color: color;
    --table-active-bg: rgba(175, 221, 207, 0.19);
    --table-active-color: color;
    --table-hover-bg: rgba(130, 203, 180, 0.145);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

.table-info[data-color-theme=dark], [data-color-theme=dark] .table-info:not([data-color-theme]), html[data-color-theme=dark] .table-info {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(4, 154, 173, 0.1);
    --table-border-color: rgba(174, 223, 229, 0.19);
    --table-striped-bg: rgba(106, 195, 206, 0.1315);
    --table-striped-color: color;
    --table-active-bg: rgba(174, 223, 229, 0.19);
    --table-active-color: color;
    --table-hover-bg: rgba(130, 205, 214, 0.145);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

.table-warning[data-color-theme=dark], [data-color-theme=dark] .table-warning:not([data-color-theme]), html[data-color-theme=dark] .table-warning {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(245, 134, 70, 0.1);
    --table-border-color: rgba(252, 216, 196, 0.19);
    --table-striped-bg: rgba(249, 183, 145, 0.1315);
    --table-striped-color: color;
    --table-active-bg: rgba(252, 216, 196, 0.19);
    --table-active-color: color;
    --table-hover-bg: rgba(250, 195, 163, 0.145);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

.table-danger[data-color-theme=dark], [data-color-theme=dark] .table-danger:not([data-color-theme]), html[data-color-theme=dark] .table-danger {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(239, 68, 68, 0.1);
    --table-border-color: rgba(250, 195, 195, 0.19);
    --table-striped-bg: rgba(246, 144, 144, 0.1315);
    --table-striped-color: color;
    --table-active-bg: rgba(250, 195, 195, 0.19);
    --table-active-color: color;
    --table-hover-bg: rgba(247, 162, 162, 0.145);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

.table-light[data-color-theme=dark], [data-color-theme=dark] .table-light:not([data-color-theme]), html[data-color-theme=dark] .table-light {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(243, 244, 246, 0.05);
    --table-border-color: rgba(253, 253, 253, 0.145);
    --table-striped-bg: rgba(250, 250, 251, 0.08325);
    --table-striped-color: color;
    --table-active-bg: rgba(253, 253, 253, 0.145);
    --table-active-color: color;
    --table-hover-bg: rgba(251, 251, 252, 0.0975);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

.table-dark[data-color-theme=dark], [data-color-theme=dark] .table-dark:not([data-color-theme]), html[data-color-theme=dark] .table-dark {
    color-scheme: dark;
    --table-color: #fff;
    --table-bg: rgba(0, 0, 0, 0.25);
    --table-border-color: rgba(112, 112, 112, 0.325);
    --table-striped-bg: rgba(52, 52, 52, 0.27625);
    --table-striped-color: color;
    --table-active-bg: rgba(112, 112, 112, 0.325);
    --table-active-color: color;
    --table-hover-bg: rgba(69, 69, 69, 0.2875);
    --table-hover-color: color;
    color: var(--bs-body-color);
    border-color: var(--table-border-color);
}

/* ------------------------------------------------------------------------------
 *
 *  # Card overrides
 *
 * ---------------------------------------------------------------------------- */
.card {
    /*    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color:;
    --bs-card-subtitle-color:;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;*/
    /*    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);*/
}

.card {
    --bs-card-bg: var(--bs-white);
    --bs-card-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--bs-box-shadow);
    border: 0;
    margin-bottom: var(--bs-spacer);
    box-shadow: var(--bs-card-box-shadow);
    --bs-card-cap-padding-y: calc(var(--bs-spacer)* 0.75);
    --bs-card-cap-padding-x: var(--bs-spacer);
}

    .card[data-color-theme=dark], [data-color-theme=dark] .card:not([data-color-theme]), html[data-color-theme=dark] .card {
        color-scheme: dark;
        --bs-card-bg: #2c2d33;
    }

.card-header {
    background-color: white;
}

.card-footer {
    --bs-card-cap-bg: rgba(var(--bs-black-rgb), .015);
}

.card-group-vertical > .card {
    margin-bottom: 0;
}

    .card-group-vertical > .card + .card {
        border-top: 0 !important;
    }

    .card-group-vertical > .card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

        .card-group-vertical > .card:not(:last-child) .card-img-top,
        .card-group-vertical > .card:not(:last-child) .card-header {
            border-bottom-left-radius: 0;
        }

        .card-group-vertical > .card:not(:last-child) .card-img-bottom,
        .card-group-vertical > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0;
        }

    .card-group-vertical > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .card-group-vertical > .card:not(:first-child) .card-img-top,
        .card-group-vertical > .card:not(:first-child) .card-header {
            border-top-left-radius: 0;
        }

        .card-group-vertical > .card:not(:first-child) .card-img-bottom,
        .card-group-vertical > .card:not(:first-child) .card-footer {
            border-top-right-radius: 0;
        }

.card-group-vertical .card-header {
    border-bottom: 0;
}

.card-group-vertical .card-body {
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-body .card-img {
    border-radius: var(--bs-card-border-radius);
}

.card-img-actions {
    position: relative;
}

    .card-img-actions:hover .card-img-actions-overlay, .card-img-actions:focus .card-img-actions-overlay {
        opacity: 1;
        visibility: visible;
    }

.card-img-actions-overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--bs-black-rgb), 0.75);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out var(--bs-transition-base-timer);
}

@media (prefers-reduced-motion: reduce) {
    .card-img-actions-overlay {
        transition: none;
    }
}

[data-card-action] {
    cursor: pointer;
    line-height: 1;
}

[data-card-action=collapse] i {
    transition: -webkit-transform ease-in-out var(--bs-transition-collapse-timer);
    transition: transform ease-in-out var(--bs-transition-collapse-timer);
    transition: transform ease-in-out var(--bs-transition-collapse-timer), -webkit-transform ease-in-out var(--bs-transition-collapse-timer);
}

@media (prefers-reduced-motion: reduce) {
    [data-card-action=collapse] i {
        transition: none;
    }
}

.card-collapsed [data-card-action=collapse] i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.card-header-tabs {
    --bs-nav-link-padding-y: 1rem;
}

    .card-header-tabs .nav-link {
        border-top-width: 0;
    }

.card-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-radius: 0;
    z-index: 1055;
    -webkit-overflow-scrolling: touch;
}

.card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(var(--bs-white-rgb), 0.75);
    z-index: 1001;
    -webkit-animation: cardOverlayEnter var(--bs-transition-base-timer) ease;
    animation: cardOverlayEnter var(--bs-transition-base-timer) ease;
    border-radius: var(--bs-border-radius);
}

    .card-overlay[data-color-theme=dark], [data-color-theme=dark] .card-overlay:not([data-color-theme]), html[data-color-theme=dark] .card-overlay {
        color-scheme: dark;
        background-color: rgba(var(--bs-black-rgb), 0.5);
    }

.card-overlay-fadeout {
    -webkit-animation: cardOverlayExit var(--bs-transition-base-timer) ease;
    animation: cardOverlayExit var(--bs-transition-base-timer) ease;
}

@-webkit-keyframes cardOverlayEnter {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cardOverlayEnter {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cardOverlayExit {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes cardOverlayExit {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.card > .table-bordered > :not(caption) > *,
.card > [class*=table-responsive] > .table-bordered > :not(caption) > * {
    border-width: 0;
}

    .card > .table-bordered > :not(caption) > * > *:first-child,
    .card > [class*=table-responsive] > .table-bordered > :not(caption) > * > *:first-child {
        border-left: 0;
    }

    .card > .table-bordered > :not(caption) > * > *:last-child,
    .card > [class*=table-responsive] > .table-bordered > :not(caption) > * > *:last-child {
        border-right: 0;
    }

.card > .table:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}

    .card > .table:first-child thead:first-child tr:first-child,
    .card > .table:first-child tbody:first-child tr:first-child,
    .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child,
    .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child {
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius);
    }

        .card > .table:first-child thead:first-child tr:first-child td:first-child,
        .card > .table:first-child thead:first-child tr:first-child th:first-child,
        .card > .table:first-child tbody:first-child tr:first-child td:first-child,
        .card > .table:first-child tbody:first-child tr:first-child th:first-child,
        .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td:first-child,
        .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th:first-child,
        .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child td:first-child,
        .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child th:first-child {
            border-top-left-radius: var(--bs-card-inner-border-radius);
        }

        .card > .table:first-child thead:first-child tr:first-child td:last-child,
        .card > .table:first-child thead:first-child tr:first-child th:last-child,
        .card > .table:first-child tbody:first-child tr:first-child td:last-child,
        .card > .table:first-child tbody:first-child tr:first-child th:last-child,
        .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td:last-child,
        .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th:last-child,
        .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child td:last-child,
        .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child th:last-child {
            border-top-right-radius: var(--bs-card-inner-border-radius);
        }

.card > .table:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

    .card > .table:last-child tbody:last-child tr:last-child,
    .card > .table:last-child tfoot:last-child tr:last-child,
    .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child,
    .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child {
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
    }

        .card > .table:last-child tbody:last-child tr:last-child td:first-child,
        .card > .table:last-child tbody:last-child tr:last-child th:first-child,
        .card > .table:last-child tfoot:last-child tr:last-child td:first-child,
        .card > .table:last-child tfoot:last-child tr:last-child th:first-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child td:first-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child th:first-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child td:first-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child th:first-child {
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
        }

        .card > .table:last-child tbody:last-child tr:last-child td:last-child,
        .card > .table:last-child tbody:last-child tr:last-child th:last-child,
        .card > .table:last-child tfoot:last-child tr:last-child td:last-child,
        .card > .table:last-child tfoot:last-child tr:last-child th:last-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child td:last-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child th:last-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child td:last-child,
        .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child th:last-child {
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
        }

.card-body + [class*=table-responsive],
.card-body + .table {
    border-top: var(--bs-border-width) solid var(--bs-border-color);
}


/* ------------------------------------------------------------------------------
 *
 *  # Form controls overrides
 *
 * ---------------------------------------------------------------------------- */

.form-control {
    --bs-input-padding-y: 0.5rem;
    --bs-input-padding-x: 0.875rem;
    --bs-input-height: calc(calc(var(--bs-input-line-height) * 1em) + calc(var(--bs-input-padding-y) * 2) + calc(var(--bs-border-width) * 2));
    --bs-input-bg: var(--bs-white);
    --bs-input-color: var(--bs-body-color);
    --bs-input-plaintext-color: var(--bs-body-color);
    --bs-input-placeholder-color: var(--bs-gray-600);
    --bs-input-font-weight: 400;
    --bs-input-font-size: var(--bs-body-font-size);
    --bs-input-line-height: var(--bs-body-line-height);
    --bs-input-border-width: var(--bs-border-width);
    --bs-input-border-color: var(--bs-gray-400);
    --bs-input-border-radius: var(--bs-border-radius);
    --bs-input-box-shadow: 0 0 0 0 transparent;
    --bs-input-focus-bg: var(--bs-white);
    --bs-input-focus-border-color: var(--bs-component-active-bg);
    --bs-input-focus-box-shadow: var(--bs-focus-ring-box-shadow);
    --bs-input-disabled-bg: var(--bs-gray-100);
    --bs-input-disabled-border-color: var(--bs-gray-400);
    display: block;
    width: 100%;
    padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
    font-size: var(--bs-input-font-size);
    font-weight: var(--bs-input-font-weight);
    line-height: var(--bs-input-line-height);
    color: var(--bs-input-color);
    background-color: var(--bs-input-bg);
    background-clip: padding-box;
    border: var(--bs-input-border-width) solid var(--bs-input-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-input-border-radius);
    box-shadow: var(--bs-input-box-shadow);
    transition: border-color var(--bs-transition-base-timer) ease-in-out, box-shadow var(--bs-transition-base-timer) ease-in-out;
}


.form-control {
    --bs-input-disabled-color:;
}

    .form-control[data-color-theme=dark], [data-color-theme=dark] .form-control:not([data-color-theme]), html[data-color-theme=dark] .form-control {
        color-scheme: dark;
        --bs-input-bg: #2c2d33;
        --bs-input-focus-bg: #2c2d33;
    }

        .form-control[data-color-theme=dark]:not([list])::-webkit-calendar-picker-indicator, [data-color-theme=dark] .form-control:not([data-color-theme]):not([list])::-webkit-calendar-picker-indicator, html[data-color-theme=dark] .form-control:not([list])::-webkit-calendar-picker-indicator {
            -webkit-filter: invert(1);
            filter: invert(1);
        }

    .form-control:disabled {
        color: var(--bs-input-disabled-color);
    }

    .form-control[readonly]:focus {
        border-color: var(--bs-input-focus-border-color);
    }

    .form-control[list]::-webkit-calendar-picker-indicator {
        color: currentcolor;
    }

.form-control-number {
    -webkit-appearance: textfield;
}

    .form-control-number::-webkit-inner-spin-button, .form-control-number::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

.form-control-plaintext:focus {
    outline: 0;
}

.form-control-feedback {
    position: relative;
}

.form-control-feedback-start .form-control-feedback-icon {
    left: 0;
}

.form-control-feedback-start .form-control {
    padding-left: calc(var(--bs-input-padding-x) * 2 + var(--bs-icon-font-size));
}

.form-control-feedback-end .form-control-feedback-icon {
    right: 0;
}

.form-control-feedback-end .form-control {
    padding-right: calc(var(--bs-input-padding-x) * 2 + var(--bs-icon-font-size));
}

.form-control-feedback .form-control-lg {
    --bs-icon-font-size: var(--bs-icon-font-size-lg);
}

.form-control-feedback .form-control-sm {
    --bs-icon-font-size: var(--bs-icon-font-size-sm);
}

.form-control-feedback-icon {
    --bs-input-icon-padding-y: 0.5rem;
    --bs-input-icon-padding-x: 0.875rem;
    position: absolute;
    top: calc(var(--bs-border-width) + calc(var(--bs-body-line-height-computed) - var(--bs-icon-font-size)) * .5);
    color: rgba(var(--bs-body-color-rgb), 0.75);
    padding: var(--bs-input-icon-padding-y) var(--bs-input-icon-padding-x);
    min-width: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
}

.form-control-feedback-icon-lg {
    --bs-input-icon-padding-x: 1rem;
}

.form-control-feedback-icon-sm {
    --bs-input-icon-padding-x: 0.75rem;
}

.form-control.border-indigo {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-indigo-rgb), 0.25);
}

.form-control.border-purple {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-purple-rgb), 0.25);
}

.form-control.border-pink {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-pink-rgb), 0.25);
}

.form-control.border-teal {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-teal-rgb), 0.25);
}

.form-control.border-yellow {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-yellow-rgb), 0.25);
}

.form-control.border-primary {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-control.border-secondary {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-secondary-rgb), 0.25);
}

.form-control.border-success {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25);
}

.form-control.border-info {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-info-rgb), 0.25);
}

.form-control.border-warning {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-warning-rgb), 0.25);
}

.form-control.border-danger {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25);
}

.form-control.border-light {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-light-rgb), 0.25);
}

.form-control.border-dark {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-dark-rgb), 0.25);
}

.form-control.border-black {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-black-rgb), 0.25);
}

.form-control.border-white {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-white-rgb), 0.25);
}

.form-control-content {
    max-height: calc(var(--bs-body-line-height-computed) * 8 + var(--bs-input-padding-y) * 2);
    overflow-y: auto;
}

    .form-control-content[contentEditable]:empty:before {
        content: attr(data-placeholder);
        opacity: 0.6;
    }


/* ------------------------------------------------------------------------------
 *
 *  # Validation component overrides
 *
 * ---------------------------------------------------------------------------- */
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.input-validation-error ~ .invalid-feedback,
.input-validation-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.input-validation-error {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:invalid:focus, .form-control.input-validation-error:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

.was-validated textarea.form-control:invalid, textarea.form-control.input-validation-error {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.input-validation-error {
    border-color: var(--bs-form-invalid-border-color);
}

    .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.input-validation-error:not([multiple]):not([size]), .form-select.input-validation-error:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: 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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right 0.75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .was-validated .form-select:invalid:focus, .form-select.input-validation-error:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

.was-validated .form-control-color:invalid, .form-control-color.input-validation-error {
    width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.input-validation-error {
    border-color: var(--bs-form-invalid-border-color);
}

    .was-validated .form-check-input:invalid:checked, .form-check-input.input-validation-error:checked {
        background-color: var(--bs-form-invalid-color);
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.input-validation-error:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.input-validation-error ~ .form-check-label {
        color: var(--bs-form-invalid-color);
    }

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

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).input-validation-error,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).input-validation-error,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).input-validation-error {
    z-index: 4;
}

/* ------------------------------------------------------------------------------
 *
 *  # Form inputs overrides
 *
 * ---------------------------------------------------------------------------- */
.form-check-input {
    --bs-form-check-input-width: 1.25rem;
    --bs-form-check-input-height: 1.25rem;
    --bs-form-check-input-bg: var(--bs-white);
    --bs-form-check-input-border: calc(var(--bs-border-width) * 2) solid var(--bs-gray-400);
    --bs-form-check-input-border-radius: 0.1875em;
    --bs-form-check-input-focus-border: var(--bs-component-active-bg);
    --bs-form-check-input-focus-box-shadow: var(--focus-ring-box-shadow);
    --bs-form-check-input-checked-bg-color: var(--bs-component-active-bg);
    --bs-form-check-input-checked-border-color: transparent;
    --bs-form-check-input-disabled-opacity: 0.5;
    --bs-form-check-input-indeterminate-bg-color: var(--bs-component-active-bg);
    --bs-form-check-input-indeterminate-border-color: transparent;
    --bs-form-check-checked-bg-color-rgb: var(--bs-component-active-bg-rgb);
    --bs-form-check-checked-border-color: transparent;
    --bs-form-check-radio-border-radius: 100rem;
    width: var(--bs-form-check-input-width);
    height: var(--bs-form-check-input-height);
    margin-top: calc((var(--bs-body-line-height) - var(--bs-form-check-input-height)) * 0.5);
    vertical-align: top;
    background-color: var(--bs-form-check-input-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-form-check-input-border);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    transition: box-shadow var(--bs-transition-base-timer) ease-in-out, border-color var(--bs-transition-base-timer) ease-in-out, background-color var(--bs-transition-base-timer) ease-in-out;
}


.form-check-horizontal {
    margin-top: calc(0.5rem + var(--bs-border-width));
}

.form-check-input {
    margin-top: calc((var(--bs-body-line-height-computed) - var(--bs-form-check-input-height)) * 0.5);
}

    .form-check-input[data-color-theme=dark], [data-color-theme=dark] .form-check-input:not([data-color-theme]), html[data-color-theme=dark] .form-check-input {
        color-scheme: dark;
        --bs-form-check-input-bg: #2c2d33;
    }

.form-switch .form-check-input[data-color-theme=dark], [data-color-theme=dark] .form-switch .form-check-input:not([data-color-theme]), html[data-color-theme=dark] .form-switch .form-check-input {
    color-scheme: dark;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input-secondary {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-secondary-rgb), 0.25);
    --bs-component-active-bg: var(--bs-secondary);
}

.form-check-input-dark {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-dark-rgb), 0.25);
    --bs-component-active-bg: var(--bs-dark);
}

.form-check-input-success {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25);
    --bs-component-active-bg: var(--bs-success);
}

.form-check-input-danger {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25);
    --bs-component-active-bg: var(--bs-danger);
}

.form-check-input-warning {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-warning-rgb), 0.25);
    --bs-component-active-bg: var(--bs-warning);
}

.form-check-input-info {
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-info-rgb), 0.25);
    --bs-component-active-bg: var(--bs-info);
}

.form-check-input-white {
    --bs-form-check-input-bg: transparent !important;
    --bs-form-check-input-border: calc(var(--bs-border-width) * 2) solid rgba(var(--bs-white-rgb), .5);
    --bs-focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--bs-white-rgb), 0.25);
    --bs-component-active-bg: var(--bs-white);
    --bs-form-check-input-focus-box-shadow: 0 0 0 0.125rem rgba(var(--bs-white-rgb), .25);
}

    .form-check-input-white: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='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10l4 4l6-8'/%3e%3c/svg%3e");
    }

        .form-check-input-white:checked[type=checkbox]:indeterminate {
            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='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10h10'/%3e%3c/svg%3e");
        }

    .form-check-input-white: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='%231F2937'/%3e%3c/svg%3e");
    }

.form-switch .form-check-input-white, .form-switch .form-check-input-white: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='%23fff'/%3e%3c/svg%3e");
}

    .form-switch .form-check-input-white:checked[type=checkbox], .form-switch .form-check-input-white: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='3' fill='%23252b36'/%3e%3c/svg%3e");
    }

/*========================= Tooltips & Popover =========================*/

.popover.fullwidth {
    max-width: none !important;
    width: calc(100% - 20px) !important;
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

    .popover.fullwidth .popover-body {
        padding: 0px 20px 0px 0px;
        background-color: rgba(255, 255, 255, 0);

    }

    .popover.fullwidth .popover-body .card{
        margin-bottom:0px;
    }

/*========================= FORMS INPUTS DISABLES =========================*/

.cardFormDetails .profile-img {
    height: 280px;
    width: 280px;
}

.cardFormDetails .selectoption {
    background-color: transparent;
    color: var(--bs-input-disabled-color);
    font-size: 14px;
}

.cardFormDetails .form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.cardFormDetails .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

    .cardFormDetails .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
        display: none;
    }

.cardFormDetails .dual-listbox {
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .mobile-label-span {
        flex-direction: column;
        display: flex;
        justify-content: space-between;
    }

    #document-details .sidebar,
    #file-preview {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 992px) {

    #document-details {
        width: 30vw !important;
    }

    #file-preview {
        max-width: 66vw;
    }
}