#sidebar {
  /* background-color: transparent; */

  ul.nav.nav-list {
    flex-grow: 1;

    li {
      /* margin: 8px;
            border: #A4C6DD 2px solid;
            border-radius: 8px; */

      a {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        padding: 4px 0px 4px 20px;
        /* background-color: transparent; */
      }
    }
    li:before {
      /* hide bold line on the left */
      /* display: none; */
    }
    li.active {
      border: none;
      /* border: #4D96CB 2px solid !important; */
    }
    li.active > a {
      /* font-weight: 500;
            background-color: #4D96CB !important;
            color: #ffffff !important;                 */
      /*
            border-radius: 8px;
            background-color: #f3faff !important;
            color: #4D96CB !important;
            */
    }

    li.active > a:before {
      /* hide marker on the right */
      display: none;
    }
  }

  /* ul.nav.nav-list li:first-child {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(3) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(5) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(7) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(9) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(10) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(13) {
        margin-bottom: 24px;
    } */

  .sidebar-toggle {
    background-color: transparent;
  }

  .sidebar-toggle > .ace-icon {
    background-color: transparent;
    border: none;
    font-size: 14px;
  }

  .sidebar-toggle:before {
    display: none;
  }
}
/* ================================
     COLLAPSED SIDEBAR TOOLTIP STYLING (Issue #1061)
     Improve contrast and spacing of the menu-text tooltip on collapsed sidebar hover
     This CSS loads LAST (in EVENT_LAYOUT_BODY_END) to override all theme CSS
     ================================ */

/* Hide the arrow/chevron to prevent overlap with tooltip */
b.arrow {
  display: none !important;
}

/* Use exact same selectors as ace-skins.css but with nav-hover color */
.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
  background-color: inherit !important;
  border-color: #a4c6dd;
}

.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  background-color: inherit !important;
}

#sidebar.sidebar.sidebar-fixed.responsive.compact {
  /* width: 240px;  */
  display: flex;
  flex-direction: column;
  height: calc(100vh - 45px);
}

/*********************************************/
/* SIDEBAR                                   */
/* *******************************************/

@media (min-width: 1200px) {
  .sidebar.compact,
  .sidebar.compact.navbar-collapse {
    /* width: 125px; */
    width: 200px !important;
  }
}
@media (min-width: 992px) {
  .sidebar.compact,
  .sidebar.compact.navbar-collapse {
    /* width: 125px; */
    width: 200px !important;
  }
}
.sidebar.menu-min,
.sidebar.menu-min.compact,
.sidebar.menu-min.navbar-collapse {
  width: 70px !important;
}

/*********************************************/
/* MAIN                                      */
/* *******************************************/

@media (min-width: 1200px) {
  .sidebar.compact + div.main-content {
    margin-right: auto !important;
    /* margin-left: 125px !important; */
    margin-left: 200px !important;
  }
}
@media (min-width: 992px) {
  .sidebar.compact + div.main-content {
    margin-right: auto !important;
    /* margin-left: 125px !important; */
    margin-left: 200px !important;
  }
}
@media (min-width: 1200px) {
  .sidebar.menu-min + div.main-content {
    margin-right: auto !important;
    /* margin-left: 43px !important; */
    margin-left: 70px !important;
  }
}
@media (min-width: 992px) {
  .sidebar.menu-min + div.main-content {
    margin-right: auto !important;
    /* margin-left: 43px !important; */
    margin-left: 70px !important;
  }
}

/*********************************************/
/* FOOTER                                    */
/* *******************************************/

@media (min-width: 1200px) {
  .sidebar.compact ~ .footer .footer-inner {
    /* left: 125px; */
    left: 200px !important;
  }
}
@media (min-width: 992px) {
  .sidebar.compact ~ .footer .footer-inner {
    /* left: 125px; */
    left: 200px !important;
  }
}

@media (min-width: 1200px) {
  .sidebar.menu-min ~ .footer .footer-inner {
    /* left: 43px; */
    left: 70px !important;
  }
}
@media (min-width: 992px) {
  .sidebar.menu-min ~ .footer .footer-inner {
    /* left: 43px; */
    left: 70px !important;
  }
}