.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: #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: #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: #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: #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: 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: #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: #cdcdde;
    background-color: #474761
}

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

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

.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: #d6d6e4;
    background-color: #4d4d6a !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: #d6d6e4
}

.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: #d6d6e4
}

.modal-rounded {
    border-radius: .475rem !important
}

code:not([class*=language-]) {
    font-weight: 400;
    color: var(--bs-code-color);
    line-height: inherit;
    font-size: inherit;
    background-color: var(--bs-code-bg);
    padding: .1rem .4rem;
    margin: 0 .5rem;
    box-shadow: var(--bs-code-box-shadow);
    border-radius: .3rem
}

.col-form-label {
    font-size: 1.05rem
}

.form-control.form-control-transparent {
    background-color: transparent;
    border-color: transparent
}

.dropdown.show>.form-control.form-control-transparent,
.form-control.form-control-transparent.active,
.form-control.form-control-transparent.focus,
.form-control.form-control-transparent:active,
.form-control.form-control-transparent:focus {
    background-color: transparent;
    border-color: transparent
}

.form-control.form-control-flush {
    border: 0;
    background-color: transparent;
    outline: 0 !important;
    box-shadow: none;
    border-radius: 0
}

.form-control.form-control-solid {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: color .2s ease
}

.form-control.form-control-solid::placeholder {
    color: var(--bs-gray-500)
}

.form-control.form-control-solid::-moz-placeholder {
    color: var(--bs-gray-500);
    opacity: 1
}

.dropdown.show>.form-control.form-control-solid,
.form-control.form-control-solid.active,
.form-control.form-control-solid.focus,
.form-control.form-control-solid:active,
.form-control.form-control-solid:focus {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-700);
    transition: color .2s ease
}

.form-control-solid-bg {
    background-color: var(--bs-gray-100)
}

.form-control-plaintext {
    color: var(--bs-gray-700)
}

.placeholder-gray-500::placeholder {
    color: var(--bs-gray-500)
}

.placeholder-gray-500::-moz-placeholder {
    color: var(--bs-gray-500);
    opacity: 1
}

.placeholder-white::placeholder {
    color: #fff
}

.placeholder-white::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.resize-none {
    resize: none
}

.form-floating .form-control.form-control-solid::placeholder {
    color: transparent
}

.form-select {
    appearance: none
}

.form-select:focus {
    border-color: var(--bs-gray-400);
    box-shadow: false, 0 0 0 .25rem rgba(var(--bs-component-active-bg), .25)
}

.form-select:disabled {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300)
}

.form-select:-moz-focusring {
    text-shadow: 0 0 0 var(--bs-gray-700)
}

.form-select.form-select-solid {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: color .2s ease
}

.form-select.form-select-solid::placeholder {
    color: var(--bs-gray-500)
}

.form-select.form-select-solid::-moz-placeholder {
    color: var(--bs-gray-500);
    opacity: 1
}

.dropdown.show>.form-select.form-select-solid,
.form-select.form-select-solid.active,
.form-select.form-select-solid.focus,
.form-select.form-select-solid:active,
.form-select.form-select-solid:focus {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200) !important;
    color: var(--bs-gray-700);
    transition: color .2s ease
}

.form-select.form-select-transparent {
    background-color: transparent;
    border-color: transparent;
    color: var(--bs-gray-700)
}

.form-select.form-select-transparent::placeholder {
    color: var(--bs-gray-500)
}

.form-select.form-select-transparent::-moz-placeholder {
    color: var(--bs-gray-500);
    opacity: 1
}

.dropdown.show>.form-select.form-select-transparent,
.form-select.form-select-transparent.active,
.form-select.form-select-transparent.focus,
.form-select.form-select-transparent:active,
.form-select.form-select-transparent:focus {
    background-color: transparent;
    border-color: transparent !important;
    color: var(--bs-gray-700)
}

.form-check:not(.form-switch) .form-check-input[type=checkbox] {
    background-size: 60% 60%
}

.form-check.form-check-sm .form-check-input {
    height: 1.55rem;
    width: 1.55rem
}

.form-check.form-check-lg .form-check-input {
    height: 2.25rem;
    width: 2.25rem
}

.form-check.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.form-check.form-check-solid .form-check-input {
    border: 0
}

.form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--bs-gray-200)
}

.form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate {
    background-color: #3e97ff
}

.form-check.form-check-success .form-check-input:checked {
    background-color: var(--bs-success)
}

.form-check.form-check-danger .form-check-input:checked {
    background-color: var(--bs-danger)
}

.form-check.form-check-warning .form-check-input:checked {
    background-color: var(--bs-warning)
}

.form-check-custom {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0
}

.form-check-custom .form-check-input {
    margin: 0;
    float: none;
    flex-shrink: 0
}

.form-check-custom .form-check-label {
    margin-left: .55rem
}

.form-switch.form-check-custom .form-check-input {
    height: 2.25rem
}

.form-switch.form-check-custom.form-switch-sm .form-check-input {
    height: 1.5rem;
    width: 2.5rem
}

.form-switch.form-check-custom.form-switch-lg .form-check-input {
    height: 2.75rem;
    width: 3.75rem
}

.form-switch.form-check-solid .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")
}

.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--bs-gray-200)
}

[data-bs-theme=dark] .form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-check-image {
    position: relative;
    overflow: hidden
}

.form-check-image img {
    max-width: 100%
}

.form-check-image .form-check-wrapper {
    border-radius: .625rem;
    border: 2px solid transparent;
    transition: all .2s ease-in-out;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: .75rem
}

.form-check-image .form-check-rounded {
    border-radius: .625rem
}

.form-check-image .form-check-label {
    font-weight: 600;
    margin-left: .5rem
}

.form-check-image.active:not(.form-check-success):not(.form-check-danger) .form-check-wrapper {
    border-color: var(--bs-primary) !important
}

.form-check-image.form-check-success.active .form-check-wrapper {
    border-color: var(--bs-success) !important
}

.form-check-image.form-check-danger.active .form-check-wrapper {
    border-color: var(--bs-danger) !important
}

.form-check-image.disabled {
    opacity: .65
}

.input-group.input-group-solid {
    border-radius: .475rem
}

.input-group.input-group-solid.input-group-sm {
    border-radius: .425rem
}

.input-group.input-group-solid.input-group-lg {
    border-radius: .625rem
}

.input-group.input-group-solid .input-group-text {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100)
}

.input-group.input-group-solid .input-group-text+.form-control {
    border-left-color: var(--bs-gray-300)
}

.input-group.input-group-solid .form-control {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100)
}

.input-group.input-group-solid .form-control+.input-group-text {
    border-left-color: var(--bs-gray-300)
}

.form-floating .form-control.form-control-solid::placeholder {
    color: transparent
}

.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--bs-danger);
    padding-left: .25rem;
    font-weight: 600
}

.progress-vertical {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.progress-vertical .progress {
    height: 100%;
    border-radius: .475rem;
    display: flex;
    align-items: flex-end;
    margin-right: 1rem
}

.progress-vertical .progress:last-child {
    margin-right: 0
}

.progress-vertical .progress .progress-bar {
    width: 8px;
    border-radius: .475rem
}

.table:not(.table-bordered)>:not(:first-child) {
    border-color: transparent;
    border-width: 0;
    border-style: none
}

.table:not(.table-bordered)>:not(:last-child)>:last-child>* {
    border-bottom-color: inherit
}

.table:not(.table-bordered) td,
.table:not(.table-bordered) th,
.table:not(.table-bordered) tr {
    border-color: inherit;
    border-width: inherit;
    border-style: inherit;
    text-transform: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    height: inherit;
    min-height: inherit
}

.table:not(.table-bordered) td:first-child,
.table:not(.table-bordered) th:first-child,
.table:not(.table-bordered) tr:first-child {
    padding-left: 0
}

.table:not(.table-bordered) td:last-child,
.table:not(.table-bordered) th:last-child,
.table:not(.table-bordered) tr:last-child {
    padding-right: 0
}

.table:not(.table-bordered) tbody tr:last-child,
.table:not(.table-bordered) tfoot tr:last-child {
    border-bottom: 0 !important
}

.table:not(.table-bordered) tbody tr:last-child td,
.table:not(.table-bordered) tbody tr:last-child th,
.table:not(.table-bordered) tfoot tr:last-child td,
.table:not(.table-bordered) tfoot tr:last-child th {
    border-bottom: 0 !important
}

.table:not(.table-bordered) tfoot td,
.table:not(.table-bordered) tfoot th {
    border-top: inherit
}

.table:not(.table-bordered).table-rounded {
    border-radius: .475rem;
    border-spacing: 0;
    border-collapse: separate
}

.table:not(.table-bordered).table-flush td,
.table:not(.table-bordered).table-flush th,
.table:not(.table-bordered).table-flush tr {
    padding: inherit
}

.table:not(.table-bordered).table-row-bordered tr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--bs-border-color)
}

.table:not(.table-bordered).table-row-bordered tfoot td,
.table:not(.table-bordered).table-row-bordered tfoot th {
    border-top-width: 1px !important
}

.table:not(.table-bordered).table-row-dashed tr {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: var(--bs-border-color)
}

.table:not(.table-bordered).table-row-dashed tfoot td,
.table:not(.table-bordered).table-row-dashed tfoot th {
    border-top-width: 1px !important
}

.table:not(.table-bordered).table-row-gray-100 tr {
    border-bottom-color: var(--bs-gray-100)
}

.table:not(.table-bordered).table-row-gray-200 tr {
    border-bottom-color: var(--bs-gray-200)
}

.table:not(.table-bordered).table-row-gray-300 tr {
    border-bottom-color: var(--bs-gray-300)
}

.table:not(.table-bordered).table-row-gray-400 tr {
    border-bottom-color: var(--bs-gray-400)
}

.table:not(.table-bordered).table-row-gray-500 tr {
    border-bottom-color: var(--bs-gray-500)
}

.table:not(.table-bordered).table-row-gray-600 tr {
    border-bottom-color: var(--bs-gray-600)
}

.table:not(.table-bordered).table-row-gray-700 tr {
    border-bottom-color: var(--bs-gray-700)
}

.table:not(.table-bordered).table-row-gray-800 tr {
    border-bottom-color: var(--bs-gray-800)
}

.table:not(.table-bordered).table-row-gray-900 tr {
    border-bottom-color: var(--bs-gray-900)
}

.table-layout-fixed {
    table-layout: fixed
}

.table-sort:after {
    opacity: 0
}

.table-sort,
.table-sort-asc,
.table-sort-desc {
    vertical-align: middle
}

.table-sort-asc:after,
.table-sort-desc:after,
.table-sort:after {
    position: relative;
    display: inline-block;
    width: .75rem;
    height: .75rem;
    content: " ";
    bottom: auto;
    right: auto;
    left: auto;
    margin-left: .5rem
}

.table-sort-asc:after {
    opacity: 1;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-text-muted);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e")
}

.table-sort-desc:after {
    opacity: 1;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-text-muted);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e")
}

.table-loading-message {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: .475rem;
    box-shadow: var(--bs-table-loading-message-box-shadow);
    background-color: var(--bs-body-bg);
    color: var(--bs-gray-700);
    font-weight: 600;
    margin: 0 !important;
    width: auto;
    padding: .85rem 2rem !important;
    transform: translateX(-50%) translateY(-50%)
}

.table-loading {
    position: relative
}

.table-loading .table-loading-message {
    display: block
}

.table.g-0 td,
.table.g-0 th {
    padding: 0
}

.table.g-0 td.dtr-control,
.table.g-0 th.dtr-control {
    padding-left: 0 !important
}

.table.gy-0 td,
.table.gy-0 th {
    padding-top: 0;
    padding-bottom: 0
}

.table.gx-0 td,
.table.gx-0 th {
    padding-left: 0;
    padding-right: 0
}

.table.gx-0 td.dtr-control,
.table.gx-0 th.dtr-control {
    padding-left: 0 !important
}

.table.gs-0 td:first-child,
.table.gs-0 th:first-child {
    padding-left: 0
}

.table.gs-0 td:last-child,
.table.gs-0 th:last-child {
    padding-right: 0
}

.table.gs-0 td.dtr-control:first-child,
.table.gs-0 th.dtr-control:first-child {
    padding-left: 0 !important
}

.table.g-1 td,
.table.g-1 th {
    padding: .25rem
}

.table.g-1 td.dtr-control,
.table.g-1 th.dtr-control {
    padding-left: .25rem !important
}

.table.gy-1 td,
.table.gy-1 th {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.table.gx-1 td,
.table.gx-1 th {
    padding-left: .25rem;
    padding-right: .25rem
}

.table.gx-1 td.dtr-control,
.table.gx-1 th.dtr-control {
    padding-left: .25rem !important
}

.table.gs-1 td:first-child,
.table.gs-1 th:first-child {
    padding-left: .25rem
}

.table.gs-1 td:last-child,
.table.gs-1 th:last-child {
    padding-right: .25rem
}

.table.gs-1 td.dtr-control:first-child,
.table.gs-1 th.dtr-control:first-child {
    padding-left: .25rem !important
}

.table.g-2 td,
.table.g-2 th {
    padding: .5rem
}

.table.g-2 td.dtr-control,
.table.g-2 th.dtr-control {
    padding-left: .5rem !important
}

.table.gy-2 td,
.table.gy-2 th {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.table.gx-2 td,
.table.gx-2 th {
    padding-left: .5rem;
    padding-right: .5rem
}

.table.gx-2 td.dtr-control,
.table.gx-2 th.dtr-control {
    padding-left: .5rem !important
}

.table.gs-2 td:first-child,
.table.gs-2 th:first-child {
    padding-left: .5rem
}

.table.gs-2 td:last-child,
.table.gs-2 th:last-child {
    padding-right: .5rem
}

.table.gs-2 td.dtr-control:first-child,
.table.gs-2 th.dtr-control:first-child {
    padding-left: .5rem !important
}

.table.g-3 td,
.table.g-3 th {
    padding: .75rem
}

.table.g-3 td.dtr-control,
.table.g-3 th.dtr-control {
    padding-left: .75rem !important
}

.table.gy-3 td,
.table.gy-3 th {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.table.gx-3 td,
.table.gx-3 th {
    padding-left: .75rem;
    padding-right: .75rem
}

.table.gx-3 td.dtr-control,
.table.gx-3 th.dtr-control {
    padding-left: .75rem !important
}

.table.gs-3 td:first-child,
.table.gs-3 th:first-child {
    padding-left: .75rem
}

.table.gs-3 td:last-child,
.table.gs-3 th:last-child {
    padding-right: .75rem
}

.table.gs-3 td.dtr-control:first-child,
.table.gs-3 th.dtr-control:first-child {
    padding-left: .75rem !important
}

.table.g-4 td,
.table.g-4 th {
    padding: 1rem
}

.table.g-4 td.dtr-control,
.table.g-4 th.dtr-control {
    padding-left: 1rem !important
}

.table.gy-4 td,
.table.gy-4 th {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.table.gx-4 td,
.table.gx-4 th {
    padding-left: 1rem;
    padding-right: 1rem
}

.table.gx-4 td.dtr-control,
.table.gx-4 th.dtr-control {
    padding-left: 1rem !important
}

.table.gs-4 td:first-child,
.table.gs-4 th:first-child {
    padding-left: 1rem
}

.table.gs-4 td:last-child,
.table.gs-4 th:last-child {
    padding-right: 1rem
}

.table.gs-4 td.dtr-control:first-child,
.table.gs-4 th.dtr-control:first-child {
    padding-left: 1rem !important
}

.table.g-5 td,
.table.g-5 th {
    padding: 1.25rem
}

.table.g-5 td.dtr-control,
.table.g-5 th.dtr-control {
    padding-left: 1.25rem !important
}

.table.gy-5 td,
.table.gy-5 th {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.table.gx-5 td,
.table.gx-5 th {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.table.gx-5 td.dtr-control,
.table.gx-5 th.dtr-control {
    padding-left: 1.25rem !important
}

.table.gs-5 td:first-child,
.table.gs-5 th:first-child {
    padding-left: 1.25rem
}

.table.gs-5 td:last-child,
.table.gs-5 th:last-child {
    padding-right: 1.25rem
}

.table.gs-5 td.dtr-control:first-child,
.table.gs-5 th.dtr-control:first-child {
    padding-left: 1.25rem !important
}

.table.g-6 td,
.table.g-6 th {
    padding: 1.5rem
}

.table.g-6 td.dtr-control,
.table.g-6 th.dtr-control {
    padding-left: 1.5rem !important
}

.table.gy-6 td,
.table.gy-6 th {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.table.gx-6 td,
.table.gx-6 th {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.table.gx-6 td.dtr-control,
.table.gx-6 th.dtr-control {
    padding-left: 1.5rem !important
}

.table.gs-6 td:first-child,
.table.gs-6 th:first-child {
    padding-left: 1.5rem
}

.table.gs-6 td:last-child,
.table.gs-6 th:last-child {
    padding-right: 1.5rem
}

.table.gs-6 td.dtr-control:first-child,
.table.gs-6 th.dtr-control:first-child {
    padding-left: 1.5rem !important
}

.table.g-7 td,
.table.g-7 th {
    padding: 1.75rem
}

.table.g-7 td.dtr-control,
.table.g-7 th.dtr-control {
    padding-left: 1.75rem !important
}

.table.gy-7 td,
.table.gy-7 th {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.table.gx-7 td,
.table.gx-7 th {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.table.gx-7 td.dtr-control,
.table.gx-7 th.dtr-control {
    padding-left: 1.75rem !important
}

.table.gs-7 td:first-child,
.table.gs-7 th:first-child {
    padding-left: 1.75rem
}

.table.gs-7 td:last-child,
.table.gs-7 th:last-child {
    padding-right: 1.75rem
}

.table.gs-7 td.dtr-control:first-child,
.table.gs-7 th.dtr-control:first-child {
    padding-left: 1.75rem !important
}

.table.g-8 td,
.table.g-8 th {
    padding: 2rem
}

.table.g-8 td.dtr-control,
.table.g-8 th.dtr-control {
    padding-left: 2rem !important
}

.table.gy-8 td,
.table.gy-8 th {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.table.gx-8 td,
.table.gx-8 th {
    padding-left: 2rem;
    padding-right: 2rem
}

.table.gx-8 td.dtr-control,
.table.gx-8 th.dtr-control {
    padding-left: 2rem !important
}

.table.gs-8 td:first-child,
.table.gs-8 th:first-child {
    padding-left: 2rem
}

.table.gs-8 td:last-child,
.table.gs-8 th:last-child {
    padding-right: 2rem
}

.table.gs-8 td.dtr-control:first-child,
.table.gs-8 th.dtr-control:first-child {
    padding-left: 2rem !important
}

.table.g-9 td,
.table.g-9 th {
    padding: 2.25rem
}

.table.g-9 td.dtr-control,
.table.g-9 th.dtr-control {
    padding-left: 2.25rem !important
}

.table.gy-9 td,
.table.gy-9 th {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.table.gx-9 td,
.table.gx-9 th {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.table.gx-9 td.dtr-control,
.table.gx-9 th.dtr-control {
    padding-left: 2.25rem !important
}

.table.gs-9 td:first-child,
.table.gs-9 th:first-child {
    padding-left: 2.25rem
}

.table.gs-9 td:last-child,
.table.gs-9 th:last-child {
    padding-right: 2.25rem
}

.table.gs-9 td.dtr-control:first-child,
.table.gs-9 th.dtr-control:first-child {
    padding-left: 2.25rem !important
}

.table.g-10 td,
.table.g-10 th {
    padding: 2.5rem
}

.table.g-10 td.dtr-control,
.table.g-10 th.dtr-control {
    padding-left: 2.5rem !important
}

.table.gy-10 td,
.table.gy-10 th {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.table.gx-10 td,
.table.gx-10 th {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.table.gx-10 td.dtr-control,
.table.gx-10 th.dtr-control {
    padding-left: 2.5rem !important
}

.table.gs-10 td:first-child,
.table.gs-10 th:first-child {
    padding-left: 2.5rem
}

.table.gs-10 td:last-child,
.table.gs-10 th:last-child {
    padding-right: 2.5rem
}

.table.gs-10 td.dtr-control:first-child,
.table.gs-10 th.dtr-control:first-child {
    padding-left: 2.5rem !important
}

@media (min-width:576px) {
    .table.g-sm-0 td,
    .table.g-sm-0 th {
        padding: 0
    }
    .table.g-sm-0 td.dtr-control,
    .table.g-sm-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gy-sm-0 td,
    .table.gy-sm-0 th {
        padding-top: 0;
        padding-bottom: 0
    }
    .table.gx-sm-0 td,
    .table.gx-sm-0 th {
        padding-left: 0;
        padding-right: 0
    }
    .table.gx-sm-0 td.dtr-control,
    .table.gx-sm-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gs-sm-0 td:first-child,
    .table.gs-sm-0 th:first-child {
        padding-left: 0
    }
    .table.gs-sm-0 td:last-child,
    .table.gs-sm-0 th:last-child {
        padding-right: 0
    }
    .table.gs-sm-0 td.dtr-control:first-child,
    .table.gs-sm-0 th.dtr-control:first-child {
        padding-left: 0 !important
    }
    .table.g-sm-1 td,
    .table.g-sm-1 th {
        padding: .25rem
    }
    .table.g-sm-1 td.dtr-control,
    .table.g-sm-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gy-sm-1 td,
    .table.gy-sm-1 th {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .table.gx-sm-1 td,
    .table.gx-sm-1 th {
        padding-left: .25rem;
        padding-right: .25rem
    }
    .table.gx-sm-1 td.dtr-control,
    .table.gx-sm-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gs-sm-1 td:first-child,
    .table.gs-sm-1 th:first-child {
        padding-left: .25rem
    }
    .table.gs-sm-1 td:last-child,
    .table.gs-sm-1 th:last-child {
        padding-right: .25rem
    }
    .table.gs-sm-1 td.dtr-control:first-child,
    .table.gs-sm-1 th.dtr-control:first-child {
        padding-left: .25rem !important
    }
    .table.g-sm-2 td,
    .table.g-sm-2 th {
        padding: .5rem
    }
    .table.g-sm-2 td.dtr-control,
    .table.g-sm-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gy-sm-2 td,
    .table.gy-sm-2 th {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .table.gx-sm-2 td,
    .table.gx-sm-2 th {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .table.gx-sm-2 td.dtr-control,
    .table.gx-sm-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gs-sm-2 td:first-child,
    .table.gs-sm-2 th:first-child {
        padding-left: .5rem
    }
    .table.gs-sm-2 td:last-child,
    .table.gs-sm-2 th:last-child {
        padding-right: .5rem
    }
    .table.gs-sm-2 td.dtr-control:first-child,
    .table.gs-sm-2 th.dtr-control:first-child {
        padding-left: .5rem !important
    }
    .table.g-sm-3 td,
    .table.g-sm-3 th {
        padding: .75rem
    }
    .table.g-sm-3 td.dtr-control,
    .table.g-sm-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gy-sm-3 td,
    .table.gy-sm-3 th {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .table.gx-sm-3 td,
    .table.gx-sm-3 th {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .table.gx-sm-3 td.dtr-control,
    .table.gx-sm-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gs-sm-3 td:first-child,
    .table.gs-sm-3 th:first-child {
        padding-left: .75rem
    }
    .table.gs-sm-3 td:last-child,
    .table.gs-sm-3 th:last-child {
        padding-right: .75rem
    }
    .table.gs-sm-3 td.dtr-control:first-child,
    .table.gs-sm-3 th.dtr-control:first-child {
        padding-left: .75rem !important
    }
    .table.g-sm-4 td,
    .table.g-sm-4 th {
        padding: 1rem
    }
    .table.g-sm-4 td.dtr-control,
    .table.g-sm-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gy-sm-4 td,
    .table.gy-sm-4 th {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .table.gx-sm-4 td,
    .table.gx-sm-4 th {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .table.gx-sm-4 td.dtr-control,
    .table.gx-sm-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gs-sm-4 td:first-child,
    .table.gs-sm-4 th:first-child {
        padding-left: 1rem
    }
    .table.gs-sm-4 td:last-child,
    .table.gs-sm-4 th:last-child {
        padding-right: 1rem
    }
    .table.gs-sm-4 td.dtr-control:first-child,
    .table.gs-sm-4 th.dtr-control:first-child {
        padding-left: 1rem !important
    }
    .table.g-sm-5 td,
    .table.g-sm-5 th {
        padding: 1.25rem
    }
    .table.g-sm-5 td.dtr-control,
    .table.g-sm-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gy-sm-5 td,
    .table.gy-sm-5 th {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .table.gx-sm-5 td,
    .table.gx-sm-5 th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .table.gx-sm-5 td.dtr-control,
    .table.gx-sm-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gs-sm-5 td:first-child,
    .table.gs-sm-5 th:first-child {
        padding-left: 1.25rem
    }
    .table.gs-sm-5 td:last-child,
    .table.gs-sm-5 th:last-child {
        padding-right: 1.25rem
    }
    .table.gs-sm-5 td.dtr-control:first-child,
    .table.gs-sm-5 th.dtr-control:first-child {
        padding-left: 1.25rem !important
    }
    .table.g-sm-6 td,
    .table.g-sm-6 th {
        padding: 1.5rem
    }
    .table.g-sm-6 td.dtr-control,
    .table.g-sm-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gy-sm-6 td,
    .table.gy-sm-6 th {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .table.gx-sm-6 td,
    .table.gx-sm-6 th {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .table.gx-sm-6 td.dtr-control,
    .table.gx-sm-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gs-sm-6 td:first-child,
    .table.gs-sm-6 th:first-child {
        padding-left: 1.5rem
    }
    .table.gs-sm-6 td:last-child,
    .table.gs-sm-6 th:last-child {
        padding-right: 1.5rem
    }
    .table.gs-sm-6 td.dtr-control:first-child,
    .table.gs-sm-6 th.dtr-control:first-child {
        padding-left: 1.5rem !important
    }
    .table.g-sm-7 td,
    .table.g-sm-7 th {
        padding: 1.75rem
    }
    .table.g-sm-7 td.dtr-control,
    .table.g-sm-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gy-sm-7 td,
    .table.gy-sm-7 th {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }
    .table.gx-sm-7 td,
    .table.gx-sm-7 th {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
    .table.gx-sm-7 td.dtr-control,
    .table.gx-sm-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gs-sm-7 td:first-child,
    .table.gs-sm-7 th:first-child {
        padding-left: 1.75rem
    }
    .table.gs-sm-7 td:last-child,
    .table.gs-sm-7 th:last-child {
        padding-right: 1.75rem
    }
    .table.gs-sm-7 td.dtr-control:first-child,
    .table.gs-sm-7 th.dtr-control:first-child {
        padding-left: 1.75rem !important
    }
    .table.g-sm-8 td,
    .table.g-sm-8 th {
        padding: 2rem
    }
    .table.g-sm-8 td.dtr-control,
    .table.g-sm-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gy-sm-8 td,
    .table.gy-sm-8 th {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .table.gx-sm-8 td,
    .table.gx-sm-8 th {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .table.gx-sm-8 td.dtr-control,
    .table.gx-sm-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gs-sm-8 td:first-child,
    .table.gs-sm-8 th:first-child {
        padding-left: 2rem
    }
    .table.gs-sm-8 td:last-child,
    .table.gs-sm-8 th:last-child {
        padding-right: 2rem
    }
    .table.gs-sm-8 td.dtr-control:first-child,
    .table.gs-sm-8 th.dtr-control:first-child {
        padding-left: 2rem !important
    }
    .table.g-sm-9 td,
    .table.g-sm-9 th {
        padding: 2.25rem
    }
    .table.g-sm-9 td.dtr-control,
    .table.g-sm-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gy-sm-9 td,
    .table.gy-sm-9 th {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }
    .table.gx-sm-9 td,
    .table.gx-sm-9 th {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
    .table.gx-sm-9 td.dtr-control,
    .table.gx-sm-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gs-sm-9 td:first-child,
    .table.gs-sm-9 th:first-child {
        padding-left: 2.25rem
    }
    .table.gs-sm-9 td:last-child,
    .table.gs-sm-9 th:last-child {
        padding-right: 2.25rem
    }
    .table.gs-sm-9 td.dtr-control:first-child,
    .table.gs-sm-9 th.dtr-control:first-child {
        padding-left: 2.25rem !important
    }
    .table.g-sm-10 td,
    .table.g-sm-10 th {
        padding: 2.5rem
    }
    .table.g-sm-10 td.dtr-control,
    .table.g-sm-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gy-sm-10 td,
    .table.gy-sm-10 th {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .table.gx-sm-10 td,
    .table.gx-sm-10 th {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .table.gx-sm-10 td.dtr-control,
    .table.gx-sm-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gs-sm-10 td:first-child,
    .table.gs-sm-10 th:first-child {
        padding-left: 2.5rem
    }
    .table.gs-sm-10 td:last-child,
    .table.gs-sm-10 th:last-child {
        padding-right: 2.5rem
    }
    .table.gs-sm-10 td.dtr-control:first-child,
    .table.gs-sm-10 th.dtr-control:first-child {
        padding-left: 2.5rem !important
    }
}

@media (min-width:768px) {
    .table.g-md-0 td,
    .table.g-md-0 th {
        padding: 0
    }
    .table.g-md-0 td.dtr-control,
    .table.g-md-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gy-md-0 td,
    .table.gy-md-0 th {
        padding-top: 0;
        padding-bottom: 0
    }
    .table.gx-md-0 td,
    .table.gx-md-0 th {
        padding-left: 0;
        padding-right: 0
    }
    .table.gx-md-0 td.dtr-control,
    .table.gx-md-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gs-md-0 td:first-child,
    .table.gs-md-0 th:first-child {
        padding-left: 0
    }
    .table.gs-md-0 td:last-child,
    .table.gs-md-0 th:last-child {
        padding-right: 0
    }
    .table.gs-md-0 td.dtr-control:first-child,
    .table.gs-md-0 th.dtr-control:first-child {
        padding-left: 0 !important
    }
    .table.g-md-1 td,
    .table.g-md-1 th {
        padding: .25rem
    }
    .table.g-md-1 td.dtr-control,
    .table.g-md-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gy-md-1 td,
    .table.gy-md-1 th {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .table.gx-md-1 td,
    .table.gx-md-1 th {
        padding-left: .25rem;
        padding-right: .25rem
    }
    .table.gx-md-1 td.dtr-control,
    .table.gx-md-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gs-md-1 td:first-child,
    .table.gs-md-1 th:first-child {
        padding-left: .25rem
    }
    .table.gs-md-1 td:last-child,
    .table.gs-md-1 th:last-child {
        padding-right: .25rem
    }
    .table.gs-md-1 td.dtr-control:first-child,
    .table.gs-md-1 th.dtr-control:first-child {
        padding-left: .25rem !important
    }
    .table.g-md-2 td,
    .table.g-md-2 th {
        padding: .5rem
    }
    .table.g-md-2 td.dtr-control,
    .table.g-md-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gy-md-2 td,
    .table.gy-md-2 th {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .table.gx-md-2 td,
    .table.gx-md-2 th {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .table.gx-md-2 td.dtr-control,
    .table.gx-md-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gs-md-2 td:first-child,
    .table.gs-md-2 th:first-child {
        padding-left: .5rem
    }
    .table.gs-md-2 td:last-child,
    .table.gs-md-2 th:last-child {
        padding-right: .5rem
    }
    .table.gs-md-2 td.dtr-control:first-child,
    .table.gs-md-2 th.dtr-control:first-child {
        padding-left: .5rem !important
    }
    .table.g-md-3 td,
    .table.g-md-3 th {
        padding: .75rem
    }
    .table.g-md-3 td.dtr-control,
    .table.g-md-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gy-md-3 td,
    .table.gy-md-3 th {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .table.gx-md-3 td,
    .table.gx-md-3 th {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .table.gx-md-3 td.dtr-control,
    .table.gx-md-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gs-md-3 td:first-child,
    .table.gs-md-3 th:first-child {
        padding-left: .75rem
    }
    .table.gs-md-3 td:last-child,
    .table.gs-md-3 th:last-child {
        padding-right: .75rem
    }
    .table.gs-md-3 td.dtr-control:first-child,
    .table.gs-md-3 th.dtr-control:first-child {
        padding-left: .75rem !important
    }
    .table.g-md-4 td,
    .table.g-md-4 th {
        padding: 1rem
    }
    .table.g-md-4 td.dtr-control,
    .table.g-md-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gy-md-4 td,
    .table.gy-md-4 th {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .table.gx-md-4 td,
    .table.gx-md-4 th {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .table.gx-md-4 td.dtr-control,
    .table.gx-md-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gs-md-4 td:first-child,
    .table.gs-md-4 th:first-child {
        padding-left: 1rem
    }
    .table.gs-md-4 td:last-child,
    .table.gs-md-4 th:last-child {
        padding-right: 1rem
    }
    .table.gs-md-4 td.dtr-control:first-child,
    .table.gs-md-4 th.dtr-control:first-child {
        padding-left: 1rem !important
    }
    .table.g-md-5 td,
    .table.g-md-5 th {
        padding: 1.25rem
    }
    .table.g-md-5 td.dtr-control,
    .table.g-md-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gy-md-5 td,
    .table.gy-md-5 th {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .table.gx-md-5 td,
    .table.gx-md-5 th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .table.gx-md-5 td.dtr-control,
    .table.gx-md-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gs-md-5 td:first-child,
    .table.gs-md-5 th:first-child {
        padding-left: 1.25rem
    }
    .table.gs-md-5 td:last-child,
    .table.gs-md-5 th:last-child {
        padding-right: 1.25rem
    }
    .table.gs-md-5 td.dtr-control:first-child,
    .table.gs-md-5 th.dtr-control:first-child {
        padding-left: 1.25rem !important
    }
    .table.g-md-6 td,
    .table.g-md-6 th {
        padding: 1.5rem
    }
    .table.g-md-6 td.dtr-control,
    .table.g-md-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gy-md-6 td,
    .table.gy-md-6 th {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .table.gx-md-6 td,
    .table.gx-md-6 th {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .table.gx-md-6 td.dtr-control,
    .table.gx-md-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gs-md-6 td:first-child,
    .table.gs-md-6 th:first-child {
        padding-left: 1.5rem
    }
    .table.gs-md-6 td:last-child,
    .table.gs-md-6 th:last-child {
        padding-right: 1.5rem
    }
    .table.gs-md-6 td.dtr-control:first-child,
    .table.gs-md-6 th.dtr-control:first-child {
        padding-left: 1.5rem !important
    }
    .table.g-md-7 td,
    .table.g-md-7 th {
        padding: 1.75rem
    }
    .table.g-md-7 td.dtr-control,
    .table.g-md-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gy-md-7 td,
    .table.gy-md-7 th {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }
    .table.gx-md-7 td,
    .table.gx-md-7 th {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
    .table.gx-md-7 td.dtr-control,
    .table.gx-md-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gs-md-7 td:first-child,
    .table.gs-md-7 th:first-child {
        padding-left: 1.75rem
    }
    .table.gs-md-7 td:last-child,
    .table.gs-md-7 th:last-child {
        padding-right: 1.75rem
    }
    .table.gs-md-7 td.dtr-control:first-child,
    .table.gs-md-7 th.dtr-control:first-child {
        padding-left: 1.75rem !important
    }
    .table.g-md-8 td,
    .table.g-md-8 th {
        padding: 2rem
    }
    .table.g-md-8 td.dtr-control,
    .table.g-md-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gy-md-8 td,
    .table.gy-md-8 th {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .table.gx-md-8 td,
    .table.gx-md-8 th {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .table.gx-md-8 td.dtr-control,
    .table.gx-md-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gs-md-8 td:first-child,
    .table.gs-md-8 th:first-child {
        padding-left: 2rem
    }
    .table.gs-md-8 td:last-child,
    .table.gs-md-8 th:last-child {
        padding-right: 2rem
    }
    .table.gs-md-8 td.dtr-control:first-child,
    .table.gs-md-8 th.dtr-control:first-child {
        padding-left: 2rem !important
    }
    .table.g-md-9 td,
    .table.g-md-9 th {
        padding: 2.25rem
    }
    .table.g-md-9 td.dtr-control,
    .table.g-md-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gy-md-9 td,
    .table.gy-md-9 th {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }
    .table.gx-md-9 td,
    .table.gx-md-9 th {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
    .table.gx-md-9 td.dtr-control,
    .table.gx-md-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gs-md-9 td:first-child,
    .table.gs-md-9 th:first-child {
        padding-left: 2.25rem
    }
    .table.gs-md-9 td:last-child,
    .table.gs-md-9 th:last-child {
        padding-right: 2.25rem
    }
    .table.gs-md-9 td.dtr-control:first-child,
    .table.gs-md-9 th.dtr-control:first-child {
        padding-left: 2.25rem !important
    }
    .table.g-md-10 td,
    .table.g-md-10 th {
        padding: 2.5rem
    }
    .table.g-md-10 td.dtr-control,
    .table.g-md-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gy-md-10 td,
    .table.gy-md-10 th {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .table.gx-md-10 td,
    .table.gx-md-10 th {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .table.gx-md-10 td.dtr-control,
    .table.gx-md-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gs-md-10 td:first-child,
    .table.gs-md-10 th:first-child {
        padding-left: 2.5rem
    }
    .table.gs-md-10 td:last-child,
    .table.gs-md-10 th:last-child {
        padding-right: 2.5rem
    }
    .table.gs-md-10 td.dtr-control:first-child,
    .table.gs-md-10 th.dtr-control:first-child {
        padding-left: 2.5rem !important
    }
}

@media (min-width:992px) {
    .table.g-lg-0 td,
    .table.g-lg-0 th {
        padding: 0
    }
    .table.g-lg-0 td.dtr-control,
    .table.g-lg-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gy-lg-0 td,
    .table.gy-lg-0 th {
        padding-top: 0;
        padding-bottom: 0
    }
    .table.gx-lg-0 td,
    .table.gx-lg-0 th {
        padding-left: 0;
        padding-right: 0
    }
    .table.gx-lg-0 td.dtr-control,
    .table.gx-lg-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gs-lg-0 td:first-child,
    .table.gs-lg-0 th:first-child {
        padding-left: 0
    }
    .table.gs-lg-0 td:last-child,
    .table.gs-lg-0 th:last-child {
        padding-right: 0
    }
    .table.gs-lg-0 td.dtr-control:first-child,
    .table.gs-lg-0 th.dtr-control:first-child {
        padding-left: 0 !important
    }
    .table.g-lg-1 td,
    .table.g-lg-1 th {
        padding: .25rem
    }
    .table.g-lg-1 td.dtr-control,
    .table.g-lg-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gy-lg-1 td,
    .table.gy-lg-1 th {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .table.gx-lg-1 td,
    .table.gx-lg-1 th {
        padding-left: .25rem;
        padding-right: .25rem
    }
    .table.gx-lg-1 td.dtr-control,
    .table.gx-lg-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gs-lg-1 td:first-child,
    .table.gs-lg-1 th:first-child {
        padding-left: .25rem
    }
    .table.gs-lg-1 td:last-child,
    .table.gs-lg-1 th:last-child {
        padding-right: .25rem
    }
    .table.gs-lg-1 td.dtr-control:first-child,
    .table.gs-lg-1 th.dtr-control:first-child {
        padding-left: .25rem !important
    }
    .table.g-lg-2 td,
    .table.g-lg-2 th {
        padding: .5rem
    }
    .table.g-lg-2 td.dtr-control,
    .table.g-lg-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gy-lg-2 td,
    .table.gy-lg-2 th {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .table.gx-lg-2 td,
    .table.gx-lg-2 th {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .table.gx-lg-2 td.dtr-control,
    .table.gx-lg-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gs-lg-2 td:first-child,
    .table.gs-lg-2 th:first-child {
        padding-left: .5rem
    }
    .table.gs-lg-2 td:last-child,
    .table.gs-lg-2 th:last-child {
        padding-right: .5rem
    }
    .table.gs-lg-2 td.dtr-control:first-child,
    .table.gs-lg-2 th.dtr-control:first-child {
        padding-left: .5rem !important
    }
    .table.g-lg-3 td,
    .table.g-lg-3 th {
        padding: .75rem
    }
    .table.g-lg-3 td.dtr-control,
    .table.g-lg-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gy-lg-3 td,
    .table.gy-lg-3 th {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .table.gx-lg-3 td,
    .table.gx-lg-3 th {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .table.gx-lg-3 td.dtr-control,
    .table.gx-lg-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gs-lg-3 td:first-child,
    .table.gs-lg-3 th:first-child {
        padding-left: .75rem
    }
    .table.gs-lg-3 td:last-child,
    .table.gs-lg-3 th:last-child {
        padding-right: .75rem
    }
    .table.gs-lg-3 td.dtr-control:first-child,
    .table.gs-lg-3 th.dtr-control:first-child {
        padding-left: .75rem !important
    }
    .table.g-lg-4 td,
    .table.g-lg-4 th {
        padding: 1rem
    }
    .table.g-lg-4 td.dtr-control,
    .table.g-lg-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gy-lg-4 td,
    .table.gy-lg-4 th {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .table.gx-lg-4 td,
    .table.gx-lg-4 th {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .table.gx-lg-4 td.dtr-control,
    .table.gx-lg-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gs-lg-4 td:first-child,
    .table.gs-lg-4 th:first-child {
        padding-left: 1rem
    }
    .table.gs-lg-4 td:last-child,
    .table.gs-lg-4 th:last-child {
        padding-right: 1rem
    }
    .table.gs-lg-4 td.dtr-control:first-child,
    .table.gs-lg-4 th.dtr-control:first-child {
        padding-left: 1rem !important
    }
    .table.g-lg-5 td,
    .table.g-lg-5 th {
        padding: 1.25rem
    }
    .table.g-lg-5 td.dtr-control,
    .table.g-lg-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gy-lg-5 td,
    .table.gy-lg-5 th {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .table.gx-lg-5 td,
    .table.gx-lg-5 th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .table.gx-lg-5 td.dtr-control,
    .table.gx-lg-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gs-lg-5 td:first-child,
    .table.gs-lg-5 th:first-child {
        padding-left: 1.25rem
    }
    .table.gs-lg-5 td:last-child,
    .table.gs-lg-5 th:last-child {
        padding-right: 1.25rem
    }
    .table.gs-lg-5 td.dtr-control:first-child,
    .table.gs-lg-5 th.dtr-control:first-child {
        padding-left: 1.25rem !important
    }
    .table.g-lg-6 td,
    .table.g-lg-6 th {
        padding: 1.5rem
    }
    .table.g-lg-6 td.dtr-control,
    .table.g-lg-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gy-lg-6 td,
    .table.gy-lg-6 th {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .table.gx-lg-6 td,
    .table.gx-lg-6 th {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .table.gx-lg-6 td.dtr-control,
    .table.gx-lg-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gs-lg-6 td:first-child,
    .table.gs-lg-6 th:first-child {
        padding-left: 1.5rem
    }
    .table.gs-lg-6 td:last-child,
    .table.gs-lg-6 th:last-child {
        padding-right: 1.5rem
    }
    .table.gs-lg-6 td.dtr-control:first-child,
    .table.gs-lg-6 th.dtr-control:first-child {
        padding-left: 1.5rem !important
    }
    .table.g-lg-7 td,
    .table.g-lg-7 th {
        padding: 1.75rem
    }
    .table.g-lg-7 td.dtr-control,
    .table.g-lg-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gy-lg-7 td,
    .table.gy-lg-7 th {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }
    .table.gx-lg-7 td,
    .table.gx-lg-7 th {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
    .table.gx-lg-7 td.dtr-control,
    .table.gx-lg-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gs-lg-7 td:first-child,
    .table.gs-lg-7 th:first-child {
        padding-left: 1.75rem
    }
    .table.gs-lg-7 td:last-child,
    .table.gs-lg-7 th:last-child {
        padding-right: 1.75rem
    }
    .table.gs-lg-7 td.dtr-control:first-child,
    .table.gs-lg-7 th.dtr-control:first-child {
        padding-left: 1.75rem !important
    }
    .table.g-lg-8 td,
    .table.g-lg-8 th {
        padding: 2rem
    }
    .table.g-lg-8 td.dtr-control,
    .table.g-lg-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gy-lg-8 td,
    .table.gy-lg-8 th {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .table.gx-lg-8 td,
    .table.gx-lg-8 th {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .table.gx-lg-8 td.dtr-control,
    .table.gx-lg-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gs-lg-8 td:first-child,
    .table.gs-lg-8 th:first-child {
        padding-left: 2rem
    }
    .table.gs-lg-8 td:last-child,
    .table.gs-lg-8 th:last-child {
        padding-right: 2rem
    }
    .table.gs-lg-8 td.dtr-control:first-child,
    .table.gs-lg-8 th.dtr-control:first-child {
        padding-left: 2rem !important
    }
    .table.g-lg-9 td,
    .table.g-lg-9 th {
        padding: 2.25rem
    }
    .table.g-lg-9 td.dtr-control,
    .table.g-lg-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gy-lg-9 td,
    .table.gy-lg-9 th {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }
    .table.gx-lg-9 td,
    .table.gx-lg-9 th {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
    .table.gx-lg-9 td.dtr-control,
    .table.gx-lg-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gs-lg-9 td:first-child,
    .table.gs-lg-9 th:first-child {
        padding-left: 2.25rem
    }
    .table.gs-lg-9 td:last-child,
    .table.gs-lg-9 th:last-child {
        padding-right: 2.25rem
    }
    .table.gs-lg-9 td.dtr-control:first-child,
    .table.gs-lg-9 th.dtr-control:first-child {
        padding-left: 2.25rem !important
    }
    .table.g-lg-10 td,
    .table.g-lg-10 th {
        padding: 2.5rem
    }
    .table.g-lg-10 td.dtr-control,
    .table.g-lg-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gy-lg-10 td,
    .table.gy-lg-10 th {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .table.gx-lg-10 td,
    .table.gx-lg-10 th {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .table.gx-lg-10 td.dtr-control,
    .table.gx-lg-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gs-lg-10 td:first-child,
    .table.gs-lg-10 th:first-child {
        padding-left: 2.5rem
    }
    .table.gs-lg-10 td:last-child,
    .table.gs-lg-10 th:last-child {
        padding-right: 2.5rem
    }
    .table.gs-lg-10 td.dtr-control:first-child,
    .table.gs-lg-10 th.dtr-control:first-child {
        padding-left: 2.5rem !important
    }
}

@media (min-width:1200px) {
    .table.g-xl-0 td,
    .table.g-xl-0 th {
        padding: 0
    }
    .table.g-xl-0 td.dtr-control,
    .table.g-xl-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gy-xl-0 td,
    .table.gy-xl-0 th {
        padding-top: 0;
        padding-bottom: 0
    }
    .table.gx-xl-0 td,
    .table.gx-xl-0 th {
        padding-left: 0;
        padding-right: 0
    }
    .table.gx-xl-0 td.dtr-control,
    .table.gx-xl-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gs-xl-0 td:first-child,
    .table.gs-xl-0 th:first-child {
        padding-left: 0
    }
    .table.gs-xl-0 td:last-child,
    .table.gs-xl-0 th:last-child {
        padding-right: 0
    }
    .table.gs-xl-0 td.dtr-control:first-child,
    .table.gs-xl-0 th.dtr-control:first-child {
        padding-left: 0 !important
    }
    .table.g-xl-1 td,
    .table.g-xl-1 th {
        padding: .25rem
    }
    .table.g-xl-1 td.dtr-control,
    .table.g-xl-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gy-xl-1 td,
    .table.gy-xl-1 th {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .table.gx-xl-1 td,
    .table.gx-xl-1 th {
        padding-left: .25rem;
        padding-right: .25rem
    }
    .table.gx-xl-1 td.dtr-control,
    .table.gx-xl-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gs-xl-1 td:first-child,
    .table.gs-xl-1 th:first-child {
        padding-left: .25rem
    }
    .table.gs-xl-1 td:last-child,
    .table.gs-xl-1 th:last-child {
        padding-right: .25rem
    }
    .table.gs-xl-1 td.dtr-control:first-child,
    .table.gs-xl-1 th.dtr-control:first-child {
        padding-left: .25rem !important
    }
    .table.g-xl-2 td,
    .table.g-xl-2 th {
        padding: .5rem
    }
    .table.g-xl-2 td.dtr-control,
    .table.g-xl-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gy-xl-2 td,
    .table.gy-xl-2 th {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .table.gx-xl-2 td,
    .table.gx-xl-2 th {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .table.gx-xl-2 td.dtr-control,
    .table.gx-xl-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gs-xl-2 td:first-child,
    .table.gs-xl-2 th:first-child {
        padding-left: .5rem
    }
    .table.gs-xl-2 td:last-child,
    .table.gs-xl-2 th:last-child {
        padding-right: .5rem
    }
    .table.gs-xl-2 td.dtr-control:first-child,
    .table.gs-xl-2 th.dtr-control:first-child {
        padding-left: .5rem !important
    }
    .table.g-xl-3 td,
    .table.g-xl-3 th {
        padding: .75rem
    }
    .table.g-xl-3 td.dtr-control,
    .table.g-xl-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gy-xl-3 td,
    .table.gy-xl-3 th {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .table.gx-xl-3 td,
    .table.gx-xl-3 th {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .table.gx-xl-3 td.dtr-control,
    .table.gx-xl-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gs-xl-3 td:first-child,
    .table.gs-xl-3 th:first-child {
        padding-left: .75rem
    }
    .table.gs-xl-3 td:last-child,
    .table.gs-xl-3 th:last-child {
        padding-right: .75rem
    }
    .table.gs-xl-3 td.dtr-control:first-child,
    .table.gs-xl-3 th.dtr-control:first-child {
        padding-left: .75rem !important
    }
    .table.g-xl-4 td,
    .table.g-xl-4 th {
        padding: 1rem
    }
    .table.g-xl-4 td.dtr-control,
    .table.g-xl-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gy-xl-4 td,
    .table.gy-xl-4 th {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .table.gx-xl-4 td,
    .table.gx-xl-4 th {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .table.gx-xl-4 td.dtr-control,
    .table.gx-xl-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gs-xl-4 td:first-child,
    .table.gs-xl-4 th:first-child {
        padding-left: 1rem
    }
    .table.gs-xl-4 td:last-child,
    .table.gs-xl-4 th:last-child {
        padding-right: 1rem
    }
    .table.gs-xl-4 td.dtr-control:first-child,
    .table.gs-xl-4 th.dtr-control:first-child {
        padding-left: 1rem !important
    }
    .table.g-xl-5 td,
    .table.g-xl-5 th {
        padding: 1.25rem
    }
    .table.g-xl-5 td.dtr-control,
    .table.g-xl-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gy-xl-5 td,
    .table.gy-xl-5 th {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .table.gx-xl-5 td,
    .table.gx-xl-5 th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .table.gx-xl-5 td.dtr-control,
    .table.gx-xl-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gs-xl-5 td:first-child,
    .table.gs-xl-5 th:first-child {
        padding-left: 1.25rem
    }
    .table.gs-xl-5 td:last-child,
    .table.gs-xl-5 th:last-child {
        padding-right: 1.25rem
    }
    .table.gs-xl-5 td.dtr-control:first-child,
    .table.gs-xl-5 th.dtr-control:first-child {
        padding-left: 1.25rem !important
    }
    .table.g-xl-6 td,
    .table.g-xl-6 th {
        padding: 1.5rem
    }
    .table.g-xl-6 td.dtr-control,
    .table.g-xl-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gy-xl-6 td,
    .table.gy-xl-6 th {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .table.gx-xl-6 td,
    .table.gx-xl-6 th {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .table.gx-xl-6 td.dtr-control,
    .table.gx-xl-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gs-xl-6 td:first-child,
    .table.gs-xl-6 th:first-child {
        padding-left: 1.5rem
    }
    .table.gs-xl-6 td:last-child,
    .table.gs-xl-6 th:last-child {
        padding-right: 1.5rem
    }
    .table.gs-xl-6 td.dtr-control:first-child,
    .table.gs-xl-6 th.dtr-control:first-child {
        padding-left: 1.5rem !important
    }
    .table.g-xl-7 td,
    .table.g-xl-7 th {
        padding: 1.75rem
    }
    .table.g-xl-7 td.dtr-control,
    .table.g-xl-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gy-xl-7 td,
    .table.gy-xl-7 th {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }
    .table.gx-xl-7 td,
    .table.gx-xl-7 th {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
    .table.gx-xl-7 td.dtr-control,
    .table.gx-xl-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gs-xl-7 td:first-child,
    .table.gs-xl-7 th:first-child {
        padding-left: 1.75rem
    }
    .table.gs-xl-7 td:last-child,
    .table.gs-xl-7 th:last-child {
        padding-right: 1.75rem
    }
    .table.gs-xl-7 td.dtr-control:first-child,
    .table.gs-xl-7 th.dtr-control:first-child {
        padding-left: 1.75rem !important
    }
    .table.g-xl-8 td,
    .table.g-xl-8 th {
        padding: 2rem
    }
    .table.g-xl-8 td.dtr-control,
    .table.g-xl-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gy-xl-8 td,
    .table.gy-xl-8 th {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .table.gx-xl-8 td,
    .table.gx-xl-8 th {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .table.gx-xl-8 td.dtr-control,
    .table.gx-xl-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gs-xl-8 td:first-child,
    .table.gs-xl-8 th:first-child {
        padding-left: 2rem
    }
    .table.gs-xl-8 td:last-child,
    .table.gs-xl-8 th:last-child {
        padding-right: 2rem
    }
    .table.gs-xl-8 td.dtr-control:first-child,
    .table.gs-xl-8 th.dtr-control:first-child {
        padding-left: 2rem !important
    }
    .table.g-xl-9 td,
    .table.g-xl-9 th {
        padding: 2.25rem
    }
    .table.g-xl-9 td.dtr-control,
    .table.g-xl-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gy-xl-9 td,
    .table.gy-xl-9 th {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }
    .table.gx-xl-9 td,
    .table.gx-xl-9 th {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
    .table.gx-xl-9 td.dtr-control,
    .table.gx-xl-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gs-xl-9 td:first-child,
    .table.gs-xl-9 th:first-child {
        padding-left: 2.25rem
    }
    .table.gs-xl-9 td:last-child,
    .table.gs-xl-9 th:last-child {
        padding-right: 2.25rem
    }
    .table.gs-xl-9 td.dtr-control:first-child,
    .table.gs-xl-9 th.dtr-control:first-child {
        padding-left: 2.25rem !important
    }
    .table.g-xl-10 td,
    .table.g-xl-10 th {
        padding: 2.5rem
    }
    .table.g-xl-10 td.dtr-control,
    .table.g-xl-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gy-xl-10 td,
    .table.gy-xl-10 th {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .table.gx-xl-10 td,
    .table.gx-xl-10 th {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .table.gx-xl-10 td.dtr-control,
    .table.gx-xl-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gs-xl-10 td:first-child,
    .table.gs-xl-10 th:first-child {
        padding-left: 2.5rem
    }
    .table.gs-xl-10 td:last-child,
    .table.gs-xl-10 th:last-child {
        padding-right: 2.5rem
    }
    .table.gs-xl-10 td.dtr-control:first-child,
    .table.gs-xl-10 th.dtr-control:first-child {
        padding-left: 2.5rem !important
    }
}

@media (min-width:1400px) {
    .table.g-xxl-0 td,
    .table.g-xxl-0 th {
        padding: 0
    }
    .table.g-xxl-0 td.dtr-control,
    .table.g-xxl-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gy-xxl-0 td,
    .table.gy-xxl-0 th {
        padding-top: 0;
        padding-bottom: 0
    }
    .table.gx-xxl-0 td,
    .table.gx-xxl-0 th {
        padding-left: 0;
        padding-right: 0
    }
    .table.gx-xxl-0 td.dtr-control,
    .table.gx-xxl-0 th.dtr-control {
        padding-left: 0 !important
    }
    .table.gs-xxl-0 td:first-child,
    .table.gs-xxl-0 th:first-child {
        padding-left: 0
    }
    .table.gs-xxl-0 td:last-child,
    .table.gs-xxl-0 th:last-child {
        padding-right: 0
    }
    .table.gs-xxl-0 td.dtr-control:first-child,
    .table.gs-xxl-0 th.dtr-control:first-child {
        padding-left: 0 !important
    }
    .table.g-xxl-1 td,
    .table.g-xxl-1 th {
        padding: .25rem
    }
    .table.g-xxl-1 td.dtr-control,
    .table.g-xxl-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gy-xxl-1 td,
    .table.gy-xxl-1 th {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .table.gx-xxl-1 td,
    .table.gx-xxl-1 th {
        padding-left: .25rem;
        padding-right: .25rem
    }
    .table.gx-xxl-1 td.dtr-control,
    .table.gx-xxl-1 th.dtr-control {
        padding-left: .25rem !important
    }
    .table.gs-xxl-1 td:first-child,
    .table.gs-xxl-1 th:first-child {
        padding-left: .25rem
    }
    .table.gs-xxl-1 td:last-child,
    .table.gs-xxl-1 th:last-child {
        padding-right: .25rem
    }
    .table.gs-xxl-1 td.dtr-control:first-child,
    .table.gs-xxl-1 th.dtr-control:first-child {
        padding-left: .25rem !important
    }
    .table.g-xxl-2 td,
    .table.g-xxl-2 th {
        padding: .5rem
    }
    .table.g-xxl-2 td.dtr-control,
    .table.g-xxl-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gy-xxl-2 td,
    .table.gy-xxl-2 th {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .table.gx-xxl-2 td,
    .table.gx-xxl-2 th {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .table.gx-xxl-2 td.dtr-control,
    .table.gx-xxl-2 th.dtr-control {
        padding-left: .5rem !important
    }
    .table.gs-xxl-2 td:first-child,
    .table.gs-xxl-2 th:first-child {
        padding-left: .5rem
    }
    .table.gs-xxl-2 td:last-child,
    .table.gs-xxl-2 th:last-child {
        padding-right: .5rem
    }
    .table.gs-xxl-2 td.dtr-control:first-child,
    .table.gs-xxl-2 th.dtr-control:first-child {
        padding-left: .5rem !important
    }
    .table.g-xxl-3 td,
    .table.g-xxl-3 th {
        padding: .75rem
    }
    .table.g-xxl-3 td.dtr-control,
    .table.g-xxl-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gy-xxl-3 td,
    .table.gy-xxl-3 th {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .table.gx-xxl-3 td,
    .table.gx-xxl-3 th {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .table.gx-xxl-3 td.dtr-control,
    .table.gx-xxl-3 th.dtr-control {
        padding-left: .75rem !important
    }
    .table.gs-xxl-3 td:first-child,
    .table.gs-xxl-3 th:first-child {
        padding-left: .75rem
    }
    .table.gs-xxl-3 td:last-child,
    .table.gs-xxl-3 th:last-child {
        padding-right: .75rem
    }
    .table.gs-xxl-3 td.dtr-control:first-child,
    .table.gs-xxl-3 th.dtr-control:first-child {
        padding-left: .75rem !important
    }
    .table.g-xxl-4 td,
    .table.g-xxl-4 th {
        padding: 1rem
    }
    .table.g-xxl-4 td.dtr-control,
    .table.g-xxl-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gy-xxl-4 td,
    .table.gy-xxl-4 th {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .table.gx-xxl-4 td,
    .table.gx-xxl-4 th {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .table.gx-xxl-4 td.dtr-control,
    .table.gx-xxl-4 th.dtr-control {
        padding-left: 1rem !important
    }
    .table.gs-xxl-4 td:first-child,
    .table.gs-xxl-4 th:first-child {
        padding-left: 1rem
    }
    .table.gs-xxl-4 td:last-child,
    .table.gs-xxl-4 th:last-child {
        padding-right: 1rem
    }
    .table.gs-xxl-4 td.dtr-control:first-child,
    .table.gs-xxl-4 th.dtr-control:first-child {
        padding-left: 1rem !important
    }
    .table.g-xxl-5 td,
    .table.g-xxl-5 th {
        padding: 1.25rem
    }
    .table.g-xxl-5 td.dtr-control,
    .table.g-xxl-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gy-xxl-5 td,
    .table.gy-xxl-5 th {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .table.gx-xxl-5 td,
    .table.gx-xxl-5 th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .table.gx-xxl-5 td.dtr-control,
    .table.gx-xxl-5 th.dtr-control {
        padding-left: 1.25rem !important
    }
    .table.gs-xxl-5 td:first-child,
    .table.gs-xxl-5 th:first-child {
        padding-left: 1.25rem
    }
    .table.gs-xxl-5 td:last-child,
    .table.gs-xxl-5 th:last-child {
        padding-right: 1.25rem
    }
    .table.gs-xxl-5 td.dtr-control:first-child,
    .table.gs-xxl-5 th.dtr-control:first-child {
        padding-left: 1.25rem !important
    }
    .table.g-xxl-6 td,
    .table.g-xxl-6 th {
        padding: 1.5rem
    }
    .table.g-xxl-6 td.dtr-control,
    .table.g-xxl-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gy-xxl-6 td,
    .table.gy-xxl-6 th {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .table.gx-xxl-6 td,
    .table.gx-xxl-6 th {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .table.gx-xxl-6 td.dtr-control,
    .table.gx-xxl-6 th.dtr-control {
        padding-left: 1.5rem !important
    }
    .table.gs-xxl-6 td:first-child,
    .table.gs-xxl-6 th:first-child {
        padding-left: 1.5rem
    }
    .table.gs-xxl-6 td:last-child,
    .table.gs-xxl-6 th:last-child {
        padding-right: 1.5rem
    }
    .table.gs-xxl-6 td.dtr-control:first-child,
    .table.gs-xxl-6 th.dtr-control:first-child {
        padding-left: 1.5rem !important
    }
    .table.g-xxl-7 td,
    .table.g-xxl-7 th {
        padding: 1.75rem
    }
    .table.g-xxl-7 td.dtr-control,
    .table.g-xxl-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gy-xxl-7 td,
    .table.gy-xxl-7 th {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }
    .table.gx-xxl-7 td,
    .table.gx-xxl-7 th {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
    .table.gx-xxl-7 td.dtr-control,
    .table.gx-xxl-7 th.dtr-control {
        padding-left: 1.75rem !important
    }
    .table.gs-xxl-7 td:first-child,
    .table.gs-xxl-7 th:first-child {
        padding-left: 1.75rem
    }
    .table.gs-xxl-7 td:last-child,
    .table.gs-xxl-7 th:last-child {
        padding-right: 1.75rem
    }
    .table.gs-xxl-7 td.dtr-control:first-child,
    .table.gs-xxl-7 th.dtr-control:first-child {
        padding-left: 1.75rem !important
    }
    .table.g-xxl-8 td,
    .table.g-xxl-8 th {
        padding: 2rem
    }
    .table.g-xxl-8 td.dtr-control,
    .table.g-xxl-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gy-xxl-8 td,
    .table.gy-xxl-8 th {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .table.gx-xxl-8 td,
    .table.gx-xxl-8 th {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .table.gx-xxl-8 td.dtr-control,
    .table.gx-xxl-8 th.dtr-control {
        padding-left: 2rem !important
    }
    .table.gs-xxl-8 td:first-child,
    .table.gs-xxl-8 th:first-child {
        padding-left: 2rem
    }
    .table.gs-xxl-8 td:last-child,
    .table.gs-xxl-8 th:last-child {
        padding-right: 2rem
    }
    .table.gs-xxl-8 td.dtr-control:first-child,
    .table.gs-xxl-8 th.dtr-control:first-child {
        padding-left: 2rem !important
    }
    .table.g-xxl-9 td,
    .table.g-xxl-9 th {
        padding: 2.25rem
    }
    .table.g-xxl-9 td.dtr-control,
    .table.g-xxl-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gy-xxl-9 td,
    .table.gy-xxl-9 th {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }
    .table.gx-xxl-9 td,
    .table.gx-xxl-9 th {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
    .table.gx-xxl-9 td.dtr-control,
    .table.gx-xxl-9 th.dtr-control {
        padding-left: 2.25rem !important
    }
    .table.gs-xxl-9 td:first-child,
    .table.gs-xxl-9 th:first-child {
        padding-left: 2.25rem
    }
    .table.gs-xxl-9 td:last-child,
    .table.gs-xxl-9 th:last-child {
        padding-right: 2.25rem
    }
    .table.gs-xxl-9 td.dtr-control:first-child,
    .table.gs-xxl-9 th.dtr-control:first-child {
        padding-left: 2.25rem !important
    }
    .table.g-xxl-10 td,
    .table.g-xxl-10 th {
        padding: 2.5rem
    }
    .table.g-xxl-10 td.dtr-control,
    .table.g-xxl-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gy-xxl-10 td,
    .table.gy-xxl-10 th {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .table.gx-xxl-10 td,
    .table.gx-xxl-10 th {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .table.gx-xxl-10 td.dtr-control,
    .table.gx-xxl-10 th.dtr-control {
        padding-left: 2.5rem !important
    }
    .table.gs-xxl-10 td:first-child,
    .table.gs-xxl-10 th:first-child {
        padding-left: 2.5rem
    }
    .table.gs-xxl-10 td:last-child,
    .table.gs-xxl-10 th:last-child {
        padding-right: 2.5rem
    }
    .table.gs-xxl-10 td.dtr-control:first-child,
    .table.gs-xxl-10 th.dtr-control:first-child {
        padding-left: 2.5rem !important
    }
}

.popover {
    --bs-popover-header-border-color: #F1F1F2
}

.popover .popover-header {
    font-size: 1rem;
    font-weight: 500;
    border-bottom: 1px solid var(--bs-popover-header-border-color)
}

.popover .popover-dismiss {
    position: absolute;
    top: .85rem;
    right: .85rem;
    height: 1.25rem;
    width: 1.25rem;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-500);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-500%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-500%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    mask-size: 50%;
    -webkit-mask-size: 50%
}

.popover .popover-dismiss:hover {
    background-color: var(--bs-primary)
}

.popover .popover-dismiss+.popover-header {
    padding-right: 2.5rem
}

.popover-inverse {
    --bs-popover-bg: var(--bs-gray-900);
    --bs-popover-border-color: var(--bs-gray-900);
    --bs-popover-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-popover-header-color: var(--bs-gray-200);
    --bs-popover-header-bg: var(--bs-gray-900);
    --bs-popover-body-color: var(--bs-gray-400);
    --bs-popover-arrow-border: transparent;
    --bs-popover-header-border-color: var(--bs-gray-800)
}

[data-bs-theme=dark] .popover:not(.popover-inverse) {
    --bs-popover-bg: #2B2B40;
    --bs-popover-border-color: #2B2B40;
    --bs-popover-header-bg: #2B2B40;
    --bs-popover-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-popover-header-border-color: #323248
}

.tooltip .tooltip-inner {
    box-shadow: var(--bs-tooltip-box-shadow)
}

.tooltip.tooltop-auto-width .tooltip-inner {
    white-space: nowrap;
    max-width: none
}

.tooltip.tooltip-inverse {
    --bs-tooltip-color: var(--bs-dark-inverse);
    --bs-tooltip-bg: var(--bs-dark)
}

[data-bs-theme=dark] .tooltip:not(.tooltip-inverse) {
    --bs-tooltip-bg: #2B2B40;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15)
}

.accordion .accordion-header {
    cursor: pointer
}

.accordion.accordion-icon-toggle .accordion-icon {
    display: flex;
    flex-shrink: 0;
    transition: all .2s ease-in-out;
    transform: rotate(90deg);
    align-items: center;
    justify-content: center
}

.accordion.accordion-icon-toggle .accordion-icon .svg-icon,
.accordion.accordion-icon-toggle .accordion-icon i {
    color: var(--bs-primary)
}

.accordion.accordion-icon-toggle .collapsed .accordion-icon {
    transition: all .2s ease-in-out;
    transform: rotate(0)
}

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

.accordion.accordion-icon-collapse .accordion-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in-out
}

.accordion.accordion-icon-collapse .accordion-icon .accordion-icon-on {
    display: inline-flex
}

.accordion.accordion-icon-collapse .accordion-icon .accordion-icon-off {
    display: none
}

.accordion.accordion-icon-collapse .accordion-icon .svg-icon,
.accordion.accordion-icon-collapse .accordion-icon i {
    color: var(--bs-primary)
}

.accordion.accordion-icon-collapse .collapsed .accordion-icon {
    transition: all .2s ease-in-out
}

.accordion.accordion-icon-collapse .collapsed .accordion-icon .accordion-icon-on {
    display: none
}

.accordion.accordion-icon-collapse .collapsed .accordion-icon .accordion-icon-off {
    display: inline-flex
}

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

.accordion.accordion-borderless .accordion-item {
    border: 0
}

.accordion.accordion-flush .accordion-item {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.image-input {
    position: relative;
    display: inline-block;
    border-radius: .475rem;
    background-repeat: no-repeat;
    background-size: cover
}

.image-input:not(.image-input-empty) {
    background-image: none !important
}

.image-input .image-input-wrapper {
    width: 120px;
    height: 120px;
    border-radius: .475rem;
    background-repeat: no-repeat;
    background-size: cover
}

.image-input [data-kt-image-input-action] {
    cursor: pointer;
    position: absolute;
    transform: translate(-50%, -50%)
}

.image-input [data-kt-image-input-action=change] {
    left: 100%;
    top: 0
}

.image-input [data-kt-image-input-action=change] input {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
    opacity: 0
}

.image-input [data-kt-image-input-action=cancel],
.image-input [data-kt-image-input-action=remove] {
    position: absolute;
    left: 100%;
    top: 100%
}

.image-input [data-kt-image-input-action=cancel] {
    display: none
}

.image-input.image-input-changed [data-kt-image-input-action=cancel] {
    display: flex
}

.image-input.image-input-changed [data-kt-image-input-action=remove] {
    display: none
}

.image-input.image-input-empty [data-kt-image-input-action=cancel],
.image-input.image-input-empty [data-kt-image-input-action=remove] {
    display: none
}

.image-input.image-input-circle {
    border-radius: 50%
}

.image-input.image-input-circle .image-input-wrapper {
    border-radius: 50%
}

.image-input.image-input-circle [data-kt-image-input-action=change] {
    left: 100%;
    top: 0;
    transform: translate(-100%, 0)
}

.image-input.image-input-circle [data-kt-image-input-action=cancel],
.image-input.image-input-circle [data-kt-image-input-action=remove] {
    left: 100%;
    top: 100%;
    transform: translate(-100%, -100%)
}

.image-input.image-input-outline .image-input-wrapper {
    border: 3px solid var(--bs-body-bg);
    box-shadow: var(--bs-box-shadow)
}

.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: .475rem
}

.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--bs-symbol-label-color);
    background-color: var(--bs-symbol-label-bg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: .475rem
}

.symbol .symbol-label:after {
    border-radius: .475rem
}

.symbol .symbol-badge {
    position: absolute;
    border-radius: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important
}

.symbol>img {
    width: 100%;
    flex-shrink: 0;
    display: inline-block;
    border-radius: .475rem
}

.symbol.symbol-square,
.symbol.symbol-square .symbol-label,
.symbol.symbol-square>img {
    border-radius: 0 !important
}

.symbol.symbol-circle,
.symbol.symbol-circle .symbol-label,
.symbol.symbol-circle>img {
    border-radius: 50%
}

.symbol.symbol-circle .symbol-label:after,
.symbol.symbol-circle:after,
.symbol.symbol-circle>img:after {
    border-radius: 50%
}

.symbol>img {
    width: 50px;
    height: 50px
}

.symbol .symbol-label {
    width: 50px;
    height: 50px
}

.symbol.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px
}

.symbol.symbol-fixed>img {
    width: 50px;
    height: 50px;
    max-width: none
}

.symbol.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px
}

.symbol.symbol-2by3>img {
    height: 50px;
    width: 75px;
    max-width: none
}

.symbol.symbol-20px>img {
    width: 20px;
    height: 20px
}

.symbol.symbol-20px .symbol-label {
    width: 20px;
    height: 20px
}

.symbol.symbol-20px.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px
}

.symbol.symbol-20px.symbol-fixed>img {
    width: 20px;
    height: 20px;
    max-width: none
}

.symbol.symbol-20px.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px
}

.symbol.symbol-20px.symbol-2by3>img {
    height: 20px;
    width: 30px;
    max-width: none
}

.symbol.symbol-25px>img {
    width: 25px;
    height: 25px
}

.symbol.symbol-25px .symbol-label {
    width: 25px;
    height: 25px
}

.symbol.symbol-25px.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px
}

.symbol.symbol-25px.symbol-fixed>img {
    width: 25px;
    height: 25px;
    max-width: none
}

.symbol.symbol-25px.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px
}

.symbol.symbol-25px.symbol-2by3>img {
    height: 25px;
    width: 37.5px;
    max-width: none
}

.symbol.symbol-30px>img {
    width: 30px;
    height: 30px
}

.symbol.symbol-30px .symbol-label {
    width: 30px;
    height: 30px
}

.symbol.symbol-30px.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px
}

.symbol.symbol-30px.symbol-fixed>img {
    width: 30px;
    height: 30px;
    max-width: none
}

.symbol.symbol-30px.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px
}

.symbol.symbol-30px.symbol-2by3>img {
    height: 30px;
    width: 45px;
    max-width: none
}

.symbol.symbol-35px>img {
    width: 35px;
    height: 35px
}

.symbol.symbol-35px .symbol-label {
    width: 35px;
    height: 35px
}

.symbol.symbol-35px.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px
}

.symbol.symbol-35px.symbol-fixed>img {
    width: 35px;
    height: 35px;
    max-width: none
}

.symbol.symbol-35px.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px
}

.symbol.symbol-35px.symbol-2by3>img {
    height: 35px;
    width: 52.5px;
    max-width: none
}

.symbol.symbol-40px>img {
    width: 40px;
    height: 40px
}

.symbol.symbol-40px .symbol-label {
    width: 40px;
    height: 40px
}

.symbol.symbol-40px.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px
}

.symbol.symbol-40px.symbol-fixed>img {
    width: 40px;
    height: 40px;
    max-width: none
}

.symbol.symbol-40px.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px
}

.symbol.symbol-40px.symbol-2by3>img {
    height: 40px;
    width: 60px;
    max-width: none
}

.symbol.symbol-45px>img {
    width: 45px;
    height: 45px
}

.symbol.symbol-45px .symbol-label {
    width: 45px;
    height: 45px
}

.symbol.symbol-45px.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px
}

.symbol.symbol-45px.symbol-fixed>img {
    width: 45px;
    height: 45px;
    max-width: none
}

.symbol.symbol-45px.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px
}

.symbol.symbol-45px.symbol-2by3>img {
    height: 45px;
    width: 67.5px;
    max-width: none
}

.symbol.symbol-50px>img {
    width: 50px;
    height: 50px
}

.symbol.symbol-50px .symbol-label {
    width: 50px;
    height: 50px
}

.symbol.symbol-50px.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px
}

.symbol.symbol-50px.symbol-fixed>img {
    width: 50px;
    height: 50px;
    max-width: none
}

.symbol.symbol-50px.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px
}

.symbol.symbol-50px.symbol-2by3>img {
    height: 50px;
    width: 75px;
    max-width: none
}

.symbol.symbol-55px>img {
    width: 55px;
    height: 55px
}

.symbol.symbol-55px .symbol-label {
    width: 55px;
    height: 55px
}

.symbol.symbol-55px.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px
}

.symbol.symbol-55px.symbol-fixed>img {
    width: 55px;
    height: 55px;
    max-width: none
}

.symbol.symbol-55px.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px
}

.symbol.symbol-55px.symbol-2by3>img {
    height: 55px;
    width: 82.5px;
    max-width: none
}

.symbol.symbol-60px>img {
    width: 60px;
    height: 60px
}

.symbol.symbol-60px .symbol-label {
    width: 60px;
    height: 60px
}

.symbol.symbol-60px.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px
}

.symbol.symbol-60px.symbol-fixed>img {
    width: 60px;
    height: 60px;
    max-width: none
}

.symbol.symbol-60px.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px
}

.symbol.symbol-60px.symbol-2by3>img {
    height: 60px;
    width: 90px;
    max-width: none
}

.symbol.symbol-65px>img {
    width: 65px;
    height: 65px
}

.symbol.symbol-65px .symbol-label {
    width: 65px;
    height: 65px
}

.symbol.symbol-65px.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px
}

.symbol.symbol-65px.symbol-fixed>img {
    width: 65px;
    height: 65px;
    max-width: none
}

.symbol.symbol-65px.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px
}

.symbol.symbol-65px.symbol-2by3>img {
    height: 65px;
    width: 97.5px;
    max-width: none
}

.symbol.symbol-70px>img {
    width: 70px;
    height: 70px
}

.symbol.symbol-70px .symbol-label {
    width: 70px;
    height: 70px
}

.symbol.symbol-70px.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px
}

.symbol.symbol-70px.symbol-fixed>img {
    width: 70px;
    height: 70px;
    max-width: none
}

.symbol.symbol-70px.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px
}

.symbol.symbol-70px.symbol-2by3>img {
    height: 70px;
    width: 105px;
    max-width: none
}

.symbol.symbol-75px>img {
    width: 75px;
    height: 75px
}

.symbol.symbol-75px .symbol-label {
    width: 75px;
    height: 75px
}

.symbol.symbol-75px.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px
}

.symbol.symbol-75px.symbol-fixed>img {
    width: 75px;
    height: 75px;
    max-width: none
}

.symbol.symbol-75px.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px
}

.symbol.symbol-75px.symbol-2by3>img {
    height: 75px;
    width: 112.5px;
    max-width: none
}

.symbol.symbol-90px>img {
    width: 90px;
    height: 90px
}

.symbol.symbol-90px .symbol-label {
    width: 90px;
    height: 90px
}

.symbol.symbol-90px.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px
}

.symbol.symbol-90px.symbol-fixed>img {
    width: 90px;
    height: 90px;
    max-width: none
}

.symbol.symbol-90px.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px
}

.symbol.symbol-90px.symbol-2by3>img {
    height: 90px;
    width: 135px;
    max-width: none
}

.symbol.symbol-100px>img {
    width: 100px;
    height: 100px
}

.symbol.symbol-100px .symbol-label {
    width: 100px;
    height: 100px
}

.symbol.symbol-100px.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px
}

.symbol.symbol-100px.symbol-fixed>img {
    width: 100px;
    height: 100px;
    max-width: none
}

.symbol.symbol-100px.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px
}

.symbol.symbol-100px.symbol-2by3>img {
    height: 100px;
    width: 150px;
    max-width: none
}

.symbol.symbol-125px>img {
    width: 125px;
    height: 125px
}

.symbol.symbol-125px .symbol-label {
    width: 125px;
    height: 125px
}

.symbol.symbol-125px.symbol-fixed .symbol-label {
    width: 125px;
    height: 125px
}

.symbol.symbol-125px.symbol-fixed>img {
    width: 125px;
    height: 125px;
    max-width: none
}

.symbol.symbol-125px.symbol-2by3 .symbol-label {
    height: 125px;
    width: 187.5px
}

.symbol.symbol-125px.symbol-2by3>img {
    height: 125px;
    width: 187.5px;
    max-width: none
}

.symbol.symbol-150px>img {
    width: 150px;
    height: 150px
}

.symbol.symbol-150px .symbol-label {
    width: 150px;
    height: 150px
}

.symbol.symbol-150px.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px
}

.symbol.symbol-150px.symbol-fixed>img {
    width: 150px;
    height: 150px;
    max-width: none
}

.symbol.symbol-150px.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px
}

.symbol.symbol-150px.symbol-2by3>img {
    height: 150px;
    width: 225px;
    max-width: none
}

.symbol.symbol-160px>img {
    width: 160px;
    height: 160px
}

.symbol.symbol-160px .symbol-label {
    width: 160px;
    height: 160px
}

.symbol.symbol-160px.symbol-fixed .symbol-label {
    width: 160px;
    height: 160px
}

.symbol.symbol-160px.symbol-fixed>img {
    width: 160px;
    height: 160px;
    max-width: none
}

.symbol.symbol-160px.symbol-2by3 .symbol-label {
    height: 160px;
    width: 240px
}

.symbol.symbol-160px.symbol-2by3>img {
    height: 160px;
    width: 240px;
    max-width: none
}

.symbol.symbol-175px>img {
    width: 175px;
    height: 175px
}

.symbol.symbol-175px .symbol-label {
    width: 175px;
    height: 175px
}

.symbol.symbol-175px.symbol-fixed .symbol-label {
    width: 175px;
    height: 175px
}

.symbol.symbol-175px.symbol-fixed>img {
    width: 175px;
    height: 175px;
    max-width: none
}

.symbol.symbol-175px.symbol-2by3 .symbol-label {
    height: 175px;
    width: 262.5px
}

.symbol.symbol-175px.symbol-2by3>img {
    height: 175px;
    width: 262.5px;
    max-width: none
}

.symbol.symbol-200px>img {
    width: 200px;
    height: 200px
}

.symbol.symbol-200px .symbol-label {
    width: 200px;
    height: 200px
}

.symbol.symbol-200px.symbol-fixed .symbol-label {
    width: 200px;
    height: 200px
}

.symbol.symbol-200px.symbol-fixed>img {
    width: 200px;
    height: 200px;
    max-width: none
}

.symbol.symbol-200px.symbol-2by3 .symbol-label {
    height: 200px;
    width: 300px
}

.symbol.symbol-200px.symbol-2by3>img {
    height: 200px;
    width: 300px;
    max-width: none
}

@media (min-width:576px) {
    .symbol.symbol-sm-20px>img {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-sm-20px .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-sm-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-sm-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none
    }
    .symbol.symbol-sm-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px
    }
    .symbol.symbol-sm-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none
    }
    .symbol.symbol-sm-25px>img {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-sm-25px .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-sm-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-sm-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none
    }
    .symbol.symbol-sm-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px
    }
    .symbol.symbol-sm-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none
    }
    .symbol.symbol-sm-30px>img {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-sm-30px .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-sm-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-sm-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none
    }
    .symbol.symbol-sm-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px
    }
    .symbol.symbol-sm-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none
    }
    .symbol.symbol-sm-35px>img {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-sm-35px .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-sm-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-sm-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none
    }
    .symbol.symbol-sm-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px
    }
    .symbol.symbol-sm-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none
    }
    .symbol.symbol-sm-40px>img {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-sm-40px .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-sm-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-sm-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none
    }
    .symbol.symbol-sm-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px
    }
    .symbol.symbol-sm-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none
    }
    .symbol.symbol-sm-45px>img {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-sm-45px .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-sm-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-sm-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none
    }
    .symbol.symbol-sm-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px
    }
    .symbol.symbol-sm-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none
    }
    .symbol.symbol-sm-50px>img {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-sm-50px .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-sm-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-sm-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none
    }
    .symbol.symbol-sm-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px
    }
    .symbol.symbol-sm-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none
    }
    .symbol.symbol-sm-55px>img {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-sm-55px .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-sm-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-sm-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none
    }
    .symbol.symbol-sm-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px
    }
    .symbol.symbol-sm-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none
    }
    .symbol.symbol-sm-60px>img {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-sm-60px .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-sm-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-sm-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none
    }
    .symbol.symbol-sm-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px
    }
    .symbol.symbol-sm-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none
    }
    .symbol.symbol-sm-65px>img {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-sm-65px .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-sm-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-sm-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none
    }
    .symbol.symbol-sm-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px
    }
    .symbol.symbol-sm-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none
    }
    .symbol.symbol-sm-70px>img {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-sm-70px .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-sm-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-sm-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none
    }
    .symbol.symbol-sm-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px
    }
    .symbol.symbol-sm-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none
    }
    .symbol.symbol-sm-75px>img {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-sm-75px .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-sm-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-sm-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none
    }
    .symbol.symbol-sm-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px
    }
    .symbol.symbol-sm-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none
    }
    .symbol.symbol-sm-90px>img {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-sm-90px .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-sm-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-sm-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none
    }
    .symbol.symbol-sm-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px
    }
    .symbol.symbol-sm-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none
    }
    .symbol.symbol-sm-100px>img {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-sm-100px .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-sm-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-sm-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none
    }
    .symbol.symbol-sm-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px
    }
    .symbol.symbol-sm-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none
    }
    .symbol.symbol-sm-125px>img {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-sm-125px .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-sm-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-sm-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none
    }
    .symbol.symbol-sm-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px
    }
    .symbol.symbol-sm-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none
    }
    .symbol.symbol-sm-150px>img {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-sm-150px .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-sm-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-sm-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none
    }
    .symbol.symbol-sm-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px
    }
    .symbol.symbol-sm-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none
    }
    .symbol.symbol-sm-160px>img {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-sm-160px .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-sm-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-sm-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none
    }
    .symbol.symbol-sm-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px
    }
    .symbol.symbol-sm-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none
    }
    .symbol.symbol-sm-175px>img {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-sm-175px .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-sm-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-sm-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none
    }
    .symbol.symbol-sm-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px
    }
    .symbol.symbol-sm-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none
    }
    .symbol.symbol-sm-200px>img {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-sm-200px .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-sm-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-sm-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none
    }
    .symbol.symbol-sm-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px
    }
    .symbol.symbol-sm-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none
    }
}

@media (min-width:768px) {
    .symbol.symbol-md-20px>img {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-md-20px .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-md-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-md-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none
    }
    .symbol.symbol-md-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px
    }
    .symbol.symbol-md-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none
    }
    .symbol.symbol-md-25px>img {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-md-25px .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-md-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-md-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none
    }
    .symbol.symbol-md-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px
    }
    .symbol.symbol-md-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none
    }
    .symbol.symbol-md-30px>img {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-md-30px .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-md-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-md-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none
    }
    .symbol.symbol-md-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px
    }
    .symbol.symbol-md-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none
    }
    .symbol.symbol-md-35px>img {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-md-35px .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-md-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-md-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none
    }
    .symbol.symbol-md-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px
    }
    .symbol.symbol-md-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none
    }
    .symbol.symbol-md-40px>img {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-md-40px .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-md-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-md-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none
    }
    .symbol.symbol-md-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px
    }
    .symbol.symbol-md-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none
    }
    .symbol.symbol-md-45px>img {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-md-45px .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-md-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-md-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none
    }
    .symbol.symbol-md-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px
    }
    .symbol.symbol-md-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none
    }
    .symbol.symbol-md-50px>img {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-md-50px .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-md-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-md-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none
    }
    .symbol.symbol-md-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px
    }
    .symbol.symbol-md-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none
    }
    .symbol.symbol-md-55px>img {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-md-55px .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-md-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-md-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none
    }
    .symbol.symbol-md-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px
    }
    .symbol.symbol-md-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none
    }
    .symbol.symbol-md-60px>img {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-md-60px .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-md-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-md-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none
    }
    .symbol.symbol-md-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px
    }
    .symbol.symbol-md-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none
    }
    .symbol.symbol-md-65px>img {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-md-65px .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-md-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-md-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none
    }
    .symbol.symbol-md-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px
    }
    .symbol.symbol-md-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none
    }
    .symbol.symbol-md-70px>img {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-md-70px .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-md-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-md-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none
    }
    .symbol.symbol-md-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px
    }
    .symbol.symbol-md-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none
    }
    .symbol.symbol-md-75px>img {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-md-75px .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-md-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-md-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none
    }
    .symbol.symbol-md-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px
    }
    .symbol.symbol-md-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none
    }
    .symbol.symbol-md-90px>img {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-md-90px .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-md-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-md-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none
    }
    .symbol.symbol-md-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px
    }
    .symbol.symbol-md-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none
    }
    .symbol.symbol-md-100px>img {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-md-100px .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-md-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-md-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none
    }
    .symbol.symbol-md-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px
    }
    .symbol.symbol-md-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none
    }
    .symbol.symbol-md-125px>img {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-md-125px .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-md-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-md-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none
    }
    .symbol.symbol-md-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px
    }
    .symbol.symbol-md-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none
    }
    .symbol.symbol-md-150px>img {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-md-150px .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-md-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-md-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none
    }
    .symbol.symbol-md-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px
    }
    .symbol.symbol-md-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none
    }
    .symbol.symbol-md-160px>img {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-md-160px .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-md-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-md-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none
    }
    .symbol.symbol-md-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px
    }
    .symbol.symbol-md-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none
    }
    .symbol.symbol-md-175px>img {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-md-175px .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-md-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-md-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none
    }
    .symbol.symbol-md-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px
    }
    .symbol.symbol-md-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none
    }
    .symbol.symbol-md-200px>img {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-md-200px .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-md-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-md-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none
    }
    .symbol.symbol-md-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px
    }
    .symbol.symbol-md-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none
    }
}

@media (min-width:992px) {
    .symbol.symbol-lg-20px>img {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-lg-20px .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-lg-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-lg-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none
    }
    .symbol.symbol-lg-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px
    }
    .symbol.symbol-lg-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none
    }
    .symbol.symbol-lg-25px>img {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-lg-25px .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-lg-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-lg-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none
    }
    .symbol.symbol-lg-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px
    }
    .symbol.symbol-lg-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none
    }
    .symbol.symbol-lg-30px>img {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-lg-30px .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-lg-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-lg-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none
    }
    .symbol.symbol-lg-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px
    }
    .symbol.symbol-lg-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none
    }
    .symbol.symbol-lg-35px>img {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-lg-35px .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-lg-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-lg-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none
    }
    .symbol.symbol-lg-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px
    }
    .symbol.symbol-lg-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none
    }
    .symbol.symbol-lg-40px>img {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-lg-40px .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-lg-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-lg-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none
    }
    .symbol.symbol-lg-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px
    }
    .symbol.symbol-lg-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none
    }
    .symbol.symbol-lg-45px>img {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-lg-45px .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-lg-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-lg-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none
    }
    .symbol.symbol-lg-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px
    }
    .symbol.symbol-lg-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none
    }
    .symbol.symbol-lg-50px>img {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-lg-50px .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-lg-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-lg-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none
    }
    .symbol.symbol-lg-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px
    }
    .symbol.symbol-lg-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none
    }
    .symbol.symbol-lg-55px>img {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-lg-55px .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-lg-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-lg-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none
    }
    .symbol.symbol-lg-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px
    }
    .symbol.symbol-lg-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none
    }
    .symbol.symbol-lg-60px>img {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-lg-60px .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-lg-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-lg-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none
    }
    .symbol.symbol-lg-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px
    }
    .symbol.symbol-lg-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none
    }
    .symbol.symbol-lg-65px>img {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-lg-65px .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-lg-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-lg-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none
    }
    .symbol.symbol-lg-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px
    }
    .symbol.symbol-lg-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none
    }
    .symbol.symbol-lg-70px>img {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-lg-70px .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-lg-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-lg-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none
    }
    .symbol.symbol-lg-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px
    }
    .symbol.symbol-lg-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none
    }
    .symbol.symbol-lg-75px>img {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-lg-75px .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-lg-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-lg-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none
    }
    .symbol.symbol-lg-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px
    }
    .symbol.symbol-lg-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none
    }
    .symbol.symbol-lg-90px>img {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-lg-90px .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-lg-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-lg-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none
    }
    .symbol.symbol-lg-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px
    }
    .symbol.symbol-lg-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none
    }
    .symbol.symbol-lg-100px>img {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-lg-100px .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-lg-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-lg-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none
    }
    .symbol.symbol-lg-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px
    }
    .symbol.symbol-lg-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none
    }
    .symbol.symbol-lg-125px>img {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-lg-125px .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-lg-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-lg-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none
    }
    .symbol.symbol-lg-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px
    }
    .symbol.symbol-lg-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none
    }
    .symbol.symbol-lg-150px>img {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-lg-150px .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-lg-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-lg-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none
    }
    .symbol.symbol-lg-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px
    }
    .symbol.symbol-lg-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none
    }
    .symbol.symbol-lg-160px>img {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-lg-160px .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-lg-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-lg-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none
    }
    .symbol.symbol-lg-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px
    }
    .symbol.symbol-lg-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none
    }
    .symbol.symbol-lg-175px>img {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-lg-175px .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-lg-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-lg-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none
    }
    .symbol.symbol-lg-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px
    }
    .symbol.symbol-lg-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none
    }
    .symbol.symbol-lg-200px>img {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-lg-200px .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-lg-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-lg-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none
    }
    .symbol.symbol-lg-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px
    }
    .symbol.symbol-lg-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none
    }
}

@media (min-width:1200px) {
    .symbol.symbol-xl-20px>img {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-xl-20px .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-xl-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-xl-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none
    }
    .symbol.symbol-xl-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px
    }
    .symbol.symbol-xl-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none
    }
    .symbol.symbol-xl-25px>img {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-xl-25px .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-xl-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-xl-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none
    }
    .symbol.symbol-xl-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px
    }
    .symbol.symbol-xl-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none
    }
    .symbol.symbol-xl-30px>img {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-xl-30px .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-xl-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-xl-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none
    }
    .symbol.symbol-xl-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px
    }
    .symbol.symbol-xl-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none
    }
    .symbol.symbol-xl-35px>img {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-xl-35px .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-xl-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-xl-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none
    }
    .symbol.symbol-xl-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px
    }
    .symbol.symbol-xl-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none
    }
    .symbol.symbol-xl-40px>img {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-xl-40px .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-xl-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-xl-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none
    }
    .symbol.symbol-xl-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px
    }
    .symbol.symbol-xl-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none
    }
    .symbol.symbol-xl-45px>img {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-xl-45px .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-xl-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-xl-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none
    }
    .symbol.symbol-xl-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px
    }
    .symbol.symbol-xl-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none
    }
    .symbol.symbol-xl-50px>img {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-xl-50px .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-xl-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-xl-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none
    }
    .symbol.symbol-xl-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px
    }
    .symbol.symbol-xl-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none
    }
    .symbol.symbol-xl-55px>img {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-xl-55px .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-xl-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-xl-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none
    }
    .symbol.symbol-xl-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px
    }
    .symbol.symbol-xl-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none
    }
    .symbol.symbol-xl-60px>img {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-xl-60px .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-xl-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-xl-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none
    }
    .symbol.symbol-xl-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px
    }
    .symbol.symbol-xl-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none
    }
    .symbol.symbol-xl-65px>img {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-xl-65px .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-xl-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-xl-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none
    }
    .symbol.symbol-xl-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px
    }
    .symbol.symbol-xl-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none
    }
    .symbol.symbol-xl-70px>img {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-xl-70px .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-xl-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-xl-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none
    }
    .symbol.symbol-xl-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px
    }
    .symbol.symbol-xl-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none
    }
    .symbol.symbol-xl-75px>img {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-xl-75px .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-xl-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-xl-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none
    }
    .symbol.symbol-xl-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px
    }
    .symbol.symbol-xl-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none
    }
    .symbol.symbol-xl-90px>img {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-xl-90px .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-xl-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-xl-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none
    }
    .symbol.symbol-xl-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px
    }
    .symbol.symbol-xl-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none
    }
    .symbol.symbol-xl-100px>img {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-xl-100px .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-xl-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-xl-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none
    }
    .symbol.symbol-xl-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px
    }
    .symbol.symbol-xl-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none
    }
    .symbol.symbol-xl-125px>img {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-xl-125px .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-xl-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-xl-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none
    }
    .symbol.symbol-xl-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px
    }
    .symbol.symbol-xl-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none
    }
    .symbol.symbol-xl-150px>img {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-xl-150px .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-xl-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-xl-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none
    }
    .symbol.symbol-xl-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px
    }
    .symbol.symbol-xl-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none
    }
    .symbol.symbol-xl-160px>img {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-xl-160px .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-xl-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-xl-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none
    }
    .symbol.symbol-xl-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px
    }
    .symbol.symbol-xl-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none
    }
    .symbol.symbol-xl-175px>img {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-xl-175px .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-xl-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-xl-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none
    }
    .symbol.symbol-xl-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px
    }
    .symbol.symbol-xl-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none
    }
    .symbol.symbol-xl-200px>img {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-xl-200px .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-xl-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-xl-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none
    }
    .symbol.symbol-xl-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px
    }
    .symbol.symbol-xl-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none
    }
}

@media (min-width:1400px) {
    .symbol.symbol-xxl-20px>img {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-xxl-20px .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-xxl-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px
    }
    .symbol.symbol-xxl-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none
    }
    .symbol.symbol-xxl-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px
    }
    .symbol.symbol-xxl-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none
    }
    .symbol.symbol-xxl-25px>img {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-xxl-25px .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-xxl-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px
    }
    .symbol.symbol-xxl-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none
    }
    .symbol.symbol-xxl-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px
    }
    .symbol.symbol-xxl-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none
    }
    .symbol.symbol-xxl-30px>img {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-xxl-30px .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-xxl-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px
    }
    .symbol.symbol-xxl-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none
    }
    .symbol.symbol-xxl-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px
    }
    .symbol.symbol-xxl-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none
    }
    .symbol.symbol-xxl-35px>img {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-xxl-35px .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-xxl-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px
    }
    .symbol.symbol-xxl-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none
    }
    .symbol.symbol-xxl-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px
    }
    .symbol.symbol-xxl-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none
    }
    .symbol.symbol-xxl-40px>img {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-xxl-40px .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-xxl-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px
    }
    .symbol.symbol-xxl-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none
    }
    .symbol.symbol-xxl-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px
    }
    .symbol.symbol-xxl-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none
    }
    .symbol.symbol-xxl-45px>img {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-xxl-45px .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-xxl-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px
    }
    .symbol.symbol-xxl-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none
    }
    .symbol.symbol-xxl-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px
    }
    .symbol.symbol-xxl-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none
    }
    .symbol.symbol-xxl-50px>img {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-xxl-50px .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-xxl-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px
    }
    .symbol.symbol-xxl-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none
    }
    .symbol.symbol-xxl-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px
    }
    .symbol.symbol-xxl-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none
    }
    .symbol.symbol-xxl-55px>img {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-xxl-55px .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-xxl-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px
    }
    .symbol.symbol-xxl-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none
    }
    .symbol.symbol-xxl-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px
    }
    .symbol.symbol-xxl-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none
    }
    .symbol.symbol-xxl-60px>img {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-xxl-60px .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-xxl-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px
    }
    .symbol.symbol-xxl-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none
    }
    .symbol.symbol-xxl-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px
    }
    .symbol.symbol-xxl-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none
    }
    .symbol.symbol-xxl-65px>img {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-xxl-65px .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-xxl-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px
    }
    .symbol.symbol-xxl-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none
    }
    .symbol.symbol-xxl-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px
    }
    .symbol.symbol-xxl-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none
    }
    .symbol.symbol-xxl-70px>img {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-xxl-70px .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-xxl-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px
    }
    .symbol.symbol-xxl-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none
    }
    .symbol.symbol-xxl-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px
    }
    .symbol.symbol-xxl-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none
    }
    .symbol.symbol-xxl-75px>img {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-xxl-75px .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-xxl-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px
    }
    .symbol.symbol-xxl-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none
    }
    .symbol.symbol-xxl-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px
    }
    .symbol.symbol-xxl-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none
    }
    .symbol.symbol-xxl-90px>img {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-xxl-90px .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-xxl-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px
    }
    .symbol.symbol-xxl-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none
    }
    .symbol.symbol-xxl-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px
    }
    .symbol.symbol-xxl-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none
    }
    .symbol.symbol-xxl-100px>img {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-xxl-100px .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-xxl-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px
    }
    .symbol.symbol-xxl-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none
    }
    .symbol.symbol-xxl-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px
    }
    .symbol.symbol-xxl-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none
    }
    .symbol.symbol-xxl-125px>img {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-xxl-125px .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-xxl-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px
    }
    .symbol.symbol-xxl-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none
    }
    .symbol.symbol-xxl-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px
    }
    .symbol.symbol-xxl-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none
    }
    .symbol.symbol-xxl-150px>img {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-xxl-150px .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-xxl-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px
    }
    .symbol.symbol-xxl-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none
    }
    .symbol.symbol-xxl-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px
    }
    .symbol.symbol-xxl-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none
    }
    .symbol.symbol-xxl-160px>img {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-xxl-160px .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-xxl-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px
    }
    .symbol.symbol-xxl-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none
    }
    .symbol.symbol-xxl-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px
    }
    .symbol.symbol-xxl-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none
    }
    .symbol.symbol-xxl-175px>img {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-xxl-175px .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-xxl-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px
    }
    .symbol.symbol-xxl-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none
    }
    .symbol.symbol-xxl-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px
    }
    .symbol.symbol-xxl-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none
    }
    .symbol.symbol-xxl-200px>img {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-xxl-200px .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-xxl-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px
    }
    .symbol.symbol-xxl-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none
    }
    .symbol.symbol-xxl-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px
    }
    .symbol.symbol-xxl-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none
    }
}

.symbol-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px
}

.symbol-group .symbol {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    transition: all .3s ease
}

.symbol-group .symbol:hover {
    transition: all .3s ease;
    z-index: 1
}

.symbol-group .symbol-badge {
    border: 2px solid var(--bs-body-bg)
}

.symbol-group .symbol-label {
    position: relative
}

.symbol-group .symbol-label:after {
    display: block;
    content: " ";
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 2px solid var(--bs-symbol-border-color);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.symbol-group.symbol-hover .symbol {
    cursor: pointer
}

.pulse {
    position: relative
}

.pulse.pulse-light .pulse-ring {
    border-color: var(--bs-light)
}

.pulse.pulse-primary .pulse-ring {
    border-color: var(--bs-primary)
}

.pulse.pulse-secondary .pulse-ring {
    border-color: var(--bs-secondary)
}

.pulse.pulse-success .pulse-ring {
    border-color: var(--bs-success)
}

.pulse.pulse-info .pulse-ring {
    border-color: var(--bs-info)
}

.pulse.pulse-warning .pulse-ring {
    border-color: var(--bs-warning)
}

.pulse.pulse-danger .pulse-ring {
    border-color: var(--bs-danger)
}

.pulse.pulse-dark .pulse-ring {
    border-color: var(--bs-dark)
}

.pulse-ring {
    display: block;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    animation: animation-pulse 3.5s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    border-width: 3px;
    border-style: solid;
    border-color: var(--bs-gray-500)
}

@keyframes animation-pulse {
    0% {
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }
    65% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0
    }
}

.page-loading *,
[data-kt-app-page-loading=on] * {
    transition: none !important
}

.page-loader {
    background-color: var(--bs-body-bg);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: none
}

.page-loading .page-loader,
[data-kt-app-page-loading=on] .page-loader {
    display: flex;
    justify-content: center;
    align-items: center
}

.scrolltop {
    position: fixed;
    display: none;
    cursor: pointer;
    z-index: 105;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    bottom: 43px;
    right: 7px;
    background-color: var(--bs-scrolltop-bg-color);
    box-shadow: var(--bs-scrolltop-box-shadow);
    opacity: 0;
    transition: color .2s ease;
    border-radius: .475rem
}

.scrolltop .svg-icon {
    color: var(--bs-scrolltop-icon-color)
}

.scrolltop .svg-icon svg {
    height: 24px;
    width: 24px
}

.scrolltop>i {
    font-size: 1.3rem;
    color: var(--bs-scrolltop-icon-color)
}

.scrolltop:hover {
    background-color: var(--bs-scrolltop-bg-color-hover)
}

.scrolltop:hover .svg-icon,
.scrolltop:hover i {
    color: var(--bs-scrolltop-icon-color-hover)
}

[data-kt-scrolltop=on] .scrolltop {
    opacity: var(--bs-scrolltop-opacity-on);
    animation: animation-scrolltop .4s ease-out 1;
    display: flex
}

[data-kt-scrolltop=on] .scrolltop:hover {
    transition: color .2s ease;
    opacity: var(--bs-scrolltop-opacity-hover)
}

@media (max-width:991.98px) {
    .scrolltop {
        bottom: 23px;
        right: 5px;
        width: 30px;
        height: 30px
    }
}

@keyframes animation-scrolltop {
    from {
        margin-bottom: -15px
    }
    to {
        margin-bottom: 0
    }
}

.svg-icon {
    line-height: 1;
    color: var(--bs-text-muted)
}

.svg-icon svg {
    height: 1.15rem;
    width: 1.15rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.svg-icon.svg-icon-1 svg {
    height: 1.75rem !important;
    width: 1.75rem !important
}

.svg-icon.svg-icon-2 svg {
    height: 1.5rem !important;
    width: 1.5rem !important
}

.svg-icon.svg-icon-3 svg {
    height: 1.35rem !important;
    width: 1.35rem !important
}

.svg-icon.svg-icon-4 svg {
    height: 1.25rem !important;
    width: 1.25rem !important
}

.svg-icon.svg-icon-5 svg {
    height: 1.15rem !important;
    width: 1.15rem !important
}

.svg-icon.svg-icon-6 svg {
    height: 1.075rem !important;
    width: 1.075rem !important
}

.svg-icon.svg-icon-7 svg {
    height: .95rem !important;
    width: .95rem !important
}

.svg-icon.svg-icon-8 svg {
    height: .85rem !important;
    width: .85rem !important
}

.svg-icon.svg-icon-9 svg {
    height: .75rem !important;
    width: .75rem !important
}

.svg-icon.svg-icon-10 svg {
    height: .5rem !important;
    width: .5rem !important
}

.svg-icon.svg-icon-sm svg {
    height: .95rem !important;
    width: .95rem !important
}

.svg-icon.svg-icon-base svg {
    height: 1rem !important;
    width: 1rem !important
}

.svg-icon.svg-icon-lg svg {
    height: 1.075rem !important;
    width: 1.075rem !important
}

.svg-icon.svg-icon-fluid svg {
    height: 100% !important;
    width: 100% !important
}

.svg-icon.svg-icon-2x svg {
    height: 2rem !important;
    width: 2rem !important
}

.svg-icon.svg-icon-2qx svg {
    height: 2.25rem !important;
    width: 2.25rem !important
}

.svg-icon.svg-icon-2hx svg {
    height: 2.5rem !important;
    width: 2.5rem !important
}

.svg-icon.svg-icon-2tx svg {
    height: 2.75rem !important;
    width: 2.75rem !important
}

.svg-icon.svg-icon-3x svg {
    height: 3rem !important;
    width: 3rem !important
}

.svg-icon.svg-icon-3qx svg {
    height: 3.25rem !important;
    width: 3.25rem !important
}

.svg-icon.svg-icon-3hx svg {
    height: 3.5rem !important;
    width: 3.5rem !important
}

.svg-icon.svg-icon-3tx svg {
    height: 3.75rem !important;
    width: 3.75rem !important
}

.svg-icon.svg-icon-4x svg {
    height: 4rem !important;
    width: 4rem !important
}

.svg-icon.svg-icon-4qx svg {
    height: 4.25rem !important;
    width: 4.25rem !important
}

.svg-icon.svg-icon-4hx svg {
    height: 4.5rem !important;
    width: 4.5rem !important
}

.svg-icon.svg-icon-4tx svg {
    height: 4.75rem !important;
    width: 4.75rem !important
}

.svg-icon.svg-icon-5x svg {
    height: 5rem !important;
    width: 5rem !important
}

.svg-icon.svg-icon-5qx svg {
    height: 5.25rem !important;
    width: 5.25rem !important
}

.svg-icon.svg-icon-5hx svg {
    height: 5.5rem !important;
    width: 5.5rem !important
}

.svg-icon.svg-icon-5tx svg {
    height: 5.75rem !important;
    width: 5.75rem !important
}

.svg-icon.svg-icon-6x svg {
    height: 6rem !important;
    width: 6rem !important
}

.svg-icon.svg-icon-6qx svg {
    height: 6.25rem !important;
    width: 6.25rem !important
}

.svg-icon.svg-icon-6hx svg {
    height: 6.5rem !important;
    width: 6.5rem !important
}

.svg-icon.svg-icon-6tx svg {
    height: 6.75rem !important;
    width: 6.75rem !important
}

.svg-icon.svg-icon-7x svg {
    height: 7rem !important;
    width: 7rem !important
}

.svg-icon.svg-icon-7qx svg {
    height: 7.25rem !important;
    width: 7.25rem !important
}

.svg-icon.svg-icon-7hx svg {
    height: 7.5rem !important;
    width: 7.5rem !important
}

.svg-icon.svg-icon-7tx svg {
    height: 7.75rem !important;
    width: 7.75rem !important
}

@media (min-width:576px) {
    .svg-icon.svg-icon-sm-1 svg {
        height: 1.75rem !important;
        width: 1.75rem !important
    }
    .svg-icon.svg-icon-sm-2 svg {
        height: 1.5rem !important;
        width: 1.5rem !important
    }
    .svg-icon.svg-icon-sm-3 svg {
        height: 1.35rem !important;
        width: 1.35rem !important
    }
    .svg-icon.svg-icon-sm-4 svg {
        height: 1.25rem !important;
        width: 1.25rem !important
    }
    .svg-icon.svg-icon-sm-5 svg {
        height: 1.15rem !important;
        width: 1.15rem !important
    }
    .svg-icon.svg-icon-sm-6 svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-sm-7 svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-sm-8 svg {
        height: .85rem !important;
        width: .85rem !important
    }
    .svg-icon.svg-icon-sm-9 svg {
        height: .75rem !important;
        width: .75rem !important
    }
    .svg-icon.svg-icon-sm-10 svg {
        height: .5rem !important;
        width: .5rem !important
    }
    .svg-icon.svg-icon-sm-sm svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-sm-base svg {
        height: 1rem !important;
        width: 1rem !important
    }
    .svg-icon.svg-icon-sm-lg svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-sm-fluid svg {
        height: 100% !important;
        width: 100% !important
    }
    .svg-icon.svg-icon-sm-2x svg {
        height: 2rem !important;
        width: 2rem !important
    }
    .svg-icon.svg-icon-sm-2qx svg {
        height: 2.25rem !important;
        width: 2.25rem !important
    }
    .svg-icon.svg-icon-sm-2hx svg {
        height: 2.5rem !important;
        width: 2.5rem !important
    }
    .svg-icon.svg-icon-sm-2tx svg {
        height: 2.75rem !important;
        width: 2.75rem !important
    }
    .svg-icon.svg-icon-sm-3x svg {
        height: 3rem !important;
        width: 3rem !important
    }
    .svg-icon.svg-icon-sm-3qx svg {
        height: 3.25rem !important;
        width: 3.25rem !important
    }
    .svg-icon.svg-icon-sm-3hx svg {
        height: 3.5rem !important;
        width: 3.5rem !important
    }
    .svg-icon.svg-icon-sm-3tx svg {
        height: 3.75rem !important;
        width: 3.75rem !important
    }
    .svg-icon.svg-icon-sm-4x svg {
        height: 4rem !important;
        width: 4rem !important
    }
    .svg-icon.svg-icon-sm-4qx svg {
        height: 4.25rem !important;
        width: 4.25rem !important
    }
    .svg-icon.svg-icon-sm-4hx svg {
        height: 4.5rem !important;
        width: 4.5rem !important
    }
    .svg-icon.svg-icon-sm-4tx svg {
        height: 4.75rem !important;
        width: 4.75rem !important
    }
    .svg-icon.svg-icon-sm-5x svg {
        height: 5rem !important;
        width: 5rem !important
    }
    .svg-icon.svg-icon-sm-5qx svg {
        height: 5.25rem !important;
        width: 5.25rem !important
    }
    .svg-icon.svg-icon-sm-5hx svg {
        height: 5.5rem !important;
        width: 5.5rem !important
    }
    .svg-icon.svg-icon-sm-5tx svg {
        height: 5.75rem !important;
        width: 5.75rem !important
    }
    .svg-icon.svg-icon-sm-6x svg {
        height: 6rem !important;
        width: 6rem !important
    }
    .svg-icon.svg-icon-sm-6qx svg {
        height: 6.25rem !important;
        width: 6.25rem !important
    }
    .svg-icon.svg-icon-sm-6hx svg {
        height: 6.5rem !important;
        width: 6.5rem !important
    }
    .svg-icon.svg-icon-sm-6tx svg {
        height: 6.75rem !important;
        width: 6.75rem !important
    }
    .svg-icon.svg-icon-sm-7x svg {
        height: 7rem !important;
        width: 7rem !important
    }
    .svg-icon.svg-icon-sm-7qx svg {
        height: 7.25rem !important;
        width: 7.25rem !important
    }
    .svg-icon.svg-icon-sm-7hx svg {
        height: 7.5rem !important;
        width: 7.5rem !important
    }
    .svg-icon.svg-icon-sm-7tx svg {
        height: 7.75rem !important;
        width: 7.75rem !important
    }
}

@media (min-width:768px) {
    .svg-icon.svg-icon-md-1 svg {
        height: 1.75rem !important;
        width: 1.75rem !important
    }
    .svg-icon.svg-icon-md-2 svg {
        height: 1.5rem !important;
        width: 1.5rem !important
    }
    .svg-icon.svg-icon-md-3 svg {
        height: 1.35rem !important;
        width: 1.35rem !important
    }
    .svg-icon.svg-icon-md-4 svg {
        height: 1.25rem !important;
        width: 1.25rem !important
    }
    .svg-icon.svg-icon-md-5 svg {
        height: 1.15rem !important;
        width: 1.15rem !important
    }
    .svg-icon.svg-icon-md-6 svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-md-7 svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-md-8 svg {
        height: .85rem !important;
        width: .85rem !important
    }
    .svg-icon.svg-icon-md-9 svg {
        height: .75rem !important;
        width: .75rem !important
    }
    .svg-icon.svg-icon-md-10 svg {
        height: .5rem !important;
        width: .5rem !important
    }
    .svg-icon.svg-icon-md-sm svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-md-base svg {
        height: 1rem !important;
        width: 1rem !important
    }
    .svg-icon.svg-icon-md-lg svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-md-fluid svg {
        height: 100% !important;
        width: 100% !important
    }
    .svg-icon.svg-icon-md-2x svg {
        height: 2rem !important;
        width: 2rem !important
    }
    .svg-icon.svg-icon-md-2qx svg {
        height: 2.25rem !important;
        width: 2.25rem !important
    }
    .svg-icon.svg-icon-md-2hx svg {
        height: 2.5rem !important;
        width: 2.5rem !important
    }
    .svg-icon.svg-icon-md-2tx svg {
        height: 2.75rem !important;
        width: 2.75rem !important
    }
    .svg-icon.svg-icon-md-3x svg {
        height: 3rem !important;
        width: 3rem !important
    }
    .svg-icon.svg-icon-md-3qx svg {
        height: 3.25rem !important;
        width: 3.25rem !important
    }
    .svg-icon.svg-icon-md-3hx svg {
        height: 3.5rem !important;
        width: 3.5rem !important
    }
    .svg-icon.svg-icon-md-3tx svg {
        height: 3.75rem !important;
        width: 3.75rem !important
    }
    .svg-icon.svg-icon-md-4x svg {
        height: 4rem !important;
        width: 4rem !important
    }
    .svg-icon.svg-icon-md-4qx svg {
        height: 4.25rem !important;
        width: 4.25rem !important
    }
    .svg-icon.svg-icon-md-4hx svg {
        height: 4.5rem !important;
        width: 4.5rem !important
    }
    .svg-icon.svg-icon-md-4tx svg {
        height: 4.75rem !important;
        width: 4.75rem !important
    }
    .svg-icon.svg-icon-md-5x svg {
        height: 5rem !important;
        width: 5rem !important
    }
    .svg-icon.svg-icon-md-5qx svg {
        height: 5.25rem !important;
        width: 5.25rem !important
    }
    .svg-icon.svg-icon-md-5hx svg {
        height: 5.5rem !important;
        width: 5.5rem !important
    }
    .svg-icon.svg-icon-md-5tx svg {
        height: 5.75rem !important;
        width: 5.75rem !important
    }
    .svg-icon.svg-icon-md-6x svg {
        height: 6rem !important;
        width: 6rem !important
    }
    .svg-icon.svg-icon-md-6qx svg {
        height: 6.25rem !important;
        width: 6.25rem !important
    }
    .svg-icon.svg-icon-md-6hx svg {
        height: 6.5rem !important;
        width: 6.5rem !important
    }
    .svg-icon.svg-icon-md-6tx svg {
        height: 6.75rem !important;
        width: 6.75rem !important
    }
    .svg-icon.svg-icon-md-7x svg {
        height: 7rem !important;
        width: 7rem !important
    }
    .svg-icon.svg-icon-md-7qx svg {
        height: 7.25rem !important;
        width: 7.25rem !important
    }
    .svg-icon.svg-icon-md-7hx svg {
        height: 7.5rem !important;
        width: 7.5rem !important
    }
    .svg-icon.svg-icon-md-7tx svg {
        height: 7.75rem !important;
        width: 7.75rem !important
    }
}

@media (min-width:992px) {
    .svg-icon.svg-icon-lg-1 svg {
        height: 1.75rem !important;
        width: 1.75rem !important
    }
    .svg-icon.svg-icon-lg-2 svg {
        height: 1.5rem !important;
        width: 1.5rem !important
    }
    .svg-icon.svg-icon-lg-3 svg {
        height: 1.35rem !important;
        width: 1.35rem !important
    }
    .svg-icon.svg-icon-lg-4 svg {
        height: 1.25rem !important;
        width: 1.25rem !important
    }
    .svg-icon.svg-icon-lg-5 svg {
        height: 1.15rem !important;
        width: 1.15rem !important
    }
    .svg-icon.svg-icon-lg-6 svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-lg-7 svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-lg-8 svg {
        height: .85rem !important;
        width: .85rem !important
    }
    .svg-icon.svg-icon-lg-9 svg {
        height: .75rem !important;
        width: .75rem !important
    }
    .svg-icon.svg-icon-lg-10 svg {
        height: .5rem !important;
        width: .5rem !important
    }
    .svg-icon.svg-icon-lg-sm svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-lg-base svg {
        height: 1rem !important;
        width: 1rem !important
    }
    .svg-icon.svg-icon-lg-lg svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-lg-fluid svg {
        height: 100% !important;
        width: 100% !important
    }
    .svg-icon.svg-icon-lg-2x svg {
        height: 2rem !important;
        width: 2rem !important
    }
    .svg-icon.svg-icon-lg-2qx svg {
        height: 2.25rem !important;
        width: 2.25rem !important
    }
    .svg-icon.svg-icon-lg-2hx svg {
        height: 2.5rem !important;
        width: 2.5rem !important
    }
    .svg-icon.svg-icon-lg-2tx svg {
        height: 2.75rem !important;
        width: 2.75rem !important
    }
    .svg-icon.svg-icon-lg-3x svg {
        height: 3rem !important;
        width: 3rem !important
    }
    .svg-icon.svg-icon-lg-3qx svg {
        height: 3.25rem !important;
        width: 3.25rem !important
    }
    .svg-icon.svg-icon-lg-3hx svg {
        height: 3.5rem !important;
        width: 3.5rem !important
    }
    .svg-icon.svg-icon-lg-3tx svg {
        height: 3.75rem !important;
        width: 3.75rem !important
    }
    .svg-icon.svg-icon-lg-4x svg {
        height: 4rem !important;
        width: 4rem !important
    }
    .svg-icon.svg-icon-lg-4qx svg {
        height: 4.25rem !important;
        width: 4.25rem !important
    }
    .svg-icon.svg-icon-lg-4hx svg {
        height: 4.5rem !important;
        width: 4.5rem !important
    }
    .svg-icon.svg-icon-lg-4tx svg {
        height: 4.75rem !important;
        width: 4.75rem !important
    }
    .svg-icon.svg-icon-lg-5x svg {
        height: 5rem !important;
        width: 5rem !important
    }
    .svg-icon.svg-icon-lg-5qx svg {
        height: 5.25rem !important;
        width: 5.25rem !important
    }
    .svg-icon.svg-icon-lg-5hx svg {
        height: 5.5rem !important;
        width: 5.5rem !important
    }
    .svg-icon.svg-icon-lg-5tx svg {
        height: 5.75rem !important;
        width: 5.75rem !important
    }
    .svg-icon.svg-icon-lg-6x svg {
        height: 6rem !important;
        width: 6rem !important
    }
    .svg-icon.svg-icon-lg-6qx svg {
        height: 6.25rem !important;
        width: 6.25rem !important
    }
    .svg-icon.svg-icon-lg-6hx svg {
        height: 6.5rem !important;
        width: 6.5rem !important
    }
    .svg-icon.svg-icon-lg-6tx svg {
        height: 6.75rem !important;
        width: 6.75rem !important
    }
    .svg-icon.svg-icon-lg-7x svg {
        height: 7rem !important;
        width: 7rem !important
    }
    .svg-icon.svg-icon-lg-7qx svg {
        height: 7.25rem !important;
        width: 7.25rem !important
    }
    .svg-icon.svg-icon-lg-7hx svg {
        height: 7.5rem !important;
        width: 7.5rem !important
    }
    .svg-icon.svg-icon-lg-7tx svg {
        height: 7.75rem !important;
        width: 7.75rem !important
    }
}

@media (min-width:1200px) {
    .svg-icon.svg-icon-xl-1 svg {
        height: 1.75rem !important;
        width: 1.75rem !important
    }
    .svg-icon.svg-icon-xl-2 svg {
        height: 1.5rem !important;
        width: 1.5rem !important
    }
    .svg-icon.svg-icon-xl-3 svg {
        height: 1.35rem !important;
        width: 1.35rem !important
    }
    .svg-icon.svg-icon-xl-4 svg {
        height: 1.25rem !important;
        width: 1.25rem !important
    }
    .svg-icon.svg-icon-xl-5 svg {
        height: 1.15rem !important;
        width: 1.15rem !important
    }
    .svg-icon.svg-icon-xl-6 svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-xl-7 svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-xl-8 svg {
        height: .85rem !important;
        width: .85rem !important
    }
    .svg-icon.svg-icon-xl-9 svg {
        height: .75rem !important;
        width: .75rem !important
    }
    .svg-icon.svg-icon-xl-10 svg {
        height: .5rem !important;
        width: .5rem !important
    }
    .svg-icon.svg-icon-xl-sm svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-xl-base svg {
        height: 1rem !important;
        width: 1rem !important
    }
    .svg-icon.svg-icon-xl-lg svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-xl-fluid svg {
        height: 100% !important;
        width: 100% !important
    }
    .svg-icon.svg-icon-xl-2x svg {
        height: 2rem !important;
        width: 2rem !important
    }
    .svg-icon.svg-icon-xl-2qx svg {
        height: 2.25rem !important;
        width: 2.25rem !important
    }
    .svg-icon.svg-icon-xl-2hx svg {
        height: 2.5rem !important;
        width: 2.5rem !important
    }
    .svg-icon.svg-icon-xl-2tx svg {
        height: 2.75rem !important;
        width: 2.75rem !important
    }
    .svg-icon.svg-icon-xl-3x svg {
        height: 3rem !important;
        width: 3rem !important
    }
    .svg-icon.svg-icon-xl-3qx svg {
        height: 3.25rem !important;
        width: 3.25rem !important
    }
    .svg-icon.svg-icon-xl-3hx svg {
        height: 3.5rem !important;
        width: 3.5rem !important
    }
    .svg-icon.svg-icon-xl-3tx svg {
        height: 3.75rem !important;
        width: 3.75rem !important
    }
    .svg-icon.svg-icon-xl-4x svg {
        height: 4rem !important;
        width: 4rem !important
    }
    .svg-icon.svg-icon-xl-4qx svg {
        height: 4.25rem !important;
        width: 4.25rem !important
    }
    .svg-icon.svg-icon-xl-4hx svg {
        height: 4.5rem !important;
        width: 4.5rem !important
    }
    .svg-icon.svg-icon-xl-4tx svg {
        height: 4.75rem !important;
        width: 4.75rem !important
    }
    .svg-icon.svg-icon-xl-5x svg {
        height: 5rem !important;
        width: 5rem !important
    }
    .svg-icon.svg-icon-xl-5qx svg {
        height: 5.25rem !important;
        width: 5.25rem !important
    }
    .svg-icon.svg-icon-xl-5hx svg {
        height: 5.5rem !important;
        width: 5.5rem !important
    }
    .svg-icon.svg-icon-xl-5tx svg {
        height: 5.75rem !important;
        width: 5.75rem !important
    }
    .svg-icon.svg-icon-xl-6x svg {
        height: 6rem !important;
        width: 6rem !important
    }
    .svg-icon.svg-icon-xl-6qx svg {
        height: 6.25rem !important;
        width: 6.25rem !important
    }
    .svg-icon.svg-icon-xl-6hx svg {
        height: 6.5rem !important;
        width: 6.5rem !important
    }
    .svg-icon.svg-icon-xl-6tx svg {
        height: 6.75rem !important;
        width: 6.75rem !important
    }
    .svg-icon.svg-icon-xl-7x svg {
        height: 7rem !important;
        width: 7rem !important
    }
    .svg-icon.svg-icon-xl-7qx svg {
        height: 7.25rem !important;
        width: 7.25rem !important
    }
    .svg-icon.svg-icon-xl-7hx svg {
        height: 7.5rem !important;
        width: 7.5rem !important
    }
    .svg-icon.svg-icon-xl-7tx svg {
        height: 7.75rem !important;
        width: 7.75rem !important
    }
}

@media (min-width:1400px) {
    .svg-icon.svg-icon-xxl-1 svg {
        height: 1.75rem !important;
        width: 1.75rem !important
    }
    .svg-icon.svg-icon-xxl-2 svg {
        height: 1.5rem !important;
        width: 1.5rem !important
    }
    .svg-icon.svg-icon-xxl-3 svg {
        height: 1.35rem !important;
        width: 1.35rem !important
    }
    .svg-icon.svg-icon-xxl-4 svg {
        height: 1.25rem !important;
        width: 1.25rem !important
    }
    .svg-icon.svg-icon-xxl-5 svg {
        height: 1.15rem !important;
        width: 1.15rem !important
    }
    .svg-icon.svg-icon-xxl-6 svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-xxl-7 svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-xxl-8 svg {
        height: .85rem !important;
        width: .85rem !important
    }
    .svg-icon.svg-icon-xxl-9 svg {
        height: .75rem !important;
        width: .75rem !important
    }
    .svg-icon.svg-icon-xxl-10 svg {
        height: .5rem !important;
        width: .5rem !important
    }
    .svg-icon.svg-icon-xxl-sm svg {
        height: .95rem !important;
        width: .95rem !important
    }
    .svg-icon.svg-icon-xxl-base svg {
        height: 1rem !important;
        width: 1rem !important
    }
    .svg-icon.svg-icon-xxl-lg svg {
        height: 1.075rem !important;
        width: 1.075rem !important
    }
    .svg-icon.svg-icon-xxl-fluid svg {
        height: 100% !important;
        width: 100% !important
    }
    .svg-icon.svg-icon-xxl-2x svg {
        height: 2rem !important;
        width: 2rem !important
    }
    .svg-icon.svg-icon-xxl-2qx svg {
        height: 2.25rem !important;
        width: 2.25rem !important
    }
    .svg-icon.svg-icon-xxl-2hx svg {
        height: 2.5rem !important;
        width: 2.5rem !important
    }
    .svg-icon.svg-icon-xxl-2tx svg {
        height: 2.75rem !important;
        width: 2.75rem !important
    }
    .svg-icon.svg-icon-xxl-3x svg {
        height: 3rem !important;
        width: 3rem !important
    }
    .svg-icon.svg-icon-xxl-3qx svg {
        height: 3.25rem !important;
        width: 3.25rem !important
    }
    .svg-icon.svg-icon-xxl-3hx svg {
        height: 3.5rem !important;
        width: 3.5rem !important
    }
    .svg-icon.svg-icon-xxl-3tx svg {
        height: 3.75rem !important;
        width: 3.75rem !important
    }
    .svg-icon.svg-icon-xxl-4x svg {
        height: 4rem !important;
        width: 4rem !important
    }
    .svg-icon.svg-icon-xxl-4qx svg {
        height: 4.25rem !important;
        width: 4.25rem !important
    }
    .svg-icon.svg-icon-xxl-4hx svg {
        height: 4.5rem !important;
        width: 4.5rem !important
    }
    .svg-icon.svg-icon-xxl-4tx svg {
        height: 4.75rem !important;
        width: 4.75rem !important
    }
    .svg-icon.svg-icon-xxl-5x svg {
        height: 5rem !important;
        width: 5rem !important
    }
    .svg-icon.svg-icon-xxl-5qx svg {
        height: 5.25rem !important;
        width: 5.25rem !important
    }
    .svg-icon.svg-icon-xxl-5hx svg {
        height: 5.5rem !important;
        width: 5.5rem !important
    }
    .svg-icon.svg-icon-xxl-5tx svg {
        height: 5.75rem !important;
        width: 5.75rem !important
    }
    .svg-icon.svg-icon-xxl-6x svg {
        height: 6rem !important;
        width: 6rem !important
    }
    .svg-icon.svg-icon-xxl-6qx svg {
        height: 6.25rem !important;
        width: 6.25rem !important
    }
    .svg-icon.svg-icon-xxl-6hx svg {
        height: 6.5rem !important;
        width: 6.5rem !important
    }
    .svg-icon.svg-icon-xxl-6tx svg {
        height: 6.75rem !important;
        width: 6.75rem !important
    }
    .svg-icon.svg-icon-xxl-7x svg {
        height: 7rem !important;
        width: 7rem !important
    }
    .svg-icon.svg-icon-xxl-7qx svg {
        height: 7.25rem !important;
        width: 7.25rem !important
    }
    .svg-icon.svg-icon-xxl-7hx svg {
        height: 7.5rem !important;
        width: 7.5rem !important
    }
    .svg-icon.svg-icon-xxl-7tx svg {
        height: 7.75rem !important;
        width: 7.75rem !important
    }
}

.fixed-top {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0
}

@media (min-width:576px) {
    .fixed-top-sm {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        right: 0
    }
}

@media (min-width:768px) {
    .fixed-top-md {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        right: 0
    }
}

@media (min-width:992px) {
    .fixed-top-lg {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        right: 0
    }
}

@media (min-width:1200px) {
    .fixed-top-xl {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        right: 0
    }
}

@media (min-width:1400px) {
    .fixed-top-xxl {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        right: 0
    }
}

.timeline .timeline-item {
    position: relative;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start
}

.timeline .timeline-item:last-child .timeline-line {
    bottom: 100%
}

.timeline .timeline-line {
    display: block;
    content: " ";
    justify-content: center;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translate(50%);
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: var(--bs-gray-300)
}

.timeline .timeline-line-solid {
    border-left-style: solid !important
}

.timeline .timeline-icon {
    z-index: 1;
    flex-shrink: 0;
    margin-right: 1rem
}

.timeline .timeline-content {
    width: 100%;
    overflow: auto;
    margin-bottom: 1.5rem
}

.timeline.timeline-center .timeline-item {
    align-items: center
}

.timeline.timeline-center .timeline-item:first-child .timeline-line {
    top: 50%
}

.timeline.timeline-center .timeline-item:last-child .timeline-line {
    bottom: 50%
}

.timeline-label {
    position: relative
}

.timeline-label:before {
    content: "";
    position: absolute;
    left: 51px;
    width: 3px;
    top: 0;
    bottom: 0;
    background-color: var(--bs-gray-200)
}

.timeline-label .timeline-item {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 1.7rem
}

.timeline-label .timeline-item:last-child {
    margin-bottom: 0
}

.timeline-label .timeline-label {
    width: 50px;
    flex-shrink: 0;
    position: relative;
    color: var(--bs-gray-800)
}

.timeline-label .timeline-badge {
    flex-shrink: 0;
    background-color: var(--bs-body-bg);
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
    margin-top: 1px;
    margin-left: -.5rem;
    padding: 3px !important;
    border: 6px solid var(--bs-body-bg) !important
}

.timeline-label .timeline-content {
    flex-grow: 1
}

.overlay {
    position: relative
}

.overlay .overlay-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-overlay-bg);
    transition: all .3s ease;
    opacity: 0
}

.overlay.overlay-block .overlay-layer,
.overlay.overlay-show .overlay-layer,
.overlay:hover .overlay-layer {
    transition: all .3s ease;
    opacity: 1
}

.overlay.overlay-block {
    cursor: wait
}

.bullet {
    display: inline-block;
    background-color: var(--bs-bullet-bg-color);
    border-radius: 6px;
    width: 8px;
    height: 4px;
    flex-shrink: 0
}

.bullet-dot {
    width: 4px;
    height: 4px;
    border-radius: 100% !important
}

.bullet-vertical {
    width: 4px;
    height: 8px
}

.bullet-line {
    width: 5px;
    height: 1px;
    border-radius: 0
}

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

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

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

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

.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 109;
    background-color: var(--bs-drawer-overlay-bg-color);
    animation: animation-drawer-fade-in .3s ease-in-out 1
}

[data-kt-drawer=true] {
    display: none
}

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

@media (max-width:991.98px) {
    body[data-kt-drawer=on] {
        overflow: hidden
    }
}

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

.badge.badge-circle,
.badge.badge-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    min-width: 1.75rem;
    padding: 0 .1rem;
    line-height: 0
}

.badge.badge-circle {
    border-radius: 50%;
    padding: 0;
    min-width: unset;
    width: 1.75rem
}

.badge.badge-sm {
    min-width: 1.5rem;
    font-size: .8rem
}

.badge.badge-sm.badge-square {
    height: 1.5rem
}

.badge.badge-sm.badge-circle {
    width: 1.5rem;
    height: 1.5rem
}

.badge.badge-lg {
    min-width: 2rem;
    font-size: 1rem
}

.badge.badge-lg.badge-square {
    height: 2rem
}

.badge.badge-lg.badge-circle {
    width: 2rem;
    height: 2rem
}

.badge-light {
    color: var(--bs-light-inverse);
    background-color: var(--bs-light)
}

.badge-light.badge-outline {
    border: 1px solid var(--bs-light);
    color: var(--bs-light);
    background-color: transparent
}

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

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

.badge-primary.badge-outline {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
    background-color: transparent
}

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

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

.badge-secondary.badge-outline {
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);
    background-color: transparent
}

.badge-light-secondary {
    color: var(--bs-secondary);
    background-color: var(--bs-secondary-light)
}

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

.badge-success.badge-outline {
    border: 1px solid var(--bs-success);
    color: var(--bs-success);
    background-color: transparent
}

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

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

.badge-info.badge-outline {
    border: 1px solid var(--bs-info);
    color: var(--bs-info);
    background-color: transparent
}

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

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

.badge-warning.badge-outline {
    border: 1px solid var(--bs-warning);
    color: var(--bs-warning);
    background-color: transparent
}

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

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

.badge-danger.badge-outline {
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger);
    background-color: transparent
}

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

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

.badge-dark.badge-outline {
    border: 1px solid var(--bs-dark);
    color: var(--bs-dark);
    background-color: transparent
}

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

.indicator-progress {
    display: none
}

[data-kt-indicator=on]>.indicator-progress {
    display: inline-block
}

[data-kt-indicator=on]>.indicator-label {
    display: none
}

.hover-elevate-up {
    transition: transform .3s ease
}

.hover-elevate-up:hover {
    transform: translateY(-2.5%);
    transition: transform .3s ease;
    will-change: transform
}

.hover-elevate-down {
    transition: transform .3s ease
}

.hover-elevate-down:hover {
    transform: translateY(2.5%);
    transition: transform .3s ease;
    will-change: transform
}

.hover-scale {
    transition: transform .3s ease
}

.hover-scale:hover {
    transform: scale(1.1);
    transition: transform .3s ease;
    will-change: transform
}

.hover-rotate-end {
    transition: transform .3s ease
}

.hover-rotate-end:hover {
    transform: rotate(4deg);
    transition: transform .3s ease;
    will-change: transform
}

.hover-rotate-start {
    transition: transform .3s ease
}

.hover-rotate-start:hover {
    transform: rotate(-4deg);
    transition: transform .3s ease;
    will-change: transform
}

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

.rotate-90 {
    transition: transform .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.active>.rotate-90,
.collapsible:not(.collapsed)>.rotate-90,
.show>.rotate-90 {
    transform: rotateZ(90deg);
    transition: transform .3s ease
}

[direction=rtl] .active>.rotate-90,
[direction=rtl] .collapsible:not(.collapsed)>.rotate-90,
[direction=rtl] .show>.rotate-90 {
    transform: rotateZ(-90deg)
}

.rotate-n90 {
    transition: transform .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.active>.rotate-n90,
.collapsible:not(.collapsed)>.rotate-n90,
.show>.rotate-n90 {
    transform: rotateZ(-90deg);
    transition: transform .3s ease
}

[direction=rtl] .active>.rotate-n90,
[direction=rtl] .collapsible:not(.collapsed)>.rotate-n90,
[direction=rtl] .show>.rotate-n90 {
    transform: rotateZ(90deg)
}

.rotate-180 {
    transition: transform .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.active>.rotate-180,
.collapsible:not(.collapsed)>.rotate-180,
.show>.rotate-180 {
    transform: rotateZ(180deg);
    transition: transform .3s ease
}

[direction=rtl] .active>.rotate-180,
[direction=rtl] .collapsible:not(.collapsed)>.rotate-180,
[direction=rtl] .show>.rotate-180 {
    transform: rotateZ(-180deg)
}

.rotate-n180 {
    transition: transform .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.active>.rotate-n180,
.collapsible:not(.collapsed)>.rotate-n180,
.show>.rotate-n180 {
    transform: rotateZ(-180deg);
    transition: transform .3s ease
}

[direction=rtl] .active>.rotate-n180,
[direction=rtl] .collapsible:not(.collapsed)>.rotate-n180,
[direction=rtl] .show>.rotate-n180 {
    transform: rotateZ(180deg)
}

.rotate-270 {
    transition: transform .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.active>.rotate-270,
.collapsible:not(.collapsed)>.rotate-270,
.show>.rotate-270 {
    transform: rotateZ(270deg);
    transition: transform .3s ease
}

[direction=rtl] .active>.rotate-270,
[direction=rtl] .collapsible:not(.collapsed)>.rotate-270,
[direction=rtl] .show>.rotate-270 {
    transform: rotateZ(-270deg)
}

.rotate-n270 {
    transition: transform .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.active>.rotate-n270,
.collapsible:not(.collapsed)>.rotate-n270,
.show>.rotate-n270 {
    transform: rotateZ(-270deg);
    transition: transform .3s ease
}

[direction=rtl] .active>.rotate-n270,
[direction=rtl] .collapsible:not(.collapsed)>.rotate-n270,
[direction=rtl] .show>.rotate-n270 {
    transform: rotateZ(270deg)
}

@media (min-width:992px) {
    div,
    main,
    ol,
    pre,
    span,
    ul {
        scrollbar-width: thin;
        scrollbar-color: var(--bs-scrollbar-color) transparent
    }
    div::-webkit-scrollbar,
    main::-webkit-scrollbar,
    ol::-webkit-scrollbar,
    pre::-webkit-scrollbar,
    span::-webkit-scrollbar,
    ul::-webkit-scrollbar {
        width: var(--bs-scrollbar-size);
        height: var(--bs-scrollbar-size)
    }
    div ::-webkit-scrollbar-track,
    main ::-webkit-scrollbar-track,
    ol ::-webkit-scrollbar-track,
    pre ::-webkit-scrollbar-track,
    span ::-webkit-scrollbar-track,
    ul ::-webkit-scrollbar-track {
        background-color: transparent
    }
    div ::-webkit-scrollbar-thumb,
    main ::-webkit-scrollbar-thumb,
    ol ::-webkit-scrollbar-thumb,
    pre ::-webkit-scrollbar-thumb,
    span ::-webkit-scrollbar-thumb,
    ul ::-webkit-scrollbar-thumb {
        border-radius: var(--bs-scrollbar-size)
    }
    div::-webkit-scrollbar-thumb,
    main::-webkit-scrollbar-thumb,
    ol::-webkit-scrollbar-thumb,
    pre::-webkit-scrollbar-thumb,
    span::-webkit-scrollbar-thumb,
    ul::-webkit-scrollbar-thumb {
        background-color: var(--bs-scrollbar-color)
    }
    div::-webkit-scrollbar-corner,
    main::-webkit-scrollbar-corner,
    ol::-webkit-scrollbar-corner,
    pre::-webkit-scrollbar-corner,
    span::-webkit-scrollbar-corner,
    ul::-webkit-scrollbar-corner {
        background-color: transparent
    }
    div:hover,
    main:hover,
    ol:hover,
    pre:hover,
    span:hover,
    ul:hover {
        scrollbar-color: var(--bs-scrollbar-hover-color) transparent
    }
    div:hover::-webkit-scrollbar-thumb,
    main:hover::-webkit-scrollbar-thumb,
    ol:hover::-webkit-scrollbar-thumb,
    pre:hover::-webkit-scrollbar-thumb,
    span:hover::-webkit-scrollbar-thumb,
    ul:hover::-webkit-scrollbar-thumb {
        background-color: var(--bs-scrollbar-hover-color)
    }
    div:hover::-webkit-scrollbar-corner,
    main:hover::-webkit-scrollbar-corner,
    ol:hover::-webkit-scrollbar-corner,
    pre:hover::-webkit-scrollbar-corner,
    span:hover::-webkit-scrollbar-corner,
    ul:hover::-webkit-scrollbar-corner {
        background-color: transparent
    }
}

.hover-scroll,
.hover-scroll-overlay,
.scroll {
    overflow: scroll;
    position: relative
}

@media (max-width:991.98px) {
    .hover-scroll,
    .hover-scroll-overlay,
    .scroll {
        overflow: auto
    }
}

.hover-scroll-overlay-x,
.hover-scroll-x,
.scroll-x {
    overflow-x: scroll;
    position: relative
}

@media (max-width:991.98px) {
    .hover-scroll-overlay-x,
    .hover-scroll-x,
    .scroll-x {
        overflow-x: auto
    }
}

.hover-scroll-overlay-y,
.hover-scroll-y,
.scroll-y {
    overflow-y: scroll;
    position: relative
}

@media (max-width:991.98px) {
    .hover-scroll-overlay-y,
    .hover-scroll-y,
    .scroll-y {
        overflow-y: auto
    }
}

.hover-scroll,
.hover-scroll-overlay,
.hover-scroll-overlay-x,
.hover-scroll-overlay-y,
.hover-scroll-x,
.hover-scroll-y {
    scrollbar-color: transparent transparent
}

.hover-scroll-overlay-x::-webkit-scrollbar-thumb,
.hover-scroll-overlay-y::-webkit-scrollbar-thumb,
.hover-scroll-overlay::-webkit-scrollbar-thumb,
.hover-scroll-x::-webkit-scrollbar-thumb,
.hover-scroll-y::-webkit-scrollbar-thumb,
.hover-scroll::-webkit-scrollbar-thumb {
    background-color: transparent
}

.hover-scroll-overlay-x::-webkit-scrollbar-corner,
.hover-scroll-overlay-y::-webkit-scrollbar-corner,
.hover-scroll-overlay::-webkit-scrollbar-corner,
.hover-scroll-x::-webkit-scrollbar-corner,
.hover-scroll-y::-webkit-scrollbar-corner,
.hover-scroll::-webkit-scrollbar-corner {
    background-color: transparent
}

.hover-scroll-overlay-x:hover,
.hover-scroll-overlay-y:hover,
.hover-scroll-overlay:hover,
.hover-scroll-x:hover,
.hover-scroll-y:hover,
.hover-scroll:hover {
    scrollbar-color: var(--bs-scrollbar-color) transparent
}

.hover-scroll-overlay-x:hover::-webkit-scrollbar-thumb,
.hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb,
.hover-scroll-overlay:hover::-webkit-scrollbar-thumb,
.hover-scroll-x:hover::-webkit-scrollbar-thumb,
.hover-scroll-y:hover::-webkit-scrollbar-thumb,
.hover-scroll:hover::-webkit-scrollbar-thumb {
    background-color: var(--bs-scrollbar-color)
}

.hover-scroll-overlay-x:hover::-webkit-scrollbar-corner,
.hover-scroll-overlay-y:hover::-webkit-scrollbar-corner,
.hover-scroll-overlay:hover::-webkit-scrollbar-corner,
.hover-scroll-x:hover::-webkit-scrollbar-corner,
.hover-scroll-y:hover::-webkit-scrollbar-corner,
.hover-scroll:hover::-webkit-scrollbar-corner {
    background-color: transparent
}

.scroll-ps {
    padding-left: var(--bs-scrollbar-size) !important
}

.scroll-ms {
    margin-left: var(--bs-scrollbar-size) !important
}

.scroll-mb {
    margin-bottom: var(--bs-scrollbar-size) !important
}

.scroll-pe {
    padding-right: var(--bs-scrollbar-size) !important
}

.scroll-me {
    margin-right: var(--bs-scrollbar-size) !important
}

.scroll-px {
    padding-left: var(--bs-scrollbar-size) !important;
    padding-right: var(--bs-scrollbar-size) !important
}

.scroll-mx {
    margin-left: var(--bs-scrollbar-size) !important;
    margin-right: var(--bs-scrollbar-size) !important
}

.rating {
    display: flex;
    align-items: center
}

.rating-input {
    position: absolute !important;
    left: -9999px !important
}

.rating-input[disabled] {
    display: none
}

.rating-label {
    padding: 0;
    margin: 0
}

.rating-label>.svg-icon,
.rating-label>i {
    line-height: 1;
    color: var(--bs-rating-color-default)
}

label.rating-label {
    cursor: pointer
}

div.rating-label.checked>.svg-icon,
div.rating-label.checked>i,
label.rating-label>.svg-icon,
label.rating-label>i {
    color: var(--bs-rating-color-active)
}

.rating-input:checked~.rating-label>.svg-icon,
.rating-input:checked~.rating-label>i {
    color: var(--bs-rating-color-default)
}

.rating:hover label.rating-label>.svg-icon,
.rating:hover label.rating-label>i {
    color: var(--bs-rating-color-active)
}

label.rating-label:hover~.rating-label {
    color: var(--bs-rating-color-default)
}

label.rating-label:hover~.rating-label>.svg-icon,
label.rating-label:hover~.rating-label>i {
    color: var(--bs-rating-color-default)
}

.stepper [data-kt-stepper-element=content],
.stepper [data-kt-stepper-element=info] {
    display: none
}

.stepper [data-kt-stepper-element=content].current,
.stepper [data-kt-stepper-element=info].current {
    display: flex
}

.stepper .stepper-item[data-kt-stepper-action=step] {
    cursor: pointer
}

.stepper [data-kt-stepper-action=final] {
    display: none
}

.stepper [data-kt-stepper-action=previous] {
    display: none
}

.stepper [data-kt-stepper-action=next] {
    display: inline-block
}

.stepper [data-kt-stepper-action=submit] {
    display: none
}

.stepper.first [data-kt-stepper-action=previous] {
    display: none
}

.stepper.first [data-kt-stepper-action=next] {
    display: inline-block
}

.stepper.first [data-kt-stepper-action=submit] {
    display: none
}

.stepper.between [data-kt-stepper-action=previous] {
    display: inline-block
}

.stepper.between [data-kt-stepper-action=next] {
    display: inline-block
}

.stepper.between [data-kt-stepper-action=submit] {
    display: none
}

.stepper.last [data-kt-stepper-action=final] {
    display: inline-block
}

.stepper.last [data-kt-stepper-action=final].btn-flex {
    display: flex
}

.stepper.last [data-kt-stepper-action=previous] {
    display: inline-block
}

.stepper.last [data-kt-stepper-action=previous].btn-flex {
    display: flex
}

.stepper.last [data-kt-stepper-action=next] {
    display: none
}

.stepper.last [data-kt-stepper-action=next].btn-flex {
    display: flex
}

.stepper.last [data-kt-stepper-action=submit] {
    display: inline-block
}

.stepper.last [data-kt-stepper-action=submit].btn-flex {
    display: flex
}

.stepper.stepper-pills {
    --bs-stepper-pills-size: 40px;
    --bs-stepper-icon-border-radius: 9px;
    --bs-stepper-icon-check-size: 1rem;
    --bs-stepper-icon-bg-color: var(--bs-primary-light);
    --bs-stepper-icon-bg-color-current: var(--bs-primary);
    --bs-stepper-icon-bg-color-completed: var(--bs-primary-light);
    --bs-stepper-icon-border: 0;
    --bs-stepper-icon-border-current: 0;
    --bs-stepper-icon-border-completed: 0;
    --bs-stepper-icon-number-color: var(--bs-primary);
    --bs-stepper-icon-number-color-current: var(--bs-white);
    --bs-stepper-icon-check-color-completed: var(--bs-primary);
    --bs-stepper-label-title-opacity: 1;
    --bs-stepper-label-title-opacity-current: 1;
    --bs-stepper-label-title-opacity-completed: 1;
    --bs-stepper-label-title-color: var(--bs-gray-800);
    --bs-stepper-label-title-color-current: var(--bs-gray-600);
    --bs-stepper-label-title-color-completed: var(--bs-text-muted);
    --bs-stepper-label-desc-opacity: 1;
    --bs-stepper-label-desc-opacity-current: 1;
    --bs-stepper-label-desc-opacity-completed: 1;
    --bs-stepper-label-desc-color: var(--bs-text-muted);
    --bs-stepper-label-desc-color-current: var(--bs-gray-400);
    --bs-stepper-label-desc-color-completed: var(--bs-gray-400);
    --bs-stepper-line-border: 1px dashed var(--bs-gray-300)
}

.stepper.stepper-pills .stepper-nav {
    display: flex
}

.stepper.stepper-pills .stepper-item {
    display: flex;
    align-items: center;
    transition: color .2s ease
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color .2s ease;
    width: var(--bs-stepper-pills-size);
    height: var(--bs-stepper-pills-size);
    border-radius: var(--bs-stepper-icon-border-radius);
    background-color: var(--bs-stepper-icon-bg-color);
    border: var(--bs-stepper-icon-border);
    margin-right: 1.5rem
}

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-check {
    display: none;
    font-size: var(--bs-stepper-icon-check-size)
}

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    font-weight: 600;
    color: var(--bs-stepper-icon-number-color);
    font-size: 1.25rem
}

.stepper.stepper-pills .stepper-item .stepper-label {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
    color: var(--bs-stepper-label-title-color);
    opacity: var(--bs-stepper-label-title-opacity);
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: .3rem
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-desc {
    opacity: var(--bs-stepper-label-desc-opacity);
    color: var(--bs-stepper-label-desc-color)
}

.stepper.stepper-pills .stepper-item.current {
    transition: color .2s ease
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    transition: color .2s ease;
    background-color: var(--bs-stepper-icon-bg-color-current);
    border: var(--bs-stepper-icon-border-current)
}

.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-check {
    display: none
}

.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-number {
    color: var(--bs-stepper-icon-number-color-current);
    font-size: 1.35rem
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    opacity: var(--bs-stepper-label-title-opacity-current);
    color: var(--bs-stepper-label-title-color-current)
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
    opacity: var(--bs-stepper-label-desc-opacity-current);
    color: var(--bs-stepper-label-desc-color-current)
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon,
.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon {
    transition: color .2s ease;
    background-color: var(--bs-stepper-icon-bg-color-completed);
    border: var(--bs-stepper-icon-border-completed)
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check,
.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check {
    color: var(--bs-stepper-icon-check-color-completed);
    display: inline-block
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-number,
.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-number {
    display: none
}

.stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title,
.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-label .stepper-title {
    opacity: var(--bs-stepper-label-title-opacity-completed);
    color: var(--bs-stepper-label-title-color-completed)
}

.stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-desc,
.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-label .stepper-desc {
    opacity: var(--bs-stepper-label-desc-opacity-completed);
    color: var(--bs-stepper-label-desc-color-completed)
}

.stepper.stepper-pills.stepper-column .stepper-nav {
    flex-direction: column;
    align-items: start
}

.stepper.stepper-pills.stepper-column .stepper-item {
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
    padding: 0;
    margin: 0
}

.stepper.stepper-pills.stepper-column .stepper-wrapper {
    display: flex;
    align-items: center
}

.stepper.stepper-pills.stepper-column .stepper-icon {
    z-index: 1
}

.stepper.stepper-pills.stepper-column .stepper-line {
    display: block;
    flex-grow: 1;
    margin-left: calc(var(--bs-stepper-pills-size)/ 2);
    border-left: var(--bs-stepper-line-border);
    margin-top: 2px;
    margin-bottom: 2px
}

.stepper.stepper-links .stepper-nav {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.stepper.stepper-links .stepper-nav .stepper-item {
    position: relative;
    flex-shrink: 0;
    margin: 1rem 1.5rem
}

.stepper.stepper-links .stepper-nav .stepper-item:after {
    content: " ";
    position: absolute;
    top: 2.3rem;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: transparent;
    transition: color .2s ease
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-title {
    color: var(--bs-dark);
    font-weight: 600;
    font-size: 1.25rem
}

.stepper.stepper-links .stepper-nav .stepper-item.current {
    transition: color .2s ease
}

.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title {
    color: var(--bs-primary)
}

.stepper.stepper-links .stepper-nav .stepper-item.current:after {
    background-color: var(--bs-primary)
}

.stepper.stepper-links .stepper-nav .stepper-item.completed .stepper-title,
.stepper.stepper-links .stepper-nav .stepper-item.current.mark-completed:last-child .stepper-title {
    color: var(--bs-gray-400)
}

.toggle.active .toggle-off,
.toggle.collapsible:not(.collapsed) .toggle-off {
    display: none
}

.toggle.collapsible.collapsed .toggle-on,
.toggle:not(.collapsible):not(.active) .toggle-on {
    display: none
}

.xehagon {
    clip-path: polygon(45% 1.3397459622%, 46.5797985667% .6030737921%, 48.2635182233% .1519224699%, 50% 0, 51.7364817767% .1519224699%, 53.4202014333% .6030737921%, 55% 1.3397459622%, 89.6410161514% 21.3397459622%, 91.0688922482% 22.3395555688%, 92.3014605826% 23.5721239031%, 93.3012701892% 25%, 94.0379423592% 26.5797985667%, 94.4890936815% 28.2635182233%, 94.6410161514% 30%, 94.6410161514% 70%, 94.4890936815% 71.7364817767%, 94.0379423592% 73.4202014333%, 93.3012701892% 75%, 92.3014605826% 76.4278760969%, 91.0688922482% 77.6604444312%, 89.6410161514% 78.6602540378%, 55% 98.6602540378%, 53.4202014333% 99.3969262079%, 51.7364817767% 99.8480775301%, 50% 100%, 48.2635182233% 99.8480775301%, 46.5797985667% 99.3969262079%, 45% 98.6602540378%, 10.3589838486% 78.6602540378%, 8.9311077518% 77.6604444312%, 7.6985394174% 76.4278760969%, 6.6987298108% 75%, 5.9620576408% 73.4202014333%, 5.5109063185% 71.7364817767%, 5.3589838486% 70%, 5.3589838486% 30%, 5.5109063185% 28.2635182233%, 5.9620576408% 26.5797985667%, 6.6987298108% 25%, 7.6985394174% 23.5721239031%, 8.9311077518% 22.3395555688%, 10.3589838486% 21.3397459622%)
}

.octagon {
    clip-path: polygon(46.1731656763% .7612046749%, 47.411809549% .3407417371%, 48.6947380778% .0855513863%, 50% 0, 51.3052619222% .0855513863%, 52.588190451% .3407417371%, 53.8268343237% .7612046749%, 82.1111055711% 12.4769334274%, 83.2842712475% 13.0554747147%, 84.3718855375% 13.7821953496%, 85.3553390593% 14.6446609407%, 86.2178046504% 15.6281144625%, 86.9445252853% 16.7157287525%, 87.5230665726% 17.8888944289%, 99.2387953251% 46.1731656763%, 99.6592582629% 47.411809549%, 99.9144486137% 48.6947380778%, 100% 50%, 99.9144486137% 51.3052619222%, 99.6592582629% 52.588190451%, 99.2387953251% 53.8268343237%, 87.5230665726% 82.1111055711%, 86.9445252853% 83.2842712475%, 86.2178046504% 84.3718855375%, 85.3553390593% 85.3553390593%, 84.3718855375% 86.2178046504%, 83.2842712475% 86.9445252853%, 82.1111055711% 87.5230665726%, 53.8268343237% 99.2387953251%, 52.588190451% 99.6592582629%, 51.3052619222% 99.9144486137%, 50% 100%, 48.6947380778% 99.9144486137%, 47.411809549% 99.6592582629%, 46.1731656763% 99.2387953251%, 17.8888944289% 87.5230665726%, 16.7157287525% 86.9445252853%, 15.6281144625% 86.2178046504%, 14.6446609407% 85.3553390593%, 13.7821953496% 84.3718855375%, 13.0554747147% 83.2842712475%, 12.4769334274% 82.1111055711%, .7612046749% 53.8268343237%, .3407417371% 52.588190451%, .0855513863% 51.3052619222%, 0 50%, .0855513863% 48.6947380778%, .3407417371% 47.411809549%, .7612046749% 46.1731656763%, 12.4769334274% 17.8888944289%, 13.0554747147% 16.7157287525%, 13.7821953496% 15.6281144625%, 14.6446609407% 14.6446609407%, 15.6281144625% 13.7821953496%, 16.7157287525% 13.0554747147%, 17.8888944289% 12.4769334274%)
}

.ribbon {
    position: relative
}

.ribbon .ribbon-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    background-color: var(--bs-ribbon-label-bg);
    box-shadow: var(--bs-ribbon-label-box-shadow);
    color: var(--bs-primary-inverse);
    top: 50%;
    right: 0;
    transform: translateX(5px) translateY(-50%)
}

.ribbon .ribbon-label>.ribbon-inner {
    z-index: -1;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ribbon .ribbon-label:after {
    border-color: var(--bs-ribbon-label-border-color)
}

.ribbon-vertical .ribbon-label {
    padding: 5px 10px;
    min-width: 36px;
    min-height: 46px;
    text-align: center
}

.ribbon.ribbon-top .ribbon-label {
    top: 0;
    transform: translateX(-15px) translateY(-4px);
    border-bottom-right-radius: .475rem;
    border-bottom-left-radius: .475rem
}

.ribbon.ribbon-bottom .ribbon-label {
    border-top-right-radius: .475rem;
    border-top-left-radius: .475rem
}

.ribbon.ribbon-start .ribbon-label {
    top: 50%;
    left: 0;
    right: auto;
    transform: translateX(-5px) translateY(-50%);
    border-top-right-radius: .475rem;
    border-bottom-right-radius: .475rem
}

.ribbon.ribbon-end .ribbon-label {
    border-top-left-radius: .475rem;
    border-bottom-left-radius: .475rem
}

.ribbon.ribbon-clip.ribbon-start .ribbon-label {
    left: -5px
}

.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner {
    border-top-right-radius: .475rem;
    border-bottom-right-radius: .475rem
}

.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:after,
.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px
}

.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before {
    border-width: 0 10px 10px 0;
    border-right-color: var(--bs-ribbon-clip-bg) !important;
    left: 0
}

.ribbon.ribbon-clip.ribbon-end .ribbon-label {
    right: -5px
}

.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner {
    border-top-left-radius: .475rem;
    border-bottom-left-radius: .475rem
}

.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:after,
.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px
}

.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before {
    border-width: 0 0 10px 10px;
    border-left-color: var(--bs-ribbon-clip-bg) !important;
    right: 0
}

.ribbon.ribbon-triangle {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.ribbon.ribbon-triangle.ribbon-top-start {
    top: 0;
    left: 0;
    width: 4rem;
    height: 4rem;
    border-bottom: solid 2rem transparent !important;
    border-left: solid 2rem transparent;
    border-right: solid 2rem transparent !important;
    border-top: solid 2rem transparent
}

.ribbon.ribbon-triangle.ribbon-top-end {
    top: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    border-bottom: solid 2rem transparent !important;
    border-left: solid 2rem transparent !important;
    border-right: solid 2rem transparent;
    border-top: solid 2rem transparent
}

.ribbon.ribbon-triangle.ribbon-bottom-start {
    bottom: 0;
    left: 0;
    width: 4rem;
    height: 4rem;
    border-bottom: solid 2rem transparent;
    border-left: solid 2rem transparent;
    border-right: solid 2rem transparent !important;
    border-top: solid 2rem transparent !important
}

.ribbon.ribbon-triangle.ribbon-bottom-end {
    bottom: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    border-bottom: solid 2rem transparent;
    border-right: solid 2rem transparent;
    border-left: solid 2rem transparent !important;
    border-top: solid 2rem transparent !important
}

.blockui {
    position: relative
}

.blockui .blockui-overlay {
    transition: all .3s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-blockui-overlay-bg)
}

.blockui .blockui-overlay .spinner-border {
    height: 1.35rem;
    width: 1.35rem
}

.blockui .blockui-message {
    display: flex;
    align-items: center;
    border-radius: .475rem;
    box-shadow: var(--bs-blockui-message-box-shadow);
    background-color: var(--bs-blockui-message-bg);
    color: var(--bs-gray-700);
    font-weight: 600;
    margin: 0 !important;
    width: auto;
    padding: .85rem 1.75rem !important
}

.blockui .blockui-message .spinner-border {
    margin-right: .65rem
}

[data-bs-theme=dark] .blockui {
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-message-bg: #2B2B40;
    --bs-blockui-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15)
}

.explore-btn-toggle {
    color: var(--bs-gray-600);
    background-color: #fff
}

.explore-btn-toggle:active,
.explore-btn-toggle:focus,
.explore-btn-toggle:hover {
    color: #fff;
    background-color: #00b2ff
}

.explore-btn-dismiss {
    border: 0
}

.explore-btn-dismiss:hover .svg-icon,
.explore-btn-dismiss:hover i {
    color: #00b2ff
}

.explore-btn-primary {
    border: 0;
    color: #fff;
    background-color: #00b2ff
}

.explore-btn-primary:hover {
    color: #fff;
    background-color: #0098da
}

.explore-btn-secondary {
    border: 0;
    color: var(--bs-gray-600);
    background-color: var(--bs-gray-100)
}

.explore-btn-secondary:hover {
    color: var(--bs-gray-800);
    background-color: var(--bs-gray-200)
}

.explore-btn-outline {
    border: 1px dashed var(--bs-gray-300) !important
}

.explore-btn-outline.active,
.explore-btn-outline:hover {
    border: 1px dashed #50cd89 !important;
    background-color: #e8fff3
}

.explore-link {
    color: #00b2ff
}

.explore-link:hover {
    color: #0098da
}

.explore-link-hover:hover {
    color: #00b2ff !important
}

.explore-icon-success {
    color: #50cd89
}

.explore-icon-danger {
    color: #f1416c
}

.explore-label-free {
    color: #fff;
    background-color: #ffc700
}

.explore-label-pro {
    color: #fff;
    background-color: #50cd89
}

.app-engage {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 5;
    padding-right: 12px
}

.app-engage .app-engage-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: var(--bs-engage-btn-box-shadow);
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    border-radius: 6px;
    width: 66px;
    height: 70px;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-border-color);
    background-color: var(--bs-engage-btn-bg)
}

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

.app-engage .app-engage-btn.dropdown-toggle:after {
    color: var(--bs-engage-btn-icon-color)
}

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

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

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

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

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

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

.app-engage .app-engage-btn.app-engage-btn-toggle-off {
    width: 35px;
    height: 35px
}

.app-engage .app-engage-btn.app-engage-btn-toggle-on {
    width: 35px;
    height: 35px;
    display: none
}

.app-engage.app-engage-hide .app-engage-btn {
    visibility: hidden
}

.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-off {
    display: none
}

.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-on {
    visibility: visible;
    display: flex
}

.engage-btn {
    display: flex;
    align-items: center;
    height: 35px !important;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-bg);
    background-color: var(--bs-engage-btn-bg)
}

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

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

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

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

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

.cookiealert {
    background: inherit;
    color: inherit
}

@media print {
    .print-content-only {
        padding: 0 !important;
        background: 0 0 !important
    }
    .print-content-only .container,
    .print-content-only .container-fluid,
    .print-content-only .container-lg,
    .print-content-only .container-md,
    .print-content-only .container-sm,
    .print-content-only .container-xl,
    .print-content-only .container-xxl,
    .print-content-only .page,
    .print-content-only .page-title .content,
    .print-content-only .wrapper {
        background: 0 0 !important;
        padding: 0 !important;
        margin: 0 !important
    }
    .print-content-only .aside,
    .print-content-only .btn,
    .print-content-only .drawer,
    .print-content-only .footer,
    .print-content-only .header,
    .print-content-only .scrolltop,
    .print-content-only .sidebar,
    .print-content-only .toolbar {
        display: none !important
    }
}

.bg-white {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #fff !important
}

.bg-black {
    --bs-bg-rgb-color: var(--bs-black-bg-rgb);
    background-color: #000 !important
}

.bg-body {
    --bs-bg-rgb-color: var(--bs-body-bg-rgb);
    background-color: var(--bs-body-bg) !important
}

.bg-hover-body {
    cursor: pointer
}

.bg-hover-body:hover {
    background-color: var(--bs-body-bg) !important
}

.bg-active-body.active {
    background-color: var(--bs-body-bg) !important
}

.bg-state-body {
    cursor: pointer
}

.bg-state-body.active,
.bg-state-body:hover {
    background-color: var(--bs-body-bg) !important
}

.bg-hover-white {
    cursor: pointer
}

.bg-hover-white:hover {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #fff !important
}

.bg-active-white.active {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #fff !important
}

.bg-state-white {
    cursor: pointer
}

.bg-state-white.active,
.bg-state-white:hover {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #fff !important
}

.bg-light {
    --bs-bg-rgb-color: var(--bs-light-rgb);
    background-color: var(--bs-light) !important
}

.bg-light-active {
    --bs-bg-rgb-color: var(--bs-light-active-rgb);
    background-color: var(--bs-light-active) !important
}

.bg-hover-light {
    cursor: pointer
}

.bg-hover-light:hover {
    background-color: var(--bs-light) !important
}

.bg-active-light.active {
    background-color: var(--bs-light) !important
}

.bg-state-light {
    cursor: pointer
}

.bg-state-light.active,
.bg-state-light:hover {
    background-color: var(--bs-light) !important
}

.bg-light-primary {
    background-color: var(--bs-primary-light) !important
}

.bg-primary {
    --bs-bg-rgb-color: var(--bs-primary-rgb);
    background-color: var(--bs-primary) !important
}

.bg-primary-active {
    --bs-bg-rgb-color: var(--bs-primary-active-rgb);
    background-color: var(--bs-primary-active) !important
}

.bg-hover-light-primary {
    cursor: pointer
}

.bg-hover-light-primary:hover {
    background-color: var(--bs-primary-light) !important
}

.bg-state-light-primary {
    cursor: pointer
}

.bg-state-light-primary.active,
.bg-state-light-primary:hover {
    background-color: var(--bs-primary-light) !important
}

.bg-hover-primary {
    cursor: pointer
}

.bg-hover-primary:hover {
    background-color: var(--bs-primary) !important
}

.bg-active-primary.active {
    background-color: var(--bs-primary) !important
}

.bg-state-primary {
    cursor: pointer
}

.bg-state-primary.active,
.bg-state-primary:hover {
    background-color: var(--bs-primary) !important
}

.bg-light-secondary {
    background-color: var(--bs-secondary-light) !important
}

.bg-secondary {
    --bs-bg-rgb-color: var(--bs-secondary-rgb);
    background-color: var(--bs-secondary) !important
}

.bg-secondary-active {
    --bs-bg-rgb-color: var(--bs-secondary-active-rgb);
    background-color: var(--bs-secondary-active) !important
}

.bg-hover-light-secondary {
    cursor: pointer
}

.bg-hover-light-secondary:hover {
    background-color: var(--bs-secondary-light) !important
}

.bg-state-light-secondary {
    cursor: pointer
}

.bg-state-light-secondary.active,
.bg-state-light-secondary:hover {
    background-color: var(--bs-secondary-light) !important
}

.bg-hover-secondary {
    cursor: pointer
}

.bg-hover-secondary:hover {
    background-color: var(--bs-secondary) !important
}

.bg-active-secondary.active {
    background-color: var(--bs-secondary) !important
}

.bg-state-secondary {
    cursor: pointer
}

.bg-state-secondary.active,
.bg-state-secondary:hover {
    background-color: var(--bs-secondary) !important
}

.bg-light-success {
    background-color: var(--bs-success-light) !important
}

.bg-success {
    --bs-bg-rgb-color: var(--bs-success-rgb);
    background-color: var(--bs-success) !important
}

.bg-success-active {
    --bs-bg-rgb-color: var(--bs-success-active-rgb);
    background-color: var(--bs-success-active) !important
}

.bg-hover-light-success {
    cursor: pointer
}

.bg-hover-light-success:hover {
    background-color: var(--bs-success-light) !important
}

.bg-state-light-success {
    cursor: pointer
}

.bg-state-light-success.active,
.bg-state-light-success:hover {
    background-color: var(--bs-success-light) !important
}

.bg-hover-success {
    cursor: pointer
}

.bg-hover-success:hover {
    background-color: var(--bs-success) !important
}

.bg-active-success.active {
    background-color: var(--bs-success) !important
}

.bg-state-success {
    cursor: pointer
}

.bg-state-success.active,
.bg-state-success:hover {
    background-color: var(--bs-success) !important
}

.bg-light-info {
    background-color: var(--bs-info-light) !important
}

.bg-info {
    --bs-bg-rgb-color: var(--bs-info-rgb);
    background-color: var(--bs-info) !important
}

.bg-info-active {
    --bs-bg-rgb-color: var(--bs-info-active-rgb);
    background-color: var(--bs-info-active) !important
}

.bg-hover-light-info {
    cursor: pointer
}

.bg-hover-light-info:hover {
    background-color: var(--bs-info-light) !important
}

.bg-state-light-info {
    cursor: pointer
}

.bg-state-light-info.active,
.bg-state-light-info:hover {
    background-color: var(--bs-info-light) !important
}

.bg-hover-info {
    cursor: pointer
}

.bg-hover-info:hover {
    background-color: var(--bs-info) !important
}

.bg-active-info.active {
    background-color: var(--bs-info) !important
}

.bg-state-info {
    cursor: pointer
}

.bg-state-info.active,
.bg-state-info:hover {
    background-color: var(--bs-info) !important
}

.bg-light-warning {
    background-color: var(--bs-warning-light) !important
}

.bg-warning {
    --bs-bg-rgb-color: var(--bs-warning-rgb);
    background-color: var(--bs-warning) !important
}

.bg-warning-active {
    --bs-bg-rgb-color: var(--bs-warning-active-rgb);
    background-color: var(--bs-warning-active) !important
}

.bg-hover-light-warning {
    cursor: pointer
}

.bg-hover-light-warning:hover {
    background-color: var(--bs-warning-light) !important
}

.bg-state-light-warning {
    cursor: pointer
}

.bg-state-light-warning.active,
.bg-state-light-warning:hover {
    background-color: var(--bs-warning-light) !important
}

.bg-hover-warning {
    cursor: pointer
}

.bg-hover-warning:hover {
    background-color: var(--bs-warning) !important
}

.bg-active-warning.active {
    background-color: var(--bs-warning) !important
}

.bg-state-warning {
    cursor: pointer
}

.bg-state-warning.active,
.bg-state-warning:hover {
    background-color: var(--bs-warning) !important
}

.bg-light-danger {
    background-color: var(--bs-danger-light) !important
}

.bg-danger {
    --bs-bg-rgb-color: var(--bs-danger-rgb);
    background-color: var(--bs-danger) !important
}

.bg-danger-active {
    --bs-bg-rgb-color: var(--bs-danger-active-rgb);
    background-color: var(--bs-danger-active) !important
}

.bg-hover-light-danger {
    cursor: pointer
}

.bg-hover-light-danger:hover {
    background-color: var(--bs-danger-light) !important
}

.bg-state-light-danger {
    cursor: pointer
}

.bg-state-light-danger.active,
.bg-state-light-danger:hover {
    background-color: var(--bs-danger-light) !important
}

.bg-hover-danger {
    cursor: pointer
}

.bg-hover-danger:hover {
    background-color: var(--bs-danger) !important
}

.bg-active-danger.active {
    background-color: var(--bs-danger) !important
}

.bg-state-danger {
    cursor: pointer
}

.bg-state-danger.active,
.bg-state-danger:hover {
    background-color: var(--bs-danger) !important
}

.bg-light-dark {
    background-color: var(--bs-dark-light) !important
}

.bg-dark {
    --bs-bg-rgb-color: var(--bs-dark-rgb);
    background-color: var(--bs-dark) !important
}

.bg-dark-active {
    --bs-bg-rgb-color: var(--bs-dark-active-rgb);
    background-color: var(--bs-dark-active) !important
}

.bg-hover-light-dark {
    cursor: pointer
}

.bg-hover-light-dark:hover {
    background-color: var(--bs-dark-light) !important
}

.bg-state-light-dark {
    cursor: pointer
}

.bg-state-light-dark.active,
.bg-state-light-dark:hover {
    background-color: var(--bs-dark-light) !important
}

.bg-hover-dark {
    cursor: pointer
}

.bg-hover-dark:hover {
    background-color: var(--bs-dark) !important
}

.bg-active-dark.active {
    background-color: var(--bs-dark) !important
}

.bg-state-dark {
    cursor: pointer
}

.bg-state-dark.active,
.bg-state-dark:hover {
    background-color: var(--bs-dark) !important
}

.bg-gray-100 {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100)
}

.bg-gray-100i {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100) !important
}

.bg-gray-200 {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200)
}

.bg-gray-200i {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200) !important
}

.bg-gray-300 {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300)
}

.bg-gray-300i {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300) !important
}

.bg-gray-400 {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400)
}

.bg-gray-400i {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400) !important
}

.bg-gray-500 {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500)
}

.bg-gray-500i {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500) !important
}

.bg-gray-600 {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600)
}

.bg-gray-600i {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600) !important
}

.bg-gray-700 {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700)
}

.bg-gray-700i {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700) !important
}

.bg-gray-800 {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800)
}

.bg-gray-800i {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800) !important
}

.bg-gray-900 {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900)
}

.bg-gray-900i {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900) !important
}

.bg-opacity-0 {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important
}

.bg-hover-opacity-0:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important
}

.bg-active-opacity-0.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important
}

.bg-state-opacity-0 .active,
.bg-state-opacity-0:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important
}

.bg-opacity-5 {
    background-color: rgba(var(--bs-bg-rgb-color), .05) !important
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .05) !important
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--bs-bg-rgb-color), .05) !important
}

.bg-state-opacity-5 .active,
.bg-state-opacity-5:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .05) !important
}

.bg-opacity-10 {
    background-color: rgba(var(--bs-bg-rgb-color), .1) !important
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .1) !important
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--bs-bg-rgb-color), .1) !important
}

.bg-state-opacity-10 .active,
.bg-state-opacity-10:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .1) !important
}

.bg-opacity-15 {
    background-color: rgba(var(--bs-bg-rgb-color), .15) !important
}

.bg-hover-opacity-15:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .15) !important
}

.bg-active-opacity-15.active {
    background-color: rgba(var(--bs-bg-rgb-color), .15) !important
}

.bg-state-opacity-15 .active,
.bg-state-opacity-15:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .15) !important
}

.bg-opacity-20 {
    background-color: rgba(var(--bs-bg-rgb-color), .2) !important
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .2) !important
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--bs-bg-rgb-color), .2) !important
}

.bg-state-opacity-20 .active,
.bg-state-opacity-20:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .2) !important
}

.bg-opacity-25 {
    background-color: rgba(var(--bs-bg-rgb-color), .25) !important
}

.bg-hover-opacity-25:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .25) !important
}

.bg-active-opacity-25.active {
    background-color: rgba(var(--bs-bg-rgb-color), .25) !important
}

.bg-state-opacity-25 .active,
.bg-state-opacity-25:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .25) !important
}

.bg-opacity-50 {
    background-color: rgba(var(--bs-bg-rgb-color), .5) !important
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .5) !important
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--bs-bg-rgb-color), .5) !important
}

.bg-state-opacity-50 .active,
.bg-state-opacity-50:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .5) !important
}

.bg-opacity-75 {
    background-color: rgba(var(--bs-bg-rgb-color), .75) !important
}

.bg-hover-opacity-75:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .75) !important
}

.bg-active-opacity-75.active {
    background-color: rgba(var(--bs-bg-rgb-color), .75) !important
}

.bg-state-opacity-75 .active,
.bg-state-opacity-75:hover {
    background-color: rgba(var(--bs-bg-rgb-color), .75) !important
}

.bg-opacity-100 {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important
}

.bg-state-opacity-100 .active,
.bg-state-opacity-100:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important
}

.bgi-no-repeat {
    background-repeat: no-repeat
}

.bgi-position-y-top {
    background-position-y: top
}

.bgi-position-y-bottom {
    background-position-y: bottom
}

.bgi-position-y-center {
    background-position-y: center
}

.bgi-position-x-start {
    background-position-x: left
}

.bgi-position-x-end {
    background-position-x: right
}

.bgi-position-x-center {
    background-position-x: center
}

.bgi-position-top {
    background-position: 0 top
}

.bgi-position-bottom {
    background-position: 0 bottom
}

.bgi-position-center {
    background-position: center
}

.bgi-size-auto {
    background-size: auto
}

.bgi-size-cover {
    background-size: cover
}

.bgi-size-contain {
    background-size: contain
}

.bgi-attachment-fixed {
    background-attachment: fixed
}

.bgi-attachment-scroll {
    background-attachment: scroll
}

@media (min-width:576px) {
    .bgi-size-sm-auto {
        background-size: auto
    }
    .bgi-size-sm-cover {
        background-size: cover
    }
    .bgi-size-sm-contain {
        background-size: contain
    }
    .bgi-attachment-sm-fixed {
        background-attachment: fixed
    }
    .bgi-attachment-sm-scroll {
        background-attachment: scroll
    }
}

@media (min-width:768px) {
    .bgi-size-md-auto {
        background-size: auto
    }
    .bgi-size-md-cover {
        background-size: cover
    }
    .bgi-size-md-contain {
        background-size: contain
    }
    .bgi-attachment-md-fixed {
        background-attachment: fixed
    }
    .bgi-attachment-md-scroll {
        background-attachment: scroll
    }
}

@media (min-width:992px) {
    .bgi-size-lg-auto {
        background-size: auto
    }
    .bgi-size-lg-cover {
        background-size: cover
    }
    .bgi-size-lg-contain {
        background-size: contain
    }
    .bgi-attachment-lg-fixed {
        background-attachment: fixed
    }
    .bgi-attachment-lg-scroll {
        background-attachment: scroll
    }
}

@media (min-width:1200px) {
    .bgi-size-xl-auto {
        background-size: auto
    }
    .bgi-size-xl-cover {
        background-size: cover
    }
    .bgi-size-xl-contain {
        background-size: contain
    }
    .bgi-attachment-xl-fixed {
        background-attachment: fixed
    }
    .bgi-attachment-xl-scroll {
        background-attachment: scroll
    }
}

@media (min-width:1400px) {
    .bgi-size-xxl-auto {
        background-size: auto
    }
    .bgi-size-xxl-cover {
        background-size: cover
    }
    .bgi-size-xxl-contain {
        background-size: contain
    }
    .bgi-attachment-xxl-fixed {
        background-attachment: fixed
    }
    .bgi-attachment-xxl-scroll {
        background-attachment: scroll
    }
}

.border-active:not(.active):not(:active):not(:hover):not(:focus) {
    border-color: transparent !important
}

.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
    cursor: pointer;
    border-color: transparent !important
}

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

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

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

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

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

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

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

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

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

.border-hover-light:hover {
    border-color: var(--bs-light) !important
}

.border-active-light.active {
    border-color: var(--bs-light) !important
}

.border-hover-primary:hover {
    border-color: var(--bs-primary) !important
}

.border-active-primary.active {
    border-color: var(--bs-primary) !important
}

.border-hover-secondary:hover {
    border-color: var(--bs-secondary) !important
}

.border-active-secondary.active {
    border-color: var(--bs-secondary) !important
}

.border-hover-success:hover {
    border-color: var(--bs-success) !important
}

.border-active-success.active {
    border-color: var(--bs-success) !important
}

.border-hover-info:hover {
    border-color: var(--bs-info) !important
}

.border-active-info.active {
    border-color: var(--bs-info) !important
}

.border-hover-warning:hover {
    border-color: var(--bs-warning) !important
}

.border-active-warning.active {
    border-color: var(--bs-warning) !important
}

.border-hover-danger:hover {
    border-color: var(--bs-danger) !important
}

.border-active-danger.active {
    border-color: var(--bs-danger) !important
}

.border-hover-dark:hover {
    border-color: var(--bs-dark) !important
}

.border-active-dark.active {
    border-color: var(--bs-dark) !important
}

.border-hover-transparent:hover {
    border-color: transparent !important
}

.border-dashed {
    border-style: dashed !important;
    border-color: var(--bs-border-dashed-color)
}

.border-top-dashed {
    border-top-style: dashed !important
}

.border-bottom-dashed {
    border-bottom-style: dashed !important
}

.border-start-dashed {
    border-left-style: dashed !important
}

.border-end-dashed {
    border-right-style: dashed !important
}

.border-dotted {
    border-style: dotted !important
}

.border-top-dotted {
    border-top-style: dotted !important
}

.border-bottom-dotted {
    border-bottom-style: dotted !important
}

.border-start-dotted {
    border-left-style: dotted !important
}

.border-end-dotted {
    border-right-style: dotted !important
}

.border-transparent {
    border-color: transparent !important
}

.border-body {
    border-color: var(--bs-body-bg) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-start-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-circle {
    border-radius: 50% !important
}

.flex-root {
    flex: 1
}

.flex-column-auto {
    flex: none
}

.flex-column-fluid {
    flex: 1 0 auto
}

.flex-row-auto {
    flex: 0 0 auto
}

.flex-row-fluid {
    flex: 1 auto;
    min-width: 0
}

.flex-center {
    justify-content: center;
    align-items: center
}

.flex-start {
    justify-content: start;
    align-items: start
}

.flex-end {
    justify-content: flex-end;
    align-items: flex-end
}

.flex-stack {
    justify-content: space-between;
    align-items: center
}

@media (min-width:576px) {
    .flex-sm-root {
        flex: 1
    }
    .flex-sm-column-auto {
        flex: none
    }
    .flex-sm-column-fluid {
        flex: 1 0 auto
    }
    .flex-sm-row-auto {
        flex: 0 0 auto
    }
    .flex-sm-row-fluid {
        flex: 1 auto;
        min-width: 0
    }
    .flex-sm-center {
        justify-content: center;
        align-items: center
    }
    .flex-sm-start {
        justify-content: start;
        align-items: start
    }
    .flex-sm-end {
        justify-content: flex-end;
        align-items: flex-end
    }
    .flex-sm-stack {
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:768px) {
    .flex-md-root {
        flex: 1
    }
    .flex-md-column-auto {
        flex: none
    }
    .flex-md-column-fluid {
        flex: 1 0 auto
    }
    .flex-md-row-auto {
        flex: 0 0 auto
    }
    .flex-md-row-fluid {
        flex: 1 auto;
        min-width: 0
    }
    .flex-md-center {
        justify-content: center;
        align-items: center
    }
    .flex-md-start {
        justify-content: start;
        align-items: start
    }
    .flex-md-end {
        justify-content: flex-end;
        align-items: flex-end
    }
    .flex-md-stack {
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:992px) {
    .flex-lg-root {
        flex: 1
    }
    .flex-lg-column-auto {
        flex: none
    }
    .flex-lg-column-fluid {
        flex: 1 0 auto
    }
    .flex-lg-row-auto {
        flex: 0 0 auto
    }
    .flex-lg-row-fluid {
        flex: 1 auto;
        min-width: 0
    }
    .flex-lg-center {
        justify-content: center;
        align-items: center
    }
    .flex-lg-start {
        justify-content: start;
        align-items: start
    }
    .flex-lg-end {
        justify-content: flex-end;
        align-items: flex-end
    }
    .flex-lg-stack {
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:1200px) {
    .flex-xl-root {
        flex: 1
    }
    .flex-xl-column-auto {
        flex: none
    }
    .flex-xl-column-fluid {
        flex: 1 0 auto
    }
    .flex-xl-row-auto {
        flex: 0 0 auto
    }
    .flex-xl-row-fluid {
        flex: 1 auto;
        min-width: 0
    }
    .flex-xl-center {
        justify-content: center;
        align-items: center
    }
    .flex-xl-start {
        justify-content: start;
        align-items: start
    }
    .flex-xl-end {
        justify-content: flex-end;
        align-items: flex-end
    }
    .flex-xl-stack {
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:1400px) {
    .flex-xxl-root {
        flex: 1
    }
    .flex-xxl-column-auto {
        flex: none
    }
    .flex-xxl-column-fluid {
        flex: 1 0 auto
    }
    .flex-xxl-row-auto {
        flex: 0 0 auto
    }
    .flex-xxl-row-fluid {
        flex: 1 auto;
        min-width: 0
    }
    .flex-xxl-center {
        justify-content: center;
        align-items: center
    }
    .flex-xxl-start {
        justify-content: start;
        align-items: start
    }
    .flex-xxl-end {
        justify-content: flex-end;
        align-items: flex-end
    }
    .flex-xxl-stack {
        justify-content: space-between;
        align-items: center
    }
}

.flex-equal {
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 0
}

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

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

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

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

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

.text-hover-white {
    transition: color .2s ease
}

.text-hover-white i {
    transition: color .2s ease
}

.text-hover-white:hover {
    transition: color .2s ease;
    color: var(--bs-text-white) !important
}

.text-hover-white:hover i {
    transition: color .2s ease;
    color: var(--bs-text-white) !important
}

.text-hover-white:hover .svg-icon {
    color: var(--bs-text-white) !important
}

.text-active-white {
    transition: color .2s ease
}

.text-active-white i {
    transition: color .2s ease
}

.text-active-white.active {
    transition: color .2s ease;
    color: var(--bs-text-white) !important
}

.text-active-white.active i {
    transition: color .2s ease;
    color: var(--bs-text-white) !important
}

.text-active-white.active .svg-icon {
    color: var(--bs-text-white) !important
}

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

.text-inverse-primary {
    color: var(--bs-primary-inverse) !important
}

.text-light-primary {
    color: var(--bs-primary-light) !important
}

.text-hover-primary {
    transition: color .2s ease
}

.text-hover-primary i {
    transition: color .2s ease
}

.text-hover-primary:hover {
    transition: color .2s ease;
    color: var(--bs-text-primary) !important
}

.text-hover-primary:hover i {
    transition: color .2s ease;
    color: var(--bs-text-primary) !important
}

.text-hover-primary:hover .svg-icon {
    color: var(--bs-text-primary) !important
}

.text-active-primary {
    transition: color .2s ease
}

.text-active-primary i {
    transition: color .2s ease
}

.text-active-primary.active {
    transition: color .2s ease;
    color: var(--bs-text-primary) !important
}

.text-active-primary.active i {
    transition: color .2s ease;
    color: var(--bs-text-primary) !important
}

.text-active-primary.active .svg-icon {
    color: var(--bs-text-primary) !important
}

.text-secondary {}

.text-inverse-secondary {
    color: var(--bs-secondary-inverse) !important
}

.text-light-secondary {
    color: var(--bs-secondary-light) !important
}

.text-hover-secondary {
    transition: color .2s ease
}

.text-hover-secondary i {
    transition: color .2s ease
}

.text-hover-secondary:hover {
    transition: color .2s ease;
    color: var(--bs-text-secondary) !important
}

.text-hover-secondary:hover i {
    transition: color .2s ease;
    color: var(--bs-text-secondary) !important
}

.text-hover-secondary:hover .svg-icon {
    color: var(--bs-text-secondary) !important
}

.text-active-secondary {
    transition: color .2s ease
}

.text-active-secondary i {
    transition: color .2s ease
}

.text-active-secondary.active {
    transition: color .2s ease;
    color: var(--bs-text-secondary) !important
}

.text-active-secondary.active i {
    transition: color .2s ease;
    color: var(--bs-text-secondary) !important
}

.text-active-secondary.active .svg-icon {
    color: var(--bs-text-secondary) !important
}

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

.text-inverse-light {
    color: var(--bs-light-inverse) !important
}

.text-hover-light {
    transition: color .2s ease
}

.text-hover-light i {
    transition: color .2s ease
}

.text-hover-light:hover {
    transition: color .2s ease;
    color: var(--bs-text-light) !important
}

.text-hover-light:hover i {
    transition: color .2s ease;
    color: var(--bs-text-light) !important
}

.text-hover-light:hover .svg-icon {
    color: var(--bs-text-light) !important
}

.text-active-light {
    transition: color .2s ease
}

.text-active-light i {
    transition: color .2s ease
}

.text-active-light.active {
    transition: color .2s ease;
    color: var(--bs-text-light) !important
}

.text-active-light.active i {
    transition: color .2s ease;
    color: var(--bs-text-light) !important
}

.text-active-light.active .svg-icon {
    color: var(--bs-text-light) !important
}

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

.text-inverse-success {
    color: var(--bs-success-inverse) !important
}

.text-light-success {
    color: var(--bs-success-light) !important
}

.text-hover-success {
    transition: color .2s ease
}

.text-hover-success i {
    transition: color .2s ease
}

.text-hover-success:hover {
    transition: color .2s ease;
    color: var(--bs-text-success) !important
}

.text-hover-success:hover i {
    transition: color .2s ease;
    color: var(--bs-text-success) !important
}

.text-hover-success:hover .svg-icon {
    color: var(--bs-text-success) !important
}

.text-active-success {
    transition: color .2s ease
}

.text-active-success i {
    transition: color .2s ease
}

.text-active-success.active {
    transition: color .2s ease;
    color: var(--bs-text-success) !important
}

.text-active-success.active i {
    transition: color .2s ease;
    color: var(--bs-text-success) !important
}

.text-active-success.active .svg-icon {
    color: var(--bs-text-success) !important
}

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

.text-inverse-info {
    color: var(--bs-info-inverse) !important
}

.text-light-info {
    color: var(--bs-info-light) !important
}

.text-hover-info {
    transition: color .2s ease
}

.text-hover-info i {
    transition: color .2s ease
}

.text-hover-info:hover {
    transition: color .2s ease;
    color: var(--bs-text-info) !important
}

.text-hover-info:hover i {
    transition: color .2s ease;
    color: var(--bs-text-info) !important
}

.text-hover-info:hover .svg-icon {
    color: var(--bs-text-info) !important
}

.text-active-info {
    transition: color .2s ease
}

.text-active-info i {
    transition: color .2s ease
}

.text-active-info.active {
    transition: color .2s ease;
    color: var(--bs-text-info) !important
}

.text-active-info.active i {
    transition: color .2s ease;
    color: var(--bs-text-info) !important
}

.text-active-info.active .svg-icon {
    color: var(--bs-text-info) !important
}

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

.text-inverse-warning {
    color: var(--bs-warning-inverse) !important
}

.text-light-warning {
    color: var(--bs-warning-light) !important
}

.text-hover-warning {
    transition: color .2s ease
}

.text-hover-warning i {
    transition: color .2s ease
}

.text-hover-warning:hover {
    transition: color .2s ease;
    color: var(--bs-text-warning) !important
}

.text-hover-warning:hover i {
    transition: color .2s ease;
    color: var(--bs-text-warning) !important
}

.text-hover-warning:hover .svg-icon {
    color: var(--bs-text-warning) !important
}

.text-active-warning {
    transition: color .2s ease
}

.text-active-warning i {
    transition: color .2s ease
}

.text-active-warning.active {
    transition: color .2s ease;
    color: var(--bs-text-warning) !important
}

.text-active-warning.active i {
    transition: color .2s ease;
    color: var(--bs-text-warning) !important
}

.text-active-warning.active .svg-icon {
    color: var(--bs-text-warning) !important
}

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

.text-inverse-danger {
    color: var(--bs-danger-inverse) !important
}

.text-light-danger {
    color: var(--bs-danger-light) !important
}

.text-hover-danger {
    transition: color .2s ease
}

.text-hover-danger i {
    transition: color .2s ease
}

.text-hover-danger:hover {
    transition: color .2s ease;
    color: var(--bs-text-danger) !important
}

.text-hover-danger:hover i {
    transition: color .2s ease;
    color: var(--bs-text-danger) !important
}

.text-hover-danger:hover .svg-icon {
    color: var(--bs-text-danger) !important
}

.text-active-danger {
    transition: color .2s ease
}

.text-active-danger i {
    transition: color .2s ease
}

.text-active-danger.active {
    transition: color .2s ease;
    color: var(--bs-text-danger) !important
}

.text-active-danger.active i {
    transition: color .2s ease;
    color: var(--bs-text-danger) !important
}

.text-active-danger.active .svg-icon {
    color: var(--bs-text-danger) !important
}

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

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

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

.text-hover-dark {
    transition: color .2s ease
}

.text-hover-dark i {
    transition: color .2s ease
}

.text-hover-dark:hover {
    transition: color .2s ease;
    color: var(--bs-text-dark) !important
}

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

.text-hover-dark:hover .svg-icon {
    color: var(--bs-text-dark) !important
}

.text-active-dark {
    transition: color .2s ease
}

.text-active-dark i {
    transition: color .2s ease
}

.text-active-dark.active {
    transition: color .2s ease;
    color: var(--bs-text-dark) !important
}

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

.text-active-dark.active .svg-icon {
    color: var(--bs-text-dark) !important
}

.text-muted {}

.text-hover-muted {
    transition: color .2s ease
}

.text-hover-muted i {
    transition: color .2s ease
}

.text-hover-muted:hover {
    transition: color .2s ease;
    color: var(--bs-text-muted) !important
}

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

.text-hover-muted:hover .svg-icon {
    color: var(--bs-text-muted) !important
}

.text-active-muted {
    transition: color .2s ease
}

.text-active-muted i {
    transition: color .2s ease
}

.text-active-muted.active {
    transition: color .2s ease;
    color: var(--bs-text-muted) !important
}

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

.text-active-muted.active .svg-icon {
    color: var(--bs-text-muted) !important
}

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

.text-hover-gray-100 {
    transition: color .2s ease
}

.text-hover-gray-100 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-100:hover .svg-icon {
    color: var(--bs-text-gray-100) !important
}

.text-active-gray-100 {
    transition: color .2s ease
}

.text-active-gray-100 i {
    transition: color .2s ease
}

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

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

.text-active-gray-100.active .svg-icon {
    color: var(--bs-text-gray-100) !important
}

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

.text-hover-gray-200 {
    transition: color .2s ease
}

.text-hover-gray-200 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-200:hover .svg-icon {
    color: var(--bs-text-gray-200) !important
}

.text-active-gray-200 {
    transition: color .2s ease
}

.text-active-gray-200 i {
    transition: color .2s ease
}

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

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

.text-active-gray-200.active .svg-icon {
    color: var(--bs-text-gray-200) !important
}

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

.text-hover-gray-300 {
    transition: color .2s ease
}

.text-hover-gray-300 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-300:hover .svg-icon {
    color: var(--bs-text-gray-300) !important
}

.text-active-gray-300 {
    transition: color .2s ease
}

.text-active-gray-300 i {
    transition: color .2s ease
}

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

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

.text-active-gray-300.active .svg-icon {
    color: var(--bs-text-gray-300) !important
}

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

.text-hover-gray-400 {
    transition: color .2s ease
}

.text-hover-gray-400 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-400:hover .svg-icon {
    color: var(--bs-text-gray-400) !important
}

.text-active-gray-400 {
    transition: color .2s ease
}

.text-active-gray-400 i {
    transition: color .2s ease
}

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

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

.text-active-gray-400.active .svg-icon {
    color: var(--bs-text-gray-400) !important
}

.text-gray-500 {}

.text-hover-gray-500 {
    transition: color .2s ease
}

.text-hover-gray-500 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-500:hover .svg-icon {
    color: var(--bs-text-gray-500) !important
}

.text-active-gray-500 {
    transition: color .2s ease
}

.text-active-gray-500 i {
    transition: color .2s ease
}

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

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

.text-active-gray-500.active .svg-icon {
    color: var(--bs-text-gray-500) !important
}

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

.text-hover-gray-600 {
    transition: color .2s ease
}

.text-hover-gray-600 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-600:hover .svg-icon {
    color: var(--bs-text-gray-600) !important
}

.text-active-gray-600 {
    transition: color .2s ease
}

.text-active-gray-600 i {
    transition: color .2s ease
}

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

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

.text-active-gray-600.active .svg-icon {
    color: var(--bs-text-gray-600) !important
}

.text-gray-700 {}

.text-hover-gray-700 {
    transition: color .2s ease
}

.text-hover-gray-700 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-700:hover .svg-icon {
    color: var(--bs-text-gray-700) !important
}

.text-active-gray-700 {
    transition: color .2s ease
}

.text-active-gray-700 i {
    transition: color .2s ease
}

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

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

.text-active-gray-700.active .svg-icon {
    color: var(--bs-text-gray-700) !important
}

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

.text-hover-gray-800 {
    transition: color .2s ease
}

.text-hover-gray-800 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-800:hover .svg-icon {
    color: var(--bs-text-gray-800) !important
}

.text-active-gray-800 {
    transition: color .2s ease
}

.text-active-gray-800 i {
    transition: color .2s ease
}

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

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

.text-active-gray-800.active .svg-icon {
    color: var(--bs-text-gray-800) !important
}

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

.text-hover-gray-900 {
    transition: color .2s ease
}

.text-hover-gray-900 i {
    transition: color .2s ease
}

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

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

.text-hover-gray-900:hover .svg-icon {
    color: var(--bs-text-gray-900) !important
}

.text-active-gray-900 {
    transition: color .2s ease
}

.text-active-gray-900 i {
    transition: color .2s ease
}

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

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

.text-active-gray-900.active .svg-icon {
    color: var(--bs-text-gray-900) !important
}

.parent-hover .parent-hover-white {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-white {
    transition: color .2s ease;
    color: var(--bs-text-white) !important
}

.parent-hover .parent-hover-primary {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-primary {
    transition: color .2s ease;
    color: var(--bs-text-primary) !important
}

.parent-hover .parent-hover-secondary {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-secondary {
    transition: color .2s ease;
    color: var(--bs-text-secondary) !important
}

.parent-hover .parent-hover-light {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-light {
    transition: color .2s ease;
    color: var(--bs-text-light) !important
}

.parent-hover .parent-hover-success {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-success {
    transition: color .2s ease;
    color: var(--bs-text-success) !important
}

.parent-hover .parent-hover-info {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-info {
    transition: color .2s ease;
    color: var(--bs-text-info) !important
}

.parent-hover .parent-hover-warning {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-warning {
    transition: color .2s ease;
    color: var(--bs-text-warning) !important
}

.parent-hover .parent-hover-danger {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-danger {
    transition: color .2s ease;
    color: var(--bs-text-danger) !important
}

.parent-hover .parent-hover-dark {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-dark {
    transition: color .2s ease;
    color: var(--bs-text-dark) !important
}

.parent-hover .parent-hover-muted {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-muted {
    transition: color .2s ease;
    color: var(--bs-text-muted) !important
}

.parent-hover .parent-hover-gray-100 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-100 {
    transition: color .2s ease;
    color: var(--bs-text-gray-100) !important
}

.parent-hover .parent-hover-gray-200 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-200 {
    transition: color .2s ease;
    color: var(--bs-text-gray-200) !important
}

.parent-hover .parent-hover-gray-300 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-300 {
    transition: color .2s ease;
    color: var(--bs-text-gray-300) !important
}

.parent-hover .parent-hover-gray-400 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-400 {
    transition: color .2s ease;
    color: var(--bs-text-gray-400) !important
}

.parent-hover .parent-hover-gray-500 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-500 {
    transition: color .2s ease;
    color: var(--bs-text-gray-500) !important
}

.parent-hover .parent-hover-gray-600 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-600 {
    transition: color .2s ease;
    color: var(--bs-text-gray-600) !important
}

.parent-hover .parent-hover-gray-700 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-700 {
    transition: color .2s ease;
    color: var(--bs-text-gray-700) !important
}

.parent-hover .parent-hover-gray-800 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-800 {
    transition: color .2s ease;
    color: var(--bs-text-gray-800) !important
}

.parent-hover .parent-hover-gray-900 {
    transition: color .2s ease
}

.parent-hover:hover .parent-hover-gray-900 {
    transition: color .2s ease;
    color: var(--bs-text-gray-900) !important
}

.parent-active .parent-active-white {
    transition: color .2s ease
}

.parent-active.active .parent-active-white {
    transition: color .2s ease;
    color: var(--bs-text-white) !important
}

.parent-active .parent-active-primary {
    transition: color .2s ease
}

.parent-active.active .parent-active-primary {
    transition: color .2s ease;
    color: var(--bs-text-primary) !important
}

.parent-active .parent-active-secondary {
    transition: color .2s ease
}

.parent-active.active .parent-active-secondary {
    transition: color .2s ease;
    color: var(--bs-text-secondary) !important
}

.parent-active .parent-active-light {
    transition: color .2s ease
}

.parent-active.active .parent-active-light {
    transition: color .2s ease;
    color: var(--bs-text-light) !important
}

.parent-active .parent-active-success {
    transition: color .2s ease
}

.parent-active.active .parent-active-success {
    transition: color .2s ease;
    color: var(--bs-text-success) !important
}

.parent-active .parent-active-info {
    transition: color .2s ease
}

.parent-active.active .parent-active-info {
    transition: color .2s ease;
    color: var(--bs-text-info) !important
}

.parent-active .parent-active-warning {
    transition: color .2s ease
}

.parent-active.active .parent-active-warning {
    transition: color .2s ease;
    color: var(--bs-text-warning) !important
}

.parent-active .parent-active-danger {
    transition: color .2s ease
}

.parent-active.active .parent-active-danger {
    transition: color .2s ease;
    color: var(--bs-text-danger) !important
}

.parent-active .parent-active-dark {
    transition: color .2s ease
}

.parent-active.active .parent-active-dark {
    transition: color .2s ease;
    color: var(--bs-text-dark) !important
}

.parent-active .parent-active-muted {
    transition: color .2s ease
}

.parent-active.active .parent-active-muted {
    transition: color .2s ease;
    color: var(--bs-text-muted) !important
}

.parent-active .parent-active-gray-100 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-100 {
    transition: color .2s ease;
    color: var(--bs-text-gray-100) !important
}

.parent-active .parent-active-gray-200 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-200 {
    transition: color .2s ease;
    color: var(--bs-text-gray-200) !important
}

.parent-active .parent-active-gray-300 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-300 {
    transition: color .2s ease;
    color: var(--bs-text-gray-300) !important
}

.parent-active .parent-active-gray-400 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-400 {
    transition: color .2s ease;
    color: var(--bs-text-gray-400) !important
}

.parent-active .parent-active-gray-500 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-500 {
    transition: color .2s ease;
    color: var(--bs-text-gray-500) !important
}

.parent-active .parent-active-gray-600 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-600 {
    transition: color .2s ease;
    color: var(--bs-text-gray-600) !important
}

.parent-active .parent-active-gray-700 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-700 {
    transition: color .2s ease;
    color: var(--bs-text-gray-700) !important
}

.parent-active .parent-active-gray-800 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-800 {
    transition: color .2s ease;
    color: var(--bs-text-gray-800) !important
}

.parent-active .parent-active-gray-900 {
    transition: color .2s ease
}

.parent-active.active .parent-active-gray-900 {
    transition: color .2s ease;
    color: var(--bs-text-gray-900) !important
}

.text-transparent {
    color: transparent
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

.cursor-move {
    cursor: move
}

i.bi,
i[class*=" fa-"],
i[class*=" fonticon-"],
i[class*=" la-"],
i[class^=fa-],
i[class^=fonticon-],
i[class^=la-] {
    line-height: 1;
    font-size: 1.3rem;
    color: #000000
}

a {
    transition: color .2s ease
}

a:hover {
    transition: color .2s ease
}

.opacity-active-0.active {
    opacity: 0 !important
}

.opacity-state-0.active,
.opacity-state-0:hover {
    opacity: 0 !important
}

.opacity-active-5.active {
    opacity: .05 !important
}

.opacity-state-5.active,
.opacity-state-5:hover {
    opacity: .05 !important
}

.opacity-active-10.active {
    opacity: .1 !important
}

.opacity-state-10.active,
.opacity-state-10:hover {
    opacity: .1 !important
}

.opacity-active-15.active {
    opacity: .15 !important
}

.opacity-state-15.active,
.opacity-state-15:hover {
    opacity: .15 !important
}

.opacity-active-20.active {
    opacity: .2 !important
}

.opacity-state-20.active,
.opacity-state-20:hover {
    opacity: .2 !important
}

.opacity-active-25.active {
    opacity: .25 !important
}

.opacity-state-25.active,
.opacity-state-25:hover {
    opacity: .25 !important
}

.opacity-active-50.active {
    opacity: .5 !important
}

.opacity-state-50.active,
.opacity-state-50:hover {
    opacity: .5 !important
}

.opacity-active-75.active {
    opacity: .75 !important
}

.opacity-state-75.active,
.opacity-state-75:hover {
    opacity: .75 !important
}

.opacity-active-100.active {
    opacity: 1 !important
}

.opacity-state-100.active,
.opacity-state-100:hover {
    opacity: 1 !important
}

.transform-90 {
    transform: rotate(90deg);
    transform-origin: right top
}

@media (min-width:992px) {
    .testimonials-slider-highlight {
        transition: all ease .3
    }
    .testimonials-slider-highlight .testimonials-author,
    .testimonials-slider-highlight .testimonials-body,
    .testimonials-slider-highlight .testimonials-photo,
    .testimonials-slider-highlight .testimonials-positon,
    .testimonials-slider-highlight .testimonials-title {
        transition: all ease .3s
    }
    .testimonials-slider-highlight .tns-item:not(.tns-slide-active)+.tns-item.tns-slide-active .testimonials-photo {
        height: 200px;
        width: 200px;
        transition: all ease .3s
    }
    .testimonials-slider-highlight .tns-item:not(.tns-slide-active)+.tns-item.tns-slide-active .testimonials-title {
        color: var(--bs-gray-900) !important;
        font-size: 1.54rem !important;
        transition: all ease .3s;
        margin-bottom: 1.3rem !important
    }
    .testimonials-slider-highlight .tns-item:not(.tns-slide-active)+.tns-item.tns-slide-active .testimonials-description {
        color: var(--bs-gray-700) !important;
        font-size: 1.38rem !important;
        transition: all ease .3s;
        margin-bottom: 1.7rem !important
    }
    .testimonials-slider-highlight .tns-item:not(.tns-slide-active)+.tns-item.tns-slide-active .testimonials-author {
        color: var(--bs-primary) !important;
        font-size: 1.1rem !important;
        transition: all ease .3s
    }
    .testimonials-slider-highlight .tns-item:not(.tns-slide-active)+.tns-item.tns-slide-active .testimonials-positon {
        color: var(--bs-gray-500) !important;
        font-size: .9rem !important;
        transition: all ease .3s
    }
}

.testimonials-slider-quote .testimonials-quote {
    opacity: .2
}

.testimonials-slider-quote .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active .testimonials-quote {
    opacity: .5;
    color: var(--bs-primary) !important
}

.stepper.stepper-pills.stepper-multistep {
    --bs-stepper-pills-size: 46px;
    --bs-stepper-icon-border-radius: 9px;
    --bs-stepper-icon-check-size: 1.25rem;
    --bs-stepper-icon-bg-color: rgba(255, 255, 255, 0.03);
    --bs-stepper-icon-bg-color-current: var(--bs-success);
    --bs-stepper-icon-bg-color-completed: rgba(255, 255, 255, 0.03);
    --bs-stepper-icon-border: 1px dashed rgba(255, 255, 255, 0.3);
    --bs-stepper-icon-border-current: 0;
    --bs-stepper-icon-border-completed: 1px dashed rgba(255, 255, 255, 0.3);
    --bs-stepper-icon-number-color: var(--bs-white);
    --bs-stepper-icon-number-color-current: var(--bs-white);
    --bs-stepper-icon-number-color-completed: var(--bs-white);
    --bs-stepper-icon-check-color-completed: var(--bs-success);
    --bs-stepper-label-title-opacity: 0.7;
    --bs-stepper-label-title-opacity-current: 1;
    --bs-stepper-label-title-opacity-completed: 1;
    --bs-stepper-label-title-color: var(--bs-white);
    --bs-stepper-label-title-color-current: var(--bs-white);
    --bs-stepper-label-title-color-completed: var(--bs-white);
    --bs-stepper-label-desc-opacity: 0.7;
    --bs-stepper-label-desc-opacity-current: 0.7;
    --bs-stepper-label-desc-opacity-completed: 0.7;
    --bs-stepper-label-desc-color: var(--bs-white);
    --bs-stepper-label-desc-color-current: var(--bs-white);
    --bs-stepper-label-desc-color-completed: var(--bs-white);
    --bs-stepper-line-border: 1px dashed rgba(255, 255, 255, 0.3)
}

.landing-dark-bg {
    background-color: #13263c
}

.landing-dark-color {
    color: #13263c
}

.landing-dark-border {
    border: 1px dashed #2c3f5b
}

.landing-dark-separator {
    border-top: 1px dashed #2c3f5b
}

.landing-curve {
    position: relative
}

.landing-curve svg {
    position: relative;
    top: 0;
    display: block
}

.landing-header {
    display: flex;
    align-items: center;
    height: 100px
}

.landing-header .logo-default {
    display: block
}

.landing-header .logo-sticky {
    display: none
}

.landing-header .menu .menu-link.active {
    color: #fff
}

[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
    color: #3e97ff;
    background-color: rgba(239, 242, 245, .4)
}

[data-kt-sticky-landing-header=on] .landing-header {
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .05);
    height: 70px
}

[data-kt-sticky-landing-header=on] .landing-header .logo-sticky {
    display: block
}

[data-kt-sticky-landing-header=on] .landing-header .logo-default {
    display: none
}

body[data-kt-sticky-landing-header=on] {
    padding-top: 100px
}

@media (max-width:991.98px) {
    .landing-header {
        height: 70px
    }
    .landing-header .landing-menu-wrapper {
        position: relative;
        overflow: auto
    }
    [data-kt-sticky-landing-header=on] .landing-header {
        height: 70px
    }
    .landing-header .menu .menu-link.active {
        color: #3e97ff;
        background-color: rgba(239, 242, 245, .4)
    }
    body[data-kt-sticky-landing-header=on] {
        padding-top: 70px
    }
}

@media (min-width:992px) {
    .btn.btn-secondary {
        background-color: var(--bs-gray-200)
    }
    .btn.btn-secondary .svg-icon,
    .btn.btn-secondary i {
        color: var(--bs-gray-600)
    }
    .btn.btn-secondary.dropdown-toggle:after {
        color: var(--bs-gray-600)
    }
    .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 {
        background-color: var(--bs-gray-300) !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-primary)
    }
    .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-primary)
    }
}

[data-bs-theme=dark] .btn.btn-secondary {
    background-color: #1a1a1a
}

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

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

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

[data-bs-theme=light] {
    --bs-app-bg-color: #fbfbfb;
    --bs-app-blank-bg-color: #fcfcfc;
    --bs-app-header-base-bg-color: #ffffff;
    --bs-app-header-base-box-shadow: none;
    --bs-app-header-minimize-bg-color: #ffffff;
    --bs-app-header-minimize-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-toolbar-base-bg-color: #ffffff;
    --bs-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-toolbar-base-border-top: 1px dashed #DBDFE9;
    --bs-app-aside-base-bg-color: #ffffff;
    --bs-app-footer-bg-color: transparent;
    --bs-app-footer-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05)
}

[data-bs-theme=dark] {
    --bs-app-bg-color: transparent;
    --bs-app-blank-bg-color: transparent;
    --bs-app-header-base-bg-color: #131313;
    --bs-app-header-base-box-shadow: none;
    --bs-app-header-minimize-bg-color: #131313;
    --bs-app-header-minimize-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-app-toolbar-base-bg-color: #131313;
    --bs-app-toolbar-base-box-shadow: none;
    --bs-app-toolbar-base-border-top: 1px dashed #323248;
    --bs-app-aside-base-bg-color: #131313;
    --bs-app-footer-bg-color: transparent;
    --bs-app-footer-box-shadow: none
}

html {
    font-family: sans-serif;
    text-size-adjust: 100%
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px !important;
    font-weight: 400;
    font-family: Inter, Helvetica, sans-serif
}

@media (max-width:991.98px) {
    body,
    html {
        font-size: 12px !important
    }
}

@media (max-width:767.98px) {
    body,
    html {
        font-size: 12px !important
    }
}

body {
    display: flex;
    flex-direction: column
}

body a:active,
body a:focus,
body a:hover {
    text-decoration: none !important
}

canvas {
    user-select: none
}

router-outlet {
    display: none
}

.app-default,
body {
    background-color: var(--bs-app-bg-color)
}

.app-blank {
    background-color: var(--bs-app-blank-bg-color)
}

[data-kt-app-reset-transition=true] * {
    transition: none !important
}

.app-page {
    display: flex
}

[data-kt-app-page-loading=on] {
    overflow: hidden
}

[data-kt-app-page-loading=on] * {
    transition: none !important
}

.app-page-loader {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: none
}

[data-kt-app-page-loading=on] .app-page-loader {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:992px) {
    .app-container {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
    .app-container-fit-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width:991.98px) {
    .app-container {
        max-width: none;
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .app-container-fit-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media print {
    .app-print-content-only {
        padding: 0 !important;
        background: 0 0 !important
    }
    .app-print-content-only .app-container,
    .app-print-content-only .app-content,
    .app-print-content-only .app-page,
    .app-print-content-only .app-page-title,
    .app-print-content-only .app-wrapper {
        background: 0 0 !important;
        padding: 0 !important;
        margin: 0 !important
    }
    .app-print-content-only .app-aside,
    .app-print-content-only .app-aside-panel,
    .app-print-content-only .app-footer,
    .app-print-content-only .app-header,
    .app-print-content-only .app-sidebar,
    .app-print-content-only .app-sidebar-panel,
    .app-print-content-only .app-toolbar,
    .app-print-content-only .btn,
    .app-print-content-only .drawer,
    .app-print-content-only .scrolltop {
        display: none !important
    }
}

.app-navbar {
    display: flex;
    align-items: stretch
}

.app-navbar .app-navbar-item {
    display: flex;
    align-items: center
}

.app-navbar.app-navbar-stretch .app-navbar-item {
    align-items: stretch
}

.app-header {
    transition: none;
    display: flex;
    align-items: stretch;
    background-color: var(--bs-app-header-base-bg-color);
    box-shadow: var(--bs-app-header-base-box-shadow);
    border-bottom: var(--bs-app-header-base-border-bottom)
}

@media (min-width:992px) {
    :root {
        --bs-app-header-height: 74px;
        --bs-app-header-height-actual: 74px
    }
    [data-kt-app-header-sticky=on] {
        --bs-app-header-height: 70px;
        --bs-app-header-height-actual: 74px
    }
    [data-kt-app-header-sticky=on][data-kt-app-header-stacked=true] {
        --bs-app-header-height: calc(var(--bs-app-header-primary-height, 0px) + var(--bs-app-header-secondary-height, 0px) + var(--bs-app-header-tertiary-height, 0px));
        --bs-app-header-height-actual: calc(70px + 70px + 70px)
    }
    [data-kt-app-header-minimize=on] {
        --bs-app-header-height: 74px
    }
    .app-header {
        height: var(--bs-app-header-height)
    }
    [data-kt-app-header-fixed=true] .app-header {
        z-index: 100;
        left: 0;
        right: 0;
        top: 0
    }
    [data-kt-app-header-static=true] .app-header {
        position: relative
    }
    [data-kt-app-header-stacked=true] .app-header {
        flex-direction: column;
        height: calc(var(--bs-app-header-primary-height) + var(--bs-app-header-secondary-height, 0px) + var(--bs-app-header-tertiary-height, 0px))
    }
    [data-kt-app-header-sticky=on] .app-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100;
        background-color: var(--bs-app-header-sticky-bg-color);
        box-shadow: var(--bs-app-header-sticky-box-shadow);
        border-bottom: var(--bs-app-header-sticky-border-bottom)
    }
    [data-kt-app-header-minimize=on] .app-header {
        transition: none;
        z-index: 100;
        background-color: var(--bs-app-header-minimize-bg-color);
        box-shadow: var(--bs-app-header-minimize-box-shadow);
        border-bottom: var(--bs-app-header-minimize-border-bottom)
    }
    .app-header .app-header-mobile-drawer {
        display: flex
    }
    [data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header,
    [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header,
    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
        margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-header-fixed=true][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header,
    [data-kt-app-header-fixed=true][data-kt-app-sidebar-panel-sticky=on][data-kt-app-sidebar-panel-push-header=true] .app-header {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header,
    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-panel-sticky=on][data-kt-app-sidebar-panel-push-header=true] .app-header {
        margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
    [data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-header {
        box-shadow: none
    }
}

@media (max-width:991.98px) {
    :root {
        --bs-app-header-height: 60px
    }
    [data-kt-app-header-sticky=on] {
        --bs-app-header-height: 70px;
        --bs-app-header-height-actual: 70px
    }
    [data-kt-app-header-minimize=on] {
        --bs-app-header-height: 60px;
        --bs-app-header-height-actual: 60px
    }
    .app-header {
        height: var(--bs-app-header-height);
        align-items: stretch
    }
    .app-header .app-header-mobile-drawer {
        display: none
    }
    [data-kt-app-header-stacked=true] .app-header {
        flex-direction: column;
        height: calc(var(--bs-app-header-primary-height) + var(--bs-app-header-secondary-height, 0px) + var(--bs-app-header-tertiary-height, 0px))
    }
    [data-kt-app-header-fixed-mobile=true] .app-header {
        z-index: 100;
        transition: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0
    }
    [data-kt-app-header-sticky=on] .app-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100;
        background-color: var(--bs-app-header-sticky-bg-color);
        box-shadow: var(--bs-app-header-sticky-box-shadow);
        border-bottom: var(--bs-app-header-sticky-border-bottom)
    }
    [data-kt-app-header-minimize=on] .app-header {
        z-index: 100;
        transition: none;
        background-color: var(--bs-app-header-minimize-bg-color);
        box-shadow: var(--bs-app-header-minimize-box-shadow);
        border-bottom: var(--bs-app-header-minimize-border-bottom)
    }
    [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-fixed-mobile=true] .app-header {
        box-shadow: none
    }
    [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-sticky=on] .app-header {
        box-shadow: none
    }
}

.app-header-primary {
    transition: none;
    display: flex;
    align-items: stretch
}

@media (min-width:992px) {
    .app-header-primary {
        background-color: var(--bs-app-header-primary-base-bg-color);
        box-shadow: var(--bs-app-header-primary-base-box-shadow);
        border-bottom: var(--bs-app-header-primary-base-border-bottom)
    }
    [data-kt-app-header-primary-enabled=true] {
        --bs-app-header-primary-height: 70px
    }
    [data-kt-app-header-primary-enabled=true][data-kt-app-header-sticky=on] {
        --bs-app-header-primary-height: 70px
    }
    [data-kt-app-header-primary-enabled=true][data-kt-app-header-minimize=on] {
        --bs-app-header-primary-height: 70px
    }
    [data-kt-app-header-primary-enabled=true][data-kt-app-header-sticky=on][data-kt-app-header-primary-sticky-hide=true] {
        --bs-app-header-primary-height: 0
    }
    .app-header-primary {
        height: var(--bs-app-header-primary-height)
    }
    [data-kt-app-header-primary-fixed=true] .app-header-primary {
        z-index: 100;
        position: fixed;
        left: 0;
        right: 0;
        top: 0
    }
    [data-kt-app-header-primary-static=true] .app-header-primary {
        position: relative
    }
    [data-kt-app-header-primary-sticky=on] .app-header-primary {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 70px;
        z-index: 100;
        background-color: var(--bs-app-header-primary-sticky-bg-color);
        box-shadow: var(--bs-app-header-primary-sticky-box-shadow);
        border-bottom: var(--bs-app-header-primary-sticky-border-bottom)
    }
    [data-kt-app-header-primary-minimize=on] .app-header-primary {
        transition: none;
        height: 70px;
        z-index: 100;
        background-color: var(--bs-app-header-primary-minimize-bg-color);
        box-shadow: var(--bs-app-header-primary-minimize-box-shadow);
        border-bottom: var(--bs-app-header-primary-minimize-border-bottom)
    }
    [data-kt-app-header-sticky=on][data-kt-app-header-primary-sticky-hide=true] .app-header-primary {
        display: none !important
    }
    [data-kt-app-header-primary-enabled=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header-primary {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-header-primary-enabled=true][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header-primary {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
}

@media (max-width:991.98px) {
    .app-header .app-header-primary {
        flex-grow: 1;
        height: var(--bs-app-header-primary-height);
        border-bottom: var(--bs-app-header-primary-base-border-bottom);
        box-shadow: var(--bs-app-header-primary-base-box-shadow)
    }
    .app-header-primary {
        background-color: var(--bs-app-header-primary-base-bg-color)
    }
    [data-kt-app-header-primary-enabled=true] {
        --bs-app-header-primary-height: 60px
    }
    [data-kt-app-header-primary-enabled=true][data-kt-app-header-sticky=on] {
        --bs-app-header-primary-height: 60px
    }
    [data-kt-app-header-primary-enabled=true][data-kt-app-header-minimize=on] {
        --bs-app-header-primary-height: 60px
    }
}

.app-header-secondary {
    transition: none;
    display: flex;
    align-items: stretch
}

@media (min-width:992px) {
    .app-header-secondary {
        background-color: var(--bs-app-header-secondary-base-bg-color);
        box-shadow: var(--bs-app-header-secondary-base-box-shadow);
        border-top: var(--bs-app-header-secondary-base-border-top);
        border-bottom: var(--bs-app-header-secondary-base-border-bottom)
    }
    [data-kt-app-header-secondary-enabled=true] {
        --bs-app-header-secondary-height: 70px
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-header-sticky=on] {
        --bs-app-header-secondary-height: 70px
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-header-minimize=on] {
        --bs-app-header-secondary-height: 70px
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-header-sticky=on][data-kt-app-header-secondary-sticky-hide=true] {
        --bs-app-header-secondary-height: 0
    }
    .app-header-secondary {
        height: var(--bs-app-header-secondary-height)
    }
    [data-kt-app-header-secondary-fixed=true] .app-header-secondary {
        z-index: 100;
        position: fixed;
        left: 0;
        right: 0;
        top: 0
    }
    [data-kt-app-header-secondary-static=true] .app-header-secondary {
        position: static
    }
    [data-kt-app-header-secondary-sticky=on] .app-header-secondary {
        transition: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 70px;
        z-index: 100;
        background-color: var(--bs-app-header-secondary-sticky-bg-color);
        box-shadow: var(--bs-app-header-secondary-sticky-box-shadow);
        border-bottom: var(--bs-app-header-secondary-sticky-border-bottom)
    }
    [data-kt-app-header-secondary-minimize=on] .app-header-secondary {
        transition: none;
        height: 70px;
        z-index: 100;
        background-color: var(--bs-app-header-secondary-minimize-bg-color);
        box-shadow: var(--bs-app-header-secondary-minimize-box-shadow);
        border-bottom: var(--bs-app-header-secondary-minimize-border-bottom)
    }
    [data-kt-app-header-sticky=on][data-kt-app-header-secondary-sticky-hide=true] .app-header-secondary {
        display: none !important
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header-secondary {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header-secondary {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
}

@media (max-width:991.98px) {
    .app-header .app-header-secondary {
        flex-grow: 1;
        height: var(--bs-app-header-secondary-height);
        box-shadow: var(--bs-app-header-secondary-base-box-shadow);
        border-top: var(--bs-app-header-secondary-base-border-top);
        border-bottom: var(--bs-app-header-secondary-base-border-bottom)
    }
    .app-header-secondary {
        background-color: var(--bs-app-header-secondary-base-bg-color)
    }
    [data-kt-app-header-secondary-enabled=true] {
        --bs-app-header-secondary-height: 60px
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-header-sticky=on] {
        --bs-app-header-secondary-height: 60px
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-header-minimize=on] {
        --bs-app-header-secondary-height: 60px
    }
}

.app-header-tertiary {
    transition: none;
    display: flex;
    align-items: stretch
}

@media (min-width:992px) {
    .app-header-tertiary {
        background-color: var(--bs-app-header-tertiary-base-bg-color);
        box-shadow: var(--bs-app-header-tertiary-base-box-shadow);
        border-top: var(--bs-app-header-tertiary-base-border-top);
        border-bottom: var(--bs-app-header-tertiary-base-border-bottom)
    }
    [data-kt-app-header-tertiary-enabled=true] {
        --bs-app-header-tertiary-height: 70px
    }
    [data-kt-app-header-tertiary-enabled=true][data-kt-app-header-sticky=on] {
        --bs-app-header-tertiary-height: 70px
    }
    [data-kt-app-header-tertiary-enabled=true][data-kt-app-header-minimize=on] {
        --bs-app-header-tertiary-height: 70px
    }
    [data-kt-app-header-tertiary-enabled=true][data-kt-app-header-sticky=on][data-kt-app-header-tertiary-sticky-hide=true] {
        --bs-app-header-tertiary-height: 0
    }
    .app-header-tertiary {
        height: var(--bs-app-header-tertiary-height)
    }
    [data-kt-app-header-tertiary-fixed=true] .app-header-tertiary {
        z-index: 100;
        position: fixed;
        left: 0;
        right: 0;
        top: 0
    }
    [data-kt-app-header-tertiary-static=true] .app-header-tertiary {
        position: static
    }
    [data-kt-app-header-tertiary-sticky=on] .app-header-tertiary {
        transition: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 70px;
        z-index: 100;
        background-color: var(--bs-app-header-tertiary-sticky-bg-color);
        box-shadow: var(--bs-app-header-tertiary-sticky-box-shadow);
        border-bottom: var(--bs-app-header-tertiary-sticky-border-bottom)
    }
    [data-kt-app-header-tertiary-minimize=on] .app-header-tertiary {
        transition: none;
        height: 70px;
        z-index: 100;
        background-color: var(--bs-app-header-tertiary-minimize-bg-color);
        box-shadow: var(--bs-app-header-tertiary-minimize-box-shadow);
        border-bottom: var(--bs-app-header-tertiary-minimize-border-bottom)
    }
    [data-kt-app-header-sticky=on][data-kt-app-header-tertiary-sticky-hide=true] .app-header-tertiary {
        display: none !important
    }
    [data-kt-app-header-tertiary-enabled=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header-tertiary {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-header-tertiary-enabled=true][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header-tertiary {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
}

@media (max-width:991.98px) {
    .app-header .app-header-tertiary {
        flex-grow: 1;
        height: var(--bs-app-header-tertiary-height);
        border-top: var(--bs-app-header-tertiary-base-border-top);
        box-shadow: var(--bs-app-header-tertiary-base-box-shadow)
    }
    .app-header-tertiary {
        background-color: var(--bs-app-header-tertiary-base-bg-color)
    }
    [data-kt-app-header-tertiary-enabled=true] {
        --bs-app-header-tertiary-height: 70px
    }
    [data-kt-app-header-tertiary-enabled=true][data-kt-app-header-sticky=on] {
        --bs-app-header-tertiary-height: 60px
    }
    [data-kt-app-header-secondary-enabled=true][data-kt-app-header-minimize=on] {
        --bs-app-header-tertiary-height: 60px
    }
}

.app-toolbar {
    display: flex;
    align-items: stretch;
    background-color: var(--bs-app-toolbar-base-bg-color);
    box-shadow: var(--bs-app-toolbar-base-box-shadow);
    border-top: var(--bs-app-toolbar-base-border-top);
    border-bottom: var(--bs-app-toolbar-base-border-bottom)
}

.app-toolbar.app-toolbar-minimize {
    transition: none
}

@media (min-width:992px) {
    :root {
        --bs-app-toolbar-height: 55px;
        --bs-app-toolbar-height-actual: 55px
    }
    [data-kt-app-toolbar-sticky=on] {
        --bs-app-toolbar-height: 70px
    }
    [data-kt-app-toolbar-minimize=on] {
        --bs-app-toolbar-height: 70px
    }
    .app-toolbar {
        height: var(--bs-app-toolbar-height)
    }
    [data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-toolbar {
        z-index: 99;
        position: fixed;
        left: 0;
        right: 0;
        top: 0
    }
    [data-kt-app-toolbar-sticky=on] .app-toolbar {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        box-shadow: var(--bs-app-toolbar-sticky-box-shadow);
        background-color: var(--bs-app-toolbar-sticky-bg-color);
        border-top: var(--bs-app-toolbar-sticky-border-top);
        border-bottom: var(--bs-app-toolbar-sticky-border-bottom);
        z-index: 99
    }
    [data-kt-app-toolbar-minimize=on] .app-toolbar {
        transition: none;
        box-shadow: var(--bs-app-toolbar-minimize-box-shadow);
        background-color: var(--bs-app-toolbar-minimize-bg-color);
        border-top: var(--bs-app-toolbar-minimize-border-top);
        border-bottom: var(--bs-app-toolbar-minimize-border-bottom);
        z-index: 99
    }
    [data-kt-app-toolbar-fixed=true][data-kt-app-header-fixed=true] .app-toolbar {
        top: var(--bs-app-header-height)
    }
    [data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar,
    [data-kt-app-toolbar-sticky=on][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-toolbar=true] .app-toolbar,
    [data-kt-app-toolbar-sticky=on][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-toolbar=true] .app-toolbar {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
    [data-kt-app-toolbar-fixed=true][data-kt-app-aside-fixed=true][data-kt-app-aside-push-toolbar=true] .app-toolbar,
    [data-kt-app-toolbar-sticky=on][data-kt-app-aside-fixed=true][data-kt-app-aside-push-toolbar=true] .app-toolbar {
        right: calc(var(--bs-app-aside-width) + var(--bs-app-aside-gap-start, 0px) + var(--bs-app-aside-gap-end, 0px))
    }
}

@media (max-width:991.98px) {
    [data-kt-app-toolbar-sticky=on] {
        --bs-app-toolbar-height: 70px
    }
    [data-kt-app-toolbar-minimize=on] {
        --bs-app-toolbar-height: 70px
    }
    .app-toolbar {
        height: var(--bs-app-toolbar-height)
    }
    [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-fixed-mobile=true] .app-toolbar {
        z-index: 99;
        position: fixed;
        top: calc(var(--bs-app-header-height, 0px) + var(--bs-app-header-mobile-height, 0px));
        left: 0;
        right: 0
    }
    [data-kt-app-toolbar-sticky=on] .app-toolbar {
        position: fixed;
        left: 0;
        right: 0;
        top: var(--bs-app-header-height, 0);
        box-shadow: var(--bs-app-toolbar-sticky-box-shadow);
        background-color: var(--bs-app-toolbar-sticky-bg-color);
        border-top: var(--bs-app-toolbar-sticky-border-top);
        border-bottom: var(--bs-app-toolbar-sticky-border-bottom);
        z-index: 99
    }
    [data-kt-app-toolbar-minimize=on] .app-toolbar {
        transition: none;
        box-shadow: var(--bs-app-toolbar-minimize-box-shadow);
        background-color: var(--bs-app-toolbar-minimize-bg-color);
        border-top: var(--bs-app-toolbar-minimize-border-top);
        border-bottom: var(--bs-app-toolbar-minimize-border-bottom);
        z-index: 99
    }
}

.app-hero {
    display: flex;
    align-items: stretch;
    background-color: var(--bs-app-hero-bg-color);
    box-shadow: var(--bs-app-hero-box-shadow);
    border-top: var(--bs-app-hero-border-top);
    border-bottom: var(--bs-app-hero-border-bottom)
}

.app-sidebar {
    transition: width .3s ease;
    background-color: var(--bs-app-sidebar-base-bg-color);
    box-shadow: var(--bs-app-sidebar-base-box-shadow);
    border-left: var(--bs-app-sidebar-base-border-start);
    border-right: var(--bs-app-sidebar-base-border-end)
}

.app-sidebar-collapse-d-flex,
.app-sidebar-collapse-mobile-d-flex,
.app-sidebar-minimize-d-flex,
.app-sidebar-minimize-mobile-d-flex,
.app-sidebar-sticky-d-flex {
    display: none
}

@media (min-width:992px) {
    .app-sidebar {
        display: flex;
        flex-shrink: 0;
        width: var(--bs-app-sidebar-width);
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    :root {
        --bs-app-sidebar-width: 265px;
        --bs-app-sidebar-width-actual: 265px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px
    }
    [data-kt-app-sidebar-stacked=true] {
        --bs-app-sidebar-width: calc(var(--bs-app-sidebar-primary-width) + var(--bs-app-sidebar-secondary-width, 0px))
    }
    [data-kt-app-sidebar-minimize=on] {
        --bs-app-sidebar-width: 75px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px
    }
    [data-kt-app-sidebar-sticky=on] {
        --bs-app-sidebar-width: 300px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px
    }
    [data-kt-app-sidebar-collapse=on] {
        --bs-app-sidebar-width: 0px
    }
    [data-kt-app-sidebar-static=true] .app-sidebar {
        position: relative
    }
    [data-kt-app-sidebar-offcanvas=true] .app-sidebar {
        display: none
    }
    [data-kt-app-sidebar-fixed=true] .app-sidebar {
        position: fixed;
        z-index: 105;
        top: 0;
        bottom: 0;
        left: 0
    }
    [data-kt-app-sidebar-stacked=true] .app-sidebar {
        align-items: stretch
    }
    [data-kt-app-sidebar-sticky=on] .app-sidebar {
        position: fixed;
        transition: width .3s ease;
        top: auto;
        bottom: auto;
        left: auto;
        z-index: 105;
        box-shadow: var(--bs-app-sidebar-sticky-box-shadow);
        border-left: var(--bs-app-sidebar-sticky-border-start);
        border-right: var(--bs-app-sidebar-sticky-border-end);
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-minimize=on] .app-sidebar {
        transition: width .3s ease;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-hoverable=true] .app-sidebar .app-sidebar-wrapper {
        width: var(--bs-app-sidebar-width-actual)
    }
    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) {
        transition: width .3s ease;
        width: var(--bs-app-sidebar-width-actual)
    }
    [data-kt-app-sidebar-collapse=on] .app-sidebar {
        transition: width .3s ease;
        width: var(--bs-app-sidebar-width-actual);
        margin-left: calc(-1 * var(--bs-app-sidebar-width-actual))
    }
    [data-kt-app-sidebar-minimize=on] .app-sidebar-minimize-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-minimize=on] .app-sidebar-minimize-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-sticky=on] .app-sidebar-sticky-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-sticky=on] .app-sidebar-sticky-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-collapse=on] .app-sidebar-collapse-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-collapse=on] .app-sidebar-collapse-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true]:not([data-kt-app-sidebar-push-header=true]) .app-sidebar {
        top: var(--bs-app-header-height)
    }
    [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true]:not([data-kt-app-sidebar-push-toolbar=true]) .app-sidebar {
        top: calc(var(--bs-app-header-height) + var(--bs-app-toolbar-height, 0px))
    }
}

@media (max-width:991.98px) {
    .app-sidebar {
        display: none;
        width: var(--bs-app-sidebar-width);
        z-index: 106;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    :root {
        --bs-app-sidebar-width: 250px;
        --bs-app-sidebar-width-actual: 250px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px
    }
    [data-kt-app-sidebar-stacked=true] {
        --bs-app-sidebar-width: calc(var(--bs-app-sidebar-primary-width) + var(--bs-app-sidebar-secondary-width, 0))
    }
    [data-kt-app-sidebar-minimize-mobile=on] {
        --bs-app-sidebar-width: 75px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px
    }
    [data-kt-app-sidebar-collapse-mobile=on] {
        --bs-app-sidebar-width: 0px
    }
    [data-kt-app-sidebar-stacked=true] .app-sidebar {
        align-items: stretch
    }
    [data-kt-app-sidebar-minimize-mobile=on] .app-sidebar {
        transition: width .3s ease;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-hoverable-mobile=true] .app-sidebar .app-sidebar-wrapper {
        width: var(--bs-app-sidebar-width-actual)
    }
    [data-kt-app-sidebar-hoverable-mobile=true][data-kt-app-sidebar-minimize-mobile=on] .app-sidebar:hover:not(.animating) {
        transition: width .3s ease;
        width: var(--bs-app-sidebar-width-actual);
        box-shadow: var(--bs-app-sidebar-minimize-hover-box-shadow-mobile)
    }
    [data-kt-app-sidebar-collapse-mobile=on] .app-sidebar {
        transition: width .3s ease;
        width: var(--bs-app-sidebar-width-actual);
        margin-left: calc(-1 * var(--bs-app-sidebar-width-actual))
    }
    [data-kt-app-sidebar-minimize-mobile=on] .app-sidebar-minimize-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-minimize-mobile=on] .app-sidebar-minimize-mobile-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-collapse-mobile=on] .app-sidebar-collapse-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-collapse-mobile=on] .app-sidebar-collapse-mobile-d-flex {
        display: flex !important
    }
}

.app-sidebar-primary {
    transition: none;
    position: relative;
    flex-shrink: 0;
    background-color: var(--bs-app-sidebar-primary-base-bg-color);
    box-shadow: var(--bs-app-sidebar-primary-base-box-shadow);
    border-left: var(--bs-app-sidebar-primary-base-border-start);
    border-right: var(--bs-app-sidebar-primary-base-border-end)
}

.app-sidebar-primary-collapse-d-flex,
.app-sidebar-primary-collapse-mobile-d-flex,
.app-sidebar-primary-minimize-d-flex,
.app-sidebar-primary-minimize-mobile-d-flex {
    display: none
}

@media (min-width:992px) {
    .app-sidebar-primary {
        z-index: 1;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    :root {
        --bs-app-sidebar-primary-width-actual: 100px
    }
    [data-kt-app-sidebar-stacked=true] {
        --bs-app-sidebar-primary-width: 100px;
        --bs-app-sidebar-primary-gap-start: 0px;
        --bs-app-sidebar-primary-gap-end: 0px;
        --bs-app-sidebar-primary-gap-top: 0px;
        --bs-app-sidebar-primary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-primary-minimize=on] {
        --bs-app-sidebar-primary-width: 75px;
        --bs-app-sidebar-primary-gap-start: 0px;
        --bs-app-sidebar-primary-gap-end: 0px;
        --bs-app-sidebar-primary-gap-top: 0px;
        --bs-app-sidebar-primary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-primary-collapse=on] {
        --bs-app-sidebar-primary-width: 0px
    }
    .app-sidebar-primary {
        width: var(--bs-app-sidebar-primary-width)
    }
    [data-kt-app-sidebar-primary-collapse=on] .app-sidebar-primary {
        transition: none;
        width: var(--bs-app-sidebar-primary-width-actual);
        margin-left: calc(-1 * var(--bs-app-sidebar-primary-width-actual))
    }
    [data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary {
        transition: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-primary-hoverable=true] .app-sidebar-primary .app-sidebar-primary-hoverable {
        width: var(--bs-app-sidebar-primary-width-actual)
    }
    [data-kt-app-sidebar-primary-hoverable=true][data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary:hover:not(.animating) {
        transition: none;
        width: var(--bs-app-sidebar-primary-width-actual);
        box-shadow: var(--bs-app-sidebar-primary-minimize-hover-box-shadow)
    }
    [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-sidebar-primary-below-header=true] .app-sidebar-primary {
        top: var(--bs-app-header-height)
    }
    [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-primary-below-toolbar=true] .app-sidebar-primary {
        top: calc(var(--bs-app-header-height) + var(--bs-app-toolbar-height, 0))
    }
    [data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary-minimize-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary-minimize-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-primary-collapse=on] .app-sidebar-primary-collapse-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-primary-collapse=on] .app-sidebar-primary-collapse-d-flex {
        display: flex !important
    }
}

@media (max-width:991.98px) {
    .app-sidebar-primary {
        z-index: 1;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    :root {
        --bs-app-sidebar-primary-width-actual: 100px
    }
    [data-kt-app-sidebar-stacked=true] {
        --bs-app-sidebar-primary-width: 100px;
        --bs-app-sidebar-primary-gap-start: 0px;
        --bs-app-sidebar-primary-gap-end: 0px;
        --bs-app-sidebar-primary-gap-top: 0px;
        --bs-app-sidebar-primary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-primary-minimize-mobile=on] {
        --bs-app-sidebar-primary-width: 75px;
        --bs-app-sidebar-primary-gap-start: 0px;
        --bs-app-sidebar-primary-gap-end: 0px;
        --bs-app-sidebar-primary-gap-top: 0px;
        --bs-app-sidebar-primary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-primary-collapse-mobile=on] {
        --bs-app-sidebar-primary-width: 0px
    }
    .app-sidebar-primary {
        width: var(--bs-app-sidebar-primary-width)
    }
    [data-kt-app-sidebar-primary-collapse-mobile=on] .app-sidebar-primary {
        transition: none;
        width: var(--bs-app-sidebar-primary-width-actual);
        margin-left: calc(-1 * var(--bs-app-sidebar-primary-width-actual))
    }
    [data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary {
        transition: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-primary-hoverable-mobile=true] .app-sidebar-primary .app-sidebar-primary-hoverable {
        width: var(--bs-app-sidebar-primary-width-actual)
    }
    [data-kt-app-sidebar-primary-hoverable-mobile=true][data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary:hover:not(.animating) {
        transition: none;
        width: var(--bs-app-sidebar-primary-width-actual);
        box-shadow: var(--bs-app-sidebar-primary-minimize-hover-box-shadow-mobile)
    }
    [data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary-minimize-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary-minimize-mobile-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-primary-collapse-mobile=on] .app-sidebar-primary-collapse-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-primary-collapse-mobile=on] .app-sidebar-primary-collapse-mobile-d-flex {
        display: flex !important
    }
}

.app-sidebar-secondary {
    transition: width .3s ease, margin .3s ease;
    position: relative;
    flex-shrink: 0;
    background-color: var(--bs-app-sidebar-secondary-base-bg-color);
    box-shadow: var(--bs-app-sidebar-secondary-base-box-shadow);
    border-left: var(--bs-app-sidebar-secondary-base-border-start);
    border-right: var(--bs-app-sidebar-secondary-base-border-end)
}

.app-sidebar-secondary-collapse-d-flex,
.app-sidebar-secondary-collapse-mobile-d-flex,
.app-sidebar-secondary-minimize-d-flex,
.app-sidebar-secondary-minimize-mobile-d-flex {
    display: none
}

@media (min-width:992px) {
    .app-sidebar-secondary {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-secondary-enabled=true] {
        --bs-app-sidebar-secondary-width-actual: calc( 265px - 100px - 0px - 0px - 0px - 0px)
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-stacked=true] {
        --bs-app-sidebar-secondary-width: calc( 265px - 100px - 0px - 0px - 0px - 0px);
        --bs-app-sidebar-secondary-gap-start: 0px;
        --bs-app-sidebar-secondary-gap-end: 0px;
        --bs-app-sidebar-secondary-gap-top: 0px;
        --bs-app-sidebar-secondary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-minimize=on] {
        --bs-app-sidebar-secondary-width: 75px;
        --bs-app-sidebar-secondary-gap-start: 0px;
        --bs-app-sidebar-secondary-gap-end: 0px;
        --bs-app-sidebar-secondary-gap-top: 0px;
        --bs-app-sidebar-secondary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-collapse=on] {
        --bs-app-sidebar-secondary-width-actual: calc( 265px - 100px - 0px - 0px - 0px - 0px);
        --bs-app-sidebar-secondary-width: 0px
    }
    .app-sidebar-secondary {
        width: var(--bs-app-sidebar-secondary-width)
    }
    [data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary {
        transition: width .3s ease, margin .3s ease;
        width: var(--bs-app-sidebar-secondary-width-actual);
        margin-left: calc(-1 * var(--bs-app-sidebar-secondary-width-actual))
    }
    [data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary {
        transition: width .3s ease, margin .3s ease;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-secondary-hoverable=true] .app-sidebar-secondary .app-sidebar-secondary-hoverable {
        width: var(--bs-app-sidebar-secondary-width-actual)
    }
    [data-kt-app-sidebar-secondary-hoverable=true][data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary:hover:not(.animating) {
        transition: width .3s ease, margin .3s ease;
        width: var(--bs-app-sidebar-secondary-width-actual);
        box-shadow: var(--bs-app-sidebar-secondary-minimize-hover-box-shadow)
    }
    [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-sidebar-secondary-below-header=true] .app-sidebar-secondary {
        top: var(--bs-app-header-height)
    }
    [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-secondary-below-toolbar=true] .app-sidebar-secondary {
        top: calc(var(--bs-app-header-height) + var(--bs-app-toolbar-height, 0))
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary-minimize-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary-minimize-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-d-flex {
        display: flex !important
    }
}

@media (max-width:991.98px) {
    .app-sidebar-secondary {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-secondary-enabled=true] {
        --bs-app-sidebar-secondary-width-actual: calc( 250px - 100px - 0px - 0px - 0px - 0px)
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-stacked=true] {
        --bs-app-sidebar-secondary-width: calc( 250px - 100px - 0px - 0px - 0px - 0px);
        --bs-app-sidebar-secondary-gap-start: 0px;
        --bs-app-sidebar-secondary-gap-end: 0px;
        --bs-app-sidebar-secondary-gap-top: 0px;
        --bs-app-sidebar-secondary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-minimize-mobile=on] {
        --bs-app-sidebar-secondary-width: 75px;
        --bs-app-sidebar-secondary-gap-start: 0px;
        --bs-app-sidebar-secondary-gap-end: 0px;
        --bs-app-sidebar-secondary-gap-top: 0px;
        --bs-app-sidebar-secondary-gap-bottom: 0px
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-collapse-mobile=on] {
        --bs-app-sidebar-secondary-width-actual: calc( 250px - 100px - 0px - 0px - 0px - 0px);
        --bs-app-sidebar-secondary-width: 0px
    }
    .app-sidebar-secondary {
        width: var(--bs-app-sidebar-secondary-width)
    }
    [data-kt-app-sidebar-secondary-collapse-mobile=on] .app-sidebar-secondary {
        transition: width .3s ease, margin .3s ease;
        width: var(--bs-app-sidebar-secondary-width-actual);
        margin-left: calc(-1 * var(--bs-app-sidebar-secondary-width-actual))
    }
    [data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary {
        transition: width .3s ease, margin .3s ease;
        background-color: var(--bs-app-sidebar-secondary-minimize-bg-color-mobile);
        box-shadow: var(--bs-app-sidebar-secondary-minimize-box-shadow-mobile);
        border-left: var(--bs-app-sidebar-secondary-minimize-border-start-mobile);
        border-right: var(--bs-app-sidebar-secondary-minimize-border-end-mobile)
    }
    [data-kt-app-sidebar-secondary-hoverable-mobile=true] .app-sidebar-secondary .app-sidebar-secondary-hoverable {
        width: var(--bs-app-sidebar-secondary-width-actual)
    }
    [data-kt-app-sidebar-secondary-hoverable-mobile=true][data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary:hover:not(.animating) {
        transition: width .3s ease, margin .3s ease;
        width: var(--bs-app-sidebar-secondary-width-actual);
        box-shadow: var(--bs-app-sidebar-secondary-minimize-hover-box-shadow-mobile)
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary-minimize-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary-minimize-mobile-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-mobile-d-flex {
        display: flex !important
    }
}

.app-sidebar-panel {
    transition: none;
    background-color: var(--bs-app-sidebar-panel-base-bg-color);
    box-shadow: var(--bs-app-sidebar-panel-base-box-shadow);
    border-left: var(--bs-app-sidebar-panel-base-border-start);
    border-right: var(--bs-app-sidebar-panel-base-border-end)
}

.app-sidebar-panel-collapse-d-flex,
.app-sidebar-panel-collapse-mobile-d-flex,
.app-sidebar-panel-minimize-d-flex,
.app-sidebar-panel-minimize-mobile-d-flex,
.app-sidebar-panel-sticky-d-flex {
    display: none
}

@media (min-width:992px) {
    .app-sidebar-panel {
        display: flex;
        flex-shrink: 0;
        width: var(--bs-app-sidebar-panel-width);
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    :root {
        --bs-app-sidebar-panel-width: 300px;
        --bs-app-sidebar-panel-width-actual: 300px;
        --bs-app-sidebar-panel-gap-start: 0px;
        --bs-app-sidebar-panel-gap-end: 0px;
        --bs-app-sidebar-panel-gap-top: 0px;
        --bs-app-sidebar-panel-gap-bottom: 0px
    }
    [data-kt-app-sidebar-panel-minimize=on] {
        --bs-app-sidebar-panel-width: 75px;
        --bs-app-sidebar-panel-gap-start: 0px;
        --bs-app-sidebar-panel-gap-end: 0px;
        --bs-app-sidebar-panel-gap-top: 0px;
        --bs-app-sidebar-panel-gap-bottom: 0px
    }
    [data-kt-app-sidebar-panel-sticky=on] {
        --bs-app-sidebar-panel-width: 300px;
        --bs-app-sidebar-panel-gap-start: 0px;
        --bs-app-sidebar-panel-gap-end: 0px;
        --bs-app-sidebar-panel-gap-top: 0px;
        --bs-app-sidebar-panel-gap-bottom: 0px
    }
    [data-kt-app-sidebar-panel-collapse=on] {
        --bs-app-sidebar-panel-width-actual: 300px;
        --bs-app-sidebar-panel-width: 0px
    }
    [data-kt-app-sidebar-panel-static=true] .app-sidebar-panel {
        position: relative
    }
    [data-kt-app-sidebar-panel-offcanvas=true] .app-sidebar-panel {
        display: none
    }
    [data-kt-app-sidebar-panel-fixed=true] .app-sidebar-panel {
        z-index: 104;
        position: fixed;
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px));
        top: 0;
        bottom: 0
    }
    [data-kt-app-sidebar-panel-sticky=on] .app-sidebar-panel {
        position: fixed;
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px));
        top: 0;
        bottom: 0;
        transition: none;
        z-index: 104;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel {
        transition: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-panel-hoverable=true] .app-sidebar-panel .app-sidebar-panel-hoverable {
        width: var(--bs-app-sidebar-panel-width-actual)
    }
    [data-kt-app-sidebar-panel-hoverable=true][data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel:hover:not(.animating) {
        transition: none;
        width: var(--bs-app-sidebar-panel-width-actual);
        box-shadow: var(--bs-app-sidebar-panel-minimize-hover-box-shadow)
    }
    [data-kt-app-sidebar-panel-collapse=on] .app-sidebar-panel {
        transition: none;
        width: var(--bs-app-sidebar-panel-width-actual);
        margin-left: calc(-1 * (var(--bs-app-sidebar-panel-width-actual) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px)))
    }
    [data-kt-app-sidebar-panel-fixed=true][data-kt-app-header-fixed=true]:not([data-kt-app-sidebar-panel-push-header=true]) .app-sidebar-panel {
        top: var(--bs-app-header-height)
    }
    [data-kt-app-sidebar-panel-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true]:not([data-kt-app-sidebar-panel-push-toolbar=true]) .app-sidebar-panel {
        top: calc(var(--bs-app-header-height) + var(--bs-app-toolbar-height, 0))
    }
    [data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel-minimize-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel-minimize-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-panel-sticky=on] .app-sidebar-panel-sticky-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-panel-sticky=on] .app-sidebar-panel-sticky-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-panel-collapse=on] .app-sidebar-panel-collapse-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-panel-collapse=on] .app-sidebar-panel-collapse-d-flex {
        display: flex !important
    }
}

@media (max-width:991.98px) {
    .app-sidebar-panel {
        display: none;
        width: var(--bs-app-sidebar-panel-width);
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    :root {
        --bs-app-sidebar-panel-width: 300px;
        --bs-app-sidebar-panel-width-actual: 300px;
        --bs-app-sidebar-panel-gap-start: 0px;
        --bs-app-sidebar-panel-gap-end: 0px;
        --bs-app-sidebar-panel-gap-top: 0px;
        --bs-app-sidebar-panel-gap-bottom: 0px
    }
    [data-kt-app-sidebar-panel-minimize-mobile=on] {
        --bs-app-sidebar-panel-width: 75px;
        --bs-app-sidebar-panel-gap-start: 0px;
        --bs-app-sidebar-panel-gap-end: 0px;
        --bs-app-sidebar-panel-gap-top: 0px;
        --bs-app-sidebar-panel-gap-bottom: 0px
    }
    [data-kt-app-sidebar-panel-collapse-mobile=on] {
        --bs-app-sidebar-panel-width-actual: 300px;
        --bs-app-sidebar-panel-width: 0px
    }
    [data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel {
        transition: none;
        background-color: var(--bs-app-sidebar-panel-minimize-bg-color-mobile);
        box-shadow: var(--bs-app-sidebar-panel-minimize-box-shadow-mobile);
        border-left: var(--bs-app-sidebar-panel-minimize-border-start-mobile);
        border-right: var(--bs-app-sidebar-panel-minimize-border-end-mobile);
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-sidebar-panel-hoverable-mobile=true] .app-sidebar-panel .app-sidebar-panel-hoverable {
        width: var(--bs-app-sidebar-panel-width-actual)
    }
    [data-kt-app-sidebar-panel-hoverable-mobile=true][data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel:hover:not(.animating) {
        transition: none;
        width: var(--bs-app-sidebar-panel-width-actual);
        box-shadow: var(--bs-app-sidebar-panel-minimize-hover-box-shadow-mobile)
    }
    [data-kt-app-sidebar-panel-collapse-mobile=on] .app-sidebar-panel {
        transition: none;
        width: var(--bs-app-sidebar-panel-width-actual);
        margin-left: calc(-1 * var(--bs-app-sidebar-panel-width-actual))
    }
    [data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel-minimize-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel-minimize-mobile-d-flex {
        display: flex !important
    }
    [data-kt-app-sidebar-panel-collapse-mobile=on] .app-sidebar-panel-collapse-mobile-d-none {
        display: none !important
    }
    [data-kt-app-sidebar-panel-collapse-mobile=on] .app-sidebar-panel-collapse-mobile-d-flex {
        display: flex !important
    }
}

.app-aside {
    transition: none;
    background-color: var(--bs-app-aside-base-bg-color);
    box-shadow: var(--bs-app-aside-base-box-shadow)
}

.app-aside-collapse-d-flex,
.app-aside-collapse-mobile-d-flex,
.app-aside-minimize-d-flex,
.app-aside-minimize-mobile-d-flex,
.app-aside-sticky-d-flex {
    display: none
}

@media (min-width:992px) {
    .app-aside {
        display: flex;
        flex-shrink: 0;
        width: var(--bs-app-aside-width);
        margin-left: 0;
        margin-right: 30px;
        margin-top: 30px;
        margin-bottom: 30px
    }
    :root {
        --bs-app-aside-width: 320px;
        --bs-app-aside-width-actual: 320px;
        --bs-app-aside-gap-start: 0px;
        --bs-app-aside-gap-end: 30px;
        --bs-app-aside-gap-top: 30px;
        --bs-app-aside-gap-bottom: 30px
    }
    [data-kt-app-aside-stacked=true] {
        --bs-app-aside-width: calc(var(--bs-app-aside-primary-width) + var(--bs-app-aside-secondary-width))
    }
    [data-kt-app-aside-minimize=on] {
        --bs-app-aside-width: 75px;
        --bs-app-aside-gap-start: 0px;
        --bs-app-aside-gap-end: 0px;
        --bs-app-aside-gap-top: 0px;
        --bs-app-aside-gap-bottom: 0px
    }
    [data-kt-app-aside-sticky=on] {
        --bs-app-aside-width: 300px;
        --bs-app-aside-gap-start: 0px;
        --bs-app-aside-gap-end: 0px;
        --bs-app-aside-gap-top: 0px;
        --bs-app-aside-gap-bottom: 0px
    }
    [data-kt-app-aside-collapse=on] {
        --bs-app-aside-width: 0px
    }
    [data-kt-app-aside-static=true] .app-aside {
        position: relative
    }
    [data-kt-app-aside-offcanvas=true] .app-aside {
        display: none
    }
    [data-kt-app-aside-fixed=true] .app-aside {
        position: fixed;
        z-index: 99;
        top: 0;
        bottom: 0;
        right: 0
    }
    [data-kt-app-aside-stacked=true] .app-aside {
        align-items: stretch
    }
    [data-kt-app-aside-sticky=on] .app-aside {
        position: fixed;
        transition: none;
        box-shadow: var(--bs-app-aside-sticky-box-shadow);
        border-left: var(--bs-aside-sticky-border-start);
        border-right: var(--bs-app-aside-sticky-border-end);
        top: auto;
        bottom: auto;
        left: auto;
        z-index: 99;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-aside-minimize=on] .app-aside {
        transition: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-aside-hoverable=true] .app-aside .app-aside-wrapper {
        width: var(--bs-app-aside-width-actual)
    }
    [data-kt-app-aside-hoverable=true][data-kt-app-aside-minimize=on] .app-aside:hover:not(.animating) {
        transition: none;
        width: var(--bs-app-aside-width-actual);
        box-shadow: var(--bs-app-aside-minimize-hover-box-shadow)
    }
    [data-kt-app-aside-collapse=on] .app-aside {
        transition: none;
        width: var(--bs-app-aside-width-actual);
        margin-right: calc(-1 * var(--bs-app-aside-width-actual))
    }
    [data-kt-app-aside-minimize=on] .app-aside-minimize-d-none {
        display: none !important
    }
    [data-kt-app-aside-minimize=on] .app-aside-minimize-d-flex {
        display: flex !important
    }
    [data-kt-app-aside-sticky=on] .app-aside-sticky-d-none {
        display: none !important
    }
    [data-kt-app-aside-sticky=on] .app-aside-sticky-d-flex {
        display: flex !important
    }
    [data-kt-app-aside-collapse=on] .app-aside-collapse-d-none {
        display: none !important
    }
    [data-kt-app-aside-collapse=on] .app-aside-collapse-d-flex {
        display: flex !important
    }
    [data-kt-app-aside-fixed=true][data-kt-app-header-fixed=true]:not([data-kt-app-aside-push-header=true]) .app-aside {
        top: var(--bs-app-header-height)
    }
    [data-kt-app-aside-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true]:not([data-kt-app-aside-push-toolbar=true]) .app-aside {
        top: calc(var(--bs-app-header-height) + var(--bs-app-toolbar-height, 0px))
    }
}

@media (max-width:991.98px) {
    .app-aside {
        display: none;
        width: var(--bs-app-aside-width);
        z-index: 106;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    :root {
        --bs-app-aside-width: 300px;
        --bs-app-aside-width-actual: 300px;
        --bs-app-aside-gap-start: 0px;
        --bs-app-aside-gap-end: 0px;
        --bs-app-aside-gap-top: 0px;
        --bs-app-aside-gap-bottom: 0px
    }
    [data-kt-app-aside-minimize-mobile=on] {
        --bs-app-aside-width: 75px;
        --bs-app-aside-gap-start: 0px;
        --bs-app-aside-gap-end: 0px;
        --bs-app-aside-gap-top: 0px;
        --bs-app-aside-gap-bottom: 0px
    }
    [data-kt-app-aside-collapse-mobile=on] {
        --bs-app-aside-width: 0px
    }
    [data-kt-app-aside-stacked=true] .app-aside {
        align-items: stretch
    }
    [data-kt-app-aside-minimize-mobile=on] .app-aside {
        transition: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    [data-kt-app-aside-hoverable-mobile=true] .app-aside .app-aside-wrapper {
        width: var(--bs-app-aside-width-actual)
    }
    [data-kt-app-aside-hoverable-mobile=true][data-kt-app-aside-minimize-mobile=on] .app-aside:hover:not(.animating) {
        transition: none;
        width: var(--bs-app-aside-width-actual);
        box-shadow: var(--bs-app-aside-minimize-hover-box-shadow-mobile)
    }
    [data-kt-app-aside-collapse-mobile=on] .app-aside {
        transition: none;
        width: var(--bs-app-aside-width-actual);
        margin-right: calc(-1 * var(--bs-app-aside-width-actual))
    }
    [data-kt-app-aside-minimize-mobile=on] .app-aside-minimize-mobile-d-none {
        display: none !important
    }
    [data-kt-app-aside-minimize-mobile=on] .app-aside-minimize-mobile-d-flex {
        display: flex !important
    }
    [data-kt-app-aside-collapse-mobile=on] .app-aside-collapse-mobile-d-none {
        display: none !important
    }
    [data-kt-app-aside-collapse-mobile=on] .app-aside-collapse-mobile-d-flex {
        display: flex !important
    }
}

.app-wrapper {
    display: flex
}

@media (min-width:992px) {
    .app-wrapper {
        transition: margin-left .3s ease, margin-right .3s ease
    }
    [data-kt-app-header-sticky=on] .app-wrapper {
        margin-top: var(--bs-app-header-height-actual)
    }
    [data-kt-app-header-fixed=true] .app-wrapper {
        margin-top: var(--bs-app-header-height)
    }
    [data-kt-app-toolbar-sticky=on] .app-wrapper {
        margin-top: var(--bs-app-toolbar-height)
    }
    [data-kt-app-header-fixed=true][data-kt-app-toolbar-sticky=on] .app-wrapper {
        margin-top: calc(var(--bs-app-header-height-actual) + var(--bs-app-toolbar-height-actual))
    }
    [data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-wrapper {
        margin-top: calc(var(--bs-app-header-height) + var(--bs-app-toolbar-height))
    }
    [data-kt-app-sidebar-fixed=true] .app-wrapper {
        margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-sidebar-panel-fixed=true] .app-wrapper {
        margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
    [data-kt-app-aside-fixed=true] .app-wrapper {
        margin-right: calc(var(--bs-app-aside-width) + var(--bs-app-aside-gap-start, 0px) + var(--bs-app-aside-gap-end, 0px))
    }
    [data-kt-app-footer-fixed=true] .app-wrapper {
        margin-bottom: var(--bs-app-footer-height)
    }
}

@media (max-width:991.98px) {
    .app-wrapper {
        transition: margin-left .3s ease, margin-right .3s ease
    }
    [data-kt-app-header-sticky=on] .app-wrapper {
        margin-top: var(--bs-app-header-height-actual)
    }
    [data-kt-app-header-fixed-mobile=true] .app-wrapper {
        margin-top: var(--bs-app-header-height)
    }
    [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-sticky=on] .app-wrapper {
        margin-top: calc(var(--bs-app-header-height-actual) + var(--bs-app-toolbar-height-actual))
    }
    [data-kt-app-footer-fixed-mobile=true] .app-wrapper {
        margin-bottom: var(--bs-app-footer-height)
    }
}

.app-main {
    display: flex
}

@media (min-width:992px) {
    .app-main {
        transition: margin .3s ease
    }
    [data-kt-app-sidebar-sticky=true] .app-main {
        margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-sidebar-panel-sticky=true] .app-main {
        margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
    [data-kt-app-aside-sticky=true] .app-main {
        margin-right: calc(var(--bs-app-aside-width) + var(--bs-app-aside-gap-start, 0px) + var(--bs-app-aside-gap-end, 0px))
    }
}

@media (max-width:991.98px) {
    .app-main {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .app-content {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:991.98px) {
    .app-content {
        max-width: none;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

.app-footer {
    transition: left .3s ease, right .3s ease;
    display: flex;
    align-items: center;
    background-color: var(--bs-app-footer-bg-color);
    border-top: var(--bs-app-footer-border-top)
}

@media (min-width:992px) {
    :root {
        --bs-app-footer-height: 60px
    }
    .app-footer {
        height: var(--bs-app-footer-height)
    }
    [data-kt-app-footer-fixed=true] .app-footer {
        z-index: 100;
        box-shadow: var(--bs-app-footer-box-shadow);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0
    }
    [data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-footer=true] .app-footer {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px))
    }
    [data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-footer=true] .app-footer {
        left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + var(--bs-app-sidebar-panel-width) + var(--bs-app-sidebar-panel-gap-start, 0px) + var(--bs-app-sidebar-panel-gap-end, 0px))
    }
    [data-kt-app-aside-fixed=true][data-kt-app-aside-push-footer=true] .app-footer {
        right: calc(var(--bs-app-aside-width) + var(--bs-app-aside-gap-start, 0px) + var(--bs-app-aside-gap-end, 0px))
    }
}

@media (max-width:991.98px) {
    body {
        --bs-app-footer-height: auto
    }
    .app-footer {
        height: var(--bs-app-footer-height)
    }
    [data-kt-app-footer-fixed-mobile=true] .app-footer {
        z-index: 100;
        box-shadow: var(--bs-app-footer-box-shadow);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.app-layout-builder-toggle {
    position: fixed;
    z-index: 105;
    bottom: 40px;
    right: 50px
}

@media (max-width:991.98px) {
    .app-layout-builder-toggle {
        bottom: 20px;
        right: 40px
    }
}

[data-bs-theme=light] {
    --bs-app-header-light-separator-color: #E4E6EF;
    --bs-app-sidebar-base-toggle-btn-box-shadow: 0px 8px 14px rgba(15, 42, 81, 0.04);
    --bs-app-sidebar-base-toggle-btn-bg-color: #ffffff;
    --bs-app-sidebar-base-toggle-btn-border-color: #F1F1F2;
    --bs-app-sidebar-base-border-color: #F1F1F2;
    --bs-app-sidebar-light-bg-color: #ffffff;
    --bs-app-sidebar-light-box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.05);
    --bs-app-sidebar-light-separator-color: #E4E6EF;
    --bs-app-sidebar-light-scrollbar-color-hover: #F1F1F2;
    --bs-app-sidebar-light-menu-heading-color: #B5B5C3;
    --bs-app-sidebar-light-menu-link-bg-color-active: #F7F8FB;
    --bs-app-sidebar-light-header-menu-link-bg-color-active: #F7F8FB;
    --bs-app-sidebar-light-menu-link-color: #252F4A;
    --bs-app-sidebar-light-menu-link-icon-color: #99A1B7
}

[data-bs-theme=dark] {
    --bs-app-header-light-separator-color: #2B2B40;
    --bs-app-sidebar-base-toggle-btn-box-shadow: none;
    --bs-app-sidebar-base-toggle-btn-bg-color: #2B2B40;
    --bs-app-sidebar-base-toggle-btn-border-color: none;
    --bs-app-sidebar-base-border-color: none;
    --bs-app-sidebar-light-bg-color: #131313;
    --bs-app-sidebar-light-box-shadow: none;
    --bs-app-sidebar-light-separator-color: #2B2B40;
    --bs-app-sidebar-light-scrollbar-color-hover: #2B2B40;
    --bs-app-sidebar-light-menu-heading-color: #565674;
    --bs-app-sidebar-light-menu-link-bg-color-active: #2A2A3C;
    --bs-app-sidebar-light-header-menu-link-bg-color-active: #1b1b29;
    --bs-app-sidebar-light-menu-link-color: #DBDFE9;
    --bs-app-sidebar-light-menu-link-icon-color: #7F8194
}

@media (min-width:992px) {
    .app-sidebar-toggle {
        box-shadow: var(--bs-app-sidebar-base-toggle-btn-box-shadow) !important;
        background-color: var(--bs-app-sidebar-base-toggle-btn-bg-color) !important;
        border: 1px solid var(--bs-app-sidebar-base-border-color) !important
    }
    .app-sidebar-toggle .active i {
        transform: rotateZ(0) !important
    }
    [dir=rtl] .app-sidebar-toggle i {
        transform: rotateZ(180deg)
    }
    [dir=rtl] .app-sidebar-toggle.active i {
        transform: rotateZ(0) !important
    }
    .app-sidebar-logo {
        height: calc(var(--bs-app-header-height) + 1px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        flex-shrink: 0
    }
    .app-sidebar-menu .menu>.menu-item {
        margin-left: .115rem
    }
    .app-sidebar-menu .menu>.menu-item>.menu-link>.menu-title {
        font-weight: 600;
        font-size: 1.1rem
    }
}

@media (max-width:991.98px) {
    .app-sidebar-logo {
        display: none
    }
}

.app-sidebar-logo-minimize {
    display: none
}

.app-sidebar-footer .btn-custom .btn-icon {
    display: none
}

@media (min-width:992px) {
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-logo .app-sidebar-logo-default {
        display: none
    }
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-logo .app-sidebar-logo-minimize {
        display: inline-block
    }
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-wrapper {
        width: var(--bs-app-sidebar-width-actual)
    }
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .menu-content,
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .menu-title {
        opacity: 0;
        transition: opacity .3s ease !important
    }
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .menu-item.show>.menu-sub {
        height: 0;
        overflow: hidden;
        transition: height .3s ease !important
    }
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .btn-custom {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .btn-custom .btn-label {
        width: 0;
        display: none
    }
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .btn-custom .btn-icon {
        width: auto;
        display: block
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-default {
        display: none
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-minimize {
        display: inline-block
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-wrapper {
        width: var(--bs-app-sidebar-width-actual)
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-content,
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-title {
        opacity: 0;
        transition: opacity .3s ease !important
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-item.show>.menu-sub {
        height: 0;
        overflow: hidden;
        transition: height .3s ease !important
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-footer .btn-custom {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-footer .btn-custom .btn-label {
        width: 0;
        display: none
    }
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-footer .btn-custom .btn-icon {
        width: auto;
        display: block
    }
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: #131313;
    border-right: 0
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y {
    scrollbar-color: transparent transparent
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-thumb,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y::-webkit-scrollbar-thumb {
    background-color: transparent
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-corner,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y::-webkit-scrollbar-corner {
    background-color: transparent
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y:hover {
    scrollbar-color: #3e3e4b transparent
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y:hover::-webkit-scrollbar-thumb {
    background-color: #3e3e4b
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-corner,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y:hover::-webkit-scrollbar-corner {
    background-color: transparent
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 1px dashed #393945
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom {
    color: #b5b5c3;
    background-color: rgba(63, 66, 84, .35)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom i {
    color: #b5b5c3
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom.dropdown-toggle:after {
    color: #b5b5c3
}

.btn-check:active+[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom,
.btn-check:checked+[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom,
.show>[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom,
[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom.active,
[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom.show,
[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom:active:not(.btn-active),
[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom:focus:not(.btn-active),
[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom:hover:not(.btn-active) {
    color: #b5b5c3;
    background-color: rgba(63, 66, 84, .35) !important
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-heading {
    color: #626671 !important
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link {
    color: #dbdfe9
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-title {
    color: #dbdfe9
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-icon i {
    color: #7f8194
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-bullet .bullet {
    background-color: #7f8194
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.here>.menu-link {
    transition: color .2s ease;
    color: #dbdfe9
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.here>.menu-link .menu-title {
    color: #dbdfe9
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.here>.menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.here>.menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.here>.menu-link .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.here>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.here>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link {
    transition: color .2s ease;
    color: #dbdfe9
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link .menu-title {
    color: #dbdfe9
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: #1c1c21;
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-title {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-sub .menu-item .menu-link .menu-title {
    color: #888a8e
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-sub .menu-item .menu-link.active .menu-title {
    color: var(--bs-white)
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-sub .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-white)
}

@media (min-width:992px) {
    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu-sub-lg-dropdown {
        background-color: #131313
    }
}

[data-bs-theme=dark] [data-kt-app-layout=dark-sidebar] .app-sidebar {
    border-right: 1px dashed #393945
}

[data-kt-app-layout=light-sidebar] .app-sidebar {
    background-color: var(--bs-app-sidebar-light-bg-color);
    border-right: 1px solid var(--bs-gray-200)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y,
[data-kt-app-layout=light-sidebar] .app-sidebar .scroll-y {
    scrollbar-color: transparent transparent
}

[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-thumb,
[data-kt-app-layout=light-sidebar] .app-sidebar .scroll-y::-webkit-scrollbar-thumb {
    background-color: transparent
}

[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-corner,
[data-kt-app-layout=light-sidebar] .app-sidebar .scroll-y::-webkit-scrollbar-corner {
    background-color: transparent
}

[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y:hover,
[data-kt-app-layout=light-sidebar] .app-sidebar .scroll-y:hover {
    scrollbar-color: var(--bs-app-sidebar-light-scrollbar-color-hover) transparent
}

[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb,
[data-kt-app-layout=light-sidebar] .app-sidebar .scroll-y:hover::-webkit-scrollbar-thumb {
    background-color: var(--bs-app-sidebar-light-scrollbar-color-hover)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-corner,
[data-kt-app-layout=light-sidebar] .app-sidebar .scroll-y:hover::-webkit-scrollbar-corner {
    background-color: transparent
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 0
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-toggle {
    border-radius: 50%;
    box-shadow: none !important
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu {
    font-weight: 500
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-heading {
    color: var(--bs-app-sidebar-light-menu-heading-color) !important
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link {
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show>.menu-link {
    transition: color .2s ease;
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show>.menu-link .menu-title {
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show>.menu-link .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show>.menu-link .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show>.menu-link .menu-icon i {
    color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here>.menu-link {
    transition: color .2s ease;
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here>.menu-link .menu-title {
    color: var(--bs-app-sidebar-light-menu-link-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here>.menu-link .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here>.menu-link .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here>.menu-link .menu-icon i {
    color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-app-sidebar-light-menu-link-icon-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-sidebar-light-menu-link-icon-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: var(--bs-app-sidebar-light-menu-link-bg-color-active);
    color: var(--bs-primary)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: var(--bs-primary)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: var(--bs-primary)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-primary)
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-item .menu-link .menu-title {
    color: #4b5675
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-item .menu-link.active .menu-title {
    color: var(--bs-primary)
}

[data-kt-app-layout=light-sidebar][data-kt-app-header-fixed=true] [data-kt-app-header-minimize=on] .app-header {
    transition: none;
    z-index: 100;
    background-color: var(--bs-app-header-minimize-bg-color);
    box-shadow: var(--bs-app-header-minimize-box-shadow)
}

[data-kt-app-layout=light-sidebar][data-kt-app-header-fixed=true] .app-sidebar .app-sidebar-logo {
    border-bottom: 0
}

@media (min-width:992px) {
    .app-aside {
        border: 1px solid var(--bs-border-color);
        border-radius: .625rem;
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .03)
    }
}

.app-header-menu .menu .menu-item .menu-link {
    color: var(--bs-gray-700)
}

.app-header-menu .menu .menu-item .menu-link .menu-title {
    color: var(--bs-gray-700)
}

.app-header-menu .menu .menu-item .menu-link .menu-icon,
.app-header-menu .menu .menu-item .menu-link .menu-icon .svg-icon,
.app-header-menu .menu .menu-item .menu-link .menu-icon i {
    color: var(--bs-gray-500)
}

.app-header-menu .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: var(--bs-gray-500)
}

.app-header-menu .menu .menu-item .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-500);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-500);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.app-header-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.app-header-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.app-header-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.app-header-menu .menu .menu-item.show>.menu-link {
    transition: color .2s ease;
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.show>.menu-link .menu-title {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.show>.menu-link .menu-icon,
.app-header-menu .menu .menu-item.show>.menu-link .menu-icon .svg-icon,
.app-header-menu .menu .menu-item.show>.menu-link .menu-icon i {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.show>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.show>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.app-header-menu .menu .menu-item.here>.menu-link {
    transition: color .2s ease;
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.here>.menu-link .menu-title {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.here>.menu-link .menu-icon,
.app-header-menu .menu .menu-item.here>.menu-link .menu-icon .svg-icon,
.app-header-menu .menu .menu-item.here>.menu-link .menu-icon i {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.here>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-primary)
}

.app-header-menu .menu .menu-item.here>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.app-header-menu .menu .menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: var(--bs-gray-100);
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item .menu-link.active .menu-title {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item .menu-link.active .menu-icon,
.app-header-menu .menu .menu-item .menu-link.active .menu-icon .svg-icon,
.app-header-menu .menu .menu-item .menu-link.active .menu-icon i {
    color: var(--bs-primary)
}

.app-header-menu .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-primary)
}

.app-header-menu .menu .menu-item .menu-link.active .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.app-header-menu .menu>.menu-item>.menu-link>.menu-title {
    font-weight: 600;
    font-size: 1.1rem
}

.app-header-menu .menu-extended {
    --bs-menu-link-bg-color-active: rgba(var(--bs-gray-100-rgb), 0.7);
    --bs-menu-link-bg-color-hover: rgba(var(--bs-gray-100-rgb), 0.7)
}

.app-header-menu .menu-extended .menu-custom-icon {
    background-color: var(--bs-gray-100)
}

.app-header-menu .menu-extended .menu-link.active .menu-custom-icon,
.app-header-menu .menu-extended .menu-link:hover .menu-custom-icon {
    background-color: var(--bs-gray-200)
}

@media (min-width:992px) {
    .app-header-menu .menu>.menu-item {
        margin-right: .5rem
    }
    .app-header-menu .menu>.menu-item.here>.menu-link {
        transition: color .2s ease;
        background-color: var(--bs-gray-100);
        color: var(--bs-primary)
    }
    .app-header-menu .menu>.menu-item.here>.menu-link .menu-title {
        color: var(--bs-primary)
    }
    .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon,
    .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon .svg-icon,
    .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon i {
        color: var(--bs-primary)
    }
    .app-header-menu .menu>.menu-item.here>.menu-link .menu-bullet .bullet {
        background-color: var(--bs-primary)
    }
    .app-header-menu .menu>.menu-item.here>.menu-link .menu-arrow:after {
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-color: var(--bs-primary);
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-color: var(--bs-primary);
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
    }
    .app-header-menu .menu>.menu-item>.menu-link {
        padding-top: .675rem;
        padding-bottom: .675rem;
        font-weight: 500
    }
    [data-kt-app-layout=dark-sidebar] .app-header-menu .menu>.menu-item.active>.menu-link,
    [data-kt-app-layout=dark-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link {
        background-color: transparent;
        box-shadow: 0 3px 4px rgba(0, 0, 0, .03)
    }
    [data-kt-app-toolbar-fixed=true] .app-header {
        background-color: var(--bs-app-header-minimize-bg-color)
    }
}

@media (min-width:992px) {
    [data-bs-theme=dark] [data-kt-app-layout=dark-sidebar] .app-header-menu .menu>.menu-item.active>.menu-link,
    [data-bs-theme=dark] [data-kt-app-layout=dark-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link {
        box-shadow: none;
        background-color: var(--bs-gray-100)
    }
}

@media (max-width:991.98px) {
    .app-header {
        background-color: var(--bs-app-header-minimize-bg-color);
        border-bottom: 1px solid var(--bs-border-color) !important
    }
    .app-header .page-title {
        display: none !important
    }
}

[data-kt-app-layout=dark-header] .app-header {
    background-color: #131313;
    border-bottom: 0 !important
}

[data-kt-app-layout=dark-header] .app-header .btn-custom {
    color: var(--bs-gray-200)
}

[data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon,
[data-kt-app-layout=dark-header] .app-header .btn-custom i {
    color: var(--bs-gray-200)
}

[data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after {
    color: var(--bs-gray-200)
}

.btn-check:active+[data-kt-app-layout=dark-header] .app-header .btn-custom,
.btn-check:checked+[data-kt-app-layout=dark-header] .app-header .btn-custom,
.show>[data-kt-app-layout=dark-header] .app-header .btn-custom,
[data-kt-app-layout=dark-header] .app-header .btn-custom.active,
[data-kt-app-layout=dark-header] .app-header .btn-custom.show,
[data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active),
[data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active),
[data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active) {
    color: var(--bs-primary);
    background-color: rgba(63, 66, 84, .35) !important
}

.btn-check:active+[data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon,
.btn-check:active+[data-kt-app-layout=dark-header] .app-header .btn-custom i,
.btn-check:checked+[data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon,
.btn-check:checked+[data-kt-app-layout=dark-header] .app-header .btn-custom i,
.show>[data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon,
.show>[data-kt-app-layout=dark-header] .app-header .btn-custom i,
[data-kt-app-layout=dark-header] .app-header .btn-custom.active .svg-icon,
[data-kt-app-layout=dark-header] .app-header .btn-custom.active i,
[data-kt-app-layout=dark-header] .app-header .btn-custom.show .svg-icon,
[data-kt-app-layout=dark-header] .app-header .btn-custom.show i,
[data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active) .svg-icon,
[data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active) i,
[data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active) .svg-icon,
[data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active) i,
[data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active) .svg-icon,
[data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active) i {
    color: var(--bs-primary)
}

.btn-check:active+[data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after,
.btn-check:checked+[data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after,
.show>[data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after,
[data-kt-app-layout=dark-header] .app-header .btn-custom.active.dropdown-toggle:after,
[data-kt-app-layout=dark-header] .app-header .btn-custom.show.dropdown-toggle:after,
[data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active).dropdown-toggle:after,
[data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active).dropdown-toggle:after,
[data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active).dropdown-toggle:after {
    color: var(--bs-primary)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link {
    color: #858585
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link .menu-title {
    color: #858585
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link .menu-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link .menu-icon i {
    color: #c5c5d8
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link .menu-bullet .bullet {
    background-color: #787887
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #787887;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #787887;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.show>.menu-link {
    transition: color .2s ease;
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.show>.menu-link .menu-title {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.show>.menu-link .menu-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.show>.menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.show>.menu-link .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.show>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.show>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.here>.menu-link {
    transition: color .2s ease;
    background-color: #242424;
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.here>.menu-link .menu-title {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.here>.menu-link .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item.here>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link.active {
    transition: color .2s ease;
    background-color: #242424;
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link.active .menu-title {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link.active .menu-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link.active .menu-icon i {
    color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-primary-inverse)
}

[data-kt-app-layout=dark-header] .app-header-menu .menu>.menu-item>.menu-link.active .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

@media (min-width:992px) {
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link {
        transition: color .2s ease;
        color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link .menu-title {
        color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon,
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon .svg-icon,
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link .menu-icon i {
        color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link .menu-bullet .bullet {
        background-color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link .menu-arrow:after {
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-color: var(--bs-primary);
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-color: var(--bs-primary);
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item>.menu-link.active {
        transition: color .2s ease;
        background-color: var(--bs-gray-100);
        color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item>.menu-link.active .menu-title {
        color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item>.menu-link.active .menu-icon,
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item>.menu-link.active .menu-icon .svg-icon,
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item>.menu-link.active .menu-icon i {
        color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item>.menu-link.active .menu-bullet .bullet {
        background-color: var(--bs-primary)
    }
    [data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item>.menu-link.active .menu-arrow:after {
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-color: var(--bs-primary);
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-color: var(--bs-primary);
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
    }
}

@media (min-width:992px) {
    [data-kt-app-layout=light-sidebar]:not([data-kt-app-header-fixed=true]) .app-header {
        background-color: transparent;
        box-shadow: none;
        border-bottom: none
    }
}

@media (max-width:991.98px) {
    [data-kt-app-layout=light-sidebar]:not([data-kt-app-header-fixed-mobile=true]) .app-header {
        background-color: transparent;
        box-shadow: none
    }
}

@media (min-width:992px) {
    [data-kt-app-toolbar-enabled=true]:not([data-kt-app-toolbar-fixed=true]) .app-content {
        padding-top: 0
    }
}

@media (max-width:991.98px) {
    [data-kt-app-toolbar-enabled=true]:not([data-kt-app-toolbar-fixed-mobile=true]) .app-content {
        padding-top: 0
    }
}

:is([data-kt-app-layout=light-sidebar],
[data-kt-app-layout=light-header],
[data-kt-app-layout=dark-header]) .app-toolbar .form-select {
    background-color: var(--bs-body-bg) !important
}

@media (min-width:992px) {
    [data-kt-app-layout=light-sidebar] .app-toolbar {
        border-top: 1px solid var(--bs-border-color)
    }
    body:not([data-kt-app-toolbar-fixed=true]) .app-toolbar {
        height: auto;
        background-color: transparent;
        border-top: 0;
        border-bottom: 0;
        box-shadow: none
    }
}

@media (max-width:991.98px) {
    body:not([data-kt-app-toolbar-fixed-mobile=true]) .app-toolbar {
        height: auto;
        background-color: transparent;
        border-top: 0;
        border-bottom: 0;
        box-shadow: none
    }
}

@media (min-width:992px) {
    :not([data-kt-app-footer-fixed=true]) .app-main .app-content {
        padding-bottom: 0 !important
    }
    [data-kt-app-footer-fixed=true] .app-main .app-content {
        padding-bottom: 30px !important
    }
}

@media (min-width:992px) {
    [data-kt-app-layout=dark-header] .app-header .page-heading {
        color: #fff !important
    }
}