#navbar-container {
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
}

.navbar .nav-link {
  color: #030213;
}

.navbar .nav-link:hover, .navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand {
  font-weight: bold;
}
.navbar .nav-link:hover, #notifBell {
  color: #2955d4
}
#notifBell {
  font-size: 1.2rem;
}

#userDropdown {
    font-weight: 400; 
}

#dropdownItem {
  display: flex;
}

#dropdownItem i {
  margin: auto 10px;
}

#logoutBtn {
  color:#bf2424;
}
#userAvatar {
  background: #2955d4;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-shrink: 0;
}

#dropdownItem {
  display: flex;
}

#dropdownItem i {
  margin: auto 10px;
}

#logoutBtn {
  color:#bf2424;
}
/* Drag & Drop */
.task {
  cursor: grab;
}
.task:active {
  cursor: grabbing;
}
.drop-zone.drag-over {
  outline: 2px dashed #2955d4;
  outline-offset: -4px;
  background-color: #eef2ff !important;
}

@media (max-width: 768px) { 
  #right-navbar {
    align-items: flex-start !important;
  }
}