.nav-counter {
  position: relative;
  top: -4px;
  right: -3px;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  margin-top: -11px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #e23442;

  background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
  background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
  background-image: -o-linear-gradient(top, #e8616c, #dd202f);
  background-image: linear-gradient(to bottom, #e8616c, #dd202f);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  border-radius: 7px;
}

/*
.nav-counter-entity {
  background: transparent;
  border: 1px rgb(101,140,143) solid;
}
*/
.nav-counter-icon{
  position: relative;
  top:-10px;
  right:15px;
  margin-top: 0px;
  line-height: 11px;
	font-size:11px;
}

.nav-counter-blue {
  background: #3b8de2;
  background-image: -webkit-linear-gradient(top, #67a7e9, #2580df);
  background-image: -moz-linear-gradient(top, #67a7e9, #2580df);
  background-image: -o-linear-gradient(top, #67a7e9, #2580df);
  background-image: linear-gradient(to bottom, #67a7e9, #2580df);
}

.nav-counter-yellow {
  background: #ffc40d;
  font-weight: bold;
}

.nav-counter-purple {
  background: #340664;
  font-weight: bold;
}

.nav-counter-green {
  background: #329f33;
}

.nav-counter-gray {
  background: #C0C0C0;
  font-weight: bold;
}

.nav-counter-orange {
  background: #fc7e26;
}