:root {
    --bs-primary: #0891b2;
    --bs-secondary: #14b8a6;
    --bs-dark: #164e63;
    --bs-warning: #f59e0b;

    --tenant-primary: #0891b2;
    --tenant-secondary: #14b8a6;
    --tenant-dark: #164e63;
    --tenant-warning: #f59e0b;
    --tenant-sitges: #0e7490;

    --tenant-primary-hover: #077b97;
    --tenant-primary-active: #06667d;
    --tenant-primary-focus: rgba(8, 145, 178, 0.35);

    --tenant-secondary-hover: #119c8d;
    --tenant-secondary-active: #0e8174;
    --tenant-secondary-focus: rgba(20, 184, 166, 0.35);

    --tenant-dark-hover: #134254;
    --tenant-dark-active: #0f3745;
    --tenant-dark-focus: rgba(22, 78, 99, 0.35);

    --tenant-warning-hover: #d08609;
    --tenant-warning-active: #ac6f08;
    --tenant-warning-focus: rgba(245, 158, 11, 0.35);

    --tenant-sitges-hover: #0c637a;
    --tenant-sitges-active: #0a5165;
    --tenant-sitges-focus: rgba(14, 116, 144, 0.35);

    --tenant-font-family: "Poppins", Arial, sans-serif;
    --tenant-heading-font-family: "Poppins", Arial, sans-serif;
  --menu-bg: #ffffff;
  --menu-text: #164e63;

--menu-gradient-enabled: 0;
--menu-bg-final: var(--menu-bg);
  --menu-link: color-mix(in srgb, var(--menu-text) 82%, transparent);
  --menu-hover: color-mix(in srgb, var(--menu-text) 100%, var(--menu-bg) 12%);
  --menu-active-bg: color-mix(in srgb, var(--menu-text) 14%, var(--menu-bg));
  --menu-active-text: var(--menu-text);
  --menu-disabled: color-mix(in srgb, var(--menu-text) 35%, transparent);
  --menu-border: color-mix(in srgb, var(--menu-text) 18%, transparent);
  --menu-focus: color-mix(in srgb, var(--menu-text) 35%, transparent);
  --menu-bg-soft: color-mix(in srgb, var(--menu-bg) 88%, white);
  --menu-bg-deep: color-mix(in srgb, var(--menu-bg) 82%, black);
--sidebar-bg-soft: color-mix(in srgb, var(--menu-bg) 7%, #ffffff 93%);
--sidebar-bg: color-mix(in srgb, var(--menu-bg) 15%, #ffffff 85%);
--sidebar-bg-deep: color-mix(in srgb, var(--menu-bg) 27%, #f3f4f6 73%);

--sidebar-text: #156c84;

--sidebar-icon-color: color-mix(in srgb, var(--sidebar-text) 45%, #111827 55%);
--sidebar-title-color: color-mix(in srgb, var(--sidebar-text) 40%, #111827 60%);

--sidebar-hover-icon-color: color-mix(in srgb, var(--sidebar-text) 22%, #111827 78%);
--sidebar-hover-title-color: color-mix(in srgb, var(--sidebar-text) 18%, #111827 82%);

--sidebar-active-icon-color: color-mix(in srgb, var(--tenant-primary) 72%, #111827 28%);
--sidebar-active-title-color: color-mix(in srgb, var(--sidebar-text) 12%, #111827 88%);

--sidebar-separator: color-mix(in srgb, var(--sidebar-text) 12%, transparent);
        --menu-gradient: linear-gradient(
    135deg,
    var(--menu-bg-soft) 0%,
    var(--menu-bg) 48%,
    var(--menu-bg-deep) 100%
  );
    
   }
:root[data-navbar-gradient="1"] {
  --menu-bg-final: var(--menu-gradient);
}

:root[data-navbar-gradient="0"] {
  --menu-bg-final: var(--menu-bg);
}
body {
    font-family: var(--tenant-font-family) !important;
}

h1, h2, h3, h4, h5, h6,
.navbar,
.btn,
.form-control,
.form-select,
.dropdown-menu {
    font-family: var(--tenant-heading-font-family) !important;
}
.btn{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--tenant-primary);--bs-btn-border-color:var(--tenant-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--tenant-primary-hover);--bs-btn-hover-border-color:var(--tenant-primary-hover);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--tenant-primary-active);--bs-btn-active-border-color:var(--tenant-primary-active);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:var(--tenant-primary);--bs-btn-disabled-border-color:var(--tenant-primary);color:var(--bs-btn-color)!important;background-color:var(--bs-btn-bg)!important;border-color:var(--bs-btn-border-color)!important}.btn-primary:hover{color:var(--bs-btn-hover-color)!important;background-color:var(--bs-btn-hover-bg)!important;border-color:var(--bs-btn-hover-border-color)!important}.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .25rem var(--tenant-primary-focus)!important}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:var(--bs-btn-active-color)!important;background-color:var(--bs-btn-active-bg)!important;border-color:var(--bs-btn-active-border-color)!important}.btn-primary.disabled,.btn-primary:disabled{color:var(--bs-btn-disabled-color)!important;background-color:var(--bs-btn-disabled-bg)!important;border-color:var(--bs-btn-disabled-border-color)!important;opacity:.65}.btn-outline-primary{color:var(--tenant-primary)!important;border-color:var(--tenant-primary)!important}.btn-outline-primary:hover{color:#fff!important;background-color:var(--tenant-primary)!important;border-color:var(--tenant-primary)!important}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff!important;background-color:var(--tenant-primary-active)!important;border-color:var(--tenant-primary-active)!important}.btn-outline-secondary:hover,.btn-secondary{color:#fff!important;background-color:var(--tenant-secondary)!important;border-color:var(--tenant-secondary)!important}.btn-secondary:hover{color:#fff!important;background-color:var(--tenant-secondary-hover)!important;border-color:var(--tenant-secondary-hover)!important}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .25rem var(--tenant-secondary-focus)!important}.btn-outline-secondary.active,.btn-outline-secondary:active,.btn-secondary.active,.btn-secondary:active,.show>.btn-outline-secondary.dropdown-toggle,.show>.btn-secondary.dropdown-toggle{color:#fff!important;background-color:var(--tenant-secondary-active)!important;border-color:var(--tenant-secondary-active)!important}.btn-outline-secondary{color:var(--tenant-secondary)!important;border-color:var(--tenant-secondary)!important}.btn-dark,.btn-outline-dark:hover{color:#fff!important;background-color:var(--tenant-dark)!important;border-color:var(--tenant-dark)!important}.btn-dark:hover{color:#fff!important;background-color:var(--tenant-dark-hover)!important;border-color:var(--tenant-dark-hover)!important}.btn-dark.focus,.btn-dark:focus,.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem var(--tenant-dark-focus)!important}.btn-dark.active,.btn-dark:active,.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-dark.dropdown-toggle,.show>.btn-outline-dark.dropdown-toggle{color:#fff!important;background-color:var(--tenant-dark-active)!important;border-color:var(--tenant-dark-active)!important}.btn-outline-dark{color:var(--tenant-dark)!important;border-color:var(--tenant-dark)!important}.btn-warning{color:#fff!important;background-color:var(--tenant-warning)!important;border-color:var(--tenant-warning)!important}.btn-warning:hover{color:#fff!important;background-color:var(--tenant-warning-hover)!important;border-color:var(--tenant-warning-hover)!important}.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .25rem var(--tenant-warning-focus)!important}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff!important;background-color:var(--tenant-warning-active)!important;border-color:var(--tenant-warning-active)!important}.btn-outline-warning{color:var(--tenant-warning)!important;border-color:var(--tenant-warning)!important}.btn-outline-warning:hover{color:#111!important;background-color:var(--tenant-warning)!important;border-color:var(--tenant-warning)!important}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#111!important;background-color:var(--tenant-warning-active)!important;border-color:var(--tenant-warning-active)!important}.btn-outline-sitges:hover,.btn-sitges{color:#fff!important;background-color:var(--tenant-sitges)!important;border-color:var(--tenant-sitges)!important}.btn-sitges:hover{color:#fff!important;background-color:var(--tenant-sitges-hover)!important;border-color:var(--tenant-sitges-hover)!important}.btn-outline-sitges.focus,.btn-outline-sitges:focus,.btn-sitges.focus,.btn-sitges:focus{box-shadow:0 0 0 .25rem var(--tenant-sitges-focus)!important}.btn-outline-sitges.active,.btn-outline-sitges:active,.btn-sitges.active,.btn-sitges:active,.show>.btn-outline-sitges.dropdown-toggle,.show>.btn-sitges.dropdown-toggle{color:#fff!important;background-color:var(--tenant-sitges-active)!important;border-color:var(--tenant-sitges-active)!important}.btn-outline-sitges{color:var(--tenant-sitges)!important;border-color:var(--tenant-sitges)!important}.bg-primary{background-color:var(--tenant-primary)!important}.bg-secondary{background-color:var(--tenant-secondary)!important}.bg-dark{background-color:var(--tenant-dark)!important}.bg-warning{background-color:var(--tenant-warning)!important}.bg-sitges{background-color:var(--tenant-sitges)!important}.text-primary{color:var(--tenant-primary)!important}.text-secondary{color:var(--tenant-secondary)!important}.text-dark{color:var(--tenant-dark)!important}.text-warning{color:var(--tenant-warning)!important}.text-sitges{color:var(--tenant-sitges)!important}.border-primary{border-color:var(--tenant-primary)!important}.border-secondary{border-color:var(--tenant-secondary)!important}.border-dark{border-color:var(--tenant-dark)!important}.border-warning{border-color:var(--tenant-warning)!important}.border-sitges{border-color:var(--tenant-sitges)!important}
a {
    color: var(--tenant-primary);
}

a:hover {
    color: var(--tenant-primary-hover);
}
    
.navbar {
  background: var(--menu-bg-final) !important;
  background-color: var(--menu-bg) !important;
}

.navbar > .container,
.navbar > .container-fluid {
  background: transparent !important;
}

.navbar-collapse,
.navbar-nav,
.navbar-nav .nav-item,
.navbar-nav .nav-link,
.offcanvas-body {
  background: transparent !important;
  background-color: transparent !important;
}

.nav-link,
.navbar-nav .nav-link,
.navbar-brand,
.navbar-text,
.navbar-text a {
  color: var(--menu-link);
}

.nav-link:hover,
.nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--menu-hover);
  text-decoration: none;
}

.nav-link.active,
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--menu-active-text);
  background-color: var(--menu-active-bg);
  border-color: var(--menu-border);
}

.nav-link.disabled,
.navbar-nav .nav-link.disabled {
  color: var(--menu-disabled);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid var(--menu-border);
}

.nav-tabs .nav-link {
  background: transparent;
  border: 1px solid transparent;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: var(--menu-border);
}

.navbar-toggler {
  color: var(--menu-text);
  border-color: var(--menu-border);
  background-color: transparent;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem var(--menu-focus);
}

.navbar-toggler-icon {
  background-image: none;
  position: relative;
}

.navbar-toggler-icon::before {
  content: "☰";
  color: var(--menu-text);
  font-size: 1.5rem;
  line-height: 1.5rem;
}
  @media (max-width: 991.98px) {
  .navbar-collapse.show,
  .navbar-collapse.collapsing {
    background: var(--menu-gradient) !important;
    background-color: var(--menu-bg) !important;
  }

  .navbar-collapse.show .navbar-nav,
  .navbar-collapse.collapsing .navbar-nav {
    background: transparent !important;
  }
}