.navbar-title:hover,
.navbar-title:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.navbar {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  margin-bottom: 0px;
  border: 0px solid transparent;
  border-radius: 0px;
  background-color: #33677B;
  color: white;
  text-shadow: 0px 0px 5px #0F2440;
}
.menu-wrapper {
  display: flex;
  justify-content: flex-start;
  padding: 6px 2%;
  align-items: baseline;
}
.menu-wrapper .menu-item,
.menu-wrapper .menu-item-mobile-only {
  flex: 0 0 auto;
}
.menu-wrapper .menu-item a,
.menu-wrapper .menu-item-mobile-only a {
  color: #fff;
  font-size: 18px;
  margin: 3px 0 0 0;
  font-weight: normal;
  text-decoration: none;
  line-height: 27px;
}
.menu-wrapper .menu-item i,
.menu-wrapper .menu-item-mobile-only i {
  color: white;
}
@media screen and (max-width: 400px) {
  .menu-wrapper .menu-item,
  .menu-wrapper .menu-item-mobile-only {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .menu-item-mobile-only {
    display: none;
  }
}
.home-link {
  background-image: url(../images/logo-white.png);
  height: 100%;
  width: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  margin-left: 30px;
  height: 54px;
}
.alert-toggler .mdi {
  font-size: 27px;
}
.alert-toggler .mdi.mdi-bell-ring-outline {
  font-size: 25px;
}
.settings-toggler .mdi {
  vertical-align: middle;
  font-size: 20px;
  margin-right: 5px;
}
.alert-item {
  top: 5px;
  display: inline-block;
  position: relative;
  padding-right: 12px;
  text-align: center;
  cursor: pointer;
}
.alert-item .badge {
  position: absolute;
  top: 18px;
  left: 12px;
  transform: scale(0.85);
  background-color: #cc0000;
}
.settings-item {
  display: inline-block;
}