/* Nav */
.navbar > div.container {
  padding-bottom: 1rem;
}

.navbar-brand > img {
  width: 14rem; 
}

.nav-link > img {
  width: 3rem;
  cursor: pointer;
}

.bell-dot {
  position: absolute;
  top: 1px; 
  right: 2px;
  width: 7px;
  height: 7px; 
  background-color: #EE3239;
  border-radius: 50%;
}

.nav-item.exchange div.position-absolute, 
.nav-item .balanceNotif.position-absolute  {
  top: 43px;
  left: -100px;
  width: fit-content;
  white-space: nowrap;
  border-radius: 5px;
  padding: 5px 10px;
  padding-right: 5px; 
  background-color: var(--color-grey-80);
  font-size: 1.2rem;
  color: #fff;
}
.nav-item.exchange.unconnected div.position-absolute {
  z-index: 1000;
}
.nav-item.exchange.problem-order-amount div.position-absolute {
  left: -88px;
  z-index: 1000;
}
.nav-item.exchange.problem-api div.position-absolute {
  left: -80px;
  z-index: 1000;
}
.nav-item .balanceNotif.position-absolute {
  left: -12px;
  padding-right: 10px;
  z-index: 100;
}
.nav-item.exchange div.position-absolute::before,
.nav-item .balanceNotif.position-absolute::before {
  position: absolute;
  top: -3px;
  right: 34px;
  content: ' ';
  border-radius: 2px;
  background-color: var(--color-grey-80);
  width: 8.5px;
  height: 8.5px;
  transform: rotate(135deg);
  z-index: -1; 
}
.nav-item .balanceNotif.position-absolute::before {
  right: 25px;
}