/* NAVBAR & DROPDOWN STIJLEN */
.navbar {
  height: 35px;
  min-height: 35px;
  z-index: 9999;
}

.navbar-nav {
  height: 35px;
}

ul.navbar-nav {
  background-color: #440044;
  border-color: #440044;
  padding-left: 0;
}

.bg-dark {
  background-color: #440044 !important;
}

.dropdown-menu {
  background-color: #FFCC99 !important;
}

.dropdown-item {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}

.navbar-brand img {
  width: 30px !important;
  height: 30px !important;
  max-width: none;
  display: inline-block;
}

/* Responsive tweaks specifiek voor navbar */
@media (max-width: 991.98px) {
  .navbar {
    height: 50px;
    min-height: 50px;
  }

  .navbar-nav {
    height: auto;
  }

  ul.navbar-nav {
    padding-left: 30px;
  }
}

/* Nav tabs voor penp rechts en onder */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;;
    background-color: #440044;
    border-color: #606 #606 #440044;
}

.nav-tabs .nav-link {
    border: unset;
}

.nav-tabs .nav-link.active {
    color: #fff !important;
}	

.nav-tabs {
    border-bottom: 1px solid #440044;
}