@import "./menu-content";
.ac-navbar-area {
  position: fixed;
  margin-left: 250px;
  width: 100%;
  top: 0;
  z-index: 9999;
  background-color: $secondary-light-gray;
  border-bottom: 1px solid $color-border;

  &.is-full {
    margin-left: 0;

    .ac-navbar {
      grid-template-columns: 250px auto auto;
      width: 100%;
      gap: 20px;
      .ac-navbar-brand {
        padding-left: 15px;
      }
    }
  }

  .ac-navbar {
    display: inline-grid;
    grid-template-columns: auto auto;
    // margin-left: 255px;
    grid-gap: 0px;
    align-items: center;
    width: calc(100% - 255px);
    height: 50px;
    // padding: 0 15px;

    .ac-navbar-brand {
      display: flex;
      align-items: center;
      a {
        display: flex;
      }
      .logo {
        font-size: 20px;
        font-weight: 600;
        color: $white-100;
      }

      img {
        max-height: 30px;
      }
    }
    .ac-navbar-cluster-switcher {
      max-width: 350px;
    }
    .ac-navbar-menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;

      .ac-menu-item {
        position: relative;
        z-index: 1;
        margin-left: 8px;
        &:first-child {
          margin-left: 0;
        }
      }
    }
  }
}
// for sidebar-collapsed
.sidebar-collapsed {
  .ac-navbar {
    .ac-navbar-brand {
      padding-left: 70px !important;
    }
  }
}