:root {
    --bs-primary: undefined;
    --bs-secondary: undefined;
    --bs-success: undefined;
    --bs-info: undefined;
    --bs-warning: undefined;
    --bs-danger: undefined;
    --bs-primary-dark: rgb(50,50,50);
    --bs-secondary-dark: rgb(50,50,50);
    --bs-success-dark: rgb(50,50,50);
    --bs-info-dark: rgb(50,50,50);
    --bs-warning-dark: rgb(50,50,50);
    --bs-danger-dark: rgb(50,50,50);
    --bs-light: undefined;
    --bs-dark: undefined;
    --bs-default: undefined;
    --bs-primary-rgb: 0, 0, 0;
    --bs-secondary-rgb: 0, 0, 0;
    --bs-success-rgb: 0, 0, 0;
    --bs-info-rgb: 0, 0, 0;
    --bs-warning-rgb: 0, 0, 0;
    --bs-danger-rgb: 0, 0, 0;
    --bs-light-rgb: 0, 0, 0;
    --bs-dark-rgb: 0, 0, 0;
    --bs-default-rgb: 0, 0, 0;
    --bs-body-color-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 0, 0, 0;
    --bs-body-color: undefined;
    --bs-body-bg: undefined;
    --bs-border-color: undefined;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: undefinedpx;
    --bs-link-color: undefined;
    --bs-link-hover-color: undefined;

    --theme-color-1: undefined;
    --theme-color-2: undefined;
    --theme-color-3: #8a9fb4;
    --theme-color-1-10: rgba(0, 0, 0, 0.1);
    --theme-color-2-10: rgba(0, 0, 0, 0.1);
    --theme-color-3-10: rgba(138, 159, 180, 0.1);
    --text-color: undefined;
    --primary-color: undefined;
    --foreground-color: undefined;
    --background-color: undefined;
    --separator-color: rgba(20, 19, 19, 0.0901960784);
    --separator-color-light: rgba(0, 0, 0, 0.0392156863);
    --bs-border-color: rgba(20, 19, 19, 0.0901960784);
    --bs-default-rgb: rgba(20, 19, 19, 0.0901960784);

    --bs-header-bg: undefined;
    --bs-header-text-color: undefined;
    --bs-header-text-active-color: undefined;
    --bs-sub-footer-bg: undefined;
    --bs-sub-footer-text-color: undefined;
    --bs-sub-footer-text-active-color: undefined;
    --bs-footer-bg: undefined;
    --bs-footer-text-color: undefined;
    --bs-footer-text-active-color: undefined;

    --bs-toolbar-bg: undefined;
    --bs-toolbar-text-color: undefined;
    --bs-toolbar-text-active-color: undefined;
    --bs-sidebar-bg: undefined;
    --bs-sidebar-text-color: undefined;
    --bs-sidebar-text-active-color: undefined;
}

:root,
.dark-theme, 
.dark-theme:root, 
[data-theme=dark] {    
    --bs-primary: undefined;
    --bs-secondary: undefined;
    --bs-primary-rgb: 0, 0, 0;
    --bs-secondary-rgb: 0, 0, 0;
    --bs-primary-dark: rgb(50,50,50);
    --bs-secondary-dark: rgb(50,50,50);

    --bs-link-color: undefined;
    --bs-link-hover-color: undefined;
    
    --primary-color: undefined;
    --theme-color-1: undefined;
    --theme-color-2: undefined;
    --theme-color-1-10: rgba(0, 0, 0, 0.1);
    --theme-color-2-10: rgba(0, 0, 0, 0.1);
}

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

.card {
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-bg: #ffffff;
}

.dropdown-menu {
    --bs-dropdown-link-active-color: undefined;
    --bs-dropdown-link-active-bg: undefined;
}

.badge.bg-light {
    --bs-badge-color: undefined;
}

.btn {
    color: var(--bs-btn-color) !important;
}

.btn:hover {
    color: var(--bs-btn-hover-color) !important;
}

.btn-primary {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-primary {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-primary {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}


.btn-secondary {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-secondary {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-secondary {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}


.btn-success {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-success {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-success {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}


.btn-warning {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-warning {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-warning {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}


.btn-danger {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-danger {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-danger {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}


.btn-info {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-info {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-info {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}


.btn-light {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-light {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-light {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}


.btn-dark {
    --bs-btn-color: undefined;
    --bs-btn-bg: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: #282828;
    --bs-btn-disabled-border-color: #282828;
}

.btn-outline-dark {
    --bs-btn-color: undefined;
    --bs-btn-border-color: undefined;
    --bs-btn-hover-color: undefined;
    --bs-btn-hover-bg: undefined;
    --bs-btn-hover-border-color: undefined;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: undefined;
    --bs-btn-active-bg: undefined;
    --bs-btn-active-border-color: undefined;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: undefined;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: undefined;
    --bs-gradient: none;
}

.text-bg-dark {
    --bs-text-tx-color: rgba(0, 0, 0, 1) !important;
    --bs-text-bg-color: undefined !important;
    color: var(--bs-text-tx-color) !important;
    background-color: var(--bs-text-bg-color) !important;
}