.logo-topbar .logo-lg img {
    max-height: var(--brand-topbar-logo-height) !important;
    height: var(--brand-topbar-logo-height) !important;
    width: auto !important;
}

.leftside-menu .logo-lg img {
    max-height: var(--brand-sidebar-logo-height) !important;
    height: var(--brand-sidebar-logo-height) !important;
    width: auto !important;
}

.logo-topbar .logo-sm img {
    max-height: 70px !important;
    height: 270px !important;
    width: auto !important;
}

.leftside-menu .logo-sm img {
    max-height: calc(var(--brand-sidebar-logo-height) - 16px) !important;
    height: calc(var(--brand-sidebar-logo-height) - 16px) !important;
    width: auto !important;
}

.auth-brand img {
    max-height: var(--brand-auth-logo-height) !important;
    height: auto !important;
    width: auto !important;
    max-width: 100%;
}

.public-brand-mark {
    width: calc(var(--brand-public-logo-height) + 20px) !important;
    height: calc(var(--brand-public-logo-height) + 20px) !important;
    border-radius: 18px !important;
}

.public-brand-mark img {
    max-height: var(--brand-public-logo-height) !important;
    height: auto !important;
    width: auto !important;
}

.public-brand-title {
    font-size: 1.08rem !important;
}

:root {
    --ct-leftbar-condensed-height: calc(100vh - var(--ct-topbar-height) - 2px);
}

html[data-menu-color="light"],
html[data-menu-color="dark"],
html[data-menu-color="brand"] {
    --ct-menu-bg: linear-gradient(180deg, var(--brand-sidebar-theme-color) 0%, var(--brand-sidebar-theme-color-end) 100%) !important;
    --ct-menu-condensed-link-bg: var(--brand-sidebar-condensed-hover-bg) !important;
    --ct-menu-item-color: var(--brand-sidebar-expanded-text-color) !important;
    --ct-menu-item-hover-color: var(--brand-sidebar-expanded-strong-text-color) !important;
    --ct-menu-item-active-color: var(--brand-sidebar-expanded-strong-text-color) !important;
    --ct-help-box-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
}

.leftside-menu {
    background: linear-gradient(180deg, var(--brand-sidebar-theme-color) 0%, var(--brand-sidebar-theme-color-end) 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
}

.leftside-menu .button-sm-hover {
    display: none !important;
}

.leftside-menu .logo,
.leftside-menu .logo-box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.leftside-menu .leftbar-user,
.leftside-menu .leftbar-user a,
.leftside-menu .leftbar-user .ri-arrow-right-s-fill,
.leftside-menu .button-close-fullsidebar {
    color: var(--brand-sidebar-expanded-strong-text-color) !important;
}

.side-nav .side-nav-title {
    color: var(--brand-sidebar-expanded-muted-text-color) !important;
    opacity: 1 !important;
}

.side-nav .side-nav-link {
    color: var(--brand-sidebar-expanded-text-color) !important;
    border-radius: 0.75rem !important;
    margin: 0.12rem 0.6rem !important;
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus,
.side-nav .side-nav-item.menuitem-active > .side-nav-link,
.side-nav .menuitem-active > a {
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
    color: var(--brand-sidebar-expanded-strong-text-color) !important;
}

.side-nav .side-nav-link i,
.side-nav .menu-arrow {
    color: var(--brand-sidebar-expanded-icon-color) !important;
}

.side-nav .menuitem-active .active,
.side-nav .side-nav-item.menuitem-active > a:not(.collapsed) {
    color: var(--brand-sidebar-expanded-strong-text-color) !important;
}

html[data-sidenav-size="condensed"] .leftside-menu .leftbar-user,
html[data-sidenav-size="condensed"] .leftside-menu .leftbar-user a,
html[data-sidenav-size="condensed"] .leftside-menu .leftbar-user .ri-arrow-right-s-fill,
html[data-sidenav-size="condensed"] .leftside-menu .button-close-fullsidebar,
html[data-sidenav-size="condensed"] .side-nav .side-nav-link {
    color: var(--brand-sidebar-collapsed-text-color) !important;
}

html[data-sidenav-size="condensed"] .side-nav .side-nav-link i,
html[data-sidenav-size="condensed"] .side-nav .menu-arrow {
    color: var(--brand-sidebar-collapsed-icon-color) !important;
}

html[data-sidenav-size="condensed"] .side-nav .side-nav-item.menuitem-active > .side-nav-link,
html[data-sidenav-size="condensed"] .side-nav .menuitem-active > a,
html[data-sidenav-size="condensed"] .side-nav .menuitem-active .active {
    color: var(--brand-sidebar-collapsed-text-color) !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .side-nav-link,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .side-nav-link:hover,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .side-nav-link:focus {
    background: var(--brand-sidebar-condensed-hover-bg) !important;
    color: var(--brand-sidebar-expanded-strong-text-color) !important;
    box-shadow: 0 10px 24px rgba(27, 23, 30, 0.24) !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .side-nav-link i,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .side-nav-link .menu-arrow,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .side-nav-link span {
    color: var(--brand-sidebar-expanded-strong-text-color) !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul li:hover > .collapse > ul,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul li:hover > .collapsing > ul,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul li:hover > .collapse > ul,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul li:hover > .collapsing > ul {
    background: var(--brand-sidebar-condensed-hover-bg) !important;
    border-radius: 0 0 0.9rem 0.9rem !important;
    box-shadow: 0 12px 28px rgba(27, 23, 30, 0.22) !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul a,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul a,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul .side-nav-link,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul .side-nav-link {
    color: var(--brand-sidebar-expanded-text-color) !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul a:hover,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul a:hover,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul .side-nav-link:hover,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul .side-nav-link:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--brand-sidebar-expanded-strong-text-color) !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .content-page {
    min-height: calc(100vh - var(--ct-topbar-height) - 2px) !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .footer {
    min-height: var(--ct-footer-height) !important;
}

.navbar-custom {
    background: var(--brand-topbar-theme-color) !important;
    border-bottom: 1px solid var(--brand-topbar-border-color) !important;
}

.navbar-custom .topbar,
.navbar-custom .topbar-menu .nav-link,
.navbar-custom .button-toggle-menu,
.navbar-custom .topbar-menu li .nav-link.show,
.navbar-custom .topbar .app-search form span.search-icon {
    color: var(--brand-topbar-text-color) !important;
}

.navbar-custom .topbar-menu .nav-link:hover,
.navbar-custom .button-toggle-menu:hover,
.navbar-custom .topbar-menu li .nav-link.show {
    color: var(--brand-topbar-hover-color) !important;
}

.navbar-custom .topbar .app-search form .form-control {
    color: var(--brand-topbar-text-color) !important;
    background-color: var(--brand-topbar-search-bg) !important;
    border-color: var(--brand-topbar-border-color) !important;
}

.navbar-custom .topbar .app-search form .form-control::placeholder {
    color: color-mix(in srgb, var(--brand-topbar-text-color) 68%, transparent) !important;
}

@media (max-width: 991.98px) {
    .logo-topbar .logo-lg img {
        max-height: var(--brand-topbar-logo-height-mobile) !important;
        height: var(--brand-topbar-logo-height-mobile) !important;
    }

    .leftside-menu .logo-lg img {
        max-height: max(24px, calc(var(--brand-sidebar-logo-height) - 8px)) !important;
        height: max(24px, calc(var(--brand-sidebar-logo-height) - 8px)) !important;
    }

    .auth-brand img {
        max-height: var(--brand-auth-logo-height-mobile) !important;
    }
}