systelab-navbar {
  .slab-navbar {
    background-color: var(--primary);

    .navbar-toggler {
      border-color: transparent;
    }

    .slab-navbar-elements {
      padding-left: 0px;

      & > .nav-item {
        cursor: pointer;
        margin-right: 0;
        padding: 10px 8px;
        background: transparent;

        & > .nav-link {
          border-top: none;
          background: transparent;

        }
      }

      & > .nav-item.active {
        background-color: white;

        & > .nav-link {
          color: black;
        }
      }

      a.disabled, li.disabled {
        pointer-events: none;
      }

      li.disabled {
        background-color: #cccccc;
      }

      .slab-icon-float-image {
        display: inline-block;
        vertical-align: middle;
      }

      .slab-icon-vertical-image {
        display: block;
      }
    }

    .flex-column > .nav-item, .flex-column {
      width: 100%;
    }

    @media (max-width: 768px) {
      .nav-item {
        width: 100%;
      }
    }
  }

}