[data-bs-theme=light] {
    --bs-blue: #343467;
    --bs-yellow: #ffb900;
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-btn-bg: #E2E2E5;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);

    --bs-text-muted: #99A1B7;
    --bs-text-danger: #F8285A;

    --bs-gray: #78829D;
    --bs-gray-dark: #252F4A;
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F1F1F4;
    --bs-gray-300: #DBDFE9;
    --bs-gray-400: #C4CADA;
    --bs-gray-500: #99A1B7;
    --bs-gray-600: #78829D;
    --bs-gray-700: #4B5675;
    --bs-gray-800: #252F4A;
    --bs-gray-900: #071437;

    --bs-light: #b5b5b7;
    --bs-primary: #1B84FF;
    --bs-secondary: #F1F1F4;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-primary-active: #056EE9;
    --bs-secondary-active: #C4CADA;
    --bs-light-active: #C0C0C3;
    --bs-success-active: #04B440;
    --bs-info-active: #5014D0;
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-border-invalid: #F8285A;

    --bs-dark-active: #111318;
    --bs-primary-light: #E9F3FF;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #DFFFEA;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FFF8DD;
    --bs-danger-light: #FFEEF3;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 27,132,255;
    --bs-secondary-rgb: 241,241,244;
    --bs-success-rgb: 23,198,83;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 246,192,0;
    --bs-danger-rgb: 248,40,90;
    --bs-dark-rgb: 30,33,41;
    --bs-primary-text-emphasis: #0b3566;
    --bs-secondary-text-emphasis: #606062;
    --bs-success-text-emphasis: #094f21;
    --bs-info-text-emphasis: #2e175e;
    --bs-warning-text-emphasis: #624d00;
    --bs-danger-text-emphasis: #631024;
    --bs-light-text-emphasis: #4B5675;
    --bs-dark-text-emphasis: #4B5675;
    --bs-primary-bg-subtle: #d1e6ff;
    --bs-secondary-bg-subtle: #fcfcfd;
    --bs-success-bg-subtle: #d1f4dd;
    --bs-info-bg-subtle: #e3d7fb;
    --bs-warning-bg-subtle: #fdf2cc;
    --bs-danger-bg-subtle: #fed4de;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #C4CADA;
    --bs-primary-border-subtle: #a4ceff;
    --bs-secondary-border-subtle: #f9f9fb;
    --bs-success-border-subtle: #a2e8ba;
    --bs-info-border-subtle: #c7b0f7;
    --bs-warning-border-subtle: #fbe699;
    --bs-danger-border-subtle: #fca9bd;
    --bs-light-border-subtle: #F1F1F4;
    --bs-dark-border-subtle: #99A1B7;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: Inter,Helvetica,"sans-serif";
    --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: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #071437;
    --bs-body-color-rgb: 7,20,55;
    --bs-body-bg: #343467;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(7, 20, 55, 0.75);
    --bs-secondary-color-rgb: 7,20,55;
    --bs-secondary-bg: #F1F1F4;
    --bs-secondary-bg-rgb: 241,241,244;
    --bs-tertiary-color: rgba(7, 20, 55, 0.5);
    --bs-tertiary-color-rgb: 7,20,55;
    --bs-tertiary-bg: #F9F9F9;
    --bs-tertiary-bg-rgb: 249,249,249;
    --bs-heading-color: #071437;
    --bs-link-color: #1B84FF;
    --bs-link-color-rgb: 27,132,255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #056EE9;
    --bs-link-hover-color-rgb: 5,110,233;
    --bs-link-hover-decoration: none;
    --bs-code-color: #b93993;
    --bs-highlight-color: #071437;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #999999;
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(27, 132, 255, 0.25);
    --bs-form-valid-color: #17C653;
    --bs-form-valid-border-color: #17C653;
    --bs-form-invalid-color: #F8285A;
    --bs-form-invalid-border-color: #F8285A;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-engage-btn-bg: #ffffff;
    --bs-text-gray-100: #1B1C22;
    --bs-text-gray-200: #26272F;
    --bs-text-gray-300: #363843;
    --bs-text-gray-400: #464852;
    --bs-text-gray-500: #636674;
    --bs-text-gray-600: #808290;
    --bs-text-gray-700: #9A9CAE;
    --bs-text-gray-800: #B5B7C8;
    --bs-text-gray-900: #F5F5F5;
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
}
/* --- Estilos Generales y Layout --- */
body {
    font-family: 'Roboto', sans-serif;
    height: 100%;
    margin: 0;
    background-color: #f7f8f9;
    color: #333;
}
body.modal-open {
    overflow: hidden;
}
.bg-body {
    --bs-bg-rgb-color: var(--bs-body-bg-rgb);
    background-color: var(--bs-body-bg) !important;
}
#page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Usa 100vh para la altura de la vista */
}

#content-wrap {
    flex-grow: 1;
}

.container__banner {
    margin: 0 auto;
    @media (width >= 120rem) {
        max-width: 120rem;
    }
}

.container {
    margin: 0 auto;
@media (width <= 26rem) {  max-width: 26rem;width: 96%;  }
    @media (width = 48rem) {  max-width: 47rem;  }
        @media (width = 64rem) {  max-width: 63rem;  }
            @media (width > 64rem) {  max-width: 64rem;  }
                @media (width >= 86rem) {  max-width: 82rem;  }
                    @media (width >= 96rem) {  max-width: 90rem;  }
                        @media (width >= 120rem) {  max-width: 110rem;  }
                        }
.container.page-noticia {
    max-width: 1300px;
    width: 90%;
}
.btn {
    --bs-btn-color: var(--bs-body-color);
    outline: 0!important
}
.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg):not(.shadow-xs) {
    box-shadow: none
}

.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
    border: 0;
    padding: calc(.775rem + 1px) calc(1.5rem + 1px)
}

.btn-group-lg>.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline),.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-lg {
    padding: calc(1rem + 1px) calc(1.75rem + 1px)
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline),.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-sm {
    padding: calc(.55rem + 1px) calc(1rem + 1px)
}

.btn.btn-link {
    border: 0;
    border-radius: 0;
    padding-left: 0!important;
    padding-right: 0!important;
    text-decoration: none;
    font-weight: 500
}

.btn.btn-outline:not(.btn-outline-dashed) {
    border: 4px solid var(--bs-yellow)
}

.btn.btn-outline-dashed {
    border: 1px dashed var(--bs-yellow)
}

.btn.btn-flush {
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: 0!important;
    margin: 0;
    padding: 0
}

.btn.btn-flex {
    display: inline-flex;
    align-items: center
}

.btn.btn-trim-start {
    justify-content: flex-start!important;
    padding-left: 0!important
}

.btn.btn-trim-end {
    justify-content: flex-end!important;
    padding-right: 0!important
}

.btn-reset {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    user-select: none;
    outline: 0
}

.btn>i {
    display: inline-flex;
    font-size: 1rem;
    padding-right: .35rem;
    vertical-align: middle
}

.btn.btn-icon i {
    padding-right: 0
}

.btn-group-sm>.btn.btn-icon,.btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.1rem + 2px);
    width: calc(1.5em + 1.1rem + 2px)
}

.btn-group-lg>.btn.btn-icon,.btn.btn-icon.btn-lg {
    height: calc(1.5em + 2rem + 2px);
    width: calc(1.5em + 2rem + 2px)
}

.btn.btn-icon.btn-circle {
    border-radius: 50%;
    background-color: #fff;
}

.btn.btn-outline.btn-outline-dashed {
    border-width: 1px;
    border-style: dashed
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed,.btn-check:checked+.btn.btn-outline.btn-outline-dashed,.btn.btn-outline.btn-outline-dashed.active,.btn.btn-outline.btn-outline-dashed.show,.btn.btn-outline.btn-outline-dashed:active:not(.btn-active),.btn.btn-outline.btn-outline-dashed:focus:not(.btn-active),.btn.btn-outline.btn-outline-dashed:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-dashed {
    border-color: var(--bs-primary)
}

.btn.btn-hover-outline {
    border-width: 1px;
    border-style: solid
}

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

.btn.btn-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light);
    border-radius: 6px;
}

.btn.btn-light .svg-icon,.btn.btn-light i {
    color: var(--bs-light-inverse)
}

.btn.btn-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-light,.btn-check:checked+.btn.btn-light,.btn.btn-light.active,.btn.btn-light.show,.btn.btn-light:active:not(.btn-active),.btn.btn-light:focus:not(.btn-active),.btn.btn-light:hover:not(.btn-active),.show>.btn.btn-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light-active);
    background-color: var(--bs-light-active)!important
}

.btn-check:active+.btn.btn-light .svg-icon,.btn-check:active+.btn.btn-light i,.btn-check:checked+.btn.btn-light .svg-icon,.btn-check:checked+.btn.btn-light i,.btn.btn-light.active .svg-icon,.btn.btn-light.active i,.btn.btn-light.show .svg-icon,.btn.btn-light.show i,.btn.btn-light:active:not(.btn-active) .svg-icon,.btn.btn-light:active:not(.btn-active) i,.btn.btn-light:focus:not(.btn-active) .svg-icon,.btn.btn-light:focus:not(.btn-active) i,.btn.btn-light:hover:not(.btn-active) .svg-icon,.btn.btn-light:hover:not(.btn-active) i,.show>.btn.btn-light .svg-icon,.show>.btn.btn-light i {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-light.dropdown-toggle:after,.btn.btn-light.active.dropdown-toggle:after,.btn.btn-light.show.dropdown-toggle:after,.btn.btn-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn.btn-light-light {
    color: var(--bs-light);
    border-color: var(--bs-light-light);
    background-color: var(--bs-light-light)
}

.btn.btn-light-light .svg-icon,.btn.btn-light-light i {
    color: var(--bs-light)
}

.btn.btn-light-light.dropdown-toggle:after {
    color: var(--bs-light)
}

.btn-check:active+.btn.btn-light-light,.btn-check:checked+.btn.btn-light-light,.btn.btn-light-light.active,.btn.btn-light-light.show,.btn.btn-light-light:active:not(.btn-active),.btn.btn-light-light:focus:not(.btn-active),.btn.btn-light-light:hover:not(.btn-active),.show>.btn.btn-light-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light)!important
}

.btn-check:active+.btn.btn-light-light .svg-icon,.btn-check:active+.btn.btn-light-light i,.btn-check:checked+.btn.btn-light-light .svg-icon,.btn-check:checked+.btn.btn-light-light i,.btn.btn-light-light.active .svg-icon,.btn.btn-light-light.active i,.btn.btn-light-light.show .svg-icon,.btn.btn-light-light.show i,.btn.btn-light-light:active:not(.btn-active) .svg-icon,.btn.btn-light-light:active:not(.btn-active) i,.btn.btn-light-light:focus:not(.btn-active) .svg-icon,.btn.btn-light-light:focus:not(.btn-active) i,.btn.btn-light-light:hover:not(.btn-active) .svg-icon,.btn.btn-light-light:hover:not(.btn-active) i,.show>.btn.btn-light-light .svg-icon,.show>.btn.btn-light-light i {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-light-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-light.dropdown-toggle:after,.btn.btn-light-light.active.dropdown-toggle:after,.btn.btn-light-light.show.dropdown-toggle:after,.btn.btn-light-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn.btn-bg-light {
    border-color: var(--bs-light);
    background-color: var(--bs-light)
}

.btn-check:active+.btn.btn-active-light,.btn-check:checked+.btn.btn-active-light,.btn.btn-active-light.active,.btn.btn-active-light.show,.btn.btn-active-light:active:not(.btn-active),.btn.btn-active-light:focus:not(.btn-active),.btn.btn-active-light:hover:not(.btn-active),.show>.btn.btn-active-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light)!important
}

.btn-check:active+.btn.btn-active-light .svg-icon,.btn-check:active+.btn.btn-active-light i,.btn-check:checked+.btn.btn-active-light .svg-icon,.btn-check:checked+.btn.btn-active-light i,.btn.btn-active-light.active .svg-icon,.btn.btn-active-light.active i,.btn.btn-active-light.show .svg-icon,.btn.btn-active-light.show i,.btn.btn-active-light:active:not(.btn-active) .svg-icon,.btn.btn-active-light:active:not(.btn-active) i,.btn.btn-active-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-light:focus:not(.btn-active) i,.btn.btn-active-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-light:hover:not(.btn-active) i,.show>.btn.btn-active-light .svg-icon,.show>.btn.btn-active-light i {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-active-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light.dropdown-toggle:after,.btn.btn-active-light.active.dropdown-toggle:after,.btn.btn-active-light.show.dropdown-toggle:after,.btn.btn-active-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-active-light-light,.btn-check:checked+.btn.btn-active-light-light,.btn.btn-active-light-light.active,.btn.btn-active-light-light.show,.btn.btn-active-light-light:active:not(.btn-active),.btn.btn-active-light-light:focus:not(.btn-active),.btn.btn-active-light-light:hover:not(.btn-active),.show>.btn.btn-active-light-light {
    color: var(--bs-light);
    border-color: var(--bs-light-light);
    background-color: var(--bs-light-light)!important
}

.btn-check:active+.btn.btn-active-light-light .svg-icon,.btn-check:active+.btn.btn-active-light-light i,.btn-check:checked+.btn.btn-active-light-light .svg-icon,.btn-check:checked+.btn.btn-active-light-light i,.btn.btn-active-light-light.active .svg-icon,.btn.btn-active-light-light.active i,.btn.btn-active-light-light.show .svg-icon,.btn.btn-active-light-light.show i,.btn.btn-active-light-light:active:not(.btn-active) .svg-icon,.btn.btn-active-light-light:active:not(.btn-active) i,.btn.btn-active-light-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-light:focus:not(.btn-active) i,.btn.btn-active-light-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-light:hover:not(.btn-active) i,.show>.btn.btn-active-light-light .svg-icon,.show>.btn.btn-active-light-light i {
    color: var(--bs-light)
}

.btn-check:active+.btn.btn-active-light-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-light.dropdown-toggle:after,.btn.btn-active-light-light.active.dropdown-toggle:after,.btn.btn-active-light-light.show.dropdown-toggle:after,.btn.btn-active-light-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-light.dropdown-toggle:after {
    color: var(--bs-light)
}

.btn.btn-outline.btn-outline-light {
    color: var(--bs-light);
    border-color: var(--bs-light);
    background-color: transparent
}

.btn.btn-outline.btn-outline-light .svg-icon,.btn.btn-outline.btn-outline-light i {
    color: var(--bs-light)
}

.btn.btn-outline.btn-outline-light.dropdown-toggle:after {
    color: var(--bs-light)
}

.btn-check:active+.btn.btn-outline.btn-outline-light,.btn-check:checked+.btn.btn-outline.btn-outline-light,.btn.btn-outline.btn-outline-light.active,.btn.btn-outline.btn-outline-light.show,.btn.btn-outline.btn-outline-light:active:not(.btn-active),.btn.btn-outline.btn-outline-light:focus:not(.btn-active),.btn.btn-outline.btn-outline-light:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-light {
    color: var(--bs-light-active);
    border-color: var(--bs-light);
    background-color: var(--bs-light-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-light .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-light i,.btn-check:checked+.btn.btn-outline.btn-outline-light .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-light i,.btn.btn-outline.btn-outline-light.active .svg-icon,.btn.btn-outline.btn-outline-light.active i,.btn.btn-outline.btn-outline-light.show .svg-icon,.btn.btn-outline.btn-outline-light.show i,.btn.btn-outline.btn-outline-light:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:active:not(.btn-active) i,.btn.btn-outline.btn-outline-light:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-light:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-light .svg-icon,.show>.btn.btn-outline.btn-outline-light i {
    color: var(--bs-light-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-light.dropdown-toggle:after,.btn.btn-outline.btn-outline-light.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-light.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-light.dropdown-toggle:after {
    color: var(--bs-light-active)
}

.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)
}

.btn.btn-primary .svg-icon,.btn.btn-primary i {
    color: var(--bs-primary-inverse)
}

.btn.btn-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-primary,.btn-check:checked+.btn.btn-primary,.btn.btn-primary.active,.btn.btn-primary.show,.btn.btn-primary:active:not(.btn-active),.btn.btn-primary:focus:not(.btn-active),.btn.btn-primary:hover:not(.btn-active),.show>.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary-active);
    background-color: var(--bs-primary-active)!important
}

.btn-check:active+.btn.btn-primary .svg-icon,.btn-check:active+.btn.btn-primary i,.btn-check:checked+.btn.btn-primary .svg-icon,.btn-check:checked+.btn.btn-primary i,.btn.btn-primary.active .svg-icon,.btn.btn-primary.active i,.btn.btn-primary.show .svg-icon,.btn.btn-primary.show i,.btn.btn-primary:active:not(.btn-active) .svg-icon,.btn.btn-primary:active:not(.btn-active) i,.btn.btn-primary:focus:not(.btn-active) .svg-icon,.btn.btn-primary:focus:not(.btn-active) i,.btn.btn-primary:hover:not(.btn-active) .svg-icon,.btn.btn-primary:hover:not(.btn-active) i,.show>.btn.btn-primary .svg-icon,.show>.btn.btn-primary i {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-primary.dropdown-toggle:after,.btn.btn-primary.active.dropdown-toggle:after,.btn.btn-primary.show.dropdown-toggle:after,.btn.btn-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn.btn-light-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light)
}

.btn.btn-light-primary .svg-icon,.btn.btn-light-primary i {
    color: var(--bs-primary)
}

.btn.btn-light-primary.dropdown-toggle:after {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-light-primary,.btn-check:checked+.btn.btn-light-primary,.btn.btn-light-primary.active,.btn.btn-light-primary.show,.btn.btn-light-primary:active:not(.btn-active),.btn.btn-light-primary:focus:not(.btn-active),.btn.btn-light-primary:hover:not(.btn-active),.show>.btn.btn-light-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)!important
}

.btn-check:active+.btn.btn-light-primary .svg-icon,.btn-check:active+.btn.btn-light-primary i,.btn-check:checked+.btn.btn-light-primary .svg-icon,.btn-check:checked+.btn.btn-light-primary i,.btn.btn-light-primary.active .svg-icon,.btn.btn-light-primary.active i,.btn.btn-light-primary.show .svg-icon,.btn.btn-light-primary.show i,.btn.btn-light-primary:active:not(.btn-active) .svg-icon,.btn.btn-light-primary:active:not(.btn-active) i,.btn.btn-light-primary:focus:not(.btn-active) .svg-icon,.btn.btn-light-primary:focus:not(.btn-active) i,.btn.btn-light-primary:hover:not(.btn-active) .svg-icon,.btn.btn-light-primary:hover:not(.btn-active) i,.show>.btn.btn-light-primary .svg-icon,.show>.btn.btn-light-primary i {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-light-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-primary.dropdown-toggle:after,.btn.btn-light-primary.active.dropdown-toggle:after,.btn.btn-light-primary.show.dropdown-toggle:after,.btn.btn-light-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn.btn-bg-primary {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)
}

.btn-check:active+.btn.btn-active-primary,.btn-check:checked+.btn.btn-active-primary,.btn.btn-active-primary.active,.btn.btn-active-primary.show,.btn.btn-active-primary:active:not(.btn-active),.btn.btn-active-primary:focus:not(.btn-active),.btn.btn-active-primary:hover:not(.btn-active),.show>.btn.btn-active-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)!important
}

.btn-check:active+.btn.btn-active-primary .svg-icon,.btn-check:active+.btn.btn-active-primary i,.btn-check:checked+.btn.btn-active-primary .svg-icon,.btn-check:checked+.btn.btn-active-primary i,.btn.btn-active-primary.active .svg-icon,.btn.btn-active-primary.active i,.btn.btn-active-primary.show .svg-icon,.btn.btn-active-primary.show i,.btn.btn-active-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-primary:active:not(.btn-active) i,.btn.btn-active-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-primary:focus:not(.btn-active) i,.btn.btn-active-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-primary:hover:not(.btn-active) i,.show>.btn.btn-active-primary .svg-icon,.show>.btn.btn-active-primary i {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-active-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-primary.dropdown-toggle:after,.btn.btn-active-primary.active.dropdown-toggle:after,.btn.btn-active-primary.show.dropdown-toggle:after,.btn.btn-active-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-active-light-primary,.btn-check:checked+.btn.btn-active-light-primary,.btn.btn-active-light-primary.active,.btn.btn-active-light-primary.show,.btn.btn-active-light-primary:active:not(.btn-active),.btn.btn-active-light-primary:focus:not(.btn-active),.btn.btn-active-light-primary:hover:not(.btn-active),.show>.btn.btn-active-light-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light)!important
}

.btn-check:active+.btn.btn-active-light-primary .svg-icon,.btn-check:active+.btn.btn-active-light-primary i,.btn-check:checked+.btn.btn-active-light-primary .svg-icon,.btn-check:checked+.btn.btn-active-light-primary i,.btn.btn-active-light-primary.active .svg-icon,.btn.btn-active-light-primary.active i,.btn.btn-active-light-primary.show .svg-icon,.btn.btn-active-light-primary.show i,.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:active:not(.btn-active) i,.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:focus:not(.btn-active) i,.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:hover:not(.btn-active) i,.show>.btn.btn-active-light-primary .svg-icon,.show>.btn.btn-active-light-primary i {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-active-light-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-primary.dropdown-toggle:after,.btn.btn-active-light-primary.active.dropdown-toggle:after,.btn.btn-active-light-primary.show.dropdown-toggle:after,.btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-primary.dropdown-toggle:after {
    color: var(--bs-primary)
}

.btn.btn-outline.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
    background-color: transparent
}

.btn.btn-outline.btn-outline-primary .svg-icon,.btn.btn-outline.btn-outline-primary i {
    color: var(--bs-primary)
}

.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary,.btn-check:checked+.btn.btn-outline.btn-outline-primary,.btn.btn-outline.btn-outline-primary.active,.btn.btn-outline.btn-outline-primary.show,.btn.btn-outline.btn-outline-primary:active:not(.btn-active),.btn.btn-outline.btn-outline-primary:focus:not(.btn-active),.btn.btn-outline.btn-outline-primary:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-primary {
    color: var(--bs-primary-active);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-primary .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-primary i,.btn-check:checked+.btn.btn-outline.btn-outline-primary .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-primary i,.btn.btn-outline.btn-outline-primary.active .svg-icon,.btn.btn-outline.btn-outline-primary.active i,.btn.btn-outline.btn-outline-primary.show .svg-icon,.btn.btn-outline.btn-outline-primary.show i,.btn.btn-outline.btn-outline-primary:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:active:not(.btn-active) i,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-primary .svg-icon,.show>.btn.btn-outline.btn-outline-primary i {
    color: var(--bs-primary-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--bs-primary-active)
}

.btn.btn-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)
}

.btn.btn-secondary .svg-icon,.btn.btn-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn.btn-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-secondary,.btn-check:checked+.btn.btn-secondary,.btn.btn-secondary.active,.btn.btn-secondary.show,.btn.btn-secondary:active:not(.btn-active),.btn.btn-secondary:focus:not(.btn-active),.btn.btn-secondary:hover:not(.btn-active),.show>.btn.btn-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-active);
    background-color: var(--bs-secondary-active)!important
}

.btn-check:active+.btn.btn-secondary .svg-icon,.btn-check:active+.btn.btn-secondary i,.btn-check:checked+.btn.btn-secondary .svg-icon,.btn-check:checked+.btn.btn-secondary i,.btn.btn-secondary.active .svg-icon,.btn.btn-secondary.active i,.btn.btn-secondary.show .svg-icon,.btn.btn-secondary.show i,.btn.btn-secondary:active:not(.btn-active) .svg-icon,.btn.btn-secondary:active:not(.btn-active) i,.btn.btn-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-secondary:focus:not(.btn-active) i,.btn.btn-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-secondary:hover:not(.btn-active) i,.show>.btn.btn-secondary .svg-icon,.show>.btn.btn-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-secondary.dropdown-toggle:after,.btn.btn-secondary.active.dropdown-toggle:after,.btn.btn-secondary.show.dropdown-toggle:after,.btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-light);
    background-color: var(--bs-secondary-light)
}

.btn.btn-light-secondary .svg-icon,.btn.btn-light-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn.btn-light-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-light-secondary,.btn-check:checked+.btn.btn-light-secondary,.btn.btn-light-secondary.active,.btn.btn-light-secondary.show,.btn.btn-light-secondary:active:not(.btn-active),.btn.btn-light-secondary:focus:not(.btn-active),.btn.btn-light-secondary:hover:not(.btn-active),.show>.btn.btn-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)!important
}

.btn-check:active+.btn.btn-light-secondary .svg-icon,.btn-check:active+.btn.btn-light-secondary i,.btn-check:checked+.btn.btn-light-secondary .svg-icon,.btn-check:checked+.btn.btn-light-secondary i,.btn.btn-light-secondary.active .svg-icon,.btn.btn-light-secondary.active i,.btn.btn-light-secondary.show .svg-icon,.btn.btn-light-secondary.show i,.btn.btn-light-secondary:active:not(.btn-active) .svg-icon,.btn.btn-light-secondary:active:not(.btn-active) i,.btn.btn-light-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-light-secondary:focus:not(.btn-active) i,.btn.btn-light-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-light-secondary:hover:not(.btn-active) i,.show>.btn.btn-light-secondary .svg-icon,.show>.btn.btn-light-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-light-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-secondary.dropdown-toggle:after,.btn.btn-light-secondary.active.dropdown-toggle:after,.btn.btn-light-secondary.show.dropdown-toggle:after,.btn.btn-light-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-bg-secondary {
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)
}

.btn-check:active+.btn.btn-active-secondary,.btn-check:checked+.btn.btn-active-secondary,.btn.btn-active-secondary.active,.btn.btn-active-secondary.show,.btn.btn-active-secondary:active:not(.btn-active),.btn.btn-active-secondary:focus:not(.btn-active),.btn.btn-active-secondary:hover:not(.btn-active),.show>.btn.btn-active-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)!important
}

.btn-check:active+.btn.btn-active-secondary .svg-icon,.btn-check:active+.btn.btn-active-secondary i,.btn-check:checked+.btn.btn-active-secondary .svg-icon,.btn-check:checked+.btn.btn-active-secondary i,.btn.btn-active-secondary.active .svg-icon,.btn.btn-active-secondary.active i,.btn.btn-active-secondary.show .svg-icon,.btn.btn-active-secondary.show i,.btn.btn-active-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-secondary:active:not(.btn-active) i,.btn.btn-active-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-secondary:focus:not(.btn-active) i,.btn.btn-active-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-secondary .svg-icon,.show>.btn.btn-active-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-active-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-secondary.dropdown-toggle:after,.btn.btn-active-secondary.active.dropdown-toggle:after,.btn.btn-active-secondary.show.dropdown-toggle:after,.btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-active-light-secondary,.btn-check:checked+.btn.btn-active-light-secondary,.btn.btn-active-light-secondary.active,.btn.btn-active-light-secondary.show,.btn.btn-active-light-secondary:active:not(.btn-active),.btn.btn-active-light-secondary:focus:not(.btn-active),.btn.btn-active-light-secondary:hover:not(.btn-active),.show>.btn.btn-active-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-light);
    background-color: var(--bs-secondary-light)!important
}

.btn-check:active+.btn.btn-active-light-secondary .svg-icon,.btn-check:active+.btn.btn-active-light-secondary i,.btn-check:checked+.btn.btn-active-light-secondary .svg-icon,.btn-check:checked+.btn.btn-active-light-secondary i,.btn.btn-active-light-secondary.active .svg-icon,.btn.btn-active-light-secondary.active i,.btn.btn-active-light-secondary.show .svg-icon,.btn.btn-active-light-secondary.show i,.btn.btn-active-light-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:active:not(.btn-active) i,.btn.btn-active-light-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:focus:not(.btn-active) i,.btn.btn-active-light-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-light-secondary .svg-icon,.show>.btn.btn-active-light-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-active-light-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-secondary.dropdown-toggle:after,.btn.btn-active-light-secondary.active.dropdown-toggle:after,.btn.btn-active-light-secondary.show.dropdown-toggle:after,.btn.btn-active-light-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-outline.btn-outline-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-inverse);
    background-color: transparent
}

.btn.btn-outline.btn-outline-secondary .svg-icon,.btn.btn-outline.btn-outline-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary,.btn-check:checked+.btn.btn-outline.btn-outline-secondary,.btn.btn-outline.btn-outline-secondary.active,.btn.btn-outline.btn-outline-secondary.show,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active),.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active),.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-inverse);
    background-color: var(--bs-secondary-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-secondary i,.btn-check:checked+.btn.btn-outline.btn-outline-secondary .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-secondary i,.btn.btn-outline.btn-outline-secondary.active .svg-icon,.btn.btn-outline.btn-outline-secondary.active i,.btn.btn-outline.btn-outline-secondary.show .svg-icon,.btn.btn-outline.btn-outline-secondary.show i,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) i,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-secondary .svg-icon,.show>.btn.btn-outline.btn-outline-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success)
}

.btn.btn-success .svg-icon,.btn.btn-success i {
    color: var(--bs-success-inverse)
}

.btn.btn-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-success,.btn-check:checked+.btn.btn-success,.btn.btn-success.active,.btn.btn-success.show,.btn.btn-success:active:not(.btn-active),.btn.btn-success:focus:not(.btn-active),.btn.btn-success:hover:not(.btn-active),.show>.btn.btn-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success-active);
    background-color: var(--bs-success-active)!important
}

.btn-check:active+.btn.btn-success .svg-icon,.btn-check:active+.btn.btn-success i,.btn-check:checked+.btn.btn-success .svg-icon,.btn-check:checked+.btn.btn-success i,.btn.btn-success.active .svg-icon,.btn.btn-success.active i,.btn.btn-success.show .svg-icon,.btn.btn-success.show i,.btn.btn-success:active:not(.btn-active) .svg-icon,.btn.btn-success:active:not(.btn-active) i,.btn.btn-success:focus:not(.btn-active) .svg-icon,.btn.btn-success:focus:not(.btn-active) i,.btn.btn-success:hover:not(.btn-active) .svg-icon,.btn.btn-success:hover:not(.btn-active) i,.show>.btn.btn-success .svg-icon,.show>.btn.btn-success i {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-success.dropdown-toggle:after,.btn.btn-success.active.dropdown-toggle:after,.btn.btn-success.show.dropdown-toggle:after,.btn.btn-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn.btn-light-success {
    color: var(--bs-success);
    border-color: var(--bs-success-light);
    background-color: var(--bs-success-light)
}

.btn.btn-light-success .svg-icon,.btn.btn-light-success i {
    color: var(--bs-success)
}

.btn.btn-light-success.dropdown-toggle:after {
    color: var(--bs-success)
}

.btn-check:active+.btn.btn-light-success,.btn-check:checked+.btn.btn-light-success,.btn.btn-light-success.active,.btn.btn-light-success.show,.btn.btn-light-success:active:not(.btn-active),.btn.btn-light-success:focus:not(.btn-active),.btn.btn-light-success:hover:not(.btn-active),.show>.btn.btn-light-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success)!important
}

.btn-check:active+.btn.btn-light-success .svg-icon,.btn-check:active+.btn.btn-light-success i,.btn-check:checked+.btn.btn-light-success .svg-icon,.btn-check:checked+.btn.btn-light-success i,.btn.btn-light-success.active .svg-icon,.btn.btn-light-success.active i,.btn.btn-light-success.show .svg-icon,.btn.btn-light-success.show i,.btn.btn-light-success:active:not(.btn-active) .svg-icon,.btn.btn-light-success:active:not(.btn-active) i,.btn.btn-light-success:focus:not(.btn-active) .svg-icon,.btn.btn-light-success:focus:not(.btn-active) i,.btn.btn-light-success:hover:not(.btn-active) .svg-icon,.btn.btn-light-success:hover:not(.btn-active) i,.show>.btn.btn-light-success .svg-icon,.show>.btn.btn-light-success i {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-light-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-success.dropdown-toggle:after,.btn.btn-light-success.active.dropdown-toggle:after,.btn.btn-light-success.show.dropdown-toggle:after,.btn.btn-light-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn.btn-bg-success {
    border-color: var(--bs-success);
    background-color: var(--bs-success)
}

.btn-check:active+.btn.btn-active-success,.btn-check:checked+.btn.btn-active-success,.btn.btn-active-success.active,.btn.btn-active-success.show,.btn.btn-active-success:active:not(.btn-active),.btn.btn-active-success:focus:not(.btn-active),.btn.btn-active-success:hover:not(.btn-active),.show>.btn.btn-active-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success)!important
}

.btn-check:active+.btn.btn-active-success .svg-icon,.btn-check:active+.btn.btn-active-success i,.btn-check:checked+.btn.btn-active-success .svg-icon,.btn-check:checked+.btn.btn-active-success i,.btn.btn-active-success.active .svg-icon,.btn.btn-active-success.active i,.btn.btn-active-success.show .svg-icon,.btn.btn-active-success.show i,.btn.btn-active-success:active:not(.btn-active) .svg-icon,.btn.btn-active-success:active:not(.btn-active) i,.btn.btn-active-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-success:focus:not(.btn-active) i,.btn.btn-active-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-success:hover:not(.btn-active) i,.show>.btn.btn-active-success .svg-icon,.show>.btn.btn-active-success i {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-active-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-success.dropdown-toggle:after,.btn.btn-active-success.active.dropdown-toggle:after,.btn.btn-active-success.show.dropdown-toggle:after,.btn.btn-active-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-active-light-success,.btn-check:checked+.btn.btn-active-light-success,.btn.btn-active-light-success.active,.btn.btn-active-light-success.show,.btn.btn-active-light-success:active:not(.btn-active),.btn.btn-active-light-success:focus:not(.btn-active),.btn.btn-active-light-success:hover:not(.btn-active),.show>.btn.btn-active-light-success {
    color: var(--bs-success);
    border-color: var(--bs-success-light);
    background-color: var(--bs-success-light)!important
}

.btn-check:active+.btn.btn-active-light-success .svg-icon,.btn-check:active+.btn.btn-active-light-success i,.btn-check:checked+.btn.btn-active-light-success .svg-icon,.btn-check:checked+.btn.btn-active-light-success i,.btn.btn-active-light-success.active .svg-icon,.btn.btn-active-light-success.active i,.btn.btn-active-light-success.show .svg-icon,.btn.btn-active-light-success.show i,.btn.btn-active-light-success:active:not(.btn-active) .svg-icon,.btn.btn-active-light-success:active:not(.btn-active) i,.btn.btn-active-light-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-success:focus:not(.btn-active) i,.btn.btn-active-light-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-success:hover:not(.btn-active) i,.show>.btn.btn-active-light-success .svg-icon,.show>.btn.btn-active-light-success i {
    color: var(--bs-success)
}

.btn-check:active+.btn.btn-active-light-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-success.dropdown-toggle:after,.btn.btn-active-light-success.active.dropdown-toggle:after,.btn.btn-active-light-success.show.dropdown-toggle:after,.btn.btn-active-light-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-success.dropdown-toggle:after {
    color: var(--bs-success)
}

.btn.btn-outline.btn-outline-success {
    color: var(--bs-success);
    border-color: var(--bs-success);
    background-color: transparent
}

.btn.btn-outline.btn-outline-success .svg-icon,.btn.btn-outline.btn-outline-success i {
    color: var(--bs-success)
}

.btn.btn-outline.btn-outline-success.dropdown-toggle:after {
    color: var(--bs-success)
}

.btn-check:active+.btn.btn-outline.btn-outline-success,.btn-check:checked+.btn.btn-outline.btn-outline-success,.btn.btn-outline.btn-outline-success.active,.btn.btn-outline.btn-outline-success.show,.btn.btn-outline.btn-outline-success:active:not(.btn-active),.btn.btn-outline.btn-outline-success:focus:not(.btn-active),.btn.btn-outline.btn-outline-success:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-success {
    color: var(--bs-success-active);
    border-color: var(--bs-success);
    background-color: var(--bs-success-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-success .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-success i,.btn-check:checked+.btn.btn-outline.btn-outline-success .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-success i,.btn.btn-outline.btn-outline-success.active .svg-icon,.btn.btn-outline.btn-outline-success.active i,.btn.btn-outline.btn-outline-success.show .svg-icon,.btn.btn-outline.btn-outline-success.show i,.btn.btn-outline.btn-outline-success:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:active:not(.btn-active) i,.btn.btn-outline.btn-outline-success:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-success:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-success .svg-icon,.show>.btn.btn-outline.btn-outline-success i {
    color: var(--bs-success-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-success.dropdown-toggle:after,.btn.btn-outline.btn-outline-success.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-success.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-success.dropdown-toggle:after {
    color: var(--bs-success-active)
}

.btn.btn-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info);
    background-color: var(--bs-info)
}

.btn.btn-info .svg-icon,.btn.btn-info i {
    color: var(--bs-info-inverse)
}

.btn.btn-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-info,.btn-check:checked+.btn.btn-info,.btn.btn-info.active,.btn.btn-info.show,.btn.btn-info:active:not(.btn-active),.btn.btn-info:focus:not(.btn-active),.btn.btn-info:hover:not(.btn-active),.show>.btn.btn-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info-active);
    background-color: var(--bs-info-active)!important
}

.btn-check:active+.btn.btn-info .svg-icon,.btn-check:active+.btn.btn-info i,.btn-check:checked+.btn.btn-info .svg-icon,.btn-check:checked+.btn.btn-info i,.btn.btn-info.active .svg-icon,.btn.btn-info.active i,.btn.btn-info.show .svg-icon,.btn.btn-info.show i,.btn.btn-info:active:not(.btn-active) .svg-icon,.btn.btn-info:active:not(.btn-active) i,.btn.btn-info:focus:not(.btn-active) .svg-icon,.btn.btn-info:focus:not(.btn-active) i,.btn.btn-info:hover:not(.btn-active) .svg-icon,.btn.btn-info:hover:not(.btn-active) i,.show>.btn.btn-info .svg-icon,.show>.btn.btn-info i {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-info.dropdown-toggle:after,.btn.btn-info.active.dropdown-toggle:after,.btn.btn-info.show.dropdown-toggle:after,.btn.btn-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn.btn-light-info {
    color: var(--bs-info);
    border-color: var(--bs-info-light);
    background-color: var(--bs-info-light)
}

.btn.btn-light-info .svg-icon,.btn.btn-light-info i {
    color: var(--bs-info)
}

.btn.btn-light-info.dropdown-toggle:after {
    color: var(--bs-info)
}

.btn-check:active+.btn.btn-light-info,.btn-check:checked+.btn.btn-light-info,.btn.btn-light-info.active,.btn.btn-light-info.show,.btn.btn-light-info:active:not(.btn-active),.btn.btn-light-info:focus:not(.btn-active),.btn.btn-light-info:hover:not(.btn-active),.show>.btn.btn-light-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info);
    background-color: var(--bs-info)!important
}

.btn-check:active+.btn.btn-light-info .svg-icon,.btn-check:active+.btn.btn-light-info i,.btn-check:checked+.btn.btn-light-info .svg-icon,.btn-check:checked+.btn.btn-light-info i,.btn.btn-light-info.active .svg-icon,.btn.btn-light-info.active i,.btn.btn-light-info.show .svg-icon,.btn.btn-light-info.show i,.btn.btn-light-info:active:not(.btn-active) .svg-icon,.btn.btn-light-info:active:not(.btn-active) i,.btn.btn-light-info:focus:not(.btn-active) .svg-icon,.btn.btn-light-info:focus:not(.btn-active) i,.btn.btn-light-info:hover:not(.btn-active) .svg-icon,.btn.btn-light-info:hover:not(.btn-active) i,.show>.btn.btn-light-info .svg-icon,.show>.btn.btn-light-info i {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-light-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-info.dropdown-toggle:after,.btn.btn-light-info.active.dropdown-toggle:after,.btn.btn-light-info.show.dropdown-toggle:after,.btn.btn-light-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn.btn-bg-info {
    border-color: var(--bs-info);
    background-color: var(--bs-info)
}

.btn-check:active+.btn.btn-active-info,.btn-check:checked+.btn.btn-active-info,.btn.btn-active-info.active,.btn.btn-active-info.show,.btn.btn-active-info:active:not(.btn-active),.btn.btn-active-info:focus:not(.btn-active),.btn.btn-active-info:hover:not(.btn-active),.show>.btn.btn-active-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info);
    background-color: var(--bs-info)!important
}

.btn-check:active+.btn.btn-active-info .svg-icon,.btn-check:active+.btn.btn-active-info i,.btn-check:checked+.btn.btn-active-info .svg-icon,.btn-check:checked+.btn.btn-active-info i,.btn.btn-active-info.active .svg-icon,.btn.btn-active-info.active i,.btn.btn-active-info.show .svg-icon,.btn.btn-active-info.show i,.btn.btn-active-info:active:not(.btn-active) .svg-icon,.btn.btn-active-info:active:not(.btn-active) i,.btn.btn-active-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-info:focus:not(.btn-active) i,.btn.btn-active-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-info:hover:not(.btn-active) i,.show>.btn.btn-active-info .svg-icon,.show>.btn.btn-active-info i {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-active-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-info.dropdown-toggle:after,.btn.btn-active-info.active.dropdown-toggle:after,.btn.btn-active-info.show.dropdown-toggle:after,.btn.btn-active-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-active-light-info,.btn-check:checked+.btn.btn-active-light-info,.btn.btn-active-light-info.active,.btn.btn-active-light-info.show,.btn.btn-active-light-info:active:not(.btn-active),.btn.btn-active-light-info:focus:not(.btn-active),.btn.btn-active-light-info:hover:not(.btn-active),.show>.btn.btn-active-light-info {
    color: var(--bs-info);
    border-color: var(--bs-info-light);
    background-color: var(--bs-info-light)!important
}

.btn-check:active+.btn.btn-active-light-info .svg-icon,.btn-check:active+.btn.btn-active-light-info i,.btn-check:checked+.btn.btn-active-light-info .svg-icon,.btn-check:checked+.btn.btn-active-light-info i,.btn.btn-active-light-info.active .svg-icon,.btn.btn-active-light-info.active i,.btn.btn-active-light-info.show .svg-icon,.btn.btn-active-light-info.show i,.btn.btn-active-light-info:active:not(.btn-active) .svg-icon,.btn.btn-active-light-info:active:not(.btn-active) i,.btn.btn-active-light-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-info:focus:not(.btn-active) i,.btn.btn-active-light-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-info:hover:not(.btn-active) i,.show>.btn.btn-active-light-info .svg-icon,.show>.btn.btn-active-light-info i {
    color: var(--bs-info)
}

.btn-check:active+.btn.btn-active-light-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-info.dropdown-toggle:after,.btn.btn-active-light-info.active.dropdown-toggle:after,.btn.btn-active-light-info.show.dropdown-toggle:after,.btn.btn-active-light-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-info.dropdown-toggle:after {
    color: var(--bs-info)
}

.btn.btn-outline.btn-outline-info {
    color: var(--bs-info);
    border-color: var(--bs-info);
    background-color: transparent
}

.btn.btn-outline.btn-outline-info .svg-icon,.btn.btn-outline.btn-outline-info i {
    color: var(--bs-info)
}

.btn.btn-outline.btn-outline-info.dropdown-toggle:after {
    color: var(--bs-info)
}

.btn-check:active+.btn.btn-outline.btn-outline-info,.btn-check:checked+.btn.btn-outline.btn-outline-info,.btn.btn-outline.btn-outline-info.active,.btn.btn-outline.btn-outline-info.show,.btn.btn-outline.btn-outline-info:active:not(.btn-active),.btn.btn-outline.btn-outline-info:focus:not(.btn-active),.btn.btn-outline.btn-outline-info:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-info {
    color: var(--bs-info-active);
    border-color: var(--bs-info);
    background-color: var(--bs-info-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-info .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-info i,.btn-check:checked+.btn.btn-outline.btn-outline-info .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-info i,.btn.btn-outline.btn-outline-info.active .svg-icon,.btn.btn-outline.btn-outline-info.active i,.btn.btn-outline.btn-outline-info.show .svg-icon,.btn.btn-outline.btn-outline-info.show i,.btn.btn-outline.btn-outline-info:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:active:not(.btn-active) i,.btn.btn-outline.btn-outline-info:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-info:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-info .svg-icon,.show>.btn.btn-outline.btn-outline-info i {
    color: var(--bs-info-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-info.dropdown-toggle:after,.btn.btn-outline.btn-outline-info.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-info.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-info.dropdown-toggle:after {
    color: var(--bs-info-active)
}

.btn.btn-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)
}

.btn.btn-warning .svg-icon,.btn.btn-warning i {
    color: var(--bs-warning-inverse)
}

.btn.btn-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-warning,.btn-check:checked+.btn.btn-warning,.btn.btn-warning.active,.btn.btn-warning.show,.btn.btn-warning:active:not(.btn-active),.btn.btn-warning:focus:not(.btn-active),.btn.btn-warning:hover:not(.btn-active),.show>.btn.btn-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning-active);
    background-color: var(--bs-warning-active)!important
}

.btn-check:active+.btn.btn-warning .svg-icon,.btn-check:active+.btn.btn-warning i,.btn-check:checked+.btn.btn-warning .svg-icon,.btn-check:checked+.btn.btn-warning i,.btn.btn-warning.active .svg-icon,.btn.btn-warning.active i,.btn.btn-warning.show .svg-icon,.btn.btn-warning.show i,.btn.btn-warning:active:not(.btn-active) .svg-icon,.btn.btn-warning:active:not(.btn-active) i,.btn.btn-warning:focus:not(.btn-active) .svg-icon,.btn.btn-warning:focus:not(.btn-active) i,.btn.btn-warning:hover:not(.btn-active) .svg-icon,.btn.btn-warning:hover:not(.btn-active) i,.show>.btn.btn-warning .svg-icon,.show>.btn.btn-warning i {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-warning.dropdown-toggle:after,.btn.btn-warning.active.dropdown-toggle:after,.btn.btn-warning.show.dropdown-toggle:after,.btn.btn-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn.btn-light-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning-light);
    background-color: var(--bs-warning-light)
}

.btn.btn-light-warning .svg-icon,.btn.btn-light-warning i {
    color: var(--bs-warning)
}

.btn.btn-light-warning.dropdown-toggle:after {
    color: var(--bs-warning)
}

.btn-check:active+.btn.btn-light-warning,.btn-check:checked+.btn.btn-light-warning,.btn.btn-light-warning.active,.btn.btn-light-warning.show,.btn.btn-light-warning:active:not(.btn-active),.btn.btn-light-warning:focus:not(.btn-active),.btn.btn-light-warning:hover:not(.btn-active),.show>.btn.btn-light-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)!important
}

.btn-check:active+.btn.btn-light-warning .svg-icon,.btn-check:active+.btn.btn-light-warning i,.btn-check:checked+.btn.btn-light-warning .svg-icon,.btn-check:checked+.btn.btn-light-warning i,.btn.btn-light-warning.active .svg-icon,.btn.btn-light-warning.active i,.btn.btn-light-warning.show .svg-icon,.btn.btn-light-warning.show i,.btn.btn-light-warning:active:not(.btn-active) .svg-icon,.btn.btn-light-warning:active:not(.btn-active) i,.btn.btn-light-warning:focus:not(.btn-active) .svg-icon,.btn.btn-light-warning:focus:not(.btn-active) i,.btn.btn-light-warning:hover:not(.btn-active) .svg-icon,.btn.btn-light-warning:hover:not(.btn-active) i,.show>.btn.btn-light-warning .svg-icon,.show>.btn.btn-light-warning i {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-light-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-warning.dropdown-toggle:after,.btn.btn-light-warning.active.dropdown-toggle:after,.btn.btn-light-warning.show.dropdown-toggle:after,.btn.btn-light-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn.btn-bg-warning {
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)
}

.btn-check:active+.btn.btn-active-warning,.btn-check:checked+.btn.btn-active-warning,.btn.btn-active-warning.active,.btn.btn-active-warning.show,.btn.btn-active-warning:active:not(.btn-active),.btn.btn-active-warning:focus:not(.btn-active),.btn.btn-active-warning:hover:not(.btn-active),.show>.btn.btn-active-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)!important
}

.btn-check:active+.btn.btn-active-warning .svg-icon,.btn-check:active+.btn.btn-active-warning i,.btn-check:checked+.btn.btn-active-warning .svg-icon,.btn-check:checked+.btn.btn-active-warning i,.btn.btn-active-warning.active .svg-icon,.btn.btn-active-warning.active i,.btn.btn-active-warning.show .svg-icon,.btn.btn-active-warning.show i,.btn.btn-active-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-warning:active:not(.btn-active) i,.btn.btn-active-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-warning:focus:not(.btn-active) i,.btn.btn-active-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-warning:hover:not(.btn-active) i,.show>.btn.btn-active-warning .svg-icon,.show>.btn.btn-active-warning i {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-active-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-warning.dropdown-toggle:after,.btn.btn-active-warning.active.dropdown-toggle:after,.btn.btn-active-warning.show.dropdown-toggle:after,.btn.btn-active-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-active-light-warning,.btn-check:checked+.btn.btn-active-light-warning,.btn.btn-active-light-warning.active,.btn.btn-active-light-warning.show,.btn.btn-active-light-warning:active:not(.btn-active),.btn.btn-active-light-warning:focus:not(.btn-active),.btn.btn-active-light-warning:hover:not(.btn-active),.show>.btn.btn-active-light-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning-light);
    background-color: var(--bs-warning-light)!important
}

.btn-check:active+.btn.btn-active-light-warning .svg-icon,.btn-check:active+.btn.btn-active-light-warning i,.btn-check:checked+.btn.btn-active-light-warning .svg-icon,.btn-check:checked+.btn.btn-active-light-warning i,.btn.btn-active-light-warning.active .svg-icon,.btn.btn-active-light-warning.active i,.btn.btn-active-light-warning.show .svg-icon,.btn.btn-active-light-warning.show i,.btn.btn-active-light-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:active:not(.btn-active) i,.btn.btn-active-light-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:focus:not(.btn-active) i,.btn.btn-active-light-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:hover:not(.btn-active) i,.show>.btn.btn-active-light-warning .svg-icon,.show>.btn.btn-active-light-warning i {
    color: var(--bs-warning)
}

.btn-check:active+.btn.btn-active-light-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-warning.dropdown-toggle:after,.btn.btn-active-light-warning.active.dropdown-toggle:after,.btn.btn-active-light-warning.show.dropdown-toggle:after,.btn.btn-active-light-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-warning.dropdown-toggle:after {
    color: var(--bs-warning)
}

.btn.btn-outline.btn-outline-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning);
    background-color: transparent
}

.btn.btn-outline.btn-outline-warning .svg-icon,.btn.btn-outline.btn-outline-warning i {
    color: var(--bs-warning)
}

.btn.btn-outline.btn-outline-warning.dropdown-toggle:after {
    color: var(--bs-warning)
}

.btn-check:active+.btn.btn-outline.btn-outline-warning,.btn-check:checked+.btn.btn-outline.btn-outline-warning,.btn.btn-outline.btn-outline-warning.active,.btn.btn-outline.btn-outline-warning.show,.btn.btn-outline.btn-outline-warning:active:not(.btn-active),.btn.btn-outline.btn-outline-warning:focus:not(.btn-active),.btn.btn-outline.btn-outline-warning:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-warning {
    color: var(--bs-warning-active);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-warning .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-warning i,.btn-check:checked+.btn.btn-outline.btn-outline-warning .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-warning i,.btn.btn-outline.btn-outline-warning.active .svg-icon,.btn.btn-outline.btn-outline-warning.active i,.btn.btn-outline.btn-outline-warning.show .svg-icon,.btn.btn-outline.btn-outline-warning.show i,.btn.btn-outline.btn-outline-warning:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:active:not(.btn-active) i,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-warning .svg-icon,.show>.btn.btn-outline.btn-outline-warning i {
    color: var(--bs-warning-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-warning.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-warning.dropdown-toggle:after {
    color: var(--bs-warning-active)
}

.btn.btn-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)
}

.btn.btn-danger .svg-icon,.btn.btn-danger i {
    color: var(--bs-danger-inverse)
}

.btn.btn-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-danger,.btn-check:checked+.btn.btn-danger,.btn.btn-danger.active,.btn.btn-danger.show,.btn.btn-danger:active:not(.btn-active),.btn.btn-danger:focus:not(.btn-active),.btn.btn-danger:hover:not(.btn-active),.show>.btn.btn-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger-active);
    background-color: var(--bs-danger-active)!important
}

.btn-check:active+.btn.btn-danger .svg-icon,.btn-check:active+.btn.btn-danger i,.btn-check:checked+.btn.btn-danger .svg-icon,.btn-check:checked+.btn.btn-danger i,.btn.btn-danger.active .svg-icon,.btn.btn-danger.active i,.btn.btn-danger.show .svg-icon,.btn.btn-danger.show i,.btn.btn-danger:active:not(.btn-active) .svg-icon,.btn.btn-danger:active:not(.btn-active) i,.btn.btn-danger:focus:not(.btn-active) .svg-icon,.btn.btn-danger:focus:not(.btn-active) i,.btn.btn-danger:hover:not(.btn-active) .svg-icon,.btn.btn-danger:hover:not(.btn-active) i,.show>.btn.btn-danger .svg-icon,.show>.btn.btn-danger i {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-danger.dropdown-toggle:after,.btn.btn-danger.active.dropdown-toggle:after,.btn.btn-danger.show.dropdown-toggle:after,.btn.btn-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn.btn-light-danger {
    color: var(--bs-danger);
    border-color: var(--bs-danger-light);
    background-color: var(--bs-danger-light)
}

.btn.btn-light-danger .svg-icon,.btn.btn-light-danger i {
    color: var(--bs-danger)
}

.btn.btn-light-danger.dropdown-toggle:after {
    color: var(--bs-danger)
}

.btn-check:active+.btn.btn-light-danger,.btn-check:checked+.btn.btn-light-danger,.btn.btn-light-danger.active,.btn.btn-light-danger.show,.btn.btn-light-danger:active:not(.btn-active),.btn.btn-light-danger:focus:not(.btn-active),.btn.btn-light-danger:hover:not(.btn-active),.show>.btn.btn-light-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)!important
}

.btn-check:active+.btn.btn-light-danger .svg-icon,.btn-check:active+.btn.btn-light-danger i,.btn-check:checked+.btn.btn-light-danger .svg-icon,.btn-check:checked+.btn.btn-light-danger i,.btn.btn-light-danger.active .svg-icon,.btn.btn-light-danger.active i,.btn.btn-light-danger.show .svg-icon,.btn.btn-light-danger.show i,.btn.btn-light-danger:active:not(.btn-active) .svg-icon,.btn.btn-light-danger:active:not(.btn-active) i,.btn.btn-light-danger:focus:not(.btn-active) .svg-icon,.btn.btn-light-danger:focus:not(.btn-active) i,.btn.btn-light-danger:hover:not(.btn-active) .svg-icon,.btn.btn-light-danger:hover:not(.btn-active) i,.show>.btn.btn-light-danger .svg-icon,.show>.btn.btn-light-danger i {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-light-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-danger.dropdown-toggle:after,.btn.btn-light-danger.active.dropdown-toggle:after,.btn.btn-light-danger.show.dropdown-toggle:after,.btn.btn-light-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn.btn-bg-danger {
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)
}

.btn-check:active+.btn.btn-active-danger,.btn-check:checked+.btn.btn-active-danger,.btn.btn-active-danger.active,.btn.btn-active-danger.show,.btn.btn-active-danger:active:not(.btn-active),.btn.btn-active-danger:focus:not(.btn-active),.btn.btn-active-danger:hover:not(.btn-active),.show>.btn.btn-active-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)!important
}

.btn-check:active+.btn.btn-active-danger .svg-icon,.btn-check:active+.btn.btn-active-danger i,.btn-check:checked+.btn.btn-active-danger .svg-icon,.btn-check:checked+.btn.btn-active-danger i,.btn.btn-active-danger.active .svg-icon,.btn.btn-active-danger.active i,.btn.btn-active-danger.show .svg-icon,.btn.btn-active-danger.show i,.btn.btn-active-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-danger:active:not(.btn-active) i,.btn.btn-active-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-danger:focus:not(.btn-active) i,.btn.btn-active-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-danger:hover:not(.btn-active) i,.show>.btn.btn-active-danger .svg-icon,.show>.btn.btn-active-danger i {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-active-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-danger.dropdown-toggle:after,.btn.btn-active-danger.active.dropdown-toggle:after,.btn.btn-active-danger.show.dropdown-toggle:after,.btn.btn-active-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-active-light-danger,.btn-check:checked+.btn.btn-active-light-danger,.btn.btn-active-light-danger.active,.btn.btn-active-light-danger.show,.btn.btn-active-light-danger:active:not(.btn-active),.btn.btn-active-light-danger:focus:not(.btn-active),.btn.btn-active-light-danger:hover:not(.btn-active),.show>.btn.btn-active-light-danger {
    color: var(--bs-danger);
    border-color: var(--bs-danger-light);
    background-color: var(--bs-danger-light)!important
}

.btn-check:active+.btn.btn-active-light-danger .svg-icon,.btn-check:active+.btn.btn-active-light-danger i,.btn-check:checked+.btn.btn-active-light-danger .svg-icon,.btn-check:checked+.btn.btn-active-light-danger i,.btn.btn-active-light-danger.active .svg-icon,.btn.btn-active-light-danger.active i,.btn.btn-active-light-danger.show .svg-icon,.btn.btn-active-light-danger.show i,.btn.btn-active-light-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:active:not(.btn-active) i,.btn.btn-active-light-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:focus:not(.btn-active) i,.btn.btn-active-light-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:hover:not(.btn-active) i,.show>.btn.btn-active-light-danger .svg-icon,.show>.btn.btn-active-light-danger i {
    color: var(--bs-danger)
}

.btn-check:active+.btn.btn-active-light-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-danger.dropdown-toggle:after,.btn.btn-active-light-danger.active.dropdown-toggle:after,.btn.btn-active-light-danger.show.dropdown-toggle:after,.btn.btn-active-light-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-danger.dropdown-toggle:after {
    color: var(--bs-danger)
}

.btn.btn-outline.btn-outline-danger {
    color: var(--bs-danger);
    border-color: var(--bs-danger);
    background-color: transparent
}

.btn.btn-outline.btn-outline-danger .svg-icon,.btn.btn-outline.btn-outline-danger i {
    color: var(--bs-danger)
}

.btn.btn-outline.btn-outline-danger.dropdown-toggle:after {
    color: var(--bs-danger)
}

.btn-check:active+.btn.btn-outline.btn-outline-danger,.btn-check:checked+.btn.btn-outline.btn-outline-danger,.btn.btn-outline.btn-outline-danger.active,.btn.btn-outline.btn-outline-danger.show,.btn.btn-outline.btn-outline-danger:active:not(.btn-active),.btn.btn-outline.btn-outline-danger:focus:not(.btn-active),.btn.btn-outline.btn-outline-danger:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-danger {
    color: var(--bs-danger-active);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-danger .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-danger i,.btn-check:checked+.btn.btn-outline.btn-outline-danger .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-danger i,.btn.btn-outline.btn-outline-danger.active .svg-icon,.btn.btn-outline.btn-outline-danger.active i,.btn.btn-outline.btn-outline-danger.show .svg-icon,.btn.btn-outline.btn-outline-danger.show i,.btn.btn-outline.btn-outline-danger:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:active:not(.btn-active) i,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-danger .svg-icon,.show>.btn.btn-outline.btn-outline-danger i {
    color: var(--bs-danger-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-danger.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-danger.dropdown-toggle:after {
    color: var(--bs-danger-active)
}

.btn.btn-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)
}

.btn.btn-dark .svg-icon,.btn.btn-dark i {
    color: var(--bs-dark-inverse)
}

.btn.btn-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-dark,.btn-check:checked+.btn.btn-dark,.btn.btn-dark.active,.btn.btn-dark.show,.btn.btn-dark:active:not(.btn-active),.btn.btn-dark:focus:not(.btn-active),.btn.btn-dark:hover:not(.btn-active),.show>.btn.btn-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark-active);
    background-color: var(--bs-dark-active)!important
}

.btn-check:active+.btn.btn-dark .svg-icon,.btn-check:active+.btn.btn-dark i,.btn-check:checked+.btn.btn-dark .svg-icon,.btn-check:checked+.btn.btn-dark i,.btn.btn-dark.active .svg-icon,.btn.btn-dark.active i,.btn.btn-dark.show .svg-icon,.btn.btn-dark.show i,.btn.btn-dark:active:not(.btn-active) .svg-icon,.btn.btn-dark:active:not(.btn-active) i,.btn.btn-dark:focus:not(.btn-active) .svg-icon,.btn.btn-dark:focus:not(.btn-active) i,.btn.btn-dark:hover:not(.btn-active) .svg-icon,.btn.btn-dark:hover:not(.btn-active) i,.show>.btn.btn-dark .svg-icon,.show>.btn.btn-dark i {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-dark.dropdown-toggle:after,.btn.btn-dark.active.dropdown-toggle:after,.btn.btn-dark.show.dropdown-toggle:after,.btn.btn-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn.btn-light-dark {
    color: var(--bs-dark);
    border-color: var(--bs-dark-light);
    background-color: var(--bs-dark-light)
}

.btn.btn-light-dark .svg-icon,.btn.btn-light-dark i {
    color: var(--bs-dark)
}

.btn.btn-light-dark.dropdown-toggle:after {
    color: var(--bs-dark)
}

.btn-check:active+.btn.btn-light-dark,.btn-check:checked+.btn.btn-light-dark,.btn.btn-light-dark.active,.btn.btn-light-dark.show,.btn.btn-light-dark:active:not(.btn-active),.btn.btn-light-dark:focus:not(.btn-active),.btn.btn-light-dark:hover:not(.btn-active),.show>.btn.btn-light-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)!important
}

.btn-check:active+.btn.btn-light-dark .svg-icon,.btn-check:active+.btn.btn-light-dark i,.btn-check:checked+.btn.btn-light-dark .svg-icon,.btn-check:checked+.btn.btn-light-dark i,.btn.btn-light-dark.active .svg-icon,.btn.btn-light-dark.active i,.btn.btn-light-dark.show .svg-icon,.btn.btn-light-dark.show i,.btn.btn-light-dark:active:not(.btn-active) .svg-icon,.btn.btn-light-dark:active:not(.btn-active) i,.btn.btn-light-dark:focus:not(.btn-active) .svg-icon,.btn.btn-light-dark:focus:not(.btn-active) i,.btn.btn-light-dark:hover:not(.btn-active) .svg-icon,.btn.btn-light-dark:hover:not(.btn-active) i,.show>.btn.btn-light-dark .svg-icon,.show>.btn.btn-light-dark i {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-light-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-dark.dropdown-toggle:after,.btn.btn-light-dark.active.dropdown-toggle:after,.btn.btn-light-dark.show.dropdown-toggle:after,.btn.btn-light-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn.btn-bg-dark {
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)
}

.btn-check:active+.btn.btn-active-dark,.btn-check:checked+.btn.btn-active-dark,.btn.btn-active-dark.active,.btn.btn-active-dark.show,.btn.btn-active-dark:active:not(.btn-active),.btn.btn-active-dark:focus:not(.btn-active),.btn.btn-active-dark:hover:not(.btn-active),.show>.btn.btn-active-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)!important
}

.btn-check:active+.btn.btn-active-dark .svg-icon,.btn-check:active+.btn.btn-active-dark i,.btn-check:checked+.btn.btn-active-dark .svg-icon,.btn-check:checked+.btn.btn-active-dark i,.btn.btn-active-dark.active .svg-icon,.btn.btn-active-dark.active i,.btn.btn-active-dark.show .svg-icon,.btn.btn-active-dark.show i,.btn.btn-active-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-dark:active:not(.btn-active) i,.btn.btn-active-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-dark:focus:not(.btn-active) i,.btn.btn-active-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-dark:hover:not(.btn-active) i,.show>.btn.btn-active-dark .svg-icon,.show>.btn.btn-active-dark i {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-active-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-dark.dropdown-toggle:after,.btn.btn-active-dark.active.dropdown-toggle:after,.btn.btn-active-dark.show.dropdown-toggle:after,.btn.btn-active-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-active-light-dark,.btn-check:checked+.btn.btn-active-light-dark,.btn.btn-active-light-dark.active,.btn.btn-active-light-dark.show,.btn.btn-active-light-dark:active:not(.btn-active),.btn.btn-active-light-dark:focus:not(.btn-active),.btn.btn-active-light-dark:hover:not(.btn-active),.show>.btn.btn-active-light-dark {
    color: var(--bs-dark);
    border-color: var(--bs-dark-light);
    background-color: var(--bs-dark-light)!important
}

.btn-check:active+.btn.btn-active-light-dark .svg-icon,.btn-check:active+.btn.btn-active-light-dark i,.btn-check:checked+.btn.btn-active-light-dark .svg-icon,.btn-check:checked+.btn.btn-active-light-dark i,.btn.btn-active-light-dark.active .svg-icon,.btn.btn-active-light-dark.active i,.btn.btn-active-light-dark.show .svg-icon,.btn.btn-active-light-dark.show i,.btn.btn-active-light-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:active:not(.btn-active) i,.btn.btn-active-light-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:focus:not(.btn-active) i,.btn.btn-active-light-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:hover:not(.btn-active) i,.show>.btn.btn-active-light-dark .svg-icon,.show>.btn.btn-active-light-dark i {
    color: var(--bs-dark)
}

.btn-check:active+.btn.btn-active-light-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-dark.dropdown-toggle:after,.btn.btn-active-light-dark.active.dropdown-toggle:after,.btn.btn-active-light-dark.show.dropdown-toggle:after,.btn.btn-active-light-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-dark.dropdown-toggle:after {
    color: var(--bs-dark)
}

.btn.btn-outline.btn-outline-dark {
    color: var(--bs-dark);
    border-color: var(--bs-dark);
    background-color: transparent
}

.btn.btn-outline.btn-outline-dark .svg-icon,.btn.btn-outline.btn-outline-dark i {
    color: var(--bs-dark)
}

.btn.btn-outline.btn-outline-dark.dropdown-toggle:after {
    color: var(--bs-dark)
}

.btn-check:active+.btn.btn-outline.btn-outline-dark,.btn-check:checked+.btn.btn-outline.btn-outline-dark,.btn.btn-outline.btn-outline-dark.active,.btn.btn-outline.btn-outline-dark.show,.btn.btn-outline.btn-outline-dark:active:not(.btn-active),.btn.btn-outline.btn-outline-dark:focus:not(.btn-active),.btn.btn-outline.btn-outline-dark:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-dark {
    color: var(--bs-dark-active);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-dark .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-dark i,.btn-check:checked+.btn.btn-outline.btn-outline-dark .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-dark i,.btn.btn-outline.btn-outline-dark.active .svg-icon,.btn.btn-outline.btn-outline-dark.active i,.btn.btn-outline.btn-outline-dark.show .svg-icon,.btn.btn-outline.btn-outline-dark.show i,.btn.btn-outline.btn-outline-dark:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:active:not(.btn-active) i,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-dark .svg-icon,.show>.btn.btn-outline.btn-outline-dark i {
    color: var(--bs-dark-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-dark.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-dark.dropdown-toggle:after {
    color: var(--bs-dark-active)
}

.btn.btn-color-white {
    color: var(--bs-text-white)
}

.btn.btn-color-white .svg-icon,.btn.btn-color-white i {
    color: var(--bs-text-white)
}

.btn.btn-color-white.dropdown-toggle:after {
    color: var(--bs-text-white)
}

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

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

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

.btn.btn-icon-white .svg-icon,.btn.btn-icon-white i {
    color: var(--bs-text-white)
}

.btn.btn-icon-white.dropdown-toggle:after {
    color: var(--bs-text-white)
}

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

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

.btn.btn-text-white {
    color: var(--bs-text-white)
}

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

.btn.btn-color-primary {
    color: var(--bs-text-primary)
}

.btn.btn-color-primary .svg-icon,.btn.btn-color-primary i {
    color: var(--bs-text-primary)
}

.btn.btn-color-primary.dropdown-toggle:after {
    color: var(--bs-text-primary)
}

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

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

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

.btn.btn-icon-primary .svg-icon,.btn.btn-icon-primary i {
    color: var(--bs-text-primary)
}

.btn.btn-icon-primary.dropdown-toggle:after {
    color: var(--bs-text-primary)
}

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

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

.btn.btn-text-primary {
    color: var(--bs-text-primary)
}

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

.btn.btn-color-secondary {
    color: var(--bs-text-secondary)
}

.btn.btn-color-secondary .svg-icon,.btn.btn-color-secondary i {
    color: var(--bs-text-secondary)
}

.btn.btn-color-secondary.dropdown-toggle:after {
    color: var(--bs-text-secondary)
}

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

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

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

.btn.btn-icon-secondary .svg-icon,.btn.btn-icon-secondary i {
    color: var(--bs-text-secondary)
}

.btn.btn-icon-secondary.dropdown-toggle:after {
    color: var(--bs-text-secondary)
}

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

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

.btn.btn-text-secondary {
    color: var(--bs-text-secondary)
}

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

.btn.btn-color-light {
    color: var(--bs-text-light)
}

.btn.btn-color-light .svg-icon,.btn.btn-color-light i {
    color: var(--bs-text-light)
}

.btn.btn-color-light.dropdown-toggle:after {
    color: var(--bs-text-light)
}

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

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

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

.btn.btn-icon-light .svg-icon,.btn.btn-icon-light i {
    color: var(--bs-text-light)
}

.btn.btn-icon-light.dropdown-toggle:after {
    color: var(--bs-text-light)
}

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

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

.btn.btn-text-light {
    color: var(--bs-text-light)
}

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

.btn.btn-color-success {
    color: var(--bs-text-success)
}

.btn.btn-color-success .svg-icon,.btn.btn-color-success i {
    color: var(--bs-text-success)
}

.btn.btn-color-success.dropdown-toggle:after {
    color: var(--bs-text-success)
}

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

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

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

.btn.btn-icon-success .svg-icon,.btn.btn-icon-success i {
    color: var(--bs-text-success)
}

.btn.btn-icon-success.dropdown-toggle:after {
    color: var(--bs-text-success)
}

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

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

.btn.btn-text-success {
    color: var(--bs-text-success)
}

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

.btn.btn-color-info {
    color: var(--bs-text-info)
}

.btn.btn-color-info .svg-icon,.btn.btn-color-info i {
    color: var(--bs-text-info)
}

.btn.btn-color-info.dropdown-toggle:after {
    color: var(--bs-text-info)
}

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

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

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

.btn.btn-icon-info .svg-icon,.btn.btn-icon-info i {
    color: var(--bs-text-info)
}

.btn.btn-icon-info.dropdown-toggle:after {
    color: var(--bs-text-info)
}

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

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

.btn.btn-text-info {
    color: var(--bs-text-info)
}

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

.btn.btn-color-warning {
    color: var(--bs-text-warning)
}

.btn.btn-color-warning .svg-icon,.btn.btn-color-warning i {
    color: var(--bs-text-warning)
}

.btn.btn-color-warning.dropdown-toggle:after {
    color: var(--bs-text-warning)
}

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

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

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

.btn.btn-icon-warning .svg-icon,.btn.btn-icon-warning i {
    color: var(--bs-text-warning)
}

.btn.btn-icon-warning.dropdown-toggle:after {
    color: var(--bs-text-warning)
}

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

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

.btn.btn-text-warning {
    color: var(--bs-text-warning)
}

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

.btn.btn-color-danger {
    color: var(--bs-text-danger)
}

.btn.btn-color-danger .svg-icon,.btn.btn-color-danger i {
    color: var(--bs-text-danger)
}

.btn.btn-color-danger.dropdown-toggle:after {
    color: var(--bs-text-danger)
}

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

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

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

.btn.btn-icon-danger .svg-icon,.btn.btn-icon-danger i {
    color: var(--bs-text-danger)
}

.btn.btn-icon-danger.dropdown-toggle:after {
    color: var(--bs-text-danger)
}

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

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

.btn.btn-text-danger {
    color: var(--bs-text-danger)
}

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

.btn.btn-color-dark {
    color: var(--bs-text-dark)
}

.btn.btn-color-dark .svg-icon,.btn.btn-color-dark i {
    color: var(--bs-text-dark)
}

.btn.btn-color-dark.dropdown-toggle:after {
    color: var(--bs-text-dark)
}

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

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

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

.btn.btn-icon-dark .svg-icon,.btn.btn-icon-dark i {
    color: var(--bs-text-dark)
}

.btn.btn-icon-dark.dropdown-toggle:after {
    color: var(--bs-text-dark)
}

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

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

.btn.btn-text-dark {
    color: var(--bs-text-dark)
}

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

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

.btn.btn-color-muted .svg-icon,.btn.btn-color-muted i {
    color: var(--bs-text-muted)
}

.btn.btn-color-muted.dropdown-toggle:after {
    color: var(--bs-text-muted)
}

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

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

.btn-check:active+.btn.btn-active-color-muted.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-muted.dropdown-toggle:after,.btn.btn-active-color-muted.active.dropdown-toggle:after,.btn.btn-active-color-muted.show.dropdown-toggle:after,.btn.btn-active-color-muted:active:not(.btn-active).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,.show>.btn.btn-active-color-muted.dropdown-toggle:after {
    color: var(--bs-text-muted)
}

.btn.btn-icon-muted .svg-icon,.btn.btn-icon-muted i {
    color: var(--bs-text-muted)
}

.btn.btn-icon-muted.dropdown-toggle:after {
    color: var(--bs-text-muted)
}

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

.btn-check:active+.btn.btn-active-icon-muted.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-muted.dropdown-toggle:after,.btn.btn-active-icon-muted.active.dropdown-toggle:after,.btn.btn-active-icon-muted.show.dropdown-toggle:after,.btn.btn-active-icon-muted:active:not(.btn-active).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,.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:active+.btn.btn-active-text-muted,.btn-check:checked+.btn.btn-active-text-muted,.btn.btn-active-text-muted.active,.btn.btn-active-text-muted.show,.btn.btn-active-text-muted:active:not(.btn-active),.btn.btn-active-text-muted:focus:not(.btn-active),.btn.btn-active-text-muted:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-100 i {
    color: var(--bs-text-gray-100)
}

.btn.btn-color-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-100.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-100.dropdown-toggle:after,.btn.btn-active-color-gray-100.active.dropdown-toggle:after,.btn.btn-active-color-gray-100.show.dropdown-toggle:after,.btn.btn-active-color-gray-100:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100)
}

.btn.btn-icon-gray-100 .svg-icon,.btn.btn-icon-gray-100 i {
    color: var(--bs-text-gray-100)
}

.btn.btn-icon-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100)
}

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

.btn-check:active+.btn.btn-active-icon-gray-100.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-100.dropdown-toggle:after,.btn.btn-active-icon-gray-100.active.dropdown-toggle:after,.btn.btn-active-icon-gray-100.show.dropdown-toggle:after,.btn.btn-active-icon-gray-100:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-100,.btn-check:checked+.btn.btn-active-text-gray-100,.btn.btn-active-text-gray-100.active,.btn.btn-active-text-gray-100.show,.btn.btn-active-text-gray-100:active:not(.btn-active),.btn.btn-active-text-gray-100:focus:not(.btn-active),.btn.btn-active-text-gray-100:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-200 i {
    color: var(--bs-text-gray-200)
}

.btn.btn-color-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-200.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-200.dropdown-toggle:after,.btn.btn-active-color-gray-200.active.dropdown-toggle:after,.btn.btn-active-color-gray-200.show.dropdown-toggle:after,.btn.btn-active-color-gray-200:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200)
}

.btn.btn-icon-gray-200 .svg-icon,.btn.btn-icon-gray-200 i {
    color: var(--bs-text-gray-200)
}

.btn.btn-icon-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200)
}

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

.btn-check:active+.btn.btn-active-icon-gray-200.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-200.dropdown-toggle:after,.btn.btn-active-icon-gray-200.active.dropdown-toggle:after,.btn.btn-active-icon-gray-200.show.dropdown-toggle:after,.btn.btn-active-icon-gray-200:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-200,.btn-check:checked+.btn.btn-active-text-gray-200,.btn.btn-active-text-gray-200.active,.btn.btn-active-text-gray-200.show,.btn.btn-active-text-gray-200:active:not(.btn-active),.btn.btn-active-text-gray-200:focus:not(.btn-active),.btn.btn-active-text-gray-200:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-300 i {
    color: var(--bs-text-gray-300)
}

.btn.btn-color-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-300.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-300.dropdown-toggle:after,.btn.btn-active-color-gray-300.active.dropdown-toggle:after,.btn.btn-active-color-gray-300.show.dropdown-toggle:after,.btn.btn-active-color-gray-300:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300)
}

.btn.btn-icon-gray-300 .svg-icon,.btn.btn-icon-gray-300 i {
    color: var(--bs-text-gray-300)
}

.btn.btn-icon-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300)
}

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

.btn-check:active+.btn.btn-active-icon-gray-300.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-300.dropdown-toggle:after,.btn.btn-active-icon-gray-300.active.dropdown-toggle:after,.btn.btn-active-icon-gray-300.show.dropdown-toggle:after,.btn.btn-active-icon-gray-300:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-300,.btn-check:checked+.btn.btn-active-text-gray-300,.btn.btn-active-text-gray-300.active,.btn.btn-active-text-gray-300.show,.btn.btn-active-text-gray-300:active:not(.btn-active),.btn.btn-active-text-gray-300:focus:not(.btn-active),.btn.btn-active-text-gray-300:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-400 i {
    color: var(--bs-text-gray-400)
}

.btn.btn-color-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-400.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-400.dropdown-toggle:after,.btn.btn-active-color-gray-400.active.dropdown-toggle:after,.btn.btn-active-color-gray-400.show.dropdown-toggle:after,.btn.btn-active-color-gray-400:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400)
}

.btn.btn-icon-gray-400 .svg-icon,.btn.btn-icon-gray-400 i {
    color: var(--bs-text-gray-400)
}

.btn.btn-icon-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400)
}

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

.btn-check:active+.btn.btn-active-icon-gray-400.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-400.dropdown-toggle:after,.btn.btn-active-icon-gray-400.active.dropdown-toggle:after,.btn.btn-active-icon-gray-400.show.dropdown-toggle:after,.btn.btn-active-icon-gray-400:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-400,.btn-check:checked+.btn.btn-active-text-gray-400,.btn.btn-active-text-gray-400.active,.btn.btn-active-text-gray-400.show,.btn.btn-active-text-gray-400:active:not(.btn-active),.btn.btn-active-text-gray-400:focus:not(.btn-active),.btn.btn-active-text-gray-400:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-500 i {
    color: var(--bs-text-gray-500)
}

.btn.btn-color-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-500.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-500.dropdown-toggle:after,.btn.btn-active-color-gray-500.active.dropdown-toggle:after,.btn.btn-active-color-gray-500.show.dropdown-toggle:after,.btn.btn-active-color-gray-500:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500)
}

.btn.btn-icon-gray-500 .svg-icon,.btn.btn-icon-gray-500 i {
    color: var(--bs-text-gray-500)
}

.btn.btn-icon-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500)
}

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

.btn-check:active+.btn.btn-active-icon-gray-500.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-500.dropdown-toggle:after,.btn.btn-active-icon-gray-500.active.dropdown-toggle:after,.btn.btn-active-icon-gray-500.show.dropdown-toggle:after,.btn.btn-active-icon-gray-500:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-500,.btn-check:checked+.btn.btn-active-text-gray-500,.btn.btn-active-text-gray-500.active,.btn.btn-active-text-gray-500.show,.btn.btn-active-text-gray-500:active:not(.btn-active),.btn.btn-active-text-gray-500:focus:not(.btn-active),.btn.btn-active-text-gray-500:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-600 i {
    color: var(--bs-text-gray-600)
}

.btn.btn-color-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-600.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-600.dropdown-toggle:after,.btn.btn-active-color-gray-600.active.dropdown-toggle:after,.btn.btn-active-color-gray-600.show.dropdown-toggle:after,.btn.btn-active-color-gray-600:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600)
}

.btn.btn-icon-gray-600 .svg-icon,.btn.btn-icon-gray-600 i {
    color: var(--bs-text-gray-600)
}

.btn.btn-icon-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600)
}

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

.btn-check:active+.btn.btn-active-icon-gray-600.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-600.dropdown-toggle:after,.btn.btn-active-icon-gray-600.active.dropdown-toggle:after,.btn.btn-active-icon-gray-600.show.dropdown-toggle:after,.btn.btn-active-icon-gray-600:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-600,.btn-check:checked+.btn.btn-active-text-gray-600,.btn.btn-active-text-gray-600.active,.btn.btn-active-text-gray-600.show,.btn.btn-active-text-gray-600:active:not(.btn-active),.btn.btn-active-text-gray-600:focus:not(.btn-active),.btn.btn-active-text-gray-600:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-700 i {
    color: var(--bs-text-gray-700)
}

.btn.btn-color-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-700.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-700.dropdown-toggle:after,.btn.btn-active-color-gray-700.active.dropdown-toggle:after,.btn.btn-active-color-gray-700.show.dropdown-toggle:after,.btn.btn-active-color-gray-700:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700)
}

.btn.btn-icon-gray-700 .svg-icon,.btn.btn-icon-gray-700 i {
    color: var(--bs-text-gray-700)
}

.btn.btn-icon-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700)
}

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

.btn-check:active+.btn.btn-active-icon-gray-700.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-700.dropdown-toggle:after,.btn.btn-active-icon-gray-700.active.dropdown-toggle:after,.btn.btn-active-icon-gray-700.show.dropdown-toggle:after,.btn.btn-active-icon-gray-700:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-700,.btn-check:checked+.btn.btn-active-text-gray-700,.btn.btn-active-text-gray-700.active,.btn.btn-active-text-gray-700.show,.btn.btn-active-text-gray-700:active:not(.btn-active),.btn.btn-active-text-gray-700:focus:not(.btn-active),.btn.btn-active-text-gray-700:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-800 i {
    color: var(--bs-text-gray-800)
}

.btn.btn-color-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-800.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-800.dropdown-toggle:after,.btn.btn-active-color-gray-800.active.dropdown-toggle:after,.btn.btn-active-color-gray-800.show.dropdown-toggle:after,.btn.btn-active-color-gray-800:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800)
}

.btn.btn-icon-gray-800 .svg-icon,.btn.btn-icon-gray-800 i {
    color: var(--bs-text-gray-800)
}

.btn.btn-icon-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800)
}

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

.btn-check:active+.btn.btn-active-icon-gray-800.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-800.dropdown-toggle:after,.btn.btn-active-icon-gray-800.active.dropdown-toggle:after,.btn.btn-active-icon-gray-800.show.dropdown-toggle:after,.btn.btn-active-icon-gray-800:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-800,.btn-check:checked+.btn.btn-active-text-gray-800,.btn.btn-active-text-gray-800.active,.btn.btn-active-text-gray-800.show,.btn.btn-active-text-gray-800:active:not(.btn-active),.btn.btn-active-text-gray-800:focus:not(.btn-active),.btn.btn-active-text-gray-800:hover:not(.btn-active),.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 .svg-icon,.btn.btn-color-gray-900 i {
    color: var(--bs-text-gray-900)
}

.btn.btn-color-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900)
}

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

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

.btn-check:active+.btn.btn-active-color-gray-900.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-900.dropdown-toggle:after,.btn.btn-active-color-gray-900.active.dropdown-toggle:after,.btn.btn-active-color-gray-900.show.dropdown-toggle:after,.btn.btn-active-color-gray-900:active:not(.btn-active).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,.show>.btn.btn-active-color-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900)
}

.btn.btn-icon-gray-900 .svg-icon,.btn.btn-icon-gray-900 i {
    color: var(--bs-text-gray-900)
}

.btn.btn-icon-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900)
}

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

.btn-check:active+.btn.btn-active-icon-gray-900.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-900.dropdown-toggle:after,.btn.btn-active-icon-gray-900.active.dropdown-toggle:after,.btn.btn-active-icon-gray-900.show.dropdown-toggle:after,.btn.btn-active-icon-gray-900:active:not(.btn-active).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,.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:active+.btn.btn-active-text-gray-900,.btn-check:checked+.btn.btn-active-text-gray-900,.btn.btn-active-text-gray-900.active,.btn.btn-active-text-gray-900.show,.btn.btn-active-text-gray-900:active:not(.btn-active),.btn.btn-active-text-gray-900:focus:not(.btn-active),.btn.btn-active-text-gray-900:hover:not(.btn-active),.show>.btn.btn-active-text-gray-900 {
    color: var(--bs-text-gray-900)
}

.btn.btn-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998
}

.btn.btn-facebook .svg-icon,.btn.btn-facebook i {
    color: #fff
}

.btn.btn-facebook.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-facebook,.btn-check:checked+.btn.btn-facebook,.btn.btn-facebook.active,.btn.btn-facebook.show,.btn.btn-facebook:active:not(.btn-active),.btn.btn-facebook:focus:not(.btn-active),.btn.btn-facebook:hover:not(.btn-active),.show>.btn.btn-facebook {
    border-color: #30497c;
    background-color: #30497c!important
}

.btn.btn-light-facebook {
    color: var(--bs-facebook);
    color: #3b5998;
    border-color: rgba(59,89,152,.1);
    background-color: rgba(59,89,152,.1)
}

.btn.btn-light-facebook .svg-icon,.btn.btn-light-facebook i {
    color: #3b5998
}

.btn.btn-light-facebook.dropdown-toggle:after {
    color: #3b5998
}

.btn-check:active+.btn.btn-light-facebook,.btn-check:checked+.btn.btn-light-facebook,.btn.btn-light-facebook.active,.btn.btn-light-facebook.show,.btn.btn-light-facebook:active:not(.btn-active),.btn.btn-light-facebook:focus:not(.btn-active),.btn.btn-light-facebook:hover:not(.btn-active),.show>.btn.btn-light-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998!important
}

.btn-check:active+.btn.btn-light-facebook .svg-icon,.btn-check:active+.btn.btn-light-facebook i,.btn-check:checked+.btn.btn-light-facebook .svg-icon,.btn-check:checked+.btn.btn-light-facebook i,.btn.btn-light-facebook.active .svg-icon,.btn.btn-light-facebook.active i,.btn.btn-light-facebook.show .svg-icon,.btn.btn-light-facebook.show i,.btn.btn-light-facebook:active:not(.btn-active) .svg-icon,.btn.btn-light-facebook:active:not(.btn-active) i,.btn.btn-light-facebook:focus:not(.btn-active) .svg-icon,.btn.btn-light-facebook:focus:not(.btn-active) i,.btn.btn-light-facebook:hover:not(.btn-active) .svg-icon,.btn.btn-light-facebook:hover:not(.btn-active) i,.show>.btn.btn-light-facebook .svg-icon,.show>.btn.btn-light-facebook i {
    color: #fff
}

.btn-check:active+.btn.btn-light-facebook.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-facebook.dropdown-toggle:after,.btn.btn-light-facebook.active.dropdown-toggle:after,.btn.btn-light-facebook.show.dropdown-toggle:after,.btn.btn-light-facebook:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-facebook:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-facebook:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-facebook.dropdown-toggle:after {
    color: #fff
}

.btn.btn-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39
}

.btn.btn-google .svg-icon,.btn.btn-google i {
    color: #fff
}

.btn.btn-google.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-google,.btn-check:checked+.btn.btn-google,.btn.btn-google.active,.btn.btn-google.show,.btn.btn-google:active:not(.btn-active),.btn.btn-google:focus:not(.btn-active),.btn.btn-google:hover:not(.btn-active),.show>.btn.btn-google {
    border-color: #cd3623;
    background-color: #cd3623!important
}

.btn.btn-light-google {
    color: var(--bs-google);
    color: #dd4b39;
    border-color: rgba(221,75,57,.1);
    background-color: rgba(221,75,57,.1)
}

.btn.btn-light-google .svg-icon,.btn.btn-light-google i {
    color: #dd4b39
}

.btn.btn-light-google.dropdown-toggle:after {
    color: #dd4b39
}

.btn-check:active+.btn.btn-light-google,.btn-check:checked+.btn.btn-light-google,.btn.btn-light-google.active,.btn.btn-light-google.show,.btn.btn-light-google:active:not(.btn-active),.btn.btn-light-google:focus:not(.btn-active),.btn.btn-light-google:hover:not(.btn-active),.show>.btn.btn-light-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39!important
}

.btn-check:active+.btn.btn-light-google .svg-icon,.btn-check:active+.btn.btn-light-google i,.btn-check:checked+.btn.btn-light-google .svg-icon,.btn-check:checked+.btn.btn-light-google i,.btn.btn-light-google.active .svg-icon,.btn.btn-light-google.active i,.btn.btn-light-google.show .svg-icon,.btn.btn-light-google.show i,.btn.btn-light-google:active:not(.btn-active) .svg-icon,.btn.btn-light-google:active:not(.btn-active) i,.btn.btn-light-google:focus:not(.btn-active) .svg-icon,.btn.btn-light-google:focus:not(.btn-active) i,.btn.btn-light-google:hover:not(.btn-active) .svg-icon,.btn.btn-light-google:hover:not(.btn-active) i,.show>.btn.btn-light-google .svg-icon,.show>.btn.btn-light-google i {
    color: #fff
}

.btn-check:active+.btn.btn-light-google.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-google.dropdown-toggle:after,.btn.btn-light-google.active.dropdown-toggle:after,.btn.btn-light-google.show.dropdown-toggle:after,.btn.btn-light-google:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-google:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-google:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-google.dropdown-toggle:after {
    color: #fff
}

.btn.btn-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2
}

.btn.btn-twitter .svg-icon,.btn.btn-twitter i {
    color: #fff
}

.btn.btn-twitter.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-twitter,.btn-check:checked+.btn.btn-twitter,.btn.btn-twitter.active,.btn.btn-twitter.show,.btn.btn-twitter:active:not(.btn-active),.btn.btn-twitter:focus:not(.btn-active),.btn.btn-twitter:hover:not(.btn-active),.show>.btn.btn-twitter {
    border-color: #0d8ddc;
    background-color: #0d8ddc!important
}

.btn.btn-light-twitter {
    color: var(--bs-twitter);
    color: #1da1f2;
    border-color: rgba(29,161,242,.1);
    background-color: rgba(29,161,242,.1)
}

.btn.btn-light-twitter .svg-icon,.btn.btn-light-twitter i {
    color: #1da1f2
}

.btn.btn-light-twitter.dropdown-toggle:after {
    color: #1da1f2
}

.btn-check:active+.btn.btn-light-twitter,.btn-check:checked+.btn.btn-light-twitter,.btn.btn-light-twitter.active,.btn.btn-light-twitter.show,.btn.btn-light-twitter:active:not(.btn-active),.btn.btn-light-twitter:focus:not(.btn-active),.btn.btn-light-twitter:hover:not(.btn-active),.show>.btn.btn-light-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2!important
}

.btn-check:active+.btn.btn-light-twitter .svg-icon,.btn-check:active+.btn.btn-light-twitter i,.btn-check:checked+.btn.btn-light-twitter .svg-icon,.btn-check:checked+.btn.btn-light-twitter i,.btn.btn-light-twitter.active .svg-icon,.btn.btn-light-twitter.active i,.btn.btn-light-twitter.show .svg-icon,.btn.btn-light-twitter.show i,.btn.btn-light-twitter:active:not(.btn-active) .svg-icon,.btn.btn-light-twitter:active:not(.btn-active) i,.btn.btn-light-twitter:focus:not(.btn-active) .svg-icon,.btn.btn-light-twitter:focus:not(.btn-active) i,.btn.btn-light-twitter:hover:not(.btn-active) .svg-icon,.btn.btn-light-twitter:hover:not(.btn-active) i,.show>.btn.btn-light-twitter .svg-icon,.show>.btn.btn-light-twitter i {
    color: #fff
}

.btn-check:active+.btn.btn-light-twitter.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-twitter.dropdown-toggle:after,.btn.btn-light-twitter.active.dropdown-toggle:after,.btn.btn-light-twitter.show.dropdown-toggle:after,.btn.btn-light-twitter:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-twitter:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-twitter:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-twitter.dropdown-toggle:after {
    color: #fff
}

.btn.btn-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c
}

.btn.btn-instagram .svg-icon,.btn.btn-instagram i {
    color: #fff
}

.btn.btn-instagram.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-instagram,.btn-check:checked+.btn.btn-instagram,.btn.btn-instagram.active,.btn.btn-instagram.show,.btn.btn-instagram:active:not(.btn-active),.btn.btn-instagram:focus:not(.btn-active),.btn.btn-instagram:hover:not(.btn-active),.show>.btn.btn-instagram {
    border-color: #cd1e59;
    background-color: #cd1e59!important
}

.btn.btn-light-instagram {
    color: var(--bs-instagram);
    color: #e1306c;
    border-color: rgba(225,48,108,.1);
    background-color: rgba(225,48,108,.1)
}

.btn.btn-light-instagram .svg-icon,.btn.btn-light-instagram i {
    color: #e1306c
}

.btn.btn-light-instagram.dropdown-toggle:after {
    color: #e1306c
}

.btn-check:active+.btn.btn-light-instagram,.btn-check:checked+.btn.btn-light-instagram,.btn.btn-light-instagram.active,.btn.btn-light-instagram.show,.btn.btn-light-instagram:active:not(.btn-active),.btn.btn-light-instagram:focus:not(.btn-active),.btn.btn-light-instagram:hover:not(.btn-active),.show>.btn.btn-light-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c!important
}

.btn-check:active+.btn.btn-light-instagram .svg-icon,.btn-check:active+.btn.btn-light-instagram i,.btn-check:checked+.btn.btn-light-instagram .svg-icon,.btn-check:checked+.btn.btn-light-instagram i,.btn.btn-light-instagram.active .svg-icon,.btn.btn-light-instagram.active i,.btn.btn-light-instagram.show .svg-icon,.btn.btn-light-instagram.show i,.btn.btn-light-instagram:active:not(.btn-active) .svg-icon,.btn.btn-light-instagram:active:not(.btn-active) i,.btn.btn-light-instagram:focus:not(.btn-active) .svg-icon,.btn.btn-light-instagram:focus:not(.btn-active) i,.btn.btn-light-instagram:hover:not(.btn-active) .svg-icon,.btn.btn-light-instagram:hover:not(.btn-active) i,.show>.btn.btn-light-instagram .svg-icon,.show>.btn.btn-light-instagram i {
    color: #fff
}

.btn-check:active+.btn.btn-light-instagram.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-instagram.dropdown-toggle:after,.btn.btn-light-instagram.active.dropdown-toggle:after,.btn.btn-light-instagram.show.dropdown-toggle:after,.btn.btn-light-instagram:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-instagram:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-instagram:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-instagram.dropdown-toggle:after {
    color: #fff
}

.btn.btn-youtube {
    color: #fff;
    border-color: red;
    background-color: red
}

.btn.btn-youtube .svg-icon,.btn.btn-youtube i {
    color: #fff
}

.btn.btn-youtube.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-youtube,.btn-check:checked+.btn.btn-youtube,.btn.btn-youtube.active,.btn.btn-youtube.show,.btn.btn-youtube:active:not(.btn-active),.btn.btn-youtube:focus:not(.btn-active),.btn.btn-youtube:hover:not(.btn-active),.show>.btn.btn-youtube {
    border-color: #d90000;
    background-color: #d90000!important
}

.btn.btn-light-youtube {
    color: var(--bs-youtube);
    color: red;
    border-color: rgba(255,0,0,.1);
    background-color: rgba(255,0,0,.1)
}

.btn.btn-light-youtube .svg-icon,.btn.btn-light-youtube i {
    color: red
}

.btn.btn-light-youtube.dropdown-toggle:after {
    color: red
}

.btn-check:active+.btn.btn-light-youtube,.btn-check:checked+.btn.btn-light-youtube,.btn.btn-light-youtube.active,.btn.btn-light-youtube.show,.btn.btn-light-youtube:active:not(.btn-active),.btn.btn-light-youtube:focus:not(.btn-active),.btn.btn-light-youtube:hover:not(.btn-active),.show>.btn.btn-light-youtube {
    color: #fff;
    border-color: red;
    background-color: red!important
}

.btn-check:active+.btn.btn-light-youtube .svg-icon,.btn-check:active+.btn.btn-light-youtube i,.btn-check:checked+.btn.btn-light-youtube .svg-icon,.btn-check:checked+.btn.btn-light-youtube i,.btn.btn-light-youtube.active .svg-icon,.btn.btn-light-youtube.active i,.btn.btn-light-youtube.show .svg-icon,.btn.btn-light-youtube.show i,.btn.btn-light-youtube:active:not(.btn-active) .svg-icon,.btn.btn-light-youtube:active:not(.btn-active) i,.btn.btn-light-youtube:focus:not(.btn-active) .svg-icon,.btn.btn-light-youtube:focus:not(.btn-active) i,.btn.btn-light-youtube:hover:not(.btn-active) .svg-icon,.btn.btn-light-youtube:hover:not(.btn-active) i,.show>.btn.btn-light-youtube .svg-icon,.show>.btn.btn-light-youtube i {
    color: #fff
}

.btn-check:active+.btn.btn-light-youtube.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-youtube.dropdown-toggle:after,.btn.btn-light-youtube.active.dropdown-toggle:after,.btn.btn-light-youtube.show.dropdown-toggle:after,.btn.btn-light-youtube:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-youtube:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-youtube:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-youtube.dropdown-toggle:after {
    color: #fff
}

.btn.btn-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5
}

.btn.btn-linkedin .svg-icon,.btn.btn-linkedin i {
    color: #fff
}

.btn.btn-linkedin.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-linkedin,.btn-check:checked+.btn.btn-linkedin,.btn.btn-linkedin.active,.btn.btn-linkedin.show,.btn.btn-linkedin:active:not(.btn-active),.btn.btn-linkedin:focus:not(.btn-active),.btn.btn-linkedin:hover:not(.btn-active),.show>.btn.btn-linkedin {
    border-color: #005e8f;
    background-color: #005e8f!important
}

.btn.btn-light-linkedin {
    color: var(--bs-linkedin);
    color: #0077b5;
    border-color: rgba(0,119,181,.1);
    background-color: rgba(0,119,181,.1)
}

.btn.btn-light-linkedin .svg-icon,.btn.btn-light-linkedin i {
    color: #0077b5
}

.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #0077b5
}

.btn-check:active+.btn.btn-light-linkedin,.btn-check:checked+.btn.btn-light-linkedin,.btn.btn-light-linkedin.active,.btn.btn-light-linkedin.show,.btn.btn-light-linkedin:active:not(.btn-active),.btn.btn-light-linkedin:focus:not(.btn-active),.btn.btn-light-linkedin:hover:not(.btn-active),.show>.btn.btn-light-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5!important
}

.btn-check:active+.btn.btn-light-linkedin .svg-icon,.btn-check:active+.btn.btn-light-linkedin i,.btn-check:checked+.btn.btn-light-linkedin .svg-icon,.btn-check:checked+.btn.btn-light-linkedin i,.btn.btn-light-linkedin.active .svg-icon,.btn.btn-light-linkedin.active i,.btn.btn-light-linkedin.show .svg-icon,.btn.btn-light-linkedin.show i,.btn.btn-light-linkedin:active:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:active:not(.btn-active) i,.btn.btn-light-linkedin:focus:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:focus:not(.btn-active) i,.btn.btn-light-linkedin:hover:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:hover:not(.btn-active) i,.show>.btn.btn-light-linkedin .svg-icon,.show>.btn.btn-light-linkedin i {
    color: #fff
}

.btn-check:active+.btn.btn-light-linkedin.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-linkedin.dropdown-toggle:after,.btn.btn-light-linkedin.active.dropdown-toggle:after,.btn.btn-light-linkedin.show.dropdown-toggle:after,.btn.btn-light-linkedin:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-linkedin:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-linkedin:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #fff
}

[data-bs-theme=dark] .btn.btn-dark {
    color: #b5b7c8;
    background-color: #464852
}

[data-bs-theme=dark] .btn.btn-dark .svg-icon,[data-bs-theme=dark] .btn.btn-dark i {
    color: #b5b7c8
}

[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after {
    color: #b5b7c8
}

.btn-check:active+[data-bs-theme=dark] .btn.btn-dark,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark,.show>[data-bs-theme=dark] .btn.btn-dark,[data-bs-theme=dark] .btn.btn-dark.active,[data-bs-theme=dark] .btn.btn-dark.show,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active),[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active),[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) {
    color: #bec0cf;
    background-color: #4d4f5a!important
}

.btn-check:active+[data-bs-theme=dark] .btn.btn-dark .svg-icon,.btn-check:active+[data-bs-theme=dark] .btn.btn-dark i,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark .svg-icon,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark i,.show>[data-bs-theme=dark] .btn.btn-dark .svg-icon,.show>[data-bs-theme=dark] .btn.btn-dark i,[data-bs-theme=dark] .btn.btn-dark.active .svg-icon,[data-bs-theme=dark] .btn.btn-dark.active i,[data-bs-theme=dark] .btn.btn-dark.show .svg-icon,[data-bs-theme=dark] .btn.btn-dark.show i,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active) .svg-icon,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active) i,[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active) .svg-icon,[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active) i,[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) .svg-icon,[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) i {
    color: #bec0cf
}

.btn-check:active+[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after,.show>[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark.active.dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark.show.dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active).dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after {
    color: #bec0cf
}
.mdc-card .text-xxl {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

/* --- Header / Top App Bar --- */
.mdc-top-app-bar {
    background-color: var(--bs-blue);
    color: #fff;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    position: fixed;
    opacity: 0.85;
}

.mdc-top-app-bar__section--align-start .mdc-top-app-bar__title {
    font-weight: 500;
    font-size: 1.25rem;
}

.mdc-top-app-bar__section--align-end  a.mdc-button.ml-2.mdc-button-d:hover {
    color: var(--bs-yellow);
}

.mdc-button.mdc-button-icon {
    font-size: 21px;
}

.mdc-top-app-bar__section--align-end .mdc-button {
    color: #fafafa;
    text-transform: none; /* Mantener la capitalización normal */
    border-radius: 0;
    font-weight: 700;
}
.mdc-top-app-bar__section--align-end .mdc-button--raised {
    background-color: var(--bs-blue);
    color: var(--bs-blue);
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
}
.mdc-top-app-bar__logo-mobile {
    padding: 1rem;
}
@media (min-width: 940px) {
    .mdc-top-app-bar__logo-mobile:not(.is-logged-in) {
        display: none;
    }
}
.mdc-dropdown { position: relative; display: inline-block; }
.mdc-dropdown-menu {
    position: absolute; top: 38px; right: 0; min-width: 180px;
    background-color: #fff;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); z-index: 20; opacity: 0; visibility: hidden; transform: translateY(-10px);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out; padding: 8px 0; list-style: none; margin: 0; }
.drawer .mdc-dropdown-menu {
    position: relative;opacity: 1;visibility: visible;    top: auto;
    right: auto;
    background-color: transparent;
    box-shadow: none;}
.mdc-dropdown.active .mdc-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.mdc-dropdown-item {
    padding: 10px 16px; color: #333;
    text-decoration: none; display: block; cursor: pointer; white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    transition: background-color 0.2s;
}
.drawer .mdc-dropdown-item {color: #fff;}
a.mdc-dropdown-item:hover {
    background-color: aliceblue;
}
.mdc-top-app-bar__section--align-end .mdc-button:hover,
.mdc-dropdown.active .mdc-button {
    color: #fff;
}
.banner-hero {
    position: relative;
    height: 464px; /* Altura del banner */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--bs-white);
    text-align: center;
    padding: 20px;
}
.banner-search {
    display: flex;
    justify-content: center;
}
.banner-overlay {
    position: absolute;
}
.banner-content {
    position: relative;
    z-index: 2;
    max-width: 1240px;
    width: 100%;
}
.banner-content h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    font-weight: 500;
    text-shadow: 2px 2px 4px var(--bs-yellow);
}
.mdc-top-app-bar__section {
    padding: 8px 12px 8px 0;
}
.search-form {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
}
.search-form .mdc-text-field {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 4px;
}
.search-form .mdc-select__anchor {
    height: 41px;
}
.search-form .mdc-button--raised {
    background-color: var(--bs-yellow); /* Botón de buscar */
    color: #fff;
    height: 38px; /* Coincide con la altura de los campos de texto */
    padding: 0 30px;
}
/* Ajuste para los text-field para que se vean bien dentro del formulario */
.search-form .mdc-text-field .mdc-text-field__input {
    height: 36px;
    font-size: .85rem;
    box-sizing: border-box;
}
.mdc-select .mdc-select__dropdown-icon {
    width: 48px;
    height: auto;
}
.mdc-select__selected-text-container {
    display: ruby;
}
.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
    border-bottom-color: #ccc;
}
.filter-anchor-button:hover {
    border-bottom: 1px solid var(--bs-yellow);
}
.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
    background-color: white;
}
.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
    border-bottom-color: var(--bs-yellow);
}
.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--bs-blue);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: var(--bs-blue);
}
.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* 4 columnas en desktop, adaptable */
    gap: 20px;
    padding: 40px 0;
    background-color: #e0e0e0; /* Fondo gris claro */
    margin-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
}
.info-card.mdc-card {
    box-shadow: none;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    min-height: 270px;
}
.info-card .mdc-card__media {
    width: 260px;
    height: 200px;
    border-radius: 8%;
    background-color: #e3e3e3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.info-card .mdc-card__media img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}
.info-card .mdc-card__primary {
    padding: 0;
}
.info-card .mdc-card__title {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 8px;
}
.info-card .mdc-card__subtitle {
    font-size: 0.9rem;
    color: rgba(0,0,0,0.7);
    line-height: 1.4;
}

.empresa-card img.mdc-card__media.mdc-card__media--16-9 {
    width: 10rem;
}
.footer {
    flex-shrink: 0;
    background-color: #f6f6f6;
    padding: 20px 0;
    font-size: 0.85rem;
    text-align: center;
}
.footer a {
    color: #343467;
    text-decoration: none;
    margin: 0 10px;
}
.footer a:hover {
    text-decoration: underline;
}
.footer .bottom-links {
    margin-top: 10px;
}
.footer .copyright {
    margin-top: 15px;
    color: #343467;
}
.footer .mdc-button {
    color: #ff6600; /* Color naranja para el botón del footer */
    text-transform: none;
}
.footer .footer__logo {
    position: absolute;
    left: 8px;bottom: -22px;
}
.footer__nav {
    width: 100%;
}
.footer__nav_mobile {
    display: none;
    width: 100%;
    columns: 1 300px;
}
.card-list-search.mt-3 {margin-top: 192px;}
.header-form-fixed {
    position: fixed;
    /*z-index: 199;*/
    z-index: 7;
    width: 100%;
    background-color: #f7f8f9;
}

.header-form-fixed .mdc-top-app-bar {
    position: relative;
}
.mdc-top-app-bar__logo{
    height: 64px;
    vertical-align: middle;
}

.mdc-top-app-bar__logo-mobile_logout {
    display: none;
}

@media (max-width: 940px) {
    .footer .footer__logo {
        display: none;
    }
    .footer__nav {
        display: none;
    }
    .footer__nav_mobile {
        display: block;
    }
    .mdc-top-app-bar__logo-mobile {
        display: block;
        padding: 1rem;
    }

    .mdc-top-app-bar__logo-mobile_logout {
        display: block;
        padding: 1rem;
    }

    .mdc-top-app-bar__logo {
        height: 56px;
    }
    .mdc-button-d {
        display: none;
    }
    .banner-content h1 {
        font-size: 4vw;
        padding-top: 72px;
    }
    .search-form {
        flex-direction: column;
        padding: 15px;
    }
    .search-form .mdc-text-field,
    .search-form .mdc-button--raised {
        width: 100%;
        margin-bottom: 10px;
    }
    .search-form .mdc-button--raised {
        margin-bottom: 0;
    }
    .inmuebles-grid, .info-grid {
        grid-template-columns: 1fr;
        margin: 0 5%;
    }
    .card-list-search.mt-3 {margin-top: 0;}
    .header-form-fixed {
        position: relative;
    }
}

@media (max-width: 599px) {
    .footer .mdc-top-app-bar__section {
        display: none;
    }
    .card-list-search .mdc-card {
        display: block;
    }
    .page-title-container h2,
    .page-title-container h3 {
        text-align: center;
    }
}


.card-list-search .mdc-card {
    width: 100%;
    margin-bottom: 1.5rem;
    flex-direction: row;
}

.mdc-card-detail {
    flex-direction: row;
    /*height: 30vw;*/
    min-height: 416px;
}

.app-btn-like {
    position: fixed;
    z-index: 99;
    top: 100px;
    right: 24px;
}

.app-btn-like.btn>i{
    font-size: 2rem;
    color: #343467;
}

.app-btn-share {
    position: fixed;
    z-index: 99;
    top: 170px;
    right: 24px
}
.app-btn-share.btn>i{
    font-size: 2rem;
    color: #343467;
}

.app-btn-contact {
    position: fixed;
    z-index: 99;
    bottom: 10%;
    right: 24px;
}

.app-btn-contact.btn>i{
    font-size: 2rem;
    color: #343467;
}

@media (max-width: 991.98px) {
    .app-btn-like {
        top: initial;
        bottom: 14px;
        left: initial;
        right: 50%;
    }
    .app-btn-share {
        top: initial;
        bottom: 14px;
        right: 10%;
    }
    .app-btn-contact {
        top: initial;
        bottom: 14px;
        right: 30%;
    }
}

/*
 * Estilos para la tarjeta horizontal
 * Esta es la clave para la alineación.
 * En pantallas pequeñas, el layout es de columna por defecto.
 */
.mdc-card__horizontal {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/*
 * En pantallas grandes (md o más), el layout cambia a horizontal.
 * Esto alinea la imagen y el contenido uno al lado del otro.
 */
@media (min-width: 940px) {
    .mdc-card__horizontal {
        flex-direction: row;
    }
    .mdc-card__media-horizontal {
        max-height: none;
    }
}

.mdc-card__media-horizontal {
    position: relative;
    flex: 1 1 20%;
}
.card-list-search .mdc-card__content {
    flex: 1 1 70%;
}

.mdc-card-detail .mdc-card__content {
    flex: 1 1 20%;
    height: 100%;
    min-height: 416px;
}
.mdc-card-detail .mdc-card__media-horizontal div#fotoMedia {
    height: 30vw;
    min-height: 416px;
}
/* Estilo para los botones de la tarjeta */
.mdc-button.mdc-button--raised {
    background-color: var(--bs-yellow);
    max-width: 120px;
    font-weight: 700;
}
.mdc-button.mdc-button--raised.whatsapp {
    background-color: #25D366; /* color verde de WhatsApp */
}
.icon-container {
    top: 0.5rem;
    right: 0.5rem;
}
.arrow-nav {
    top: 50%;
    transform: translateY(-50%);
}
.description-container {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
}

.page-title-container h2 {
    color: #323439 !important;
    font-size: 1.65rem !important;
    font-weight: 600 !important;
    display: flex !important;
}
.page-title-container h3 {
    color: #969696 !important;
    font-size: 1.05rem !important;
    display: flex !important;
}

.loading-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #343467;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mdc-card.empresa-card {
    border: solid 0px #d3d3d3;
    background-color: #fafafa;
    box-shadow: none;
    height: 150px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.cards-container .mdc-card {
    max-width: 270px;
}

.icon {
    font-size: 3rem;
    color: #1a73e8; /* Un tono de azul similar al de la imagen */
}

.card-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    padding: 1rem;
}

.card-content.column {
    flex-direction: column;
}

.card-text {
    color: #333;
    font-size: 1rem;
    margin-top: 0.5rem;
}

/* Estilo para el contenedor de las tarjetas */
.cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}

.info-grid a:hover {
    font-weight: 700;
    text-decoration: underline;
    color: #9E7B00;
}

.mdc-list-item__text {
    padding: 7px 0;
}

.banners-grid {
    margin: 0 auto;
}

.h-3px {
    height: 3px;
}

hr.divider {
    border: 0;
    height: 1px;
    background-color: #d1d5db; /* gris 300 de Tailwind */
    margin: 1.5rem 0;
    width: 100%;
}

.mdc-text-field--filled {
    height: 48px;
}

.icon-imagen-not-found-inline {
    background-image: url("/inmuebles/adjudicados/icons/image-svgrepo-com.svg");
}


.bg-custom-dark {
    background-color: var(--bs-blue);
}
/* Configuración de color de acento: Dorado/Amarillo */
.text-custom-accent {
    color: #FFC107;
}
/* Estilos personalizados para el panel de imagen (columna derecha) */
.image-panel {
    width: 100%;

    overflow: hidden; /* Oculta partes de la imagen si se desbordan */
}
.image-panel img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* O 'contain' */
}
img#car-media-load {
    border: 1px solid rgba(0, 0, 0, .25);
}
@media (max-width: 1023px) {
    .image-panel img {
        display: none;
    }
}

/* Estilo para simular el Material Design en los inputs (solo la línea inferior) */
.md-input {
    border: none;
    border-bottom: 2px solid #ffffff60; /* Línea inferior sutil */
    background-color: transparent;
    padding: 0.5rem 0.25rem;
    transition: all 0.3s ease;
}
.md-input:focus {
    border-bottom: 2px solid #FFC107; /* Línea de acento al enfocar */
    outline: none;
    box-shadow: none;
}
/* Estilos para el texto de etiqueta (simulando label flotante) */
.input-label {
    transition: all 0.3s ease;
    transform: translateY(1.5rem);
    pointer-events: none;
}
.input-group:focus-within .input-label {
    transform: translateY(0);
    font-size: 0.875rem; /* text-sm */
    color: #FFC107;
}
.input-group:focus-within .md-input {
    border-bottom-color: #FFC107;
}

.md-input.contact_input {
    background-color: white;
    border-radius: 4px;
}
#contacto form button {
    background-color: var(--bs-yellow);
}
#contacto form button:hover {
    opacity: .9;
}



.drawer {
    display: flex!important;
    overflow: auto;
    z-index: 399;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: var(--bs-drawer-bg-color);
    transition: transform .3s ease-in-out!important
}

.drawer.drawer-start {
    width: 60%;
    left: 0;
    transform: translateX(-100%)
}

.drawer.drawer-end {
    width: 80%;
    right: 0;
    transform: translateX(100%)
}

.drawer.drawer-bottom {
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    transform: translateY(100%)
}

.drawer.drawer-top {
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    transform: translateY(-100%)
}

.drawer.drawer-on {
    transform: none;
    box-shadow: var(--bs-drawer-box-shadow);
    transition: transform .3s ease-in-out!important
}

.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 299;
    animation: animation-drawer-fade-in .3s ease-in-out 1;
    background: #e1e1e15e url(/inmuebles/adjudicados/icons/loader.gif) no-repeat 50% 50%;
}

.drawer .mdc-button, .drawer button {
    color: #f2f2f2;
}

@keyframes animation-drawer-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

    body[data-kt-drawer=on] {
        overflow: hidden
    }
    body[data-kt-drawer=on] .drawer-overlay {
        display: block !important;
    }

.card {
    --bs-card-box-shadow: var(--bs-root-card-box-shadow);
    --bs-card-border-color: var(--bs-root-card-border-color);
    border: 1px solid var(--bs-card-border-color)
}

.card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 60px;
    padding: 0 2.25rem;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: 1px solid var(--bs-card-border-color)
}

.card .card-header .card-title {
    display: flex;
    align-items: center;
    margin: .5rem;
    margin-left: 0
}

.card .card-header .card-title.flex-column {
    align-items: flex-start;
    justify-content: center
}

.card .card-header .card-title .card-icon {
    margin-right: .75rem;
    line-height: 0
}

.card .card-header .card-title .card-icon i {
    font-size: 1.25rem;
    color: var(--bs-gray-600);
    line-height: 0
}

.card .card-header .card-title .card-icon i:after,.card .card-header .card-title .card-icon i:before {
    line-height: 0
}

.card .card-header .card-title .card-icon .svg-icon {
    color: var(--bs-gray-600)
}

.card .card-header .card-title .card-icon .svg-icon svg {
    height: 24px;
    width: 24px
}

.card .card-header .card-title,.card .card-header .card-title .card-label {
    font-weight: 500;
    font-size: 1.275rem;
    color: var(--bs-text-gray-900)
}

.card .card-header .card-title .card-label {
    margin: 0 .75rem 0 0;
    flex-wrap: wrap
}

.card .card-header .card-title .small,.card .card-header .card-title small {
    color: var(--bs-text-muted);
    font-size: 1rem
}

.card .card-header .card-title .h1,.card .card-header .card-title .h2,.card .card-header .card-title .h3,.card .card-header .card-title .h4,.card .card-header .card-title .h5,.card .card-header .card-title .h6,.card .card-header .card-title h1,.card .card-header .card-title h2,.card .card-header .card-title h3,.card .card-header .card-title h4,.card .card-header .card-title h5,.card .card-header .card-title h6 {
    margin-bottom: 0
}

.card .card-header .card-toolbar {
    display: flex;
    align-items: center;
    margin: .5rem 0;
    flex-wrap: wrap
}

.card .card-body {
    padding: 0 1.25rem;
    color: var(--bs-card-color)
}

.card .card-footer {
    padding: 2rem 2.25rem;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: 1px solid var(--bs-card-border-color)
}

.card .card-scroll {
    position: relative;
    overflow: auto
}

.card.card-px-0 .card-body,.card.card-px-0 .card-footer,.card.card-px-0 .card-header {
    padding-left: 0;
    padding-right: 0
}

.card.card-py-0 .card-body,.card.card-py-0 .card-footer,.card.card-py-0 .card-header {
    padding-top: 0;
    padding-bottom: 0
}

.card.card-p-0 .card-body,.card.card-p-0 .card-footer,.card.card-p-0 .card-header {
    padding: 0
}

.card.card-dashed {
    box-shadow: none;
    border: 1px dashed var(--bs-border-dashed-color)
}

.card.card-dashed>.card-header {
    border-bottom: 1px dashed var(--bs-border-dashed-color)
}

.card.card-dashed>.card-footer {
    border-top: 1px dashed var(--bs-border-dashed-color)
}

.card.card-bordered {
    box-shadow: none;
    border: 1px solid #f1f1f4
}

.card.card-flush>.card-header {
    border-bottom: 0!important
}

.card.card-flush>.card-footer {
    border-top: 0!important
}

.card.card-shadow {
    box-shadow: var(--bs-card-box-shadow);
    border: 0
}

.card.card-reset {
    border: 0!important;
    box-shadow: none!important;
    background-color: transparent!important
}

.card.card-reset>.card-header {
    border-bottom: 0!important
}

.card.card-reset>.card-footer {
    border-top: 0!important
}

.card.card-borderless {
    border: 0!important
}

.card.card-borderless>.card-header {
    border-bottom: 0!important
}

.card.card-borderless>.card-footer {
    border-top: 0!important
}

.card.card-border-0 {
    border: 0!important
}

.card.card-stretch {
    height: calc(100% - var(--bs-gutter-y))
}

.card.card-stretch-75 {
    height: calc(75% - var(--bs-gutter-y))
}

.card.card-stretch-50 {
    height: calc(50% - var(--bs-gutter-y))
}

.card.card-stretch-33 {
    height: calc(33.333% - var(--bs-gutter-y))
}

.card.card-stretch-25 {
    height: calc(25% - var(--bs-gutter-y))
}

.card .card-header-stretch {
    padding-top: 0!important;
    padding-bottom: 0!important;
    align-items: stretch
}

.card .card-header-stretch .card-toolbar {
    margin: 0;
    align-items: stretch
}

@media (min-width: 940px) {
    .menu-lateral-links {
        display: none;
    }
}


@media (min-width: 576px) {
    .card.card-sm-stretch {
        height:calc(100% - var(--bs-gutter-y))
    }

    .card.card-sm-stretch-75 {
        height: calc(75% - var(--bs-gutter-y))
    }

    .card.card-sm-stretch-50 {
        height: calc(50% - var(--bs-gutter-y))
    }

    .card.card-sm-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y))
    }

    .card.card-sm-stretch-25 {
        height: calc(25% - var(--bs-gutter-y))
    }

    .card .card-header-sm-stretch {
        padding-top: 0!important;
        padding-bottom: 0!important;
        align-items: stretch
    }

    .card .card-header-sm-stretch .card-toolbar {
        margin: 0;
        align-items: stretch
    }

}

@media (min-width: 768px) {
    .card.card-md-stretch {
        height:calc(100% - var(--bs-gutter-y))
    }

    .card.card-md-stretch-75 {
        height: calc(75% - var(--bs-gutter-y))
    }

    .card.card-md-stretch-50 {
        height: calc(50% - var(--bs-gutter-y))
    }

    .card.card-md-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y))
    }

    .card.card-md-stretch-25 {
        height: calc(25% - var(--bs-gutter-y))
    }

    .card .card-header-md-stretch {
        padding-top: 0!important;
        padding-bottom: 0!important;
        align-items: stretch
    }

    .card .card-header-md-stretch .card-toolbar {
        margin: 0;
        align-items: stretch
    }
}

@media (min-width: 992px) {
    .card.card-lg-stretch {
        height:calc(100% - var(--bs-gutter-y))
    }

    .card.card-lg-stretch-75 {
        height: calc(75% - var(--bs-gutter-y))
    }

    .card.card-lg-stretch-50 {
        height: calc(50% - var(--bs-gutter-y))
    }

    .card.card-lg-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y))
    }

    .card.card-lg-stretch-25 {
        height: calc(25% - var(--bs-gutter-y))
    }

    .card .card-header-lg-stretch {
        padding-top: 0!important;
        padding-bottom: 0!important;
        align-items: stretch
    }

    .card .card-header-lg-stretch .card-toolbar {
        margin: 0;
        align-items: stretch
    }
}

@media (min-width: 1200px) {
    .card.card-xl-stretch {
        height:calc(100% - var(--bs-gutter-y))
    }

    .card.card-xl-stretch-75 {
        height: calc(75% - var(--bs-gutter-y))
    }

    .card.card-xl-stretch-50 {
        height: calc(50% - var(--bs-gutter-y))
    }

    .card.card-xl-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y))
    }

    .card.card-xl-stretch-25 {
        height: calc(25% - var(--bs-gutter-y))
    }

    .card .card-header-xl-stretch {
        padding-top: 0!important;
        padding-bottom: 0!important;
        align-items: stretch
    }

    .card .card-header-xl-stretch .card-toolbar {
        margin: 0;
        align-items: stretch
    }
}

@media (min-width: 1400px) {
    .card.card-xxl-stretch {
        height:calc(100% - var(--bs-gutter-y))
    }

    .card.card-xxl-stretch-75 {
        height: calc(75% - var(--bs-gutter-y))
    }

    .card.card-xxl-stretch-50 {
        height: calc(50% - var(--bs-gutter-y))
    }

    .card.card-xxl-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y))
    }

    .card.card-xxl-stretch-25 {
        height: calc(25% - var(--bs-gutter-y))
    }

    .card .card-header-xxl-stretch {
        padding-top: 0!important;
        padding-bottom: 0!important;
        align-items: stretch
    }

    .card .card-header-xxl-stretch .card-toolbar {
        margin: 0;
        align-items: stretch
    }
}

.card-p {
    padding: 2rem 2.25rem!important
}

.card-border {
    border: 1px solid var(--bs-root-card-border-color)!important
}

.card-px {
    padding-left: 2.25rem!important;
    padding-right: 2.25rem!important
}

.card-shadow {
    box-shadow: var(--bs-card-box-shadow)
}

.card-py {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
}

.card-rounded {
    border-radius: .625rem
}

.card-rounded-start {
    border-top-left-radius: .625rem;
    border-bottom-left-radius: .625rem
}

.card-rounded-end {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem
}

.card-rounded-top {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem
}

.card-rounded-bottom {
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem
}

@media (max-width: 767.98px) {
    .mdc-card-detail {
        flex-direction: column;
        height: auto;
    }
}

[data-bs-theme=dark] .card {
    --bs-card-box-shadow: none
}



.me-n5 {
    margin-right: -1.25rem !important;
}
.btn {
    --bs-btn-color: var(--bs-body-color);
    outline: 0 !important;
}
.btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.55rem + 2px);
    width: calc(1.5em + 1.55rem + 2px);
    line-height: 1;
}
.btn-group-sm>.btn.btn-icon, .btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.1rem + 2px);
    width: calc(1.5em + 1.1rem + 2px);
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}


.text-muted {
    color: var(--bs-text-muted) !important;
}
.flex-stack {
    justify-content: space-between;
    align-items: center;
}

.d-flex {
    display: flex !important;
}
.flex-sm-row {
    flex-direction: row!important
}

.flex-sm-column {
    flex-direction: column!important
}

.flex-sm-row-reverse {
    flex-direction: row-reverse!important
}

.flex-sm-column-reverse {
    flex-direction: column-reverse!important
}
.justify-content-sm-start {
    justify-content: flex-start!important
}
.justify-content-sm-end {
    justify-content: flex-end!important
}
.justify-content-sm-center {
    justify-content: center!important
}
.justify-content-sm-between {
    justify-content: space-between!important
}
.justify-content-sm-around {
    justify-content: space-around!important
}
.justify-content-sm-evenly {
    justify-content: space-evenly!important
}
                        .gap-sm-0 {
                            gap: 0!important
                        }

                        .gap-sm-1 {
                            gap: .25rem!important
                        }

                        .gap-sm-2 {
                            gap: .5rem!important
                        }

                        .gap-sm-3 {
                            gap: .75rem!important
                        }

                        .gap-sm-4 {
                            gap: 1rem!important
                        }

                        .gap-sm-5 {
                            gap: 1.25rem!important
                        }

                        .gap-sm-6 {
                            gap: 1.5rem!important
                        }

                        .gap-sm-7 {
                            gap: 1.75rem!important
                        }

                        .gap-sm-8 {
                            gap: 2rem!important
                        }

                        .gap-sm-9 {
                            gap: 2.25rem!important
                        }

                        .gap-sm-10 {
                            gap: 2.5rem!important
                        }

                        .gap-sm-11 {
                            gap: 2.75rem!important
                        }

                        .gap-sm-12 {
                            gap: 3rem!important
                        }

                        .gap-sm-13 {
                            gap: 3.25rem!important
                        }

                        .gap-sm-14 {
                            gap: 3.5rem!important
                        }

                        .gap-sm-15 {
                            gap: 3.75rem!important
                        }

                        .gap-sm-16 {
                            gap: 4rem!important
                        }

                        .gap-sm-17 {
                            gap: 4.25rem!important
                        }

                        .gap-sm-18 {
                            gap: 4.5rem!important
                        }

                        .gap-sm-19 {
                            gap: 4.75rem!important
                        }

                        .gap-sm-20 {
                            gap: 5rem!important
                        }
.vertical-align {
    align-items: center;
}
.breadcrumb {
    display: flex;
    align-items: center;
    background-color: transparent;
}

.breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    padding-left: .5rem
}

.breadcrumb .breadcrumb-item:last-child {
    padding-right: 0
}

.breadcrumb .breadcrumb-item:after {
    padding-left: .5rem;
    content: "/"
}

.breadcrumb .breadcrumb-item:before {
    display: none
}

.breadcrumb .breadcrumb-item:first-child {
    padding-left: 0
}

.breadcrumb .breadcrumb-item:last-child:after {
    display: none
}

.breadcrumb-line .breadcrumb-item:after {
    content: "-"
}

.breadcrumb-dot .breadcrumb-item:after {
    content: "•"
}

.breadcrumb-separatorless .breadcrumb-item:after {
    display: none
}

#content-noticia>h1 {
    font-size: 2.4rem;
    font-weight: 500;
}
#content-noticia>h2 {
    font-size: 1.32rem;
    color: #827180;
}
.mt-container-listado {
    margin-top: 192px;
}
.mdc-dialog-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 1000;
}

/* Mostrar el modal */
.mdc-dialog-backdrop.is-open {
    visibility: visible;
    opacity: 1;
}

/* Contenedor principal del diálogo */
.mdc-dialog {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
    width: 90%;
    max-width: 500px;
    transform: scale(0.9);
    transition: transform 0.3s ease-in-out;
}

#my-notification-title button {
    position: fixed;
    right: 0;
    top: 10px;
    font-size: 1.7rem;
    color: #727272;
}

.mdc-dialog.mdc-dialog-xl{
    max-width: 900px;
}

/* Animación de apertura */
.mdc-dialog-backdrop.is-open .mdc-dialog {
    transform: scale(1);
}

/* Cabecera del diálogo */
.mdc-dialog__header {
    padding: 24px 24px 10px;
    font-size: 1.25rem;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

/* Contenido del diálogo */
.mdc-dialog__content {
    padding: 0 24px 20px;
    color: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
    max-height: calc(100vh - 60px);
}

/* Pie de página (botones de acción) */
.mdc-dialog__actions {
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #eee;
}

.mdc-dialog-backdrop.is-open .mdc-dialog {
    display: block;
    left: auto;
    top: 5%;
    height: auto;
}
.mdc-dialog .dialog-close {
    background: none;position: absolute;right: 28px;top: 30px;
}
.mdc-login-dialog .mdc-dialog__content {
    padding: 24px;
}
.mdc-button-google {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 16px;
    border: none;
    border-radius: 4px;
    background-color: #4285F4; /* Google Blue */
    color: white;
    font-weight: 500;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);
    cursor: pointer;
    margin-top: 16px;
}
.mdc-button-google img {
    width: 18px;
    height: 18px;
    margin-right: 16px;
    background-color: white;
    padding: 2px;
    border-radius: 2px;
}
.mdc-login-dialog__secondary-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    font-size: 0.8rem;
    padding: 0 24px 24px;
}
.mdc-login-dialog__secondary-actions a {
    color: #673AB7;
    text-decoration: none;
    font-weight: 500;
}
#mdc-button-login {
    width: 100%;
    height: 48px;
    margin-top: 16px;
    background-color: #673AB7;
    color: white;
}
.hide {
    display: none!important;
}
.text-center {
    text-align: center !important;
}
.border-0 {
    border: 0 !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.fv-smallcaps {
    font-variant: small-caps;
}
.text-secondary {
    color: var(--bs-gray-800);
}
.fs-1 {
    font-size: calc(1.3rem + .6vw)!important
}

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

.fs-3 {
    font-size: calc(1.26rem + .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: .95rem!important
}

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

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

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

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

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

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

.fs-xl {
    font-size: 1.21rem!important
}

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

.fs-2x {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-2qx {
    font-size: calc(1.35rem + 1.2vw)!important
}

.fs-2hx {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2tx {
    font-size: calc(1.4rem + 1.8vw)!important
}

.fs-3x {
    font-size: calc(1.425rem + 2.1vw)!important
}

.fs-3qx {
    font-size: calc(1.45rem + 2.4vw)!important
}

.fs-3hx {
    font-size: calc(1.475rem + 2.7vw)!important
}

.fs-3tx {
    font-size: calc(1.5rem + 3vw)!important
}

.fs-4x {
    font-size: calc(1.525rem + 3.3vw)!important
}

.fs-4qx {
    font-size: calc(1.55rem + 3.6vw)!important
}

.fs-4hx {
    font-size: calc(1.575rem + 3.9vw)!important
}

.fs-4tx {
    font-size: calc(1.6rem + 4.2vw)!important
}

.fs-5x {
    font-size: calc(1.625rem + 4.5vw)!important
}

.fs-5qx {
    font-size: calc(1.65rem + 4.8vw)!important
}

.fs-5hx {
    font-size: calc(1.675rem + 5.1vw)!important
}

.fs-5tx {
    font-size: calc(1.7rem + 5.4vw)!important
}

.fs-6x {
    font-size: calc(1.725rem + 5.7vw)!important
}

.fs-6qx {
    font-size: calc(1.75rem + 6vw)!important
}

.fs-6hx {
    font-size: calc(1.775rem + 6.3vw)!important
}

.fs-6tx {
    font-size: calc(1.8rem + 6.6vw)!important
}

.fs-7x {
    font-size: calc(1.825rem + 6.9vw)!important
}

.fs-7qx {
    font-size: calc(1.85rem + 7.2vw)!important
}

.fs-7hx {
    font-size: calc(1.875rem + 7.5vw)!important
}

.fs-7tx {
    font-size: calc(1.9rem + 7.8vw)!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 500!important
}

.fw-bold {
    font-weight: 600!important
}

.fw-bolder {
    font-weight: 700!important
}

.lh-0 {
    line-height: 0!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 1.75!important
}

.lh-xl {
    line-height: 2!important
}

.lh-xxl {
    line-height: 2.25!important
}
#dialogLogin form .card {
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    border-radius: var(--bs-card-border-radius);
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
#dialogLogin form div.pnd-form-group-icon div.input-group label,
#dialogLogin form div.pnd-form-group-icon div.input-group span {
    color: var(--bs-gray-500);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#dialogLogin form .card .card-header {
    display: block;
    min-height: 0;
}
#dialogLogin form .card .card-header {
    padding: 0 2.25rem 1.5rem;
}
#dialogLogin form div.pnd-form-group-icon div.input-group:hover label,
#dialogLogin form div.pnd-form-group-icon div.input-group:hover span {
    background: var(--bs-yellow);
    color: var(--bs-white);
    border: 1px solid var(--bs-yellow) !important;
}
#dialogLogin form div.pnd-form-group-icon div.input-group:hover input {
    border: 1px solid var(--bs-yellow) !important;
}
.cursor-pointer {
    cursor: pointer;
}
.border-end-0 {
    border-right: 0 !important;
}
#dialogLogin form div.pnd-form-group-icon div.input-group input.pnd-form-inp-edit {
    padding-right: calc(1.5em + 0.75rem) !important;
    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);
}
#dialogLogin form .form-control {
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: border-color 0.15s
    ease-in-out, box-shadow 0.15s
    ease-in-out;
}
#dialogLogin form .form-control:focus {
    color: var(--bs-body-color);
    border-color: #e2d9f3;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(197, 179, 230, 0.25);
}
.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
    /* position: relative; */
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
#dialogLogin form .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
.paging-module__container-paging{display:flex;width:100%;text-align:center;justify-content:center;margin:28px 0 20px}.paging-module__container-paging-condominium{margin:0 0 48px}.paging-module__page-arrow{position:relative;display:flex;text-align:center;justify-content:center;font-size:14px;font-weight:600;line-height:48px;width:48px;height:48px;box-sizing:border-box;border-radius:100%;margin:0 2px;border:1px solid #727272;color:#7c98a7;padding-top:15px}.paging-module__page-arrow:hover{border:1px solid var(--bs-yellow) }.paging-module__icon-arrow-prev{position:absolute;height:14px;top:16px;right:17px}.paging-module__icon-arrow-next{position:absolute;height:14px;top:16px;transform:rotate(180deg);right:16px}.paging-module__page-item{display:flex;text-align:center;justify-content:center;font-size:14px;font-weight:600;line-height:48px;width:48px;height:48px;box-sizing:border-box;border-radius:100%;margin:0 2px;border:1px solid transparent;color:#7c98a7;cursor:pointer}.paging-module__page-item-current,.paging-module__page-item:hover{border:1px solid var(--bs-yellow) }.paging-module__page-item-current{pointer-events:none;color:#000}

article.article.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--bs-black);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}
article.article.prose >p a, .prose >ul a, .prose >ol a {
    color: #ff5500;
    text-decoration: none;
}
article.article.prose p {
    margin-bottom: 1.25em;
    letter-spacing: 0.02rem;
    line-height: 1.65;
}
article.article.prose {
    font-size: 0.97rem;
    line-height: 1.75;
}
article.article.prose ul {list-style-type: disc;}
article.article.prose ol, article.article.prose ul {margin-top: 1rem;margin-bottom: 1rem;padding-left: 1.5rem;}

.input-group.input-checkbox span {
    align-content: center;
}
.input-group.input-checkbox label {
    border: 0!important;
}
input.input-error {
    border: var(--bs-border-width) solid var(--bs-danger);
}

.bg-light-danger {
    background-color: var(--bs-danger-light) !important;
}
.bg-light-primary {
    background-color: var(--bs-primary-light) !important;
}
.text-danger {
    color: var(--bs-text-danger) !important;
}
#dialogLogin form .is-valid .form-control {
    border: var(--bs-border-width) solid var(--bs-form-valid-border-color);
}

#dialogLogin form div.pnd-form-group-icon div.input-group.is-valid label {
    color: var(--bs-form-valid-border-color);
    border: var(--bs-border-width) solid var(--bs-form-valid-border-color);
}
#dialogLogin form .is-invalid .form-control {
    border: var(--bs-border-width) solid var(--bs-border-invalid);
}
#dialogLogin form div.pnd-form-group-icon div.input-group.is-invalid label {
    color: var(--bs-border-invalid);
    border: var(--bs-border-width) solid var(--bs-border-invalid);
}
button[disabled] {
    cursor: not-allowed;
}
.justify-content-center {
    justify-content: center;
}
ul, ol {
    margin-top: 0px;
    margin-bottom: 11.5px;
    list-style-type: square;
    padding-inline-start: 40px;
}
.letterSpacing10 {
    letter-spacing: 10px;
}
.spacing10 {
    padding: 10px!important;
    font-size: 13px;
    line-height: 1.846;
    color: #666666;
}
.smallCaps {
    font-variant: small-caps;
}
.listNone {
    list-style: none;
}
.listUpperRoman {
    list-style-type: upper-roman;
}
.listLowerLatin {
    list-style-type: lower-latin;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: var(--bs-secondary-light);
}
.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 1.846;
    vertical-align: top;
    padding: 8px;
    border-top: 1px solid var(--bs-secondary-light);
}
a.fake-link.label.label-success.cursorPointer.viewAvisoPrivacidadModal {
    font-weight: bolder;
    text-decoration: underline;
    font-style: italic;
}
.faq-item div p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 12px;
}
/* FAQ Collapse Animations */
.tabCollapse {
    transition: all 1s ease;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}
.tabCollapse.show {
    max-height: 2000px;
    opacity: 1;
}
/* Chevron Rotation */
.faq-chevron {
    transition: transform 1s ease;
    display: inline-block;
    vertical-align: middle;
}
.faq-header[aria-expanded="true"] .faq-chevron {
    transform: rotate(180deg);
}
.profile-card.is-logged-in {
    display: block;
}
.profile-card{
            background: var(--bs-white);
            border-radius: 4px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.08);
            font-family: "Helvetica Neue", Arial, sans-serif;
            color: #444;
            overflow: hidden;
            display: none;
        }
        .profile-top{
            padding: 24px 16px 8px 16px;
            text-align: center;
        }
        .avatar-wrap{
            width: 86px;
            height: 86px;
            margin: 0 auto 12px;
            border-radius: 50%;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .avatar-wrap img{
            width:58px;
            height:58px;
            border-radius:50%;
            object-fit:cover;
            background:#fff;
        }
        .profile-title{
            font-size:14px;
            color:#8b8b8b;
            margin-bottom:6px;
        }
        .profile-name{
            font-size:13px;
            color:#2b7bbf;
            text-decoration:none;
            display:block;
            font-weight:600;
            margin-bottom:4px;
        }
        .profile-email{
            font-size:12px;
            color:#6b6b6b;
            margin-bottom:12px;
        }
        .btn-new-package{
            display:inline-block;
            background:#3fb64f;
            color:#fff;
            padding:8px 12px;
            border-radius:4px;
            text-decoration:none;
            font-weight:600;
            font-size:13px;
            box-shadow: 0 2px 0 rgba(0,0,0,0.05) inset;
        }
        .profile-bottom{
            padding: 14px 12px;
            border-top:1px solid #eee;
        }
        .fav-row{
            display:flex;
            align-items:center;
            justify-content:space-between;
            margin-bottom:10px;
        }
        .fav-left{
            display:flex;
            align-items:center;
            gap:4px;
            color:#8a8a8a;
            font-size:13px;
        }
        .fav-left>span.fav-icon {
            font-size:16px;
            display: flex;
            align-items: center;
            height: 1.2em;
            color: #e0a100;
        }
        .fav-left>span.fav-icon>svg {
            height: 100%;
            width: auto;
            fill: currentColor;
        }
        .fav-count{
            background:#efefef;
            color:#8a8a8a;
            padding:4px 8px;
            border-radius:12px;
            font-size:12px;
        }
    .btn-logout{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        width:100%;
        text-align:center;
        font-size:13px;
    }
    .btn-logout span {
        display: flex;
        align-items: center;
        height: 1.2em;
    }
    .btn-logout svg {
        height: 100%;
        width: auto;
        fill: currentColor;
    }
.btn.btn-sm-detail {
    border: solid 1px #c8c8c8;
    color: var(--bs-text-muted);
    padding: .7rem .9rem .7rem 1rem;
    border-radius: 8px;
}
.btn.btn-sm-detail:hover {
    background-color: #c8c8c8;
    color: var(--bs-white);
}

/* Estilos base */
.heart-container {
    position: relative; /* Necesario para posicionar las partículas de forma absoluta */
    display: inline-block;
    width: 24px; /* Ajusta al tamaño de tu SVG */
    height: 24px; /* Ajusta al tamaño de tu SVG */
}

/* Ocultar las partículas inicialmente */
.particle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px; /* Tamaño de las partículas */
    height: 5px;
    background-color: currentColor; /* Usa el color del texto del botón (amarillo) */
    border-radius: 50%; /* Para que sean círculos */
    opacity: 0;
    transform: translate(-50%, -50%);
}

/* Clase que jQuery añadirá para disparar la animación */
.exploding .heart-svg {
    opacity: 0; /* Oculta el corazón durante la explosión */
    transition: opacity 0.1s;
}

.exploding .particle {
    /* Muestra las partículas y aplica la animación */
    opacity: 1;
    animation: explode 0.5s forwards ease-out; /* Animación de 0.5 segundos */
}
.like-button.is-liked {
    color: var(--bs-danger-active);
}
/* Keyframes de la explosión */
@keyframes explode {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        /* Mover las partículas a posiciones aleatorias (se ajustará con jQuery) */
        /* Esta es la posición "lejana" final, el ángulo real lo dará el 'style' inline */
        transform: translate(var(--end-x), var(--end-y)) scale(0.1);
        opacity: 0;
    }
}