/* ------------------------------------------------------------------------------
 *
 *  # Kit layout
 *
 *  Content, Sidebar, Page header and Layout styles
 *
 * ---------------------------------------------------------------------------- */
.page-header {
    --page-header-padding-y: 1.5rem;
    --page-header-padding-x: 1.25rem;
    --page-header-bg: transparent;
    background-color: var(--page-header-bg);
}

.page-title {
    padding: var(--page-header-padding-y) 0;
    position: relative;
}

.page-subtitle {
    margin-left: var(--spacer-2);
}

.page-subtitle:before {
    content: "/";
    margin-right: calc(var(--spacer-2) + 0.25rem);
}

.page-header-content {
    position: relative;
    padding: 0 var(--page-header-padding-x);
}

.page-header-light {
    --page-header-bg: var(--white);
}

.page-header-light[data-color-theme=dark],
[data-color-theme=dark] .page-header-light:not([data-color-theme]),
html[data-color-theme=dark] .page-header-light {
    color-scheme: dark;
    --page-header-bg: #2c2d33;
}

.page-header-dark {
    --page-header-bg: #273246;
}

.page-header-dark[data-color-theme=dark],
[data-color-theme=dark] .page-header-dark:not([data-color-theme]),
html[data-color-theme=dark] .page-header-dark {
    color-scheme: dark;
    --page-header-bg: #1a1b1e;
}

.page-header-static {
    z-index: 1021;
}

/* ------------------------------------------------------------------------------
 *
 *  # Main content layout
 *
 *  Styles for main structure of content area
 *
 * ---------------------------------------------------------------------------- */
html {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden;
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden;
}

.page-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    min-width: 0;
}

.content {
    padding: var(--spacer) 1.25rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.content::after {
    display: block;
    clear: both;
    content: "";
}

.content-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media (prefers-reduced-motion: no-preference) {
    .content-inner {
        scroll-behavior: smooth;
    }
}

.layout-static,
.layout-static body,
.layout-static .page-content {
    overflow: visible;
}

.btn-to-top {
    position: absolute;
    bottom: 1rem !important;
    right: 1rem;
    -ms-flex-item-align: end;
    align-self: flex-end;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: opacity ease-in-out var(--transition-base-timer), visibility ease-in-out var(--transition-base-timer), bottom ease-in-out var(--transition-base-timer);
}

@media (prefers-reduced-motion: reduce) {
    .btn-to-top {
        transition: none;
    }
}

.btn-to-top-visible {
    visibility: visible;
    opacity: 1;
}

/* ------------------------------------------------------------------------------
 *
 *  # Sidebar layouts
 *
 *  Sidebar components, main navigation and sidebar itself
 *
 * ---------------------------------------------------------------------------- */
.sidebar {
    --sidebar-width: 18.75rem;
    --sidebar-bg: #fff;
    --sidebar-color: var(--body-color);
    --sidebar-border-color: var(--border-color);
    --sidebar-border-width: var(--border-width);
    --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
    --sidebar-section-padding-y: 1.25rem;
    --sidebar-section-padding-x: 1.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--sidebar-width);
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: var(--sidebar-bg);
    color: var(--sidebar-color);
    box-shadow: var(--sidebar-box-shadow);
}

.sidebar[data-color-theme=dark],
[data-color-theme=dark] .sidebar:not([data-color-theme]),
html[data-color-theme=dark] .sidebar {
    color-scheme: dark;
    --sidebar-bg: #2c2d33;
}

.sidebar .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline) .nav-link.active {
    background-color: var(--sidebar-bg);
    border-bottom-color: var(--sidebar-bg);
}

.sidebar-main,
.sidebar-secondary {
    left: calc(var(--sidebar-width) * 1.1 * -1);
    border-right: var(--sidebar-border-width) solid var(--sidebar-border-color);
}

.sidebar-end {
    --sidebar-box-shadow: -0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
    right: calc(var(--sidebar-width) * 1.1 * -1);
    border-left: var(--sidebar-border-width) solid var(--sidebar-border-color);
}

.sidebar-content {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.sidebar-section {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sidebar-section-header {
    --sidebar-section-padding-y: calc(var(--sidebar-section-padding-x) * .75);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--sidebar-section-padding-y) var(--sidebar-section-padding-x);
}

.sidebar-section-body {
    position: relative;
    padding: var(--sidebar-section-padding-y) var(--sidebar-section-padding-x);
}

.sidebar-resize-show {
    display: none !important;
}

.btn-sidebar-expand {
    --btn-color: currentColor;
    --btn-bg: #fff;
    --btn-hover-bg: #f9f9f9;
    --btn-active-bg: #f2f2f2;
    --btn-padding-y: var(--spacer-1);
    --btn-padding-x: var(--spacer-1);
    --btn-border-color: var(--sidebar-border-color);
    --btn-hover-border-color: var(--sidebar-border-color);
    --btn-active-border-color: var(--sidebar-border-color);
    --btn-border-radius: 0;
    display: none;
    border-width: 0;
}

.btn-sidebar-expand[data-color-theme=dark],
[data-color-theme=dark] .btn-sidebar-expand:not([data-color-theme]),
html[data-color-theme=dark] .btn-sidebar-expand {
    color-scheme: dark;
    --btn-bg: #2c2d33;
    --btn-hover-bg: #202125;
    --btn-active-bg: #1a1b1e;
}

.sidebar-main .btn-sidebar-expand,
.sidebar-secondary .btn-sidebar-expand {
    border-right-width: var(--sidebar-border-width);
}

.sidebar-end .btn-sidebar-expand {
    border-left-width: var(--sidebar-border-width);
}

.sidebar-mobile-expanded.sidebar-main,
.sidebar-mobile-expanded.sidebar-secondary {
    left: 0;
}

.sidebar-mobile-expanded.sidebar-end {
    right: 0;
}

.sidebar-mobile-expanded.sidebar-component {
    display: block;
}

.nav-sidebar {
    --nav-sidebar-padding-y: 0.5rem;
    --nav-sidebar-divider-color: var(--border-color);
    --nav-link-spacer-y: 1px;
    --nav-link-padding-y: 0.625rem;
    --nav-link-padding-x: 1.25rem;
    --nav-link-color: var(--body-color);
    --nav-link-hover-bg: var(--gray-200);
    --nav-link-hover-active-bg: var(--gray-300);
    --nav-link-hover-color: var(--body-color);
    --nav-link-active-bg: rgba(var(--primary-rgb), 0.1);
    --nav-link-active-color: var(--link-color);
    --nav-link-font-weight: 500;
    -ms-flex-direction: column;
    flex-direction: column;
}

.nav-sidebar .nav-item:not(.nav-item-header):first-child {
    padding-top: var(--nav-sidebar-padding-y);
}

.nav-sidebar .nav-item:not(.nav-item-header):last-child {
    padding-bottom: var(--nav-sidebar-padding-y);
}

.nav-sidebar .nav-item:not(.nav-item-divider):not(:last-child) {
    margin-bottom: var(--nav-link-spacer-y);
}

.nav-sidebar .nav-link {
    position: relative;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent;
}

.nav-sidebar .nav-link:hover,
.nav-sidebar .nav-link:focus {
    background-color: var(--nav-link-hover-bg);
}

.nav-sidebar .nav-link:active {
    background-color: var(--nav-link-hover-active-bg);
}

.nav-sidebar .nav-link.active {
    background-color: var(--nav-link-active-bg);
}

.nav-sidebar .nav-link i {
    margin-right: var(--nav-link-padding-x);
    margin-top: calc((var(--body-line-height-computed) - var(--icon-font-size)) * 0.5);
    margin-bottom: calc((var(--body-line-height-computed) - var(--icon-font-size)) * 0.5);
}

.nav-sidebar .nav-item-open>.nav-link:not(.disabled):not(:active),
.nav-sidebar>.nav-item-expanded>.nav-link:not(:active) {
    background-color: var(--nav-link-hover-bg);
}

.nav-sidebar .nav-item-header {
    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
}

.nav-sidebar .nav-item-divider {
    background-color: var(--nav-sidebar-divider-color);
    margin: var(--nav-sidebar-padding-y) 0;
    height: var(--border-width);
}

.nav-item-submenu>.nav-link {
    padding-right: calc(var(--nav-link-padding-x) + var(--body-font-size) * 1.5);
}

.nav-item-submenu>.nav-link:after {
    content: "\f31c";
    font-family: var(--icon-font-family);
    display: inline-block;
    font-size: var(--body-font-size);
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    top: var(--nav-link-padding-y);
    margin-top: calc((var(--body-line-height-computed) - var(--body-font-size)) * 0.5);
    right: var(--nav-link-padding-x);
    transition: -webkit-transform ease-in-out var(--transition-collapse-timer);
    transition: transform ease-in-out var(--transition-collapse-timer);
    transition: transform ease-in-out var(--transition-collapse-timer), -webkit-transform ease-in-out var(--transition-collapse-timer);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (prefers-reduced-motion: reduce) {
    .nav-item-submenu>.nav-link:after {
        transition: none;
    }
}

[dir=rtl] .nav-item-submenu>.nav-link:after {
    content: "\f31b";
}

.nav-item-submenu.nav-item-open>.nav-link:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nav-group-sub {
    --nav-link-font-weight: 400;
    --nav-link-padding-y: 0.625rem;
    padding-left: 0;
    list-style: none;
}

.nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size));
}

.nav-group-sub .nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x) * 3 + var(--icon-font-size));
}

.nav-group-sub .nav-group-sub .nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x) * 4 + var(--icon-font-size));
}

.nav-sidebar-icons-reverse .nav-link {
    padding-right: calc(var(--nav-link-padding-y) * 2 + var(--icon-font-size));
}

.nav-sidebar-icons-reverse .nav-link i {
    position: absolute;
    top: var(--nav-link-padding-y);
    right: var(--nav-link-padding-x);
    margin-right: 0;
}

.nav-sidebar-icons-reverse .nav-item-submenu .nav-link {
    padding-right: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size) * 2);
}

.nav-sidebar-icons-reverse .nav-item-submenu .nav-link:after {
    right: calc(var(--nav-link-padding-x) + var(--icon-font-size) * 2);
}

.nav-sidebar-icons-reverse .nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x) * 2);
}

.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x) * 3);
}

.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x) * 4);
}

.nav-sidebar-bordered {
    --nav-sidebar-padding-y: 0;
    --nav-link-spacer-y: 0;
    --nav-link-border-color: var(--border-color);
}

.sidebar-dark .nav-sidebar-bordered {
    --nav-link-border-color: rgba(255, 255, 255, 0.125);
}

.nav-sidebar-bordered>.nav-item,
.nav-sidebar-bordered>.nav-item-header {
    border-top: var(--border-width) solid var(--nav-link-border-color);
}

.sidebar-dark {
    --sidebar-bg: #252b36;
    --sidebar-color: #fff;
    --sidebar-border-color: transparent;
    color-scheme: dark;
}

.sidebar-dark[data-color-theme=dark],
[data-color-theme=dark] .sidebar-dark:not([data-color-theme]),
html[data-color-theme=dark] .sidebar-dark {
    color-scheme: dark;
    --sidebar-bg: #141517;
}

.sidebar-dark .nav-sidebar {
    --nav-sidebar-divider-color: rgba(255, 255, 255, 0.125);
    --nav-link-color: rgba(255, 255, 255, 0.85);
    --nav-link-hover-color: #fff;
    --nav-link-hover-bg: rgba(var(--white-rgb), 0.1);
    --nav-link-hover-active-bg: rgba(var(--white-rgb), 0.15);
    --nav-link-active-color: var(--white);
    --nav-link-active-bg: rgba(var(--white-rgb), 0.15);
    --nav-link-disabled-color: rgba(var(--white-rgb), 0.5);
}

.sidebar-dark .btn-sidebar-expand {
    --btn-bg: #252b36;
    --btn-hover-bg: #2f3745;
    --btn-active-bg: #353d4d;
}

.sidebar-dark .btn-sidebar-expand[data-color-theme=dark],
[data-color-theme=dark] .sidebar-dark .btn-sidebar-expand:not([data-color-theme]),
html[data-color-theme=dark] .sidebar-dark .btn-sidebar-expand {
    color-scheme: dark;
    --btn-bg: #141517;
    --btn-hover-bg: #202125;
    --btn-active-bg: #26272c;
}

.sidebar-component {
    --sidebar-width: 100%;
    display: none;
    position: static;
}

.sidebar-component .sidebar-content {
    overflow: visible;
}

@media (min-width: 576px) {
    .sidebar-expand-sm {
        --sidebar-box-shadow: none;
        position: static;
    }

    .sidebar-expand-sm[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-sm:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-sm {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-sm.sidebar-collapsed {
        --sidebar-width: auto;
        border: 0;
    }

    .sidebar-expand-sm.sidebar-collapsed .btn-sidebar-expand {
        display: -ms-flexbox;
        display: flex;
    }

    .sidebar-expand-sm.sidebar-collapsed>*:not(.btn-sidebar-expand) {
        display: none !important;
    }

    .sidebar-expand-sm.sidebar-main {
        z-index: 99;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) {
        position: absolute;
        left: 0;
        transition: none;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed)+* {
        margin-left: calc(var(--spacer) * 2 + var(--icon-font-size));
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) {
        --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size));
        --sidebar-section-padding-x: 0;
        overflow: hidden;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-group-sub,
    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link>span {
        display: none !important;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-hide {
        display: none !important;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-show {
        display: block !important;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar {
        --nav-link-padding-x: 0;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
        content: none;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
        text-align: center;
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
        margin: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
        margin-bottom: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
    }

    .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed).sidebar-main-unfold {
        --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
        z-index: 1022;
    }

    .sidebar-expand-sm.sidebar-secondary {
        z-index: 98;
    }

    .sidebar-expand-sm.sidebar-end {
        --sidebar-box-shadow: none;
        z-index: 97;
    }

    .sidebar-expand-sm.sidebar-end[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-sm.sidebar-end:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-sm.sidebar-end {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-sm.sidebar-component {
        --sidebar-width: 21rem;
        display: -ms-flexbox;
        display: flex;
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sidebar-expand-sm.sidebar-sticky {
            position: -webkit-sticky;
            position: sticky;
            top: var(--spacer);
            z-index: 1020;
        }
    }
}

@media (max-width: 575.98px) {
    .sidebar-expand-sm {
        --sidebar-border-width: 0;
        z-index: 1040;
        transition: left ease-in-out var(--transition-base-timer), right ease-in-out var(--transition-base-timer);
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .sidebar-expand-sm {
        transition: none;
    }
}

@media (min-width: 768px) {
    .sidebar-expand-md {
        --sidebar-box-shadow: none;
        position: static;
    }

    .sidebar-expand-md[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-md:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-md {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-md.sidebar-collapsed {
        --sidebar-width: auto;
        border: 0;
    }

    .sidebar-expand-md.sidebar-collapsed .btn-sidebar-expand {
        display: -ms-flexbox;
        display: flex;
    }

    .sidebar-expand-md.sidebar-collapsed>*:not(.btn-sidebar-expand) {
        display: none !important;
    }

    .sidebar-expand-md.sidebar-main {
        z-index: 99;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) {
        position: absolute;
        left: 0;
        transition: none;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed)+* {
        margin-left: calc(var(--spacer) * 2 + var(--icon-font-size));
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) {
        --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size));
        --sidebar-section-padding-x: 0;
        overflow: hidden;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-group-sub,
    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link>span {
        display: none !important;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-hide {
        display: none !important;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-show {
        display: block !important;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar {
        --nav-link-padding-x: 0;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
        content: none;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
        text-align: center;
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
        margin: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
        margin-bottom: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
    }

    .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed).sidebar-main-unfold {
        --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
        z-index: 1022;
    }

    .sidebar-expand-md.sidebar-secondary {
        z-index: 98;
    }

    .sidebar-expand-md.sidebar-end {
        --sidebar-box-shadow: none;
        z-index: 97;
    }

    .sidebar-expand-md.sidebar-end[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-md.sidebar-end:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-md.sidebar-end {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-md.sidebar-component {
        --sidebar-width: 21rem;
        display: -ms-flexbox;
        display: flex;
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sidebar-expand-md.sidebar-sticky {
            position: -webkit-sticky;
            position: sticky;
            top: var(--spacer);
            z-index: 1020;
        }
    }
}

@media (max-width: 767.98px) {
    .sidebar-expand-md {
        --sidebar-border-width: 0;
        z-index: 1040;
        transition: left ease-in-out var(--transition-base-timer), right ease-in-out var(--transition-base-timer);
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .sidebar-expand-md {
        transition: none;
    }
}

@media (min-width: 992px) {
    .sidebar-expand-lg {
        --sidebar-box-shadow: none;
        position: static;
    }

    .sidebar-expand-lg[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-lg:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-lg {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-lg.sidebar-collapsed {
        --sidebar-width: auto;
        border: 0;
    }

    .sidebar-expand-lg.sidebar-collapsed .btn-sidebar-expand {
        display: -ms-flexbox;
        display: flex;
    }

    .sidebar-expand-lg.sidebar-collapsed>*:not(.btn-sidebar-expand) {
        display: none !important;
    }

    .sidebar-expand-lg.sidebar-main {
        z-index: 99;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) {
        position: absolute;
        left: 0;
        transition: none;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed)+* {
        margin-left: calc(var(--spacer) * 2 + var(--icon-font-size));
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) {
        --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size));
        --sidebar-section-padding-x: 0;
        overflow: hidden;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-group-sub,
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link>span {
        display: none !important;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-hide {
        display: none !important;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-show {
        display: block !important;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar {
        --nav-link-padding-x: 0;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
        content: none;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
        text-align: center;
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
        margin: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
        margin-bottom: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
    }

    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed).sidebar-main-unfold {
        --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
        z-index: 1022;
    }

    .sidebar-expand-lg.sidebar-secondary {
        z-index: 98;
    }

    .sidebar-expand-lg.sidebar-end {
        --sidebar-box-shadow: none;
        z-index: 97;
    }

    .sidebar-expand-lg.sidebar-end[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-lg.sidebar-end:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-lg.sidebar-end {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-lg.sidebar-component {
        --sidebar-width: 21rem;
        display: -ms-flexbox;
        display: flex;
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sidebar-expand-lg.sidebar-sticky {
            position: -webkit-sticky;
            position: sticky;
            top: var(--spacer);
            z-index: 1020;
        }
    }
}

@media (max-width: 991.98px) {
    .sidebar-expand-lg {
        --sidebar-border-width: 0;
        z-index: 1040;
        transition: left ease-in-out var(--transition-base-timer), right ease-in-out var(--transition-base-timer);
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .sidebar-expand-lg {
        transition: none;
    }
}

@media (min-width: 1200px) {
    .sidebar-expand-xl {
        --sidebar-box-shadow: none;
        position: static;
    }

    .sidebar-expand-xl[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-xl:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-xl {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-xl.sidebar-collapsed {
        --sidebar-width: auto;
        border: 0;
    }

    .sidebar-expand-xl.sidebar-collapsed .btn-sidebar-expand {
        display: -ms-flexbox;
        display: flex;
    }

    .sidebar-expand-xl.sidebar-collapsed>*:not(.btn-sidebar-expand) {
        display: none !important;
    }

    .sidebar-expand-xl.sidebar-main {
        z-index: 99;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) {
        position: absolute;
        left: 0;
        transition: none;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed)+* {
        margin-left: calc(var(--spacer) * 2 + var(--icon-font-size));
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) {
        --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size));
        --sidebar-section-padding-x: 0;
        overflow: hidden;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-group-sub,
    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link>span {
        display: none !important;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-hide {
        display: none !important;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-show {
        display: block !important;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar {
        --nav-link-padding-x: 0;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
        content: none;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
        text-align: center;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
        margin: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
        margin-bottom: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed).sidebar-main-unfold {
        --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
        z-index: 1022;
    }

    .sidebar-expand-xl.sidebar-secondary {
        z-index: 98;
    }

    .sidebar-expand-xl.sidebar-end {
        --sidebar-box-shadow: none;
        z-index: 97;
    }

    .sidebar-expand-xl.sidebar-end[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-xl.sidebar-end:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-xl.sidebar-end {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-xl.sidebar-component {
        --sidebar-width: 21rem;
        display: -ms-flexbox;
        display: flex;
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sidebar-expand-xl.sidebar-sticky {
            position: -webkit-sticky;
            position: sticky;
            top: var(--spacer);
            z-index: 1020;
        }
    }
}

@media (max-width: 1199.98px) {
    .sidebar-expand-xl {
        --sidebar-border-width: 0;
        z-index: 1040;
        transition: left ease-in-out var(--transition-base-timer), right ease-in-out var(--transition-base-timer);
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .sidebar-expand-xl {
        transition: none;
    }
}

@media (min-width: 1400px) {
    .sidebar-expand-xxl {
        --sidebar-box-shadow: none;
        position: static;
    }

    .sidebar-expand-xxl[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-xxl:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-xxl {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-xxl.sidebar-collapsed {
        --sidebar-width: auto;
        border: 0;
    }

    .sidebar-expand-xxl.sidebar-collapsed .btn-sidebar-expand {
        display: -ms-flexbox;
        display: flex;
    }

    .sidebar-expand-xxl.sidebar-collapsed>*:not(.btn-sidebar-expand) {
        display: none !important;
    }

    .sidebar-expand-xxl.sidebar-main {
        z-index: 99;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) {
        position: absolute;
        left: 0;
        transition: none;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed)+* {
        margin-left: calc(var(--spacer) * 2 + var(--icon-font-size));
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) {
        --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size));
        --sidebar-section-padding-x: 0;
        overflow: hidden;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-group-sub,
    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link>span {
        display: none !important;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-hide {
        display: none !important;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-show {
        display: block !important;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar {
        --nav-link-padding-x: 0;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
        content: none;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
        text-align: center;
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
        margin: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
        margin-bottom: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
    }

    .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed).sidebar-main-unfold {
        --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
        z-index: 1022;
    }

    .sidebar-expand-xxl.sidebar-secondary {
        z-index: 98;
    }

    .sidebar-expand-xxl.sidebar-end {
        --sidebar-box-shadow: none;
        z-index: 97;
    }

    .sidebar-expand-xxl.sidebar-end[data-color-theme=dark],
    [data-color-theme=dark] .sidebar-expand-xxl.sidebar-end:not([data-color-theme]),
    html[data-color-theme=dark] .sidebar-expand-xxl.sidebar-end {
        color-scheme: dark;
        --sidebar-box-shadow: none;
    }

    .sidebar-expand-xxl.sidebar-component {
        --sidebar-width: 21rem;
        display: -ms-flexbox;
        display: flex;
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sidebar-expand-xxl.sidebar-sticky {
            position: -webkit-sticky;
            position: sticky;
            top: var(--spacer);
            z-index: 1020;
        }
    }
}

@media (max-width: 1399.98px) {
    .sidebar-expand-xxl {
        --sidebar-border-width: 0;
        z-index: 1040;
        transition: left ease-in-out var(--transition-base-timer), right ease-in-out var(--transition-base-timer);
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .sidebar-expand-xxl {
        transition: none;
    }
}

.sidebar-expand {
    --sidebar-box-shadow: none;
    position: static;
    --sidebar-border-width: 0;
    z-index: 1040;
    transition: left ease-in-out var(--transition-base-timer), right ease-in-out var(--transition-base-timer);
}

.sidebar-expand[data-color-theme=dark],
[data-color-theme=dark] .sidebar-expand:not([data-color-theme]),
html[data-color-theme=dark] .sidebar-expand {
    color-scheme: dark;
    --sidebar-box-shadow: none;
}

.sidebar-expand.sidebar-collapsed {
    --sidebar-width: auto;
    border: 0;
}

.sidebar-expand.sidebar-collapsed .btn-sidebar-expand {
    display: -ms-flexbox;
    display: flex;
}

.sidebar-expand.sidebar-collapsed>*:not(.btn-sidebar-expand) {
    display: none !important;
}

.sidebar-expand.sidebar-main {
    z-index: 99;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) {
    position: absolute;
    left: 0;
    transition: none;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed)+* {
    margin-left: calc(var(--spacer) * 2 + var(--icon-font-size));
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) {
    --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size));
    --sidebar-section-padding-x: 0;
    overflow: hidden;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-group-sub,
.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link>span {
    display: none !important;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-hide {
    display: none !important;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .sidebar-resize-show {
    display: block !important;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar {
    --nav-link-padding-x: 0;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
    -ms-flex-pack: center;
    justify-content: center;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
    content: none;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
    text-align: center;
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
    margin: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
    margin-bottom: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2);
}

.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed).sidebar-main-unfold {
    --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
    z-index: 1022;
}

.sidebar-expand.sidebar-secondary {
    z-index: 98;
}

.sidebar-expand.sidebar-end {
    --sidebar-box-shadow: none;
    z-index: 97;
}

.sidebar-expand.sidebar-end[data-color-theme=dark],
[data-color-theme=dark] .sidebar-expand.sidebar-end:not([data-color-theme]),
html[data-color-theme=dark] .sidebar-expand.sidebar-end {
    color-scheme: dark;
    --sidebar-box-shadow: none;
}

.sidebar-expand.sidebar-component {
    --sidebar-width: 21rem;
    display: -ms-flexbox;
    display: flex;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-expand.sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: var(--spacer);
        z-index: 1020;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-expand {
        transition: none;
    }
}

.row-tile div[class*=col] .btn {
    position: relative;
}

.row-tile div[class*=col] .btn:hover,
.row-tile div[class*=col] .btn:focus {
    z-index: 3;
}

.row-tile div[class*=col] .btn+.btn {
    margin-top: calc(var(--btn-border-width) * -1);
}

.row-tile div[class*=col]+div[class*=col] .btn {
    margin-left: calc(var(--btn-border-width) * -1);
}