.recognition {
    padding: 3px 0px 3px 0px;
}
.recognition button{
    background-color: inherit;
    border: none;
    outline: none;
}
.recognition .btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none;
    box-shadow:none;
}
.recognition .hide {
    display: none;
}
.recognition .nameList li {
    list-style: none;
    padding-left: 5px;
    border-bottom: 1px solid #f5f5f5;
}
.thumbsUpBtn {
    padding-right:3px; 
}
.thumbsUpGrp .dropdownBtn{
    padding-left: 3px !important;
}
.thumbsUpBtn:hover,
.thumbsDownBtn:hover svg {
    color: #0096d6;
}
.thumbsUpBtn svg,
.thumbsDownBtn svg {
    color: #757678;
}
.hasThumbsUp:focus svg {
    z-index: 1000;
    animation: zoomIn 0.8s;
    color: #0096d6;
    opacity: 1;
}
@keyframes zoomIn {
    0% {
      transform: scale(1);
      color: #0096d6;
    }
    50% {
      transform: scale(3);
      color: DeepSkyBlue;
      filter: drop-shadow(1px 1px 1px #777272);
    }
    100% {
        transform: scale(1);
        color: #0096d6;
    }
}