html, body {
  height: 100%;
  font-family: 'Ubuntu', sans-serif;
}

.gfg {
  height: 50px;
  width: 50px;

}

.mynav {
  color: #fff;
}

.nav-item ul li {
  /* margin-left: 5px; */
  font-size: 0.9rem;
}

#bdSidebar {
  min-width: 250px;
}

.main-content {
}

.mynav li a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  display: block;
  border-radius: 5px;
  padding: 8px 5px;
}

.mynav li a.active {
  background: rgba(255, 255, 255, 0.2);
}

.mynav li a:hover {
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-item.nav-item {
  /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 3px;
  /* margin-left: 6px; */
}

.mynav li a i {
  width: 25px;
  text-align: center;
  margin-left: 24px;
}

.notification-badge {
  background-color: rgba(255, 255, 255, 0.7);
  float: right;
  color: #222;
  font-size: 14px;
  padding: 0px 8px;
  border-radius: 2px;
}

.text-yellow {
  color: yellow;
}

.menu  a {
  color: #FEE72F;

  &:hover {
    color: #FFC528;
  }
}

.nav-tabs {
  border-color: #dee2e6;
  border-width: 0px 0px 0px 0px;
  background-color: #6c7cba;
 }

.nav-tabs .nav-link {
  border-color: #dee2e6;
  border-radius: 0px;
  background-color: #fafafa;
  padding: 16px;
  padding-left: 20px;
 }


 .nav-tabs .nav-link.active {
  border-color: #dee2e6;
  border-right: 0px;
  border-radius: 0px 0px 20px 0px;
 }


/* Path: static/styles.css */