:root {
  --ct-logo-lg-height: 124px;
  --ct-logo-sm-height: 72px;
  --doc-logo-sm-condensed: 52px;
}

.leftside-menu .logo {
  padding: 10px 8px 8px;
  min-height: calc(var(--ct-logo-lg-height) + 20px);
}

.leftside-menu .logo.logo-light {
  display: none !important;
}

.leftside-menu .logo.logo-dark {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.leftside-menu .logo .brand-logo-lg,
.leftside-menu .logo .logo-lg img {
  width: auto;
  height: var(--ct-logo-lg-height) !important;
  max-width: min(100%, 240px);
  object-fit: contain;
  object-position: center;
}

.leftside-menu .logo .brand-logo-sm,
.leftside-menu .logo .logo-sm img {
  width: var(--ct-logo-sm-height);
  height: var(--ct-logo-sm-height) !important;
  max-width: var(--ct-logo-sm-height);
  object-fit: contain;
  object-position: center;
}

.leftside-menu .logo .logo-lg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.leftside-menu .logo .logo-sm {
  display: none;
}

.logo-topbar .brand-logo-top-lg,
.logo-topbar .logo-lg img {
  height: 44px !important;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.logo-topbar .brand-logo-top-sm,
.logo-topbar .logo-sm img {
  height: 30px !important;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

html:not([data-layout=topnav]) .navbar-custom .logo-topbar {
  display: none !important;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .leftside-menu .logo,
html[data-sidenav-size=compact]:not([data-layout=topnav]) .leftside-menu .logo,
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .leftside-menu:not(:hover) .logo,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .logo {
  padding: 0;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .leftside-menu .logo .logo-lg,
html[data-sidenav-size=compact]:not([data-layout=topnav]) .leftside-menu .logo .logo-lg,
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .leftside-menu:not(:hover) .logo .logo-lg,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .logo .logo-lg {
  display: none !important;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .leftside-menu .logo .logo-sm,
html[data-sidenav-size=compact]:not([data-layout=topnav]) .leftside-menu .logo .logo-sm,
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .leftside-menu:not(:hover) .logo .logo-sm,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .logo .logo-sm {
  display: flex;
  align-items: center;
  justify-content: center;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .leftside-menu .logo .brand-logo-sm,
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .leftside-menu .logo .logo-sm img,
html[data-sidenav-size=compact]:not([data-layout=topnav]) .leftside-menu .logo .brand-logo-sm,
html[data-sidenav-size=compact]:not([data-layout=topnav]) .leftside-menu .logo .logo-sm img,
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .leftside-menu:not(:hover) .logo .brand-logo-sm,
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .leftside-menu:not(:hover) .logo .logo-sm img,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .logo .brand-logo-sm,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .logo .logo-sm img {
  height: var(--doc-logo-sm-condensed) !important;
  width: var(--doc-logo-sm-condensed);
  max-width: var(--doc-logo-sm-condensed);
  max-height: var(--doc-logo-sm-condensed);
  object-fit: contain;
  object-position: center;
}

.auth-brand img[src*="logo"] {
  height: 48px !important;
  width: auto;
  max-width: min(100%, 280px);
}

.authentication-bg .card-header.bg-primary > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.authentication-bg .card-header.bg-primary img[src*="logo"] {
  height: 54px !important;
  width: auto;
  max-width: min(100%, 300px);
}

@media (max-width: 575.98px) {
  :root {
    --ct-logo-lg-height: 86px;
    --ct-logo-sm-height: 50px;
    --doc-logo-sm-condensed: 44px;
  }

  .leftside-menu .logo .brand-logo-lg,
  .leftside-menu .logo .logo-lg img {
    width: auto;
    height: var(--ct-logo-lg-height) !important;
    max-width: min(100%, 190px);
  }

  .logo-topbar .brand-logo-top-lg,
  .logo-topbar .logo-lg img {
    height: 32px !important;
  }

  .auth-brand img[src*="logo"],
  .authentication-bg .card-header.bg-primary img[src*="logo"] {
    height: 44px !important;
  }
}