// :root {
//   --#{$database-prefix}main-header-bg: var(--#{$variable-prefix}navigation-background);
//   --#{$database-prefix}main-header-tc: #6d6d71;
// }

.navbar-student-landing {
  z-index: 10;
  height: var(--#{$database-prefix}header-height);
  color: var(--#{$database-prefix}main-header-tc);
  background-color: var(--#{$database-prefix}main-header-bg);
  .main-navigation {
    .nav-link {
      color: inherit;
      font-size: var(--#{$database-prefix}menu-font-size);
      @media (max-width: 1299px) {
        font-size: .8rem;
      }
    }
  }
  .custom-search-input {
    height: calc(var(--#{$database-prefix}header-height) - 8px);
    max-height: 36px;
    padding-top: 3px;
    padding-bottom: 3px
  }
  .btn-primary{
    height: calc(var(--#{$database-prefix}header-height) - 8px);
    max-height: 36px;
    padding-top: 0;
    padding-bottom: 0;
  }
  // .form-control, .form-control:hover, .form-control:focus {
  //  + background-color: inherit;
  // }
  .ui-nav-divider {
    height: 21px;
    background-color: var(--#{$database-prefix}main-header-tc);
    opacity: 0.4;
  }
  .dropdown-menu {
    > a {
      text-decoration: none;
    }
    .dropdown-item {
      display: flex;
      align-items: center;
      gap: 3px;
      font-size: 0.75rem;
      color: #6d6d71;
    }
    .dropdown-item:active,
    .dropdown-item.active {
      color: var(--#{$database-prefix}top-header-tc);
      background-color: var(--#{$database-prefix}top-header-bg);
    }
    max-height: 300px;
    overflow-y: auto;
    color: inherit;
    text-decoration: none;
  }
  padding: 0;
  @media (min-width: 768px) {
    .navbar-nav {
      .nav-item {
        margin: 0;
        .nav-link {
          position: relative;
          padding: 2px 0;
          &.active {
            &:before {
              position: absolute;
              bottom: 0;
              width: 100%;
              height: 1px;
              border: 1px solid var(--#{$database-prefix}top-header-bg);
              border-radius: 4px 4px 0 0;
              content: "";
            }
          }
        }
      }
      &.navbar-icons {
        gap: 29px;
        .nav-link {
          position: relative;
          padding: 0;
          .notitication-alert {
            position: absolute;
            top: -4px;
            right: -7px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4px;
            min-width: 16px;
            max-width: 16px;
            height: 16px;
            font-size: 0.49rem;
            line-height: 10px;
            font-weight: 700;
            background-color: #4e86fe;
            color: #fff;
            border: 2px solid var(--#{$database-prefix}main-header-bg);
            border-radius: 50px;
            aspect-ratio: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
      &.main-navigation {
        .nav-item {
          .nav-link {
            display: flex;
            align-items: center;
            height: var(--#{$database-prefix}header-height);
          }
        }
      }
    }
  }
  .user-profile {
    width: calc(var(--#{$database-prefix}header-height) - 8px);
    height: calc(var(--#{$database-prefix}header-height) - 8px);
    max-width: 2.5rem;
    max-height: 2.5rem;
    font-size: 1.063rem;
    text-transform: uppercase;
    background: #4e86fe;
  }
  .mobile-menu {
    .navbar-nav {
      .nav-link {
        position: relative;
        padding: 0;
        .notitication-alert {
          position: absolute;
          top: -1px;
          right: -6px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 4px;
          min-width: 14px;
          max-width: 16px;
          height: 14px;
          font-size: 0.625rem;
          font-weight: 700;
          background-color: #4e86fe;
          color: #fff;
          border-radius: 50px;
          aspect-ratio: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
}

.navbar-nav {
  .dropdown-select.dropdown {
    .caret-icon {
      right: 0.438rem;
    }
    .nav-link {
      padding-right: 1.438rem;
    }
    .dropdown-menu {
      &::-webkit-scrollbar {
        width: 0.9em;
        height: 0.875rem;
        border: 1px solid transparent;
        border-radius: 55px;
        background-color: rgb(255 255 255 / 88%);
        cursor: pointer;
        opacity: 0.45;
      }
      &::-webkit-scrollbar-thumb {
        height: 0.5rem;
        border: 0.3em solid rgba(0, 0, 0, 0);
        background-clip: padding-box;
        -webkit-border-radius: 1em;
        background-color: #c2c7d1;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.025);
      }
      &::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none;
      }
      &::-webkit-scrollbar-corner {
        background-color: transparent;
      }
    }
    @media (min-width: 1280px) {
      .dropdown-menu {
        max-height: 26.875rem;
      }
    }
  }
}

@media (max-width: 767px) {
.res-mobile-icons{
    .navbar-nav {
      .nav-item {
        margin-right: 0;
      }
    }
  }
}