.emojicontainer {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;  
    padding: 25px 0;
    text-align: center;
    display: block;
}

.emojicontainer > span {
  display: block;
}
.emojicontainer > .emoji {
  display: inline-block;
  font-size: 50px;
}
.emojicontainer a {
  margin: 2px 5px;
  text-decoration: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.emojicontainer.not_loaded > .emoji > a {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
/*#emojicontainer a.clicked.tooltip:before {
  margin-bottom: -3px;
}
#emojicontainer a.clicked.tooltip:after {
  margin-bottom: -8px;
}*/




.emoji_count {
  background-color: #fff;
  border: solid 1px #a5b1bd;
  border-radius: 3px;
  /* add in vendor rules */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  /* add in vendor rules */
  color: #424a4d;
  font-weight: bold;
  position: relative;
  top: -10px;
  text-align: center;
  line-height: 0.5em;;
  display: block;
  font-size: 0.4em;
  margin: 0 5px 12px;
  padding: 10px 0;
}

.emoji_count:before, .emoji_count:after {
  content: '';
  display: block;
  height: 0;
  right: -13px;
  margin-top: -7px;
  left: 50%;
  position: absolute;
  top: auto;
  width: 0;
}

.emoji_count:before {
  border: solid 7px transparent;
  border-color: #a5b1bd transparent transparent transparent;
  bottom: -14px;
  margin-left: -7px;
}

.emoji_count:after {
  border: solid 6px transparent;
  right: -11px;
  margin-top: -6px;
  margin-left: -6px;
  bottom: -12px;
  border-color: #fff transparent transparent transparent;
}


.emojicontainer > .emoji.clicked > .emoji_count {
    transform: scale(1.4);
    top: -17px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
