/* Button */
.FB_reactions {
    position: relative;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    padding: 2px;
    transition: all 20ms ease-out;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    opacity:0.75;
    background: url(/css/emojis/default.png) center left no-repeat;
    z-index:100;
    /*margin-right:80px;*/
}
.dark-layout .FB_reactions {
    background: url(/css/emojis/default-dark.png) center left no-repeat;
}
[data-emoji-class="like"] {
    background: url(/css/emojis/light/like.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

.dark-layout [data-emoji-class="like"] {
    background: url(/css/emojis/dark/like.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

[data-emoji-class="acknowledge"] {
    background: url(/css/emojis/light/acknowledge.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

.dark-layout [data-emoji-class="acknowledge"] {
    background: url(/css/emojis/dark/acknowledge.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

[data-emoji-class="love"] {
    background: url(/css/emojis/light/love.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

.dark-layout [data-emoji-class="love"] {
    background: url(/css/emojis/dark/love.png) center left no-repeat;
    background-size: 32px 32px;
}

[data-emoji-class="haha"] {
    background: url(/css/emojis/light/laughing.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

.dark-layout [data-emoji-class="haha"] {
    opacity: 1;
    background: url(/css/emojis/dark/laughing.png) center left no-repeat;
    background-size: 32px 32px;
}

[data-emoji-class="wow"] {
    opacity: 1;
    background: url(/css/emojis/light/surprise.png) center left no-repeat;
    background-size: 32px 32px;
}

.dark-layout [data-emoji-class="wow"] {
    background: url(/css/emojis/dark/surprise.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

[data-emoji-class="sad"] {
    background: url(/css/emojis/light/sadness.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

.dark-layout [data-emoji-class="sad"] {
    opacity: 1;
    background: url(/css/emojis/dark/sadness.png) center left no-repeat;
    background-size: 32px 32px;
}

[data-emoji-class="angry"] {
    opacity: 1;
    background: url(/css/emojis/light/angry.png) center left no-repeat;
    background-size: 32px 32px;
}

.dark-layout [data-emoji-class="angry"] {
    background: url(/css/emojis/dark/angry.png) center left no-repeat;
    opacity: 1;
    background-size: 32px 32px;
}

.FB_reactions span {
    display: block;
    padding: 5px 0px 4px 35px;
    text-align: left;
    font-weight: 600;
}


._bar ._inner img {
    width: 40px;
    position: relative;
    cursor: pointer;
    float: left;
    transform: scale(.8, .8) translate(0, 0);
    transition: transform 200ms ease;
}

    ._bar ._inner img:nth-child(1) {
        -webkit-animation: bounce .21s .1s;
    }

    ._bar ._inner img:nth-child(2) {
        -webkit-animation: bounce .25s .1s;
    }

    ._bar ._inner img:nth-child(3) {
        -webkit-animation: bounce .29s .1s;
    }

    ._bar ._inner img:nth-child(4) {
        -webkit-animation: bounce .3s .1s;
    }

    ._bar ._inner img:nth-child(5) {
        -webkit-animation: bounce .35s .1s;
    }

    ._bar ._inner img:nth-child(6) {
        -webkit-animation: bounce .4s .1s
    }

@-webkit-keyframes bounce {
    0% {
        bottom: 5px;
    }

    25% {
        bottom: 55px;
    }

    50% {
        bottom: 20px;
    }

    75% {
        bottom: 15px;
    }

    100% {
        bottom: 0;
    }
}

._bar ._inner img:hover {
    transform: scale(1, 1) translate(0, -6px);
    opacity: 1;
}

._bar {
    display: none;
}

._inner {
    position: relative;
    overflow: hidden;
    background-color: white;
    margin: auto;
    padding: 0px 0px 1px 1px;
    border-radius: 20px;
    -moz-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ov_visi {
    overflow: visible;
}


/*********demo css ***********/



#bottomcr a {
    color: #A2A2A2;
    font-size: 11px;
    text-decoration: none
}

#bottom a {
    color: #900;
    font-size: 12px;
    text-decoration: none;
}

#bottoms a, #bottoms {
    color: #C00;
    font-weight: bold;
    font-size: 12px;
}


.pkg {
    float: left;
    margin-right: 15px;
}

#outer {
    margin: auto;
    max-width: 750px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
    border: 10px solid #f2f2f2;
}

pre code {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

pre {
    padding: 16px;
    overflow: auto;
    font-size: 14px;
    line-height: 1.45;
    background-color: #f6f8fa;
    border-radius: 3px;
}