.dropdown-menu .notification-badge {
  background-color: #56b9f1;
}

#landing-page .dropdown-menu .notification-badge, #landing-page .dropdown-menu #landing-page .notification-badge.notification-dot {
  background-color: #56b9f1;
}

.notifications-button i {
  position: relative;
  z-index: 200;
}
.notifications-button span.badge {
  z-index: 100;
}

.notification-badge.notification-dot {
  background-color: #56b9f1;
  border-radius: 5px;
  position: relative;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  top: 0;
  right: 0;
  overflow: hidden;
  float: right;
}
.notification-badge.notification-dot:empty {
  display: block;
}

.navbar-nav .user-menu-dropdown.dropdown-toggle[aria-expanded=true] ~ .notification-badge, .navbar-nav .user-menu-dropdown.dropdown-toggle[aria-expanded=true] ~ .notification-dot {
  display: none;
}
.navbar-nav .user-menu-dropdown.dropdown-toggle i {
  margin-right: 10px;
}
.navbar-nav .user-menu-dropdown.dropdown-toggle ~ .notification-dot {
  position: absolute;
  top: 5px;
  left: 25px;
  right: unset;
}

/* DEBUG STYLING */
pre.debug {
  border: 1px solid #AAAAAA;
  color: #333333;
  background-color: #EEEEEE;
  padding: 0.5em 1em;
  margin: 1em 0.5em;
  min-height: 29px;
  font-family: "Courier New", Courier, monospace;
  overflow: auto;
  position: relative;
  white-space: nowrap;
}
pre.debug:before {
  content: "debug";
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  border: 1px solid #AAAAAA;
  background-color: #AAAAAA;
  color: #EEEEEE;
  padding: 0.25em 0.5em;
}
pre.debug ul, pre.debug li {
  list-style: none inside;
}
pre.debug br {
  display: none;
}
pre.debug ul {
  padding-left: 0;
}
pre.debug ul li {
  padding-left: 1em;
}
pre.debug ul li a {
  font-weight: bold;
  color: #56B9F1;
}

.production pre.debug {
  position: fixed;
  top: 10px;
  right: 10px;
  min-width: 4.3em;
  max-height: calc(100vh - 20px - 28px);
  max-width: calc(100vw - 20px - 28px);
  z-index: 0;
}
.production pre.debug ul {
  display: none;
}
.production pre.debug:hover {
  z-index: 999999;
}
.production pre.debug:hover ul {
  display: block;
}

/*# sourceMappingURL=styles.css.map */