span.label-new {
  padding: 0.25em 1em;
  font-size: 0.8em;
  margin-right: 15px;
  background: #2886db;
  color: #fff;
  border-radius: 4px;
  margin: 0 0 0 5px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.sidebar-nav span.label-new {
  line-height: 1.3;
  top: 0.5em;
}

span.label-new::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);

  animation-name: label-new-shine-effect;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

span.label-new::after {
  content: 'New';
}

#main h1[id] span.label-new,
#main h2[id] span.label-new,
#main h3[id] span.label-new,
#main h4[id] span.label-new,
#main h5[id] span.label-new,
#main h6[id] span.label-new {
  font-size: 12px;
  vertical-align: super;
}

table span.label-new {
  vertical-align: sub;
}

@keyframes label-new-shine-effect {
  25% {
    top: 0;
    left: -100%;
  }

  50% {
    top: 0;
    left: 100%;
  }

  60% {
    top: 100%;
    left: 100%;
  }

  75% {
    top: 100%;
    left: -100%;
  }

  90% {
    top: 0;
    left: -100%;
  }
}