.notification {
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
    position: absolute;
    top: 16px;
    right: -14px;
    padding: 5px 10px;
    border-radius: 50%;
    background: red;
    color: white;
}
.notification .badge-zero {
    position: absolute;
    top: 16px;
    right: -14px;
    padding: 5px 10px;
    border-radius: 50%;
    background: #dddddd;
    color: white;
}
.divider-inbox {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #dddddd;
    margin-left: 20px;
}
.btn-message {
    color: #ffffff;
    background-color: #ef203e;
    border-color: #ef203e;
}
.btn-message:hover {
    color: #e5c5c9;
    background-color: #e29aa2;
    border-color: #221f1f;
}
.btn-message:active, .btn-message.active, .open>.btn-message.dropdown-toggle {
    color: #ef203e;
    background-color: #e5c5c9;
    border-color: #ef203e;
}