.btn.btn-icon.btn-circle {
    border-radius: 50%
}

.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)
}

.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
}

.border-dashed {

    --bs-border-dashed-color: #DBDFE9;
    border-style: dashed !important;
    border-color: var(--bs-border-dashed-color);
}


.app-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    width: 100%;
}

.app-grid-item {
    width: 100%;
    position: relative;
    padding-top: 100%;
    /* This creates the 2:1 ratio (height is 50% of width) */
}

.app-grid-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Add styling for your content here */

    display: flex;
}

.greeting-title {
    font-size: 9.6vw;
}

.section-title {
    max-width: 39ch;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 1;
}

.section-subtitle {
    max-width: 32ch;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
}
.landing-content {
    padding-top: 40vh;
}

.section-padding{
    padding-top: 10vh; 
}
@media (min-width: 768px) {
    .greeting-title {
        font-size: 6.6vw;
    }
    .section-title {
        font-size: 50px;
    }
    .section-subtitle {
        max-width: 32ch;
        font-size: 21px;
    }
    .landing-content {
        padding-top: 30vh;
    }
}
@media (min-width: 1024px) {
    .greeting-title {
        font-size: 5.6vw;
    }
    .landing-content {
        padding-top: 40vh;
    }
}
@media (min-width: 1200px) {
    .greeting-title {
        font-size: 7.6vw;
    }
    .landing-content {
        padding-top: 30vh;
    }
}

@media (min-width: 1440px) {
    .greeting-title {
        font-size: 4.6vw;
    }
    .landing-content {
        padding-top: 30vh;
    }
}