.bg-blue2purple {
  background-image: linear-gradient(90deg, $mo-blue 0%, $mo-redvine 100%);
}

.lambder-navbar {
  @extend .mb-4;
  .nav-item {
    @extend .mx-2;
  }
  .nav-link {
    color: $lambder-navbar-main-color;
  }
  .collapse {
    .navbar-nav {
      @extend .ml-auto;
    }
  }
  .dropdown {
    .image {
      img {
        @extend .rounded-circle;
        @extend .mr-3;
        @extend .img-fluid;
      }
    }
  }
  .icon--logo-auto {
    height: 30px;
    width: 250px;
    position: relative;
    top: 4px;
  }
  .nav-link {
    .badge {
      @extend .badge-pill;
      @extend .badge-danger;
      position: absolute;
      top: -0.5rem;
      right: -0.6rem;
    }
  }
  .profile-notification {
    @extend .rounded-circle;
    @extend .d-flex;
    @extend .align-items-center;
    @extend .mo-afl-dropdown-toggle;
  }
  .text {
    position: relative;
    top: 7px;
    .notice-sticky {
      margin-top: -17px;
    }
  }
}
.lamder-navbar {
  &--primary {
    width: 100%;
  }

  .nav-link {
    cursor: pointer;

    .badge {
      position: absolute;
      top: -0.5rem;
      right: -0.6rem;
    }
  }
}
.avatar {
  max-height: 100%;
  max-width: 100%;

  &__container {
    flex-shrink: 0;
    height: 44px;
    overflow: hidden;
    width: 44px;

    @include media-breakpoint-up(lg) {
      height: 60px;
      width: 60px;
    }
  }
}

.logo {
  cursor: pointer;
  padding-bottom: 14.28571%;
  width: 215px;
}

.notifications {
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  height: 44px;
  line-height: 0;
  position: relative;
  transition: border-color 0.2s ease-in-out;
  width: 44px;

  &::after {
    display: none;
  }

  &:focus,
  &:hover {
    border-color: #fff;
  }
}