.mce-smiles{
    margin-bottom: -45px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    display: none !important;
}
.mce-smiles.active{
    margin-bottom: 0 !important;
    opacity: 1;
    display: block !important;
}

.mce-smiles.isInlite{
    margin-top: -41px;
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.mce-smiles.isInlite.active{
    margin-top: 0 !important;
    opacity: 1;
    position: relative;
    pointer-events: all
}

.iconClicky{
	position: absolute;
    top: 5px;
    right: 5px;
    background: #ccc;
    padding: 2px;
    opacity: 0.4;
    border-radius: 5px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.iconClicky.active,
.iconClicky:hover{
    opacity: 1;
}

.editorSmilies {
    border: 1px solid #cbcbcb;
    border-top: none;
    background: #f5f5f5;
    overflow: hidden;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
    width: 100%;
}

.editorSmilies .tabs--smiliecategories {
    color: #2577b1;
    background: #fbfbfb;
    font-weight: 400;
    border-bottom: 1px solid #d8d8d8;
    font-size: 0
}

.editorSmilies .tabs--smiliecategories .tabs-tab,
.editorSmilies .tabs--smiliecategories .tabs-extra,
.editorSmilies .tabs--smiliecategories .hScroller-action {
    font-size: 13px
}

.editorSmilies .tabs--smiliecategories .tabs-tab {
    padding: 6px 10px 3px;
    border-bottom: 3px solid transparent
}

.editorSmilies .tabs--smiliecategories .tabs-tab:hover {
    color: #2577b1
}

.editorSmilies .tabs--smiliecategories .tabs-tab.is-active {
    color: #47a7eb;
    border-color: #47a7eb
}

.editorSmilies .tabs--smiliecategories .hScroller-action {
    color: #2577b1
}

.editorSmilies .tabs--smiliecategories .hScroller-action:hover {
    color: #47a7eb
}

.editorSmilies .tabs--smiliecategories .hScroller-action.hScroller-action--start {
    background: #fbfbfb;
    background: linear-gradient(to right, #fbfbfb 66%, rgba(251, 251, 251, 0) 100%)
}

.editorSmilies .tabs--smiliecategories .hScroller-action.hScroller-action--end {
    background: #fbfbfb;
    background: linear-gradient(to right, rgba(251, 251, 251, 0) 0%, #fbfbfb 33%)
}

.editorSmilies.is-active {
    display: block;
    height: auto
}

.editorSmilies.is-transitioning {
    display: block
}

.editorSmilies .smilie {
    cursor: pointer
}
.smilie {
    vertical-align: text-bottom;
    max-width: none
}

.smilie.is-clicked {
    transform: rotate(45deg);
    transition: all .25s
}

.smilie--sprite.smilie--sprite1 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px 0px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite2 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -176px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite3 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -264px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite4 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -66px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite5 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -154px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite6 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -44px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite7 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -132px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite8 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -22px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite9 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -242px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite10 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -220px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite11 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -110px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite12 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -308px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite13 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -594px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite14 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -418px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite15 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -660px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite16 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -484px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite17 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -506px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite18 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -396px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite19 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -440px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite20 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -286px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite21 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -682px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite22 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -352px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite23 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -704px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite24 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -550px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite25 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -572px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite26 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -528px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite27 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -748px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite28 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -726px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite29 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -198px;
    background-size: 100%
}

.smilie--sprite.smilie--sprite30 {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_sheet_emojione.png') no-repeat 0px -330px;
    background-size: 100%
}
.smilie--sprite.smilie--sprite31 {
    width: 22px;
    height: 22px;
    background: url(../img/sprite_sheet_emojione.png) no-repeat 0px -770px;
    background-size: 100%;
}