section.user-reactions{
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

section.user-reactions *{
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

section.user-reactions div.emoji-list {
    clear: both;
    display: block;
}

section.user-reactions div.emoji-list .reaction-emoji {
    float: left;
    position: relative;
    width: 13.57%;
    padding-bottom: 12%;
    margin: .36%;
    background-color: #efefef;
    overflow: hidden;
}

section.user-reactions div.emoji-list .reaction-emoji:last-child,
section.user-reactions div.percentage-bar div.bar:last-child{
    margin-right: 0!important;
}

section.user-reactions div.emoji-list .reaction-emoji a {
    position: absolute;
    height: 82%;
    width: 82%;
    padding: 8%;
}

section.user-reactions div.emoji-list .reaction-emoji a img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

section.user-reactions div.emoji-list .reaction-emoji.passive {
    background-color: #eaeaea;
    border-bottom: 2px #424242 solid;
    margin-bottom: -2px;
}

section.user-reactions div.reaction-alert {
    font-size: 14px;
    text-align: center;
    color: #d43d3d;
    padding-top: 15px;
    padding-bottom: 15px;
}

section.user-reactions div.percentage-bar {
    width: 100%;
    margin-top: 10px;
}

section.user-reactions div.percentage-bar div.bar {
    text-align: center;
    float: left;
    position: relative;
    width: 13.57%;
    margin: .36%;
    min-height: 100px;
}

section.user-reactions div.percentage-bar span.count.f {
    background-color: #8cda9d;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -khtml-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

section.user-reactions div.percentage-bar span.count.s {
    background-color: #9ceafd;
    -webkit-transition: .2s linear all;
    -khtml-transition: .2s linear all;
    -moz-transition: .2s linear all;
    -ms-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all;
}


section.user-reactions div.percentage-bar span.count-text {
    display: block;
    position: absolute;
    width: 100%;
    top: -22px;
}

section.user-reactions div.percentage-bar span.count{
    text-align: center;
    display: block;
    width: 100%;
    background-color: #8cda9d;
    position: absolute;
    bottom: 0;
}

section.user-reactions div.emoji-list:after,
section.user-reactions div.percentage-bar:after{
    content: " ";
    visibility: hidden;
    display: block;
    font-size: 0;
    clear: both;
    height: 0;
}

.reaction-clearfix:after {

}