:root {
    --fa-width: 1.25rem;
    --swal2-confirm-button-background-color: var(--bs-primary);
}
/** ################ *
 *  # START Cursor # *
 *  ################ */
.cursor-alias {cursor: alias !important;}
.cursor-all-scroll {cursor: all-scroll !important;}
.cursor-auto {cursor: auto !important;}
.cursor-cell {cursor: cell !important;}
.cursor-context-menu {cursor: context-menu !important;}
.cursor-col-resize {cursor: col-resize !important;}
.cursor-copy {cursor: copy !important;}
.cursor-crosshair {cursor: crosshair !important;}
.cursor-default {cursor: default !important;}
.cursor-e-resize {cursor: e-resize !important;}
.cursor-ew-resize {cursor: ew-resize !important;}
.cursor-grab {cursor: grab !important;}
.cursor-grabbing {cursor: grabbing !important;}
.cursor-help {cursor: help !important;}
.cursor-move {cursor: move !important;}
.cursor-n-resize {cursor: n-resize !important;}
.cursor-ne-resize {cursor: ne-resize !important;}
.cursor-nesw-resize {cursor: nesw-resize !important;}
.cursor-ns-resize {cursor: ns-resize !important;}
.cursor-nw-resize {cursor: nw-resize !important;}
.cursor-nwse-resize {cursor: nwse-resize !important;}
.cursor-no-drop {cursor: no-drop !important;}
.cursor-none {cursor: none !important;}
.cursor-not-allowed {cursor: not-allowed !important;}
.cursor-pointer {cursor: pointer !important;}
.cursor-progress {cursor: progress !important;}
.cursor-row-resize {cursor: row-resize !important;}
.cursor-s-resize {cursor: s-resize !important;}
.cursor-se-resize {cursor: se-resize !important;}
.cursor-sw-resize {cursor: sw-resize !important;}
.cursor-text {cursor: text !important;}
.cursor-w-resize {cursor: w-resize !important;}
.cursor-wait {cursor: wait !important;}
.cursor-zoom-in {cursor: zoom-in !important;}
.cursor-zoom-out {cursor: zoom-out !important;}
/** ############### *
 *  # END: Cursor # *
 *  ############### */

.print-only {
    display: none;
}
@media print {
    .print-only {
        display: initial;
    }
}

.table > thead:not(caption) > * > * {
        box-shadow: inset 0 0 0 999px transparent;
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075) !important;
}

table.table.dataTable > tbody > tr > * {
    background-color: initial !important;
        box-shadow: inset 0 0 0 9999px rgba(var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg))), 0.075);
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), .05);
}


.table:not(.table-bordered) td.dtfc-fixed-end.dtfc-fixed-right:last-child,
.table:not(.table-bordered) th.dtfc-fixed-end.dtfc-fixed-right:last-child,
.table:not(.table-bordered) tr.dtfc-fixed-end.dtfc-fixed-right:last-child {
    padding-left: 0;
}

table.table.dataTable thead th {
    font-size: 1.2rem;
    font-weight: bold;
}

.subTable table.table.dataTable thead th {
    font-size: initial;
}

table.table.dataTable td:first-child,
table.table.dataTable th:first-child,
table.table.dataTable tr:first-child {
    padding: 1rem;
}

table.dataTable tbody td.cell-center {
    text-align: center;
}

table.dataTable tbody td {
    vertical-align: middle;
}

table.dataTable > thead .dt-ordering-asc::after,
table.dataTable > thead .dt-ordering-asc::before,
table.dataTable > thead .dt-ordering-desc::after,
table.dataTable > thead .dt-ordering-desc::before {
    height: .9rem;
    width: .9rem;
}


.filterWrapper .select2.select2-container .select2-selection.select2-selection--multiple {
    min-height: calc(3.75rem + 2px);
}
.filterWrapper .select2-selection__choice__remove {
    display: none !important;
}
.filterWrapper li.select2-selection__choice {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.filterWrapper li > span.select2-selection__choice__display {
    margin-left: 0 !important;
    font-size: 1rem !important;
}
.filterWrapper .select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::placeholder {
    color: var(--bs-input-color);
}

.form-floating > select + .select2.select2-container--open + label {
    z-index: 1101;
}
.form-floating .form-select {
    padding-top: 1.775rem !important;
    padding-bottom: .4rem !important;
}

.input-group > .select2-container {
    width: auto;
    flex: 1 1 auto;
}

.input-group > .select2-container .select2-selection--single {
    height: 100%;
    line-height: inherit;
    padding: 0.5rem 1rem;
}

.fs-0-1rem {
    font-size: 0.1rem !important;
}
.fs-0-2rem {
    font-size: 0.2rem !important;
}
.fs-0-3rem {
    font-size: 0.3rem !important;
}
.fs-0-4rem {
    font-size: 0.4rem !important;
}
.fs-0-5rem {
    font-size: 0.5rem !important;
}
.fs-0-6rem {
    font-size: 0.6rem !important;
}
.fs-0-7rem {
    font-size: 0.7rem !important;
}
.fs-0-8rem {
    font-size: 0.8rem !important;
}
.fs-0-9rem {
    font-size: 0.9rem !important;
}
.fs-1rem,
.fs-1-0rem {
    font-size: 1rem !important;
}
.fs-1-1rem {
    font-size: 1.1rem !important;
}
.fs-1-2rem {
    font-size: 1.2rem !important;
}
.fs-1-3rem {
    font-size: 1.3rem !important;
}
.fs-1-4rem {
    font-size: 1.4rem !important;
}
.fs-1-5rem {
    font-size: 1.5rem !important;
}
.fs-1-6rem {
    font-size: 1.6rem !important;
}
.fs-1-7rem {
    font-size: 1.7rem !important;
}
.fs-1-8rem {
    font-size: 1.8rem !important;
}
.fs-1-9rem {
    font-size: 1.9rem !important;
}
.fs-2rem,
.fs-2-0rem {
    font-size: 2rem !important;
}

.nav .nav-link .nav-icon i {
    font-size: 1.25rem;
}

/** Overrides Template: Begin */
[data-kt-app-layout="dark-sidebar"] #kt_app_sidebar_logo {
    background: var(--bs-app-header-base-bg-color);
    border-bottom: none;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .app-sidebar-toggle {
    background-color: var(--bs-app-header-base-menu-link-bg-color-active);
}
/** Overrides Template: End */

/** Overrides TempusDominus: Begin */
.tempus-dominus-widget.show div.day.today {
    background-color: var(--bs-primary-light);
}
.tempus-dominus-widget .date-container-days .dow {
    align-items: center;
    cursor: default;
    display: flex;
    height: 90%;
}

.tempus-bordered .tempus-dominus-widget.inline.calendarWeeks.dark.show {
    border: 1px solid var(--bs-gray-200);
}
/*.tempus-bordered .tempus-dominus-widget.inline.calendarWeeks.dark.show .cw:not(:first-child),
.tempus-bordered .tempus-dominus-widget.inline.calendarWeeks.dark.show .day {
    border-bottom: 1px solid var(--bs-gray-200);
}*/
/** Overrides TempusDominus: End */

@media (min-width: 630px) {
    .dropdown-menu.dropdown-menu-xxl {
        width: 600px;
    }
}

.badge.badge-1rem.badge-dot {
    line-height: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    height: 1rem;
    width: 1rem;
}

.hoverParent > .hoverChild {
    display: none !important;
}
.hoverParent:hover > .hoverChild {
    display: initial !important;
}

.coordinationNote {
    word-break: break-all;
}
.coordinationNote .coordinationNoteIcon {
    height: 100%;
    top: 0;
    right: 0;
}
.coordinationNote .coordinationNoteIcon > i {
    font-size: 0.8em;
}

/** Show text after the 'today' button of the DateTimePicker */
#DateTimePicker .ki.ki-calendar-today:after {
    content: "Heute";
    margin-left: 0.5em;
}
.daterangepicker .today {
    position: relative;
}
.daterangepicker .today:not(.active) {
    background: #e1f0ff !important;
    color: #047bc0 !important;
}
.daterangepicker .today:not(.active):not(.in-range) {
    border-radius: .42rem;
}
.daterangepicker .today:after {
    content: "";
    display: block;
    position: absolute;
    border: solid transparent;
    bottom: 4px;
    right: 4px;
    border-width: 0 0 7px 7px;
}
.daterangepicker .today:not(.active):after {
    border-bottom-color: #047bc0;
    border-top-color: #047bc0;
}
.daterangepicker .today.active:after {
    border-bottom-color: #eeeeee;
    border-top-color: #eeeeee;
}

table.datatable-table > tbody > tr {
    min-height: 47px;
}
.datatable-pager {
    padding: .5rem 1rem 1rem !important;
}
.dropdown-divider {
    margin: .25rem 0;
}
.card > .card-body > .custom-group:last-of-type,
.custom-group:last-of-type {
    margin-bottom: 0;
}
.custom-group {
    margin-bottom: 0;
}
.custom-group + .custom-group {
    margin-top: 1rem;
}
.custom-group .custom-group {
    margin-top: 0;
}
.string {
    color: green;
}
.number {
    color: darkorange;
}
.boolean {
    color: blue;
}
.null {
    color: magenta;
}
.key {
    color: red;
}
.modal [data-dismiss="modal"] > i.fa.fa-times {
    color: var(--dark);
}
.shadow-top {
    box-shadow: 0 -.5rem .5rem -.5rem #aeaeae;
}
.shadow-right {
    box-shadow: .5rem 0 .5rem -.5rem #aeaeae;
}
.shadow-bottom {
    box-shadow: 0 .5rem .5rem -.5rem #aeaeae;
}
.shadow-left {
    box-shadow: -.5rem 0 .5rem -.5rem #aeaeae;
}
.shadow-top-inset {
    box-shadow: inset 0 .5rem .5rem -.5rem #aeaeae;
}
.shadow-right-inset {
    box-shadow: inset -.5rem 0 .5rem -.5rem #aeaeae;
}
.shadow-bottom-inset {
    box-shadow: inset 0 -.5rem .5rem -.5rem #aeaeae;
}
.shadow-left-inset {
    box-shadow: inset .5rem 0 .5rem -.5rem #aeaeae;
}
.swal2-container .timepicker .btn {
    margin: 0 !important;
}
#customerInfoContainer {
    padding-top: .75rem;
}
#customerInfoContainer:empty {
    padding-top: 0;
}
.modal .modal-content .card ~ .card {
    margin-top: 1rem;
}

.flex-grow-1.grow-input .filter-option-inner-inner,
.flex-grow-1.grow-input input[type="text"] {
    text-align: end;
}
.flex-grow-1.grow-input .btn.dropdown-toggle,
.flex-grow-1.grow-input input[type="text"] {
    border: none;
}

label.col-form-label.required:after {
    content: '*';
    font-weight: bold;
    margin-left: 3px;
}
@media (max-width:992px) {
    .mobileNoGutter {
        padding-left: 0;
        padding-right: 0;
    }
}

hr.fullWidth {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.noScrollBar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.noScrollBar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

:root {
    --badge-dot-transparent-width: 3px;
}
.label-xxl {
    --badge-dot-transparent-width: 2px;
}
.label-xl {
    --badge-dot-transparent-width: 1px;
}
.badge-dot.badge-dot-transparent {
    border: var(--badge-dot-transparent-width) solid red;
}
.badge-dot.badge-dot-transparent::before {
    background: red;
    display: block;
    content: " ";
    width: var(--badge-dot-transparent-width);
    height: 100%;
    left: calc((100% - var(--badge-dot-transparent-width)) / 2);
    position: relative;
    transform: rotate(135deg);
}
.badge-dot.badge-dot-transparent i.fa {
    z-index: 1;
}
.badge-dot[style="background-color: transparent;"],
.badge-dot[style="background-color: transparent"] {
    border: 2px solid #aaaaaa;
    background: #ffffff;
}
.badge.badge-dot {
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px;
}

.badge.badge-xxl.badge-dot {
    line-height: 16px;
    min-height: 16px;
    min-width: 16px;
    height: 16px;
    width: 16px;
}

.modal-footer:empty {
    display: none;
}

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

@-webkit-keyframes progress-bar-stripes-xl {
    from {
        background-position: 2rem 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes-xl {
    from {
        background-position: 2rem 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress-bar-striped.progress-bar-striped-xl.progress-bar-animated {
    -webkit-animation: progress-bar-stripes-xl 1s linear infinite;
    animation: progress-bar-stripes-xl 1s linear infinite;
}

.select2-container--open {
    z-index: 1100;
}
.select2-hidden-accessible { position: fixed !important; }

.d-none-if-empty:empty {
    display: none !important;
}

.text-separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.text-separator::before,
.text-separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}
.text-separator:not(:empty)::before {
    margin-right: .25em;
}
.text-separator:not(:empty)::after {
    margin-left: .25em;
}

.text-ellipsis-1,
.text-ellipsis-2,
.text-ellipsis-3,
.text-ellipsis-4,
.text-ellipsis-5,
.text-ellipsis-6,
.text-ellipsis-7,
.text-ellipsis-8,
.text-ellipsis-9,
.text-ellipsis-10 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
    .text-ellipsis-1,
    .text-ellipsis-2,
    .text-ellipsis-3,
    .text-ellipsis-4,
    .text-ellipsis-5,
    .text-ellipsis-6,
    .text-ellipsis-7,
    .text-ellipsis-8,
    .text-ellipsis-9,
    .text-ellipsis-10 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .text-ellipsis-1 {
        -webkit-line-clamp: 1;
    }

    .text-ellipsis-2 {
        -webkit-line-clamp: 2;
    }

    .text-ellipsis-3 {
        -webkit-line-clamp: 3;
    }

    .text-ellipsis-4 {
        -webkit-line-clamp: 4;
    }

    .text-ellipsis-5 {
        -webkit-line-clamp: 5;
    }

    .text-ellipsis-6 {
        -webkit-line-clamp: 6;
    }

    .text-ellipsis-7 {
        -webkit-line-clamp: 7;
    }

    .text-ellipsis-8 {
        -webkit-line-clamp: 8;
    }

    .text-ellipsis-9 {
        -webkit-line-clamp: 9;
    }

    .text-ellipsis-10 {
        -webkit-line-clamp: 10;
    }
}

.flex-grow-2 {
    flex-grow: 2;
}
.flex-grow-3 {
    flex-grow: 3;
}
.flex-grow-4 {
    flex-grow: 4;
}
.flex-grow-5 {
    flex-grow: 5;
}
.flex-grow-6 {
    flex-grow: 6;
}
.flex-grow-7 {
    flex-grow: 7;
}
.flex-grow-8 {
    flex-grow: 8;
}
.flex-grow-9 {
    flex-grow: 9;
}
.flex-grow-10 {
    flex-grow: 10;
}

.flex-shrink-2 {
    flex-shrink: 2;
}
.flex-shrink-3 {
    flex-shrink: 3;
}
.flex-shrink-4 {
    flex-shrink: 4;
}
.flex-shrink-5 {
    flex-shrink: 5;
}
.flex-shrink-6 {
    flex-shrink: 6;
}
.flex-shrink-7 {
    flex-shrink: 7;
}
.flex-shrink-8 {
    flex-shrink: 8;
}
.flex-shrink-9 {
    flex-shrink: 9;
}
.flex-shrink-10 {
    flex-shrink: 10;
}

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





:root {
    --bs-body-bg: #ffffff;
    --bs-text-muted: #99A1B7;

    --bs-text-white: #ffffff;
    --bs-text-primary: #3E97FF;
    --bs-text-secondary: #DBDFE9;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50CD89;
    --bs-text-info: #7239EA;
    --bs-text-warning: #FFC700;
    --bs-text-danger: #F1416C;
    --bs-text-dark: #071437;

    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F2;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #B5B5C3;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}
.start-100 {
    left: 100% !important;
}
.flex-stack {
    justify-content: space-between;
    align-items: center;
}
.indicator-progress {
    display: none;
}
.bg-state-body.active, .bg-state-body:hover {
    background-color: var(--bs-body-bg) !important;
}
@media (min-width: 992px) {
    .fs-lg-base {
        font-size: 1rem !important;
    }
}
.fw-semibold {
    font-weight: 500 !important;
}
.fw-bold {
    font-weight: 600 !important;
}
.fw-bolder {
    font-weight: 700 !important;
}






.fs-1 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-2 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-3 {
    font-size: calc(1.26rem + 0.12vw) !important;
}

.fs-4 {
    font-size: 1.25rem !important;
}

.fs-5 {
    font-size: 1.15rem !important;
}

.fs-6 {
    font-size: 1.075rem !important;
}

.fs-7 {
    font-size: 0.95rem !important;
}

.fs-8 {
    font-size: 0.85rem !important;
}

.fs-9 {
    font-size: 0.75rem !important;
}

.fs-10 {
    font-size: 0.5rem !important;
}

.fs-sm {
    font-size: 0.95rem !important;
}

.fs-base {
    font-size: 1rem !important;
}

.fs-lg {
    font-size: 1.075rem !important;
}

.fs-fluid {
    font-size: 100% !important;
}

.fa-rotate-45 {
    --webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fa-rotate-135 {
    --webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.fa-rotate-225 {
    --webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.fa-rotate-315 {
    --webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}




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

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

.text-hover-dark {
    transition: color 0.2s ease;
}
.text-hover-dark i {
    transition: color 0.2s ease;
}
.text-hover-dark:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}
.text-hover-dark:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}
.text-hover-dark:hover .svg-icon {
    color: var(--bs-text-dark) !important;
}

.text-active-dark {
    transition: color 0.2s ease;
}
.text-active-dark i {
    transition: color 0.2s ease;
}
.text-active-dark.active {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}
.text-active-dark.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}
.text-active-dark.active .svg-icon {
    color: var(--bs-text-dark) !important;
}

.text-muted {
    color: var(--bs-text-muted);
}

.text-hover-muted {
    transition: color 0.2s ease;
}
.text-hover-muted i {
    transition: color 0.2s ease;
}
.text-hover-muted:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}
.text-hover-muted:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}
.text-hover-muted:hover .svg-icon {
    color: var(--bs-text-muted) !important;
}

.text-active-muted {
    transition: color 0.2s ease;
}
.text-active-muted i {
    transition: color 0.2s ease;
}
.text-active-muted.active {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}
.text-active-muted.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}
.text-active-muted.active .svg-icon {
    color: var(--bs-text-muted) !important;
}

.text-gray-100 {
    color: var(--bs-text-gray-100) !important;
}

.text-hover-gray-100 {
    transition: color 0.2s ease;
}
.text-hover-gray-100 i {
    transition: color 0.2s ease;
}
.text-hover-gray-100:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}
.text-hover-gray-100:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}
.text-hover-gray-100:hover .svg-icon {
    color: var(--bs-text-gray-100) !important;
}

.text-active-gray-100 {
    transition: color 0.2s ease;
}
.text-active-gray-100 i {
    transition: color 0.2s ease;
}
.text-active-gray-100.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}
.text-active-gray-100.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}
.text-active-gray-100.active .svg-icon {
    color: var(--bs-text-gray-100) !important;
}

.text-gray-200 {
    color: var(--bs-text-gray-200) !important;
}

.text-hover-gray-200 {
    transition: color 0.2s ease;
}
.text-hover-gray-200 i {
    transition: color 0.2s ease;
}
.text-hover-gray-200:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}
.text-hover-gray-200:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}
.text-hover-gray-200:hover .svg-icon {
    color: var(--bs-text-gray-200) !important;
}

.text-active-gray-200 {
    transition: color 0.2s ease;
}
.text-active-gray-200 i {
    transition: color 0.2s ease;
}
.text-active-gray-200.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}
.text-active-gray-200.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}
.text-active-gray-200.active .svg-icon {
    color: var(--bs-text-gray-200) !important;
}

.text-gray-300 {
    color: var(--bs-text-gray-300) !important;
}

.text-hover-gray-300 {
    transition: color 0.2s ease;
}
.text-hover-gray-300 i {
    transition: color 0.2s ease;
}
.text-hover-gray-300:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}
.text-hover-gray-300:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}
.text-hover-gray-300:hover .svg-icon {
    color: var(--bs-text-gray-300) !important;
}

.text-active-gray-300 {
    transition: color 0.2s ease;
}
.text-active-gray-300 i {
    transition: color 0.2s ease;
}
.text-active-gray-300.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}
.text-active-gray-300.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}
.text-active-gray-300.active .svg-icon {
    color: var(--bs-text-gray-300) !important;
}

.text-gray-400 {
    color: var(--bs-text-gray-400) !important;
}

.text-hover-gray-400 {
    transition: color 0.2s ease;
}
.text-hover-gray-400 i {
    transition: color 0.2s ease;
}
.text-hover-gray-400:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}
.text-hover-gray-400:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}
.text-hover-gray-400:hover .svg-icon {
    color: var(--bs-text-gray-400) !important;
}

.text-active-gray-400 {
    transition: color 0.2s ease;
}
.text-active-gray-400 i {
    transition: color 0.2s ease;
}
.text-active-gray-400.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}
.text-active-gray-400.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}
.text-active-gray-400.active .svg-icon {
    color: var(--bs-text-gray-400) !important;
}

.text-gray-500 {
    color: var(--bs-text-gray-500) !important;
}

.text-hover-gray-500 {
    transition: color 0.2s ease;
}
.text-hover-gray-500 i {
    transition: color 0.2s ease;
}
.text-hover-gray-500:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}
.text-hover-gray-500:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}
.text-hover-gray-500:hover .svg-icon {
    color: var(--bs-text-gray-500) !important;
}

.text-active-gray-500 {
    transition: color 0.2s ease;
}
.text-active-gray-500 i {
    transition: color 0.2s ease;
}
.text-active-gray-500.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}
.text-active-gray-500.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}
.text-active-gray-500.active .svg-icon {
    color: var(--bs-text-gray-500) !important;
}

.text-gray-600 {
    color: var(--bs-text-gray-600) !important;
}

.text-hover-gray-600 {
    transition: color 0.2s ease;
}
.text-hover-gray-600 i {
    transition: color 0.2s ease;
}
.text-hover-gray-600:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}
.text-hover-gray-600:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}
.text-hover-gray-600:hover .svg-icon {
    color: var(--bs-text-gray-600) !important;
}

.text-active-gray-600 {
    transition: color 0.2s ease;
}
.text-active-gray-600 i {
    transition: color 0.2s ease;
}
.text-active-gray-600.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}
.text-active-gray-600.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}
.text-active-gray-600.active .svg-icon {
    color: var(--bs-text-gray-600) !important;
}

.text-gray-700 {
    color: var(--bs-text-gray-700) !important;
}

.text-hover-gray-700 {
    transition: color 0.2s ease;
}
.text-hover-gray-700 i {
    transition: color 0.2s ease;
}
.text-hover-gray-700:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}
.text-hover-gray-700:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}
.text-hover-gray-700:hover .svg-icon {
    color: var(--bs-text-gray-700) !important;
}

.text-active-gray-700 {
    transition: color 0.2s ease;
}
.text-active-gray-700 i {
    transition: color 0.2s ease;
}
.text-active-gray-700.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}
.text-active-gray-700.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}
.text-active-gray-700.active .svg-icon {
    color: var(--bs-text-gray-700) !important;
}

.text-gray-800 {
    color: var(--bs-text-gray-800) !important;
}

.text-hover-gray-800 {
    transition: color 0.2s ease;
}
.text-hover-gray-800 i {
    transition: color 0.2s ease;
}
.text-hover-gray-800:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}
.text-hover-gray-800:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}
.text-hover-gray-800:hover .svg-icon {
    color: var(--bs-text-gray-800) !important;
}

.text-active-gray-800 {
    transition: color 0.2s ease;
}
.text-active-gray-800 i {
    transition: color 0.2s ease;
}
.text-active-gray-800.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}
.text-active-gray-800.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}
.text-active-gray-800.active .svg-icon {
    color: var(--bs-text-gray-800) !important;
}

.text-gray-900 {
    color: var(--bs-text-gray-900) !important;
}

.text-hover-gray-900 {
    transition: color 0.2s ease;
}
.text-hover-gray-900 i {
    transition: color 0.2s ease;
}
.text-hover-gray-900:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}
.text-hover-gray-900:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}
.text-hover-gray-900:hover .svg-icon {
    color: var(--bs-text-gray-900) !important;
}

.text-active-gray-900 {
    transition: color 0.2s ease;
}
.text-active-gray-900 i {
    transition: color 0.2s ease;
}
.text-active-gray-900.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}
.text-active-gray-900.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}
.text-active-gray-900.active .svg-icon {
    color: var(--bs-text-gray-900) !important;
}





.btn.btn-color-muted {
    color: var(--bs-text-muted);
}
.btn.btn-color-muted i,
.btn.btn-color-muted .svg-icon {
    color: var(--bs-text-muted);
}
.btn.btn-color-muted.dropdown-toggle:after {
    color: var(--bs-text-muted);
}
.btn-check:checked + .btn.btn-active-color-muted, .btn-check:active + .btn.btn-active-color-muted, .btn.btn-active-color-muted:focus:not(.btn-active), .btn.btn-active-color-muted:hover:not(.btn-active), .btn.btn-active-color-muted:active:not(.btn-active), .btn.btn-active-color-muted.active, .btn.btn-active-color-muted.show, .show > .btn.btn-active-color-muted {
    color: var(--bs-text-muted);
}
.btn-check:checked + .btn.btn-active-color-muted i,
.btn-check:checked + .btn.btn-active-color-muted .svg-icon, .btn-check:active + .btn.btn-active-color-muted i,
.btn-check:active + .btn.btn-active-color-muted .svg-icon, .btn.btn-active-color-muted:focus:not(.btn-active) i,
.btn.btn-active-color-muted:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-muted:hover:not(.btn-active) i,
.btn.btn-active-color-muted:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-muted:active:not(.btn-active) i,
.btn.btn-active-color-muted:active:not(.btn-active) .svg-icon, .btn.btn-active-color-muted.active i,
.btn.btn-active-color-muted.active .svg-icon, .btn.btn-active-color-muted.show i,
.btn.btn-active-color-muted.show .svg-icon, .show > .btn.btn-active-color-muted i,
.show > .btn.btn-active-color-muted .svg-icon {
    color: var(--bs-text-muted);
}
.btn-check:checked + .btn.btn-active-color-muted.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-muted.dropdown-toggle:after, .btn.btn-active-color-muted:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted.active.dropdown-toggle:after, .btn.btn-active-color-muted.show.dropdown-toggle:after, .show > .btn.btn-active-color-muted.dropdown-toggle:after {
    color: var(--bs-text-muted);
}

.btn.btn-icon-muted i,
.btn.btn-icon-muted .svg-icon {
    color: var(--bs-text-muted);
}
.btn.btn-icon-muted.dropdown-toggle:after {
    color: var(--bs-text-muted);
}
.btn-check:checked + .btn.btn-active-icon-muted i,
.btn-check:checked + .btn.btn-active-icon-muted .svg-icon, .btn-check:active + .btn.btn-active-icon-muted i,
.btn-check:active + .btn.btn-active-icon-muted .svg-icon, .btn.btn-active-icon-muted:focus:not(.btn-active) i,
.btn.btn-active-icon-muted:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted:hover:not(.btn-active) i,
.btn.btn-active-icon-muted:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted:active:not(.btn-active) i,
.btn.btn-active-icon-muted:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted.active i,
.btn.btn-active-icon-muted.active .svg-icon, .btn.btn-active-icon-muted.show i,
.btn.btn-active-icon-muted.show .svg-icon, .show > .btn.btn-active-icon-muted i,
.show > .btn.btn-active-icon-muted .svg-icon {
    color: var(--bs-text-muted);
}
.btn-check:checked + .btn.btn-active-icon-muted.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-muted.dropdown-toggle:after, .btn.btn-active-icon-muted:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted.active.dropdown-toggle:after, .btn.btn-active-icon-muted.show.dropdown-toggle:after, .show > .btn.btn-active-icon-muted.dropdown-toggle:after {
    color: var(--bs-text-muted);
}

.btn.btn-text-muted {
    color: var(--bs-text-muted);
}
.btn-check:checked + .btn.btn-active-text-muted, .btn-check:active + .btn.btn-active-text-muted, .btn.btn-active-text-muted:focus:not(.btn-active), .btn.btn-active-text-muted:hover:not(.btn-active), .btn.btn-active-text-muted:active:not(.btn-active), .btn.btn-active-text-muted.active, .btn.btn-active-text-muted.show, .show > .btn.btn-active-text-muted {
    color: var(--bs-text-muted);
}

.btn.btn-color-gray-100 {
    color: var(--bs-text-gray-100);
}
.btn.btn-color-gray-100 i,
.btn.btn-color-gray-100 .svg-icon {
    color: var(--bs-text-gray-100);
}
.btn.btn-color-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100);
}
.btn-check:checked + .btn.btn-active-color-gray-100, .btn-check:active + .btn.btn-active-color-gray-100, .btn.btn-active-color-gray-100:focus:not(.btn-active), .btn.btn-active-color-gray-100:hover:not(.btn-active), .btn.btn-active-color-gray-100:active:not(.btn-active), .btn.btn-active-color-gray-100.active, .btn.btn-active-color-gray-100.show, .show > .btn.btn-active-color-gray-100 {
    color: var(--bs-text-gray-100);
}
.btn-check:checked + .btn.btn-active-color-gray-100 i,
.btn-check:checked + .btn.btn-active-color-gray-100 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-100 i,
.btn-check:active + .btn.btn-active-color-gray-100 .svg-icon, .btn.btn-active-color-gray-100:focus:not(.btn-active) i,
.btn.btn-active-color-gray-100:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100:hover:not(.btn-active) i,
.btn.btn-active-color-gray-100:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100:active:not(.btn-active) i,
.btn.btn-active-color-gray-100:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100.active i,
.btn.btn-active-color-gray-100.active .svg-icon, .btn.btn-active-color-gray-100.show i,
.btn.btn-active-color-gray-100.show .svg-icon, .show > .btn.btn-active-color-gray-100 i,
.show > .btn.btn-active-color-gray-100 .svg-icon {
    color: var(--bs-text-gray-100);
}
.btn-check:checked + .btn.btn-active-color-gray-100.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-100.dropdown-toggle:after, .btn.btn-active-color-gray-100:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100.active.dropdown-toggle:after, .btn.btn-active-color-gray-100.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100);
}

.btn.btn-icon-gray-100 i,
.btn.btn-icon-gray-100 .svg-icon {
    color: var(--bs-text-gray-100);
}
.btn.btn-icon-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100);
}
.btn-check:checked + .btn.btn-active-icon-gray-100 i,
.btn-check:checked + .btn.btn-active-icon-gray-100 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-100 i,
.btn-check:active + .btn.btn-active-icon-gray-100 .svg-icon, .btn.btn-active-icon-gray-100:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-100:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-100:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100:active:not(.btn-active) i,
.btn.btn-active-icon-gray-100:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100.active i,
.btn.btn-active-icon-gray-100.active .svg-icon, .btn.btn-active-icon-gray-100.show i,
.btn.btn-active-icon-gray-100.show .svg-icon, .show > .btn.btn-active-icon-gray-100 i,
.show > .btn.btn-active-icon-gray-100 .svg-icon {
    color: var(--bs-text-gray-100);
}
.btn-check:checked + .btn.btn-active-icon-gray-100.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-100.dropdown-toggle:after, .btn.btn-active-icon-gray-100:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100.active.dropdown-toggle:after, .btn.btn-active-icon-gray-100.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100);
}

.btn.btn-text-gray-100 {
    color: var(--bs-text-gray-100);
}
.btn-check:checked + .btn.btn-active-text-gray-100, .btn-check:active + .btn.btn-active-text-gray-100, .btn.btn-active-text-gray-100:focus:not(.btn-active), .btn.btn-active-text-gray-100:hover:not(.btn-active), .btn.btn-active-text-gray-100:active:not(.btn-active), .btn.btn-active-text-gray-100.active, .btn.btn-active-text-gray-100.show, .show > .btn.btn-active-text-gray-100 {
    color: var(--bs-text-gray-100);
}

.btn.btn-color-gray-200 {
    color: var(--bs-text-gray-200);
}
.btn.btn-color-gray-200 i,
.btn.btn-color-gray-200 .svg-icon {
    color: var(--bs-text-gray-200);
}
.btn.btn-color-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200);
}
.btn-check:checked + .btn.btn-active-color-gray-200, .btn-check:active + .btn.btn-active-color-gray-200, .btn.btn-active-color-gray-200:focus:not(.btn-active), .btn.btn-active-color-gray-200:hover:not(.btn-active), .btn.btn-active-color-gray-200:active:not(.btn-active), .btn.btn-active-color-gray-200.active, .btn.btn-active-color-gray-200.show, .show > .btn.btn-active-color-gray-200 {
    color: var(--bs-text-gray-200);
}
.btn-check:checked + .btn.btn-active-color-gray-200 i,
.btn-check:checked + .btn.btn-active-color-gray-200 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-200 i,
.btn-check:active + .btn.btn-active-color-gray-200 .svg-icon, .btn.btn-active-color-gray-200:focus:not(.btn-active) i,
.btn.btn-active-color-gray-200:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200:hover:not(.btn-active) i,
.btn.btn-active-color-gray-200:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200:active:not(.btn-active) i,
.btn.btn-active-color-gray-200:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200.active i,
.btn.btn-active-color-gray-200.active .svg-icon, .btn.btn-active-color-gray-200.show i,
.btn.btn-active-color-gray-200.show .svg-icon, .show > .btn.btn-active-color-gray-200 i,
.show > .btn.btn-active-color-gray-200 .svg-icon {
    color: var(--bs-text-gray-200);
}
.btn-check:checked + .btn.btn-active-color-gray-200.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-200.dropdown-toggle:after, .btn.btn-active-color-gray-200:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200.active.dropdown-toggle:after, .btn.btn-active-color-gray-200.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200);
}

.btn.btn-icon-gray-200 i,
.btn.btn-icon-gray-200 .svg-icon {
    color: var(--bs-text-gray-200);
}
.btn.btn-icon-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200);
}
.btn-check:checked + .btn.btn-active-icon-gray-200 i,
.btn-check:checked + .btn.btn-active-icon-gray-200 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-200 i,
.btn-check:active + .btn.btn-active-icon-gray-200 .svg-icon, .btn.btn-active-icon-gray-200:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-200:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-200:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200:active:not(.btn-active) i,
.btn.btn-active-icon-gray-200:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200.active i,
.btn.btn-active-icon-gray-200.active .svg-icon, .btn.btn-active-icon-gray-200.show i,
.btn.btn-active-icon-gray-200.show .svg-icon, .show > .btn.btn-active-icon-gray-200 i,
.show > .btn.btn-active-icon-gray-200 .svg-icon {
    color: var(--bs-text-gray-200);
}
.btn-check:checked + .btn.btn-active-icon-gray-200.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-200.dropdown-toggle:after, .btn.btn-active-icon-gray-200:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200.active.dropdown-toggle:after, .btn.btn-active-icon-gray-200.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200);
}

.btn.btn-text-gray-200 {
    color: var(--bs-text-gray-200);
}
.btn-check:checked + .btn.btn-active-text-gray-200, .btn-check:active + .btn.btn-active-text-gray-200, .btn.btn-active-text-gray-200:focus:not(.btn-active), .btn.btn-active-text-gray-200:hover:not(.btn-active), .btn.btn-active-text-gray-200:active:not(.btn-active), .btn.btn-active-text-gray-200.active, .btn.btn-active-text-gray-200.show, .show > .btn.btn-active-text-gray-200 {
    color: var(--bs-text-gray-200);
}

.btn.btn-color-gray-300 {
    color: var(--bs-text-gray-300);
}
.btn.btn-color-gray-300 i,
.btn.btn-color-gray-300 .svg-icon {
    color: var(--bs-text-gray-300);
}
.btn.btn-color-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300);
}
.btn-check:checked + .btn.btn-active-color-gray-300, .btn-check:active + .btn.btn-active-color-gray-300, .btn.btn-active-color-gray-300:focus:not(.btn-active), .btn.btn-active-color-gray-300:hover:not(.btn-active), .btn.btn-active-color-gray-300:active:not(.btn-active), .btn.btn-active-color-gray-300.active, .btn.btn-active-color-gray-300.show, .show > .btn.btn-active-color-gray-300 {
    color: var(--bs-text-gray-300);
}
.btn-check:checked + .btn.btn-active-color-gray-300 i,
.btn-check:checked + .btn.btn-active-color-gray-300 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-300 i,
.btn-check:active + .btn.btn-active-color-gray-300 .svg-icon, .btn.btn-active-color-gray-300:focus:not(.btn-active) i,
.btn.btn-active-color-gray-300:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300:hover:not(.btn-active) i,
.btn.btn-active-color-gray-300:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300:active:not(.btn-active) i,
.btn.btn-active-color-gray-300:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300.active i,
.btn.btn-active-color-gray-300.active .svg-icon, .btn.btn-active-color-gray-300.show i,
.btn.btn-active-color-gray-300.show .svg-icon, .show > .btn.btn-active-color-gray-300 i,
.show > .btn.btn-active-color-gray-300 .svg-icon {
    color: var(--bs-text-gray-300);
}
.btn-check:checked + .btn.btn-active-color-gray-300.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-300.dropdown-toggle:after, .btn.btn-active-color-gray-300:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300.active.dropdown-toggle:after, .btn.btn-active-color-gray-300.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300);
}

.btn.btn-icon-gray-300 i,
.btn.btn-icon-gray-300 .svg-icon {
    color: var(--bs-text-gray-300);
}
.btn.btn-icon-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300);
}
.btn-check:checked + .btn.btn-active-icon-gray-300 i,
.btn-check:checked + .btn.btn-active-icon-gray-300 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-300 i,
.btn-check:active + .btn.btn-active-icon-gray-300 .svg-icon, .btn.btn-active-icon-gray-300:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-300:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-300:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300:active:not(.btn-active) i,
.btn.btn-active-icon-gray-300:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300.active i,
.btn.btn-active-icon-gray-300.active .svg-icon, .btn.btn-active-icon-gray-300.show i,
.btn.btn-active-icon-gray-300.show .svg-icon, .show > .btn.btn-active-icon-gray-300 i,
.show > .btn.btn-active-icon-gray-300 .svg-icon {
    color: var(--bs-text-gray-300);
}
.btn-check:checked + .btn.btn-active-icon-gray-300.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-300.dropdown-toggle:after, .btn.btn-active-icon-gray-300:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300.active.dropdown-toggle:after, .btn.btn-active-icon-gray-300.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300);
}

.btn.btn-text-gray-300 {
    color: var(--bs-text-gray-300);
}
.btn-check:checked + .btn.btn-active-text-gray-300, .btn-check:active + .btn.btn-active-text-gray-300, .btn.btn-active-text-gray-300:focus:not(.btn-active), .btn.btn-active-text-gray-300:hover:not(.btn-active), .btn.btn-active-text-gray-300:active:not(.btn-active), .btn.btn-active-text-gray-300.active, .btn.btn-active-text-gray-300.show, .show > .btn.btn-active-text-gray-300 {
    color: var(--bs-text-gray-300);
}

.btn.btn-color-gray-400 {
    color: var(--bs-text-gray-400);
}
.btn.btn-color-gray-400 i,
.btn.btn-color-gray-400 .svg-icon {
    color: var(--bs-text-gray-400);
}
.btn.btn-color-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400);
}
.btn-check:checked + .btn.btn-active-color-gray-400, .btn-check:active + .btn.btn-active-color-gray-400, .btn.btn-active-color-gray-400:focus:not(.btn-active), .btn.btn-active-color-gray-400:hover:not(.btn-active), .btn.btn-active-color-gray-400:active:not(.btn-active), .btn.btn-active-color-gray-400.active, .btn.btn-active-color-gray-400.show, .show > .btn.btn-active-color-gray-400 {
    color: var(--bs-text-gray-400);
}
.btn-check:checked + .btn.btn-active-color-gray-400 i,
.btn-check:checked + .btn.btn-active-color-gray-400 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-400 i,
.btn-check:active + .btn.btn-active-color-gray-400 .svg-icon, .btn.btn-active-color-gray-400:focus:not(.btn-active) i,
.btn.btn-active-color-gray-400:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400:hover:not(.btn-active) i,
.btn.btn-active-color-gray-400:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400:active:not(.btn-active) i,
.btn.btn-active-color-gray-400:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400.active i,
.btn.btn-active-color-gray-400.active .svg-icon, .btn.btn-active-color-gray-400.show i,
.btn.btn-active-color-gray-400.show .svg-icon, .show > .btn.btn-active-color-gray-400 i,
.show > .btn.btn-active-color-gray-400 .svg-icon {
    color: var(--bs-text-gray-400);
}
.btn-check:checked + .btn.btn-active-color-gray-400.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-400.dropdown-toggle:after, .btn.btn-active-color-gray-400:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400.active.dropdown-toggle:after, .btn.btn-active-color-gray-400.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400);
}

.btn.btn-icon-gray-400 i,
.btn.btn-icon-gray-400 .svg-icon {
    color: var(--bs-text-gray-400);
}
.btn.btn-icon-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400);
}
.btn-check:checked + .btn.btn-active-icon-gray-400 i,
.btn-check:checked + .btn.btn-active-icon-gray-400 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-400 i,
.btn-check:active + .btn.btn-active-icon-gray-400 .svg-icon, .btn.btn-active-icon-gray-400:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-400:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-400:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400:active:not(.btn-active) i,
.btn.btn-active-icon-gray-400:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400.active i,
.btn.btn-active-icon-gray-400.active .svg-icon, .btn.btn-active-icon-gray-400.show i,
.btn.btn-active-icon-gray-400.show .svg-icon, .show > .btn.btn-active-icon-gray-400 i,
.show > .btn.btn-active-icon-gray-400 .svg-icon {
    color: var(--bs-text-gray-400);
}
.btn-check:checked + .btn.btn-active-icon-gray-400.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-400.dropdown-toggle:after, .btn.btn-active-icon-gray-400:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400.active.dropdown-toggle:after, .btn.btn-active-icon-gray-400.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400);
}

.btn.btn-text-gray-400 {
    color: var(--bs-text-gray-400);
}
.btn-check:checked + .btn.btn-active-text-gray-400, .btn-check:active + .btn.btn-active-text-gray-400, .btn.btn-active-text-gray-400:focus:not(.btn-active), .btn.btn-active-text-gray-400:hover:not(.btn-active), .btn.btn-active-text-gray-400:active:not(.btn-active), .btn.btn-active-text-gray-400.active, .btn.btn-active-text-gray-400.show, .show > .btn.btn-active-text-gray-400 {
    color: var(--bs-text-gray-400);
}

.btn.btn-color-gray-500 {
    color: var(--bs-text-gray-500);
}
.btn.btn-color-gray-500 i,
.btn.btn-color-gray-500 .svg-icon {
    color: var(--bs-text-gray-500);
}
.btn.btn-color-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500);
}
.btn-check:checked + .btn.btn-active-color-gray-500, .btn-check:active + .btn.btn-active-color-gray-500, .btn.btn-active-color-gray-500:focus:not(.btn-active), .btn.btn-active-color-gray-500:hover:not(.btn-active), .btn.btn-active-color-gray-500:active:not(.btn-active), .btn.btn-active-color-gray-500.active, .btn.btn-active-color-gray-500.show, .show > .btn.btn-active-color-gray-500 {
    color: var(--bs-text-gray-500);
}
.btn-check:checked + .btn.btn-active-color-gray-500 i,
.btn-check:checked + .btn.btn-active-color-gray-500 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-500 i,
.btn-check:active + .btn.btn-active-color-gray-500 .svg-icon, .btn.btn-active-color-gray-500:focus:not(.btn-active) i,
.btn.btn-active-color-gray-500:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500:hover:not(.btn-active) i,
.btn.btn-active-color-gray-500:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500:active:not(.btn-active) i,
.btn.btn-active-color-gray-500:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500.active i,
.btn.btn-active-color-gray-500.active .svg-icon, .btn.btn-active-color-gray-500.show i,
.btn.btn-active-color-gray-500.show .svg-icon, .show > .btn.btn-active-color-gray-500 i,
.show > .btn.btn-active-color-gray-500 .svg-icon {
    color: var(--bs-text-gray-500);
}
.btn-check:checked + .btn.btn-active-color-gray-500.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-500.dropdown-toggle:after, .btn.btn-active-color-gray-500:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500.active.dropdown-toggle:after, .btn.btn-active-color-gray-500.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500);
}

.btn.btn-icon-gray-500 i,
.btn.btn-icon-gray-500 .svg-icon {
    color: var(--bs-text-gray-500);
}
.btn.btn-icon-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500);
}
.btn-check:checked + .btn.btn-active-icon-gray-500 i,
.btn-check:checked + .btn.btn-active-icon-gray-500 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-500 i,
.btn-check:active + .btn.btn-active-icon-gray-500 .svg-icon, .btn.btn-active-icon-gray-500:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-500:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-500:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500:active:not(.btn-active) i,
.btn.btn-active-icon-gray-500:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500.active i,
.btn.btn-active-icon-gray-500.active .svg-icon, .btn.btn-active-icon-gray-500.show i,
.btn.btn-active-icon-gray-500.show .svg-icon, .show > .btn.btn-active-icon-gray-500 i,
.show > .btn.btn-active-icon-gray-500 .svg-icon {
    color: var(--bs-text-gray-500);
}
.btn-check:checked + .btn.btn-active-icon-gray-500.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-500.dropdown-toggle:after, .btn.btn-active-icon-gray-500:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500.active.dropdown-toggle:after, .btn.btn-active-icon-gray-500.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500);
}

.btn.btn-text-gray-500 {
    color: var(--bs-text-gray-500);
}
.btn-check:checked + .btn.btn-active-text-gray-500, .btn-check:active + .btn.btn-active-text-gray-500, .btn.btn-active-text-gray-500:focus:not(.btn-active), .btn.btn-active-text-gray-500:hover:not(.btn-active), .btn.btn-active-text-gray-500:active:not(.btn-active), .btn.btn-active-text-gray-500.active, .btn.btn-active-text-gray-500.show, .show > .btn.btn-active-text-gray-500 {
    color: var(--bs-text-gray-500);
}

.btn.btn-color-gray-600 {
    color: var(--bs-text-gray-600);
}
.btn.btn-color-gray-600 i,
.btn.btn-color-gray-600 .svg-icon {
    color: var(--bs-text-gray-600);
}
.btn.btn-color-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600);
}
.btn-check:checked + .btn.btn-active-color-gray-600, .btn-check:active + .btn.btn-active-color-gray-600, .btn.btn-active-color-gray-600:focus:not(.btn-active), .btn.btn-active-color-gray-600:hover:not(.btn-active), .btn.btn-active-color-gray-600:active:not(.btn-active), .btn.btn-active-color-gray-600.active, .btn.btn-active-color-gray-600.show, .show > .btn.btn-active-color-gray-600 {
    color: var(--bs-text-gray-600);
}
.btn-check:checked + .btn.btn-active-color-gray-600 i,
.btn-check:checked + .btn.btn-active-color-gray-600 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-600 i,
.btn-check:active + .btn.btn-active-color-gray-600 .svg-icon, .btn.btn-active-color-gray-600:focus:not(.btn-active) i,
.btn.btn-active-color-gray-600:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600:hover:not(.btn-active) i,
.btn.btn-active-color-gray-600:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600:active:not(.btn-active) i,
.btn.btn-active-color-gray-600:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600.active i,
.btn.btn-active-color-gray-600.active .svg-icon, .btn.btn-active-color-gray-600.show i,
.btn.btn-active-color-gray-600.show .svg-icon, .show > .btn.btn-active-color-gray-600 i,
.show > .btn.btn-active-color-gray-600 .svg-icon {
    color: var(--bs-text-gray-600);
}
.btn-check:checked + .btn.btn-active-color-gray-600.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-600.dropdown-toggle:after, .btn.btn-active-color-gray-600:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600.active.dropdown-toggle:after, .btn.btn-active-color-gray-600.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600);
}

.btn.btn-icon-gray-600 i,
.btn.btn-icon-gray-600 .svg-icon {
    color: var(--bs-text-gray-600);
}
.btn.btn-icon-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600);
}
.btn-check:checked + .btn.btn-active-icon-gray-600 i,
.btn-check:checked + .btn.btn-active-icon-gray-600 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-600 i,
.btn-check:active + .btn.btn-active-icon-gray-600 .svg-icon, .btn.btn-active-icon-gray-600:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-600:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-600:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600:active:not(.btn-active) i,
.btn.btn-active-icon-gray-600:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600.active i,
.btn.btn-active-icon-gray-600.active .svg-icon, .btn.btn-active-icon-gray-600.show i,
.btn.btn-active-icon-gray-600.show .svg-icon, .show > .btn.btn-active-icon-gray-600 i,
.show > .btn.btn-active-icon-gray-600 .svg-icon {
    color: var(--bs-text-gray-600);
}
.btn-check:checked + .btn.btn-active-icon-gray-600.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-600.dropdown-toggle:after, .btn.btn-active-icon-gray-600:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600.active.dropdown-toggle:after, .btn.btn-active-icon-gray-600.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600);
}

.btn.btn-text-gray-600 {
    color: var(--bs-text-gray-600);
}
.btn-check:checked + .btn.btn-active-text-gray-600, .btn-check:active + .btn.btn-active-text-gray-600, .btn.btn-active-text-gray-600:focus:not(.btn-active), .btn.btn-active-text-gray-600:hover:not(.btn-active), .btn.btn-active-text-gray-600:active:not(.btn-active), .btn.btn-active-text-gray-600.active, .btn.btn-active-text-gray-600.show, .show > .btn.btn-active-text-gray-600 {
    color: var(--bs-text-gray-600);
}

.btn.btn-color-gray-700 {
    color: var(--bs-text-gray-700);
}
.btn.btn-color-gray-700 i,
.btn.btn-color-gray-700 .svg-icon {
    color: var(--bs-text-gray-700);
}
.btn.btn-color-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700);
}
.btn-check:checked + .btn.btn-active-color-gray-700, .btn-check:active + .btn.btn-active-color-gray-700, .btn.btn-active-color-gray-700:focus:not(.btn-active), .btn.btn-active-color-gray-700:hover:not(.btn-active), .btn.btn-active-color-gray-700:active:not(.btn-active), .btn.btn-active-color-gray-700.active, .btn.btn-active-color-gray-700.show, .show > .btn.btn-active-color-gray-700 {
    color: var(--bs-text-gray-700);
}
.btn-check:checked + .btn.btn-active-color-gray-700 i,
.btn-check:checked + .btn.btn-active-color-gray-700 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-700 i,
.btn-check:active + .btn.btn-active-color-gray-700 .svg-icon, .btn.btn-active-color-gray-700:focus:not(.btn-active) i,
.btn.btn-active-color-gray-700:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700:hover:not(.btn-active) i,
.btn.btn-active-color-gray-700:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700:active:not(.btn-active) i,
.btn.btn-active-color-gray-700:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700.active i,
.btn.btn-active-color-gray-700.active .svg-icon, .btn.btn-active-color-gray-700.show i,
.btn.btn-active-color-gray-700.show .svg-icon, .show > .btn.btn-active-color-gray-700 i,
.show > .btn.btn-active-color-gray-700 .svg-icon {
    color: var(--bs-text-gray-700);
}
.btn-check:checked + .btn.btn-active-color-gray-700.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-700.dropdown-toggle:after, .btn.btn-active-color-gray-700:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700.active.dropdown-toggle:after, .btn.btn-active-color-gray-700.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700);
}

.btn.btn-icon-gray-700 i,
.btn.btn-icon-gray-700 .svg-icon {
    color: var(--bs-text-gray-700);
}
.btn.btn-icon-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700);
}
.btn-check:checked + .btn.btn-active-icon-gray-700 i,
.btn-check:checked + .btn.btn-active-icon-gray-700 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-700 i,
.btn-check:active + .btn.btn-active-icon-gray-700 .svg-icon, .btn.btn-active-icon-gray-700:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-700:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-700:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700:active:not(.btn-active) i,
.btn.btn-active-icon-gray-700:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700.active i,
.btn.btn-active-icon-gray-700.active .svg-icon, .btn.btn-active-icon-gray-700.show i,
.btn.btn-active-icon-gray-700.show .svg-icon, .show > .btn.btn-active-icon-gray-700 i,
.show > .btn.btn-active-icon-gray-700 .svg-icon {
    color: var(--bs-text-gray-700);
}
.btn-check:checked + .btn.btn-active-icon-gray-700.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-700.dropdown-toggle:after, .btn.btn-active-icon-gray-700:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700.active.dropdown-toggle:after, .btn.btn-active-icon-gray-700.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700);
}

.btn.btn-text-gray-700 {
    color: var(--bs-text-gray-700);
}
.btn-check:checked + .btn.btn-active-text-gray-700, .btn-check:active + .btn.btn-active-text-gray-700, .btn.btn-active-text-gray-700:focus:not(.btn-active), .btn.btn-active-text-gray-700:hover:not(.btn-active), .btn.btn-active-text-gray-700:active:not(.btn-active), .btn.btn-active-text-gray-700.active, .btn.btn-active-text-gray-700.show, .show > .btn.btn-active-text-gray-700 {
    color: var(--bs-text-gray-700);
}

.btn.btn-color-gray-800 {
    color: var(--bs-text-gray-800);
}
.btn.btn-color-gray-800 i,
.btn.btn-color-gray-800 .svg-icon {
    color: var(--bs-text-gray-800);
}
.btn.btn-color-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800);
}
.btn-check:checked + .btn.btn-active-color-gray-800, .btn-check:active + .btn.btn-active-color-gray-800, .btn.btn-active-color-gray-800:focus:not(.btn-active), .btn.btn-active-color-gray-800:hover:not(.btn-active), .btn.btn-active-color-gray-800:active:not(.btn-active), .btn.btn-active-color-gray-800.active, .btn.btn-active-color-gray-800.show, .show > .btn.btn-active-color-gray-800 {
    color: var(--bs-text-gray-800);
}
.btn-check:checked + .btn.btn-active-color-gray-800 i,
.btn-check:checked + .btn.btn-active-color-gray-800 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-800 i,
.btn-check:active + .btn.btn-active-color-gray-800 .svg-icon, .btn.btn-active-color-gray-800:focus:not(.btn-active) i,
.btn.btn-active-color-gray-800:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800:hover:not(.btn-active) i,
.btn.btn-active-color-gray-800:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800:active:not(.btn-active) i,
.btn.btn-active-color-gray-800:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800.active i,
.btn.btn-active-color-gray-800.active .svg-icon, .btn.btn-active-color-gray-800.show i,
.btn.btn-active-color-gray-800.show .svg-icon, .show > .btn.btn-active-color-gray-800 i,
.show > .btn.btn-active-color-gray-800 .svg-icon {
    color: var(--bs-text-gray-800);
}
.btn-check:checked + .btn.btn-active-color-gray-800.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-800.dropdown-toggle:after, .btn.btn-active-color-gray-800:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800.active.dropdown-toggle:after, .btn.btn-active-color-gray-800.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800);
}

.btn.btn-icon-gray-800 i,
.btn.btn-icon-gray-800 .svg-icon {
    color: var(--bs-text-gray-800);
}
.btn.btn-icon-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800);
}
.btn-check:checked + .btn.btn-active-icon-gray-800 i,
.btn-check:checked + .btn.btn-active-icon-gray-800 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-800 i,
.btn-check:active + .btn.btn-active-icon-gray-800 .svg-icon, .btn.btn-active-icon-gray-800:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-800:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-800:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800:active:not(.btn-active) i,
.btn.btn-active-icon-gray-800:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800.active i,
.btn.btn-active-icon-gray-800.active .svg-icon, .btn.btn-active-icon-gray-800.show i,
.btn.btn-active-icon-gray-800.show .svg-icon, .show > .btn.btn-active-icon-gray-800 i,
.show > .btn.btn-active-icon-gray-800 .svg-icon {
    color: var(--bs-text-gray-800);
}
.btn-check:checked + .btn.btn-active-icon-gray-800.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-800.dropdown-toggle:after, .btn.btn-active-icon-gray-800:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800.active.dropdown-toggle:after, .btn.btn-active-icon-gray-800.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800);
}

.btn.btn-text-gray-800 {
    color: var(--bs-text-gray-800);
}
.btn-check:checked + .btn.btn-active-text-gray-800, .btn-check:active + .btn.btn-active-text-gray-800, .btn.btn-active-text-gray-800:focus:not(.btn-active), .btn.btn-active-text-gray-800:hover:not(.btn-active), .btn.btn-active-text-gray-800:active:not(.btn-active), .btn.btn-active-text-gray-800.active, .btn.btn-active-text-gray-800.show, .show > .btn.btn-active-text-gray-800 {
    color: var(--bs-text-gray-800);
}

.btn.btn-color-gray-900 {
    color: var(--bs-text-gray-900);
}
.btn.btn-color-gray-900 i,
.btn.btn-color-gray-900 .svg-icon {
    color: var(--bs-text-gray-900);
}
.btn.btn-color-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900);
}
.btn-check:checked + .btn.btn-active-color-gray-900, .btn-check:active + .btn.btn-active-color-gray-900, .btn.btn-active-color-gray-900:focus:not(.btn-active), .btn.btn-active-color-gray-900:hover:not(.btn-active), .btn.btn-active-color-gray-900:active:not(.btn-active), .btn.btn-active-color-gray-900.active, .btn.btn-active-color-gray-900.show, .show > .btn.btn-active-color-gray-900 {
    color: var(--bs-text-gray-900);
}
.btn-check:checked + .btn.btn-active-color-gray-900 i,
.btn-check:checked + .btn.btn-active-color-gray-900 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-900 i,
.btn-check:active + .btn.btn-active-color-gray-900 .svg-icon, .btn.btn-active-color-gray-900:focus:not(.btn-active) i,
.btn.btn-active-color-gray-900:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900:hover:not(.btn-active) i,
.btn.btn-active-color-gray-900:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900:active:not(.btn-active) i,
.btn.btn-active-color-gray-900:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900.active i,
.btn.btn-active-color-gray-900.active .svg-icon, .btn.btn-active-color-gray-900.show i,
.btn.btn-active-color-gray-900.show .svg-icon, .show > .btn.btn-active-color-gray-900 i,
.show > .btn.btn-active-color-gray-900 .svg-icon {
    color: var(--bs-text-gray-900);
}
.btn-check:checked + .btn.btn-active-color-gray-900.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-900.dropdown-toggle:after, .btn.btn-active-color-gray-900:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900.active.dropdown-toggle:after, .btn.btn-active-color-gray-900.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900);
}

.btn.btn-icon-gray-900 i,
.btn.btn-icon-gray-900 .svg-icon {
    color: var(--bs-text-gray-900);
}
.btn.btn-icon-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900);
}
.btn-check:checked + .btn.btn-active-icon-gray-900 i,
.btn-check:checked + .btn.btn-active-icon-gray-900 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-900 i,
.btn-check:active + .btn.btn-active-icon-gray-900 .svg-icon, .btn.btn-active-icon-gray-900:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-900:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900:hover:not(.btn-active) i,
.btn.btn-active-icon-gray-900:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900:active:not(.btn-active) i,
.btn.btn-active-icon-gray-900:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900.active i,
.btn.btn-active-icon-gray-900.active .svg-icon, .btn.btn-active-icon-gray-900.show i,
.btn.btn-active-icon-gray-900.show .svg-icon, .show > .btn.btn-active-icon-gray-900 i,
.show > .btn.btn-active-icon-gray-900 .svg-icon {
    color: var(--bs-text-gray-900);
}
.btn-check:checked + .btn.btn-active-icon-gray-900.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-900.dropdown-toggle:after, .btn.btn-active-icon-gray-900:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900.active.dropdown-toggle:after, .btn.btn-active-icon-gray-900.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900);
}

.btn.btn-text-gray-900 {
    color: var(--bs-text-gray-900);
}
.btn-check:checked + .btn.btn-active-text-gray-900, .btn-check:active + .btn.btn-active-text-gray-900, .btn.btn-active-text-gray-900:focus:not(.btn-active), .btn.btn-active-text-gray-900:hover:not(.btn-active), .btn.btn-active-text-gray-900:active:not(.btn-active), .btn.btn-active-text-gray-900.active, .btn.btn-active-text-gray-900.show, .show > .btn.btn-active-text-gray-900 {
    color: var(--bs-text-gray-900);
}