/*
     2018 (c) Be happy and loves!
*/
* {margin:0;padding:0;}
body {color: #000;background: #f5f5f5;font-size: 13px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;_max-width: 650px;margin: 0 auto;}

a {text-decoration: none;color: #5a7b9b;cursor: pointer;}
a:hover {text-decoration: underline;}
img {border: 0px;}
label {cursor: pointer;}
#head {    background: #ffffff;position: relative;border-bottom: 1px solid #ededed;
    z-index: 1;}
#head td.head-td {color: #FFF;_border-right: 1px solid #437F4F;border-right: 1px solid #FFF;width: 25%;}
#head td.head-td a {color: #FFF;padding: 6px;text-align: center;display: block;}
#head td.head-td a:active {background: #eaeaea;}
#head td.head-td a .head-count {padding: 1px 3px;margin-left: -13px;border-radius: 50%;vertical-align: super;display: inline-block;border: 1px solid #3e902a;color: #ffffff;background: #4caf50;}

#foot {padding: 3px;}

.button-mail, .main-btn, .main-btn_b, .action-btn {background-color: #546E7A;color: #FFF;border-radius: 3px;border: 1px solid #546E7A;text-align: center;padding: 9px;outline: none;cursor: pointer;-webkit-appearance: none;}
.main-btn:hover, .main-btn_b:hover {background-color: #607D8B;color: #FFF;text-decoration: none;-webkit-appearance: none;}
 .main-btn:active, .main-btn_b:active {border-color: #455A64;background: #455A64;padding: 10px 9px 8px 9px;}
input[type="submit"]:disabled {opacity: 0.7;}
.main-input {background: #FFF;color: #000;border: 1px solid #dadada;padding: 8px;outline: none;border-radius: 0px;box-sizing: border-box;}
input[type="text"]:focus, .main-input:focus {border-color: #BEBEBE;}

.action-btn, .mail-load, .loader-btn  {background-color: #e8edf1!important;color: #405c71!important;border: 1px solid #e8edf1!important;}
.action-btn:hover, .mail-load:hover, .loader-btn:hover {background-color: #e4e9ec!important;text-decoration: none;}
.action-btn:active, .mail-load:active, .loader-btn:active {border-color: #e0e7ea!important;background: #e0e7ea;padding: 10px 9px 8px 9px!important;}

textarea, .main-textarea {height: 75px;display: block;position: relative;border: 1px solid #ddd;border-radius: 2px;width: 100%;max-width: 100%;padding: 10px;font-size: 1.1em;outline: none;box-sizing: border-box;}
textarea:focus, .main-textarea:focus {_border-color: #BEBEBE;}

.main-btn_b {background-color: #33a246;border: 1px solid #33a246;border-bottom: 1px solid #33a246;    display: inline-block;}
.main-btn_b:hover {background-color: #38ab4c;}
.main-btn_b:active {border-color: #2d963f; background: #2d963f;}

/* @Блоки */
#main {_background: #FFF;_border: solid #DBDBDB;_border-width: 0 1px;}
.list {background-color: #FFF;padding: 8px;border-bottom: 1px solid #e3e4e6;word-wrap: break-word;display: block;line-height: 165%;position: relative;}
#location {background: #F5F5F5;border-bottom: 1px solid #E2E2E2;padding: 7px;font-size: 12px;color: #656262;text-transform: uppercase;}
a #location {background: url(/template/icons/back.png) no-repeat 6px center;padding-left: 24px;}
a > #location {text-decoration: none!important;}

.touch {display: block;background: #FFF;border-bottom: 1px solid #e8e8e8;overflow: hidden;}
.touch .touch-cont:hover, .p-status a:hover  {background: #f3f3f7;text-decoration: none;}
.touch .touch-cont {padding: 11px;word-wrap: break-word;display: block;}
.touch .touch-count {font-size: 1.1em;color: #ffffff;background: #52a567;border-radius: 2px;padding: 1px 3px;}
.touch-back {display: block;position: relative;background: #FFF;overflow: hidden;text-transform: uppercase;}
.touch-back .touch-cont {padding: 11px;word-wrap: break-word;display: block;color: #069;}
.touch-back .touch-cont:hover  {background: rgba(0,0,0,0.05);text-decoration: none;}

._action-link {border-radius: 2px;margin: 7px;padding: 10px;border: 1px solid #C9D1E0;text-align: center;font-size: 1.1em;display: block;background: #FFF;color: #3b5998;overflow: hidden;}
._action-link:hover {background: #f3f3f7;color: #069;text-decoration: none;}
._action-link:active {padding: 11px 10px 9px 10px;}

.info {background: #F4F7F9 url("/template/icons/info_b.png") 99% 50% no-repeat;margin: 7px 0;border-radius: 4px;padding: 7px;padding-right: 45px;line-height: 140%;color: #54606b;}
/* /Блоки */

/* @TAB */
.tab {}
.tab a {float: left;overflow: hidden;text-transform: uppercase;border: 1px solid transparent;color: #5D6E79!important;background: rgba(0,0,0,0);padding: 3px 6px;border-radius: 3px;margin: 2px;display: inline-block;}
.tab a:hover, .tab a.onl_act {background-color: #f3f3f7;text-decoration: none;}
.tab a:active {padding: 4px 6px 2px 6px;}
.tab a.tab_active {color: #000!important;font-weight: bold;background: #FFF;}
/* /TAB */

/* @note */
.note-success, .note-error {padding: 8px;word-wrap: break-word;margin: -1px;margin-bottom: 0;}
.note-error {background-color: #f5c8c8;border: 1px solid #d6a99f;color: #884343;}
.note-success {background-color: #b4ffc5;border: 1px solid #86dc99;color: #355d3e;}
/* /note */

/* profile */
img.p-pic {border: 1px solid #E5E5E5;border-radius: 3px;}
.p-status {margin: 2px 0 6px 0;}
.p-status a {overflow: hidden;color: #5a5e71;display: block;line-height: 120%;padding: 11px;}
._bg-blue {background: #F4F7F9;}		
a._t-link {background: #FFF;padding: 6px;display: block;border: 1px solid #BDCCD7;text-align: center;color: #069;border-radius: 3px;margin: 1px;}
a._t-link:hover {color: #004C73;border-color: #7191a8;}		
._t-link-u-e a._t-link {width: 46.9%;display: inline-block;}
._t-block {border-bottom: 1px solid #E5E5E5;}
._t-block a {display: block;background: #FFF;padding: 11px;word-wrap: break-word;    border-bottom: 1px solid #e8e8e8;}
._t-block a:hover {color: #004C73;background: #f5f5f5;}
._t-block ._t-block-top {_border-radius: 3px 3px 0 0;}
._t-block ._t-block-bottom {_border-radius: 0 0 3px 3px;}
img.main-user-pic {width: 50px;height: 50px;margin: 2px 7px 0 0;float: left;border-radius: 3px;background: #F5F5F5;}
.main-user-pic-body {margin-left: 57px;min-height: 52px;}
/* /profile */

/* @1111111111111111mini-touch */
a._t-mini {line-height: 18px;padding: 4px 8px;border: 1px solid #ddd;border-radius: 2px;font-size: 12px;white-space: nowrap;color: #999;background: #fff;cursor: pointer;outline: 0;display: inline-block;margin: 1px;}
a._t-mini:hover {color: #004C73;border-color: #7191a8;}
a._t-mini ._t-mini-count {border-left: 1px solid #ddd;display: inline-block;margin: 0 0 0 3px;padding: 0 0 0 6px;text-align: center;}
/* /mini-touch */

/* OTHER */ 
._reg-bg {background-color: #eceff5;border-color: #d8dfea;}
._oh {overflow: hidden;}
._gray {color: #555;}
._black {color: #000;}
._dbl {display: block;}
._dib {display: inline-block;}
._w-100 {width: 100%;}
._center {text-align: center;}
._line {border-bottom: 1px solid #d4dce2;margin: 5px 0;}
._line2 {border-bottom: 1px solid #d4dce2;}
._padd-top {padding-top: 5px;}
._bold {font-weight: bold;}
.post-l {float: left;}
.post-c {overflow: hidden;padding-left: 7px;}
._label {color: #555;}
._font-s {font-size: 1.1em;}
._font-m {font-size: 0.9em;}
._font-big {font-size: 1.3em;}
._fl-r {float: right;}
.emotions {
    cursor: pointer;
    margin-right: 3px;
}
._fl-l {float: left;}
._lh-n {line-height: 120%;}
._lh-160 {line-height: 175%;}
._time {font-size: 0.9em;color: #6e7279;}
._name {font-weight: bold;}
._none {display: none!important;}
._l-padd {padding: 8px;}
._l-padd-n {padding: 0px!important;}
._m-top {margin-top: 5px;}
._m-top-x2 {margin-top: 9px;padding-top: 1px;}
._row-table {margin: 0;border-spacing: 0;width: 100%;}
._row-table-main {width: 100%;}
._row-table-last {padding-right: 5px;   }
._btn-up {margin-top: 5px;}
._p-rel {position: relative;}
._upper {text-transform: uppercase;}
._bg-gray {background: #f9f9f9;}
._brd-b-n {border-bottom: 0px;}
.highlight {background: #e6e6e6;}
._padd-y {padding: 10px 0;}

.post-bottom {padding-top: 7px;overflow: hidden;position: relative;}
.post-bottom a {padding: 9px 13px;margin: 0 7px;border-radius: 3px;display: inline-block;}
.post-bottom a:hover {background: #f3f3f7;}
/* /OTHER */ 


.mail-message {border: 0px;padding: 9px;padding-bottom: 4px;overflow: visible;position: relative;overflow: hidden;_border-bottom: 1px solid #dfe2e6;}
.mail-message .profile-list-r {margin-top: 0px;}
.mail-message-l {border-radius: 25px;}
.mail-message-r {margin-left: 50px;;min-height: 25px;border-radius: 2px;}
.mail-message-out  {background: #fff;}
.mail-message-new {background-color: #eef0f3;}
.mail-message-p {padding: 4px 9px;}
.mail ._line {margin: 5px 9px;}

/* PAGINATION */
.pagination-nav {display: inline-block;width: 50%;float: left;text-align: center;}
.pagination-n {background: #FFF;color: #494c56;text-transform: uppercase;padding: 6px;display: block;border: 1px solid #E2E2E2;color: #494c56;}
a.pagination-n:hover,.pagination-list td a:hover {    border-bottom: 2px solid #cacfd2;text-decoration: none;}
a.pagination-n:active,.pagination-list td a:active {border-bottom: 2px solid #546e7a;padding: 7px 6px 5px 6px;}
.pagination-list td a, .pagination-list td span {display: block;color: #494c56;text-align: center;padding: 6px;    border-bottom: 2px solid #efefef;}
div.pagination-n,.pagination-list td span {    border-bottom: 2px solid #546e7a;}
.pagination-list td span {font-weight: bold;}

/* /PAGINATION */


/* SWITCH */
.sw-block {background: #FFF;padding: 7px;overflow: hidden;position: relative;border-bottom: 1px solid #E2E2E2;}
.sw-cont {border-radius: 3px;overflow: hidden;border: 1px solid #c8ccd8;position: relative;width: 100%;line-height: 120%;}
.sw-item {display: inline-block;float: left;text-align: center;}
.sw-cont.sw-2 .sw-item {width: 50%;}
.sw-cont.sw-3 .sw-item {width: 33.33333333%;}
.sw-cont.sw-4 .sw-item {width: 25%;}
.sw-item .sw-c {padding: 8px;display: block;background: #FFF;color: #494c56;text-transform: uppercase;border-left: 1px solid #c8ccd8;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;}
.sw-cont .sw-item:first-child .sw-c {border-left: 0px;}
.sw-item .sw-c:hover {background: #f4f4f5;text-decoration: none;}
.sw-item .sw-c:active {background: #e9eaef;padding: 9px 8px 7px 8px;}
.sw-item .sw-act, .sw-item .sw-act:hover, .sw-item .sw-act:active {background: #e9eaef;color: #7d7d88;}
.sw-item .sw-l {border-radius: 3px 0 0 3px;}
.sw-item .sw-r {border-radius: 0 3px 3px 0;}
/* /SWITCH */


/* */
.tb-line {border-bottom: 1px solid #dcd9d9;margin: 0 10px;}
.tb-block {background: #FFF;padding: 7px;overflow: hidden;position: relative;border-bottom: 1px solid #E2E2E2;}
.tb-cont {border-radius: 3px;overflow: hidden;position: relative;width: 100%;line-height: 120%;}
.tb-item {display: inline-block;float: left;text-align: center;}
.tb-cont.tb-1 .tb-item {width: 100%;}
.tb-cont.tb-2 .tb-item {width: 50%;}
.tb-cont.tb-3 .tb-item {width: 33.33333333%;}
.tb-cont.tb-4 .tb-item {width: 25%;}
.tb-item .tb-c {padding: 8px;display: block;background: #FFF;color: #494c56;text-transform: uppercase;border-left: 1px solid #dcd9d9;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;}
.tb-cont .tb-item:first-child .tb-c {border-left: 0px;}
.tb-item .tb-c:hover {background: #f4f4f5;text-decoration: none;}
.tb-item .tb-c:active {background: #e9eaef;padding: 9px 8px 7px 8px;}
.tb-item .tb-act, .tb-item .tb-act:hover, .tb-item .tb-act:active {background: #e9eaef;color: #7d7d88;}
.tb-item .tb-l {border-radius: 3px 0 0 3px;}
.tb-item .tb-r {border-radius: 0 3px 3px 0;}


/* ADAPTATION */
@media screen and (min-width: 300px) {
	#head td.head-td a {padding: 10px;}
	#head td.head-td a:active {padding: 11px 10px 9px 10px;}
	#head td.head-td a .head-count {padding: 1px 6px;}
}
/* /ADAPTATION */
.lm_player {
    display: none;
}
.lm_player .audio_item {
    padding: 0;
    clear: both;
    min-height: 48px;
    position: relative;
    background: 0 0;
    margin: 0;
}
.lm_player .ai_label {
    padding: 0;
}
.audio_next, .audio_prev, .audio_play, .audio_repeat {
    padding: 4px 0px;
    cursor: pointer;
    opacity: 0.8;
    float: left;
    border: none;
    outline: none;
    background: none;
    margin: 0;
    position: relative;
    z-index: 9999;
    margin-left: 15px
}
.audio_prev {
    margin-left: 0px
}
.lm_player .ai_artist {
    color: #2c2d2e;
}
.lm_player .ai_current .ai_body {
    min-height: 24px;
    padding: 0;
    margin: 0;
    transition: all .15s;
}
.lm_player .ai_current .ai_label {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    color: #909499;
    padding: 0;
    letter-spacing: -.38px;
    text-overflow: ellipsis;
}
.ai_title {
    display: block;
    text-overflow: ellipsis;
    padding: 0!important;
    font-size: 13px;
    margin: 4px 0 0;
    letter-spacing: -.08px;
    overflow: hidden;
}
.ai_current .ai_title {
    font-size: inherit;
    margin: inherit;
    letter-spacing: inherit;
}
.ai_current .ai_artist, .ai_current .ai_dur, .ai_current .ai_title, .ai_current .dividers {
    display: inline;
}
.ai_current .ai_artist {
    font-size: inherit;
    margin-bottom: 0;
}
.audio_next .icon, .audio_prev .icon, .audio_play .icon, .audio_repeat .icon {
    display: block;
    width: 16px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.audio_repeat .icon { width: 20px }
.audio_prev .icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%2240%209%209%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M42%2013.05V9.5c0-.27-.2-.5-.5-.5h-1c-.27%200-.5.23-.5.5v9c0%20.27.2.5.5.5h1c.27%200%20.5-.23.5-.5v-3.55l6.15%203.9c.47.3.85.1.85-.45V9.6c0-.55-.38-.75-.85-.45L42%2013.05z%22%20fill%3D%22%2367676e%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")}
.audio_next .icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%2259%209%209%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M66%2013.05V9.5c0-.27.2-.5.5-.5h1c.27%200%20.5.23.5.5v9c0%20.27-.2.5-.5.5h-1c-.27%200-.5-.23-.5-.5v-3.55l-6.15%203.9c-.47.3-.85.1-.85-.45V9.6c0-.55.38-.75.85-.45l6.15%203.9z%22%20fill%3D%22%2367676e%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")}
.audio_repeat .icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(-2%20-6)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M14.002%206h3C18.656%206%2020%207.35%2020%209.006V14h-2V9.506C18%208.676%2017.326%208%2016.494%208H9v-.002C9%206.895%209.894%206%2011.003%206h3zm-1.005%2012H7c-1.657%200-3-1.35-3-3.006V10h2v4.494C6%2015.324%206.674%2016%207.506%2016H15v.002C15%2017.105%2014.106%2018%2012.997%2018zM8%2010H2l3-4%203%204zm8%204h6l-3%204-3-4z%22%20fill%3D%22%23828A99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.audio_play .icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20opacity%3D%22.2%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2367676e%22%20d%3D%22M7%2C18.9991283%20C7%2C19.5518945%207.3722949%2C19.7518034%207.8248086%2C19.4501276%20L18.1751914%2C12.5498724%20C18.6307206%2C12.2461863%2018.6277051%2C11.7518034%2018.1751914%2C11.4501276%20L7.8248086%2C4.5498724%20C7.36927939%2C4.24618626%207%2C4.44463086%207%2C5.00087166%20L7%2C18.9991283%20Z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.ai_playing .audio_play .icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20opacity%3D%22.2%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2367676e%22%20d%3D%22M7%2C4.7081449%20C7%2C4.31704727%207.31387329%2C4%207.69674683%2C4%20L10.3032532%2C4%20C10.6880558%2C4%2011%2C4.30533409%2011%2C4.7081449%20L11%2C19.2918551%20C11%2C19.6829527%2010.6861267%2C20%2010.3032532%2C20%20L7.69674683%2C20%20C7.31194418%2C20%207%2C19.6946659%207%2C19.2918551%20L7%2C4.7081449%20Z%20M13%2C4.7081449%20C13%2C4.31704727%2013.3138733%2C4%2013.6967468%2C4%20L16.3032532%2C4%20C16.6880558%2C4%2017%2C4.30533409%2017%2C4.7081449%20L17%2C19.2918551%20C17%2C19.6829527%2016.6861267%2C20%2016.3032532%2C20%20L13.6967468%2C20%20C13.3119442%2C20%2013%2C19.6946659%2013%2C19.2918551%20L13%2C4.7081449%20Z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.repeat_enabled .audio_repeat .icon {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%22138%202%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%23356CA9%22%3E%3Cpath%20d%3D%22M152%208h3c1.7%200%203%201.3%203%203v5h-2v-4.5c0-.8-.7-1.5-1.5-1.5H147c0-1.1.9-2%202-2h3zm2%208h6l-3%204-3-4zM148%2020h-3c-1.7%200-3-1.3-3-3v-5h2v4.5c0%20.8.7%201.5%201.5%201.5h7.5c0%201.1-.9%202-2%202h-3zm-2-8h-6l3-4%203%204z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.audio_next:hover, .audio_prev:hover,.audio_repeat:hover,.audio_play:hover {
    opacity: 1;
}
.listen-music .ai_body {
    -o-transition: all .15s;
    transition: all .15s;
    padding: 0 26px 0 31px;
    min-height: 24px;
}
.listen-music .ai_play {
    float: left;
    cursor: pointer;
    margin-right: 8px;
    border-radius: 2px;
}
.listen-music .ai_label {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    color: #909499;
    padding: 0;
    letter-spacing: -.38px;
    text-overflow: ellipsis;
}
.listen-music .ai_title {
    font-size: inherit;
    font-weight: 500;
    color: #2c2d2e;
    margin: inherit;
    letter-spacing: inherit;
    display: inline;
    text-overflow: ellipsis;
    padding: 0!important;
    overflow: hidden;
}
.listen-music .dividers {
    display: inline;
    padding: 0;
}
.listen-music .ai_artist {
    font-size: inherit;
    padding: 0;
    display: inline;
    text-overflow: ellipsis;
    margin: 0;
    overflow: hidden;
}
.edit_msg{background:#dcf6d8;padding: 8px;border-radius: 5px;margin: 5px;}.edit_msg1{background:#e1e9f2;padding: 10px;border-radius: 5px;margin: 5px;}
.vsetime{text-align: center;position: relative;margin-bottom: 20px;}
.vsetime:before{border-top: solid 1px #ddd;content: '';position: absolute;top: 50%;left: 0;right: 0;}
.vsetime .vsetitext{background: #fff;padding: 0px 10px;line-height: 0;position: relative;font-size: 14px;font-weight: bold;}
.emoji_tt_wrap {
    width: 290px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 119;
    right: 15.6px;
    bottom: 31px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background-color: #fff;
    border: 1px solid #c5d0db;
    position: absolute;
    visibility: hidden;
    -o-transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out 150ms;
    transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out 150ms;
    height: 272px;
}
.emoji_tt_wrap.emoji_tt_shown {
    visibility: visible;
    -o-transition: opacity 150ms ease-in-out, visibility 0ms ease-in-out 0ms;
    transition: opacity 150ms ease-in-out, visibility 0ms ease-in-out 0ms;
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}
.emoji_tt_wrap.tt_up {
    bottom: auto;
    top: 31px;
}
.emoji_tt_wrap:after, .emoji_tt_wrap:before {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
}
.emoji_tt_wrap.tt_up:after, .emoji_tt_wrap.tt_up:before {
    bottom: 100%;
}


.emoji_tt_wrap.tt_up:after, .emoji_tt_wrap.tt_up:before {
    right: 16px;
}
.emoji_tt_wrap.tt_up:before {
    border-width: 6px;
    margin: 0 -6px;
    border-bottom-color: #c5d0db;
}
.emoji_tt_wrap.tt_up:after {
    border-width: 5px;
    margin: 0 -5px;
    border-bottom-color: #ebeef2;
    -webkit-transform: translate3d(0, 0.5px, 0);
    transform: translate3d(0, 0.5px, 0);
}
.emoji_tt_wrap.tt_up:after {
    border-bottom-color: #fff;
}
.emoji_block_cont {
    overflow: hidden;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    position: relative;
    top: -5px;
}
.emoji_list_cont {
    padding: 0px 4px 2px;
    position: relative;
    overflow: hidden;
    height: 200px;
}
.emoji_cat_title_helper {
    width: 100%;
    height: 30px;
    position: relative;
    z-index: 11;
}
.emoji_cat_title {
    color: #939393;
    letter-spacing: 0.2px;
    line-height: 14px;
    padding: 10px 5px 6px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}
.emoji_field_wrap{
    padding-right: 20px;position:  absolute;right:  0; bottom: 42%;
}
.emoji_list_scroll {
    -webkit-tap-highlight-color: transparent;
    width: inherit;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-right: 22px;
    margin-right: -22px;
}
.emoji_cat_title_fix {
    position: relative;
    border-radius: 4px;
}
.emoji_cat_title_fix:before {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0px;
    background: url(/template/icons/emoji_sprite.png?12) 0 -29px;
    z-index: 12;
}
.emoji_list_scroll:after {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: url(/template/icons/emoji_sprite.png?12) 0 -20px;
    border-radius: 4px;
    z-index: 12;
}
.emoji_smile_cont {
    display: inline-block;
    position: relative;
    padding: 6px;
    margin-right: 0px;
    cursor: pointer;
    z-index: 10;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid transparent;
}
.emoji_smile_cont:hover {
    background-color: #f3f3f3;
    border-radius: 3px;
    border: 1px solid transparent;
}
.emoji_smile_selected.emoji_smile_cont, .emoji_smile_cont:active {
    background-color: #f3f3f3;
    border-color: #e3e3e3;
}
.emoji_smile_selected.emoji_smile_cont:hover {
    background-color: #f3f3f3;
}
.emoji_smile_cont[data-current] {
    background: none!important;
    border: 1px solid transparent!important;
    cursor: default!important;
}
.emoji_smiles_row {
    margin-left: 4.8%;
}
emoji_cat_title_fix {
    border-radius: 4px;
}
.emoji_cat_title_fix .emoji_cat_title {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 4px;
}
.cover-page--avatar,.post-l {
    position: relative;
}
.cover-page--avatar.emotion-show:before, .emoji_smile_cont.emotion-show:before,.post-l.emotion-show:before {
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
}
 .emoji_smile_cont.emotion-show:before {
     background-size: 25px 25px;
     width: 25px;
     height: 25px;
  }

.cover-page--avatar.emotion-show:before,.post-l.emotion-show:before {
    position: absolute;
    bottom: 5%;
    right: 10%;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
}
.post-l.emotion-show:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
}
.emotion-show[data-emotions="0_0"]:before {
    background-image: url(/template/emotions/0_0.png);
}
.emotion-show[data-emotions="0_1"]:before {
    background-image: url(/template/emotions/0_1.png);
}
.emotion-show[data-emotions="0_2"]:before {
    background-image: url(/template/emotions/0_2.png);
}
.emotion-show[data-emotions="0_3"]:before {
    background-image: url(/template/emotions/0_3.png);
}
.emotion-show[data-emotions="0_4"]:before {
    background-image: url(/template/emotions/0_4.png);
}
.emotion-show[data-emotions="0_5"]:before {
    background-image: url(/template/emotions/0_5.png);
}
.emotion-show[data-emotions="0_6"]:before {
    background-image: url(/template/emotions/0_6.png);
}
.emotion-show[data-emotions="0_7"]:before {
    background-image: url(/template/emotions/0_7.png);
}
.emotion-show[data-emotions="0_8"]:before {
    background-image: url(/template/emotions/0_8.png);
}
.emotion-show[data-emotions="0_9"]:before {
    background-image: url(/template/emotions/0_9.png);
}
.emotion-show[data-emotions="0_10"]:before {
    background-image: url(/template/emotions/0_10.png);
}
.emotion-show[data-emotions="0_11"]:before {
    background-image: url(/template/emotions/0_11.png);
}
.emotion-show[data-emotions="0_12"]:before {
    background-image: url(/template/emotions/0_12.png);
}
.emotion-show[data-emotions="0_13"]:before {
    background-image: url(/template/emotions/0_13.png);
}
.emotion-show[data-emotions="0_14"]:before {
    background-image: url(/template/emotions/0_14.png);
}
.emotion-show[data-emotions="0_15"]:before {
    background-image: url(/template/emotions/0_15.png);
}
.emotion-show[data-emotions="0_16"]:before {
    background-image: url(/template/emotions/0_16.png);
}
.emotion-show[data-emotions="0_17"]:before {
    background-image: url(/template/emotions/0_17.png);
}
.emotion-show[data-emotions="0_18"]:before {
    background-image: url(/template/emotions/0_18.png);
}
.emotion-show[data-emotions="0_19"]:before {
    background-image: url(/template/emotions/0_19.png);
}
.emotion-show[data-emotions="0_20"]:before {
    background-image: url(/template/emotions/0_20.png);
}
.emotion-show[data-emotions="0_21"]:before {
    background-image: url(/template/emotions/0_21.png);
}.emotion-show[data-emotions="0_22"]:before {
    background-image: url(/template/emotions/0_22.png);
}
.emotion-show[data-emotions="0_23"]:before {
    background-image: url(/template/emotions/0_23.png);
}
.emotion-show[data-emotions="0_24"]:before {
    background-image: url(/template/emotions/0_24.png);
}.emotion-show[data-emotions="0_25"]:before {
    background-image: url(/template/emotions/0_25.png);
}.emotion-show[data-emotions="0_26"]:before {
    background-image: url(/template/emotions/0_26.png);
}.emotion-show[data-emotions="0_27"]:before {
    background-image: url(/template/emotions/0_27.png);
}.emotion-show[data-emotions="0_28"]:before {
    background-image: url(/template/emotions/0_28.png);
}.emotion-show[data-emotions="0_29"]:before {
    background-image: url(/template/emotions/0_29.png);
}.emotion-show[data-emotions="0_30"]:before {
    background-image: url(/template/emotions/0_30.png);
}
.emotion-show[data-emotions="1_1"]:before {
    background-image: url(/template/emotions/1_1.png);
}
.emotion-show[data-emotions="1_2"]:before {
    background-image: url(/template/emotions/1_2.png);
}
.emotion-show[data-emotions="1_3"]:before {
    background-image: url(/template/emotions/1_3.png);
}
.emotion-show[data-emotions="1_4"]:before {
    background-image: url(/template/emotions/1_4.png);
}
.emotion-show[data-emotions="1_5"]:before {
    background-image: url(/template/emotions/1_5.png);
}
.emotion-show[data-emotions="1_6"]:before {
    background-image: url(/template/emotions/1_6.png);
}
.emotion-show[data-emotions="1_7"]:before {
    background-image: url(/template/emotions/1_7.png);
}
.emotion-show[data-emotions="1_8"]:before {
    background-image: url(/template/emotions/1_8.png);
}
.emotion-show[data-emotions="1_9"]:before {
    background-image: url(/template/emotions/1_9.png);
}.emotion-show[data-emotions="1_10"]:before {
    background-image: url(/template/emotions/1_10.png);
}.emotion-show[data-emotions="1_11"]:before {
    background-image: url(/template/emotions/1_11.png);
}.emotion-show[data-emotions="1_12"]:before {
    background-image: url(/template/emotions/1_12.png);
}.emotion-show[data-emotions="1_13"]:before {
    background-image: url(/template/emotions/1_13.png);
}.emotion-show[data-emotions="1_14"]:before {
    background-image: url(/template/emotions/1_14.png);
}.emotion-show[data-emotions="1_15"]:before {
    background-image: url(/template/emotions/1_15.png);
}.emotion-show[data-emotions="1_16"]:before {
    background-image: url(/template/emotions/1_16.png);
}.emotion-show[data-emotions="1_17"]:before {
    background-image: url(/template/emotions/1_17.png);
}.emotion-show[data-emotions="1_18"]:before {
    background-image: url(/template/emotions/1_18.png);
}.emotion-show[data-emotions="1_19"]:before {
    background-image: url(/template/emotions/1_19.png);
}.emotion-show[data-emotions="1_20"]:before {
    background-image: url(/template/emotions/1_20.png);
}.emotion-show[data-emotions="1_21"]:before {
    background-image: url(/template/emotions/1_21.png);
}
.emotion-show[data-emotions="2_1"]:before {
    background-image: url(/template/emotions/2_1.png);
}
.emotion-show[data-emotions="2_2"]:before {
    background-image: url(/template/emotions/2_2.png);
}
.emotion-show[data-emotions="2_3"]:before {
    background-image: url(/template/emotions/2_3.png);
}
.emotion-show[data-emotions="2_4"]:before {
    background-image: url(/template/emotions/2_4.png);
}
.emotion-show[data-emotions="2_5"]:before {
    background-image: url(/template/emotions/2_5.png);
}
.emotion-show[data-emotions="2_6"]:before {
    background-image: url(/template/emotions/2_6.png);
}
.emotion-show[data-emotions="2_7"]:before {
    background-image: url(/template/emotions/2_7.png);
}
.emotion-show[data-emotions="2_8"]:before {
    background-image: url(/template/emotions/2_8.png);
}
.emotion-show[data-emotions="2_9"]:before {
    background-image: url(/template/emotions/2_9.png);
}.emotion-show[data-emotions="2_10"]:before {
    background-image: url(/template/emotions/2_10.png);
}.emotion-show[data-emotions="2_11"]:before {
    background-image: url(/template/emotions/2_11.png);
}.emotion-show[data-emotions="2_12"]:before {
    background-image: url(/template/emotions/2_12.png);
}.emotion-show[data-emotions="2_13"]:before {
    background-image: url(/template/emotions/2_13.png);
}.emotion-show[data-emotions="2_14"]:before {
    background-image: url(/template/emotions/2_14.png);
}.emotion-show[data-emotions="2_15"]:before {
    background-image: url(/template/emotions/2_15.png);
}.emotion-show[data-emotions="2_16"]:before {
    background-image: url(/template/emotions/2_16.png);
}.emotion-show[data-emotions="2_17"]:before {
    background-image: url(/template/emotions/2_17.png);
}.emotion-show[data-emotions="2_18"]:before {
    background-image: url(/template/emotions/2_18.png);
}.emotion-show[data-emotions="2_19"]:before {
    background-image: url(/template/emotions/2_19.png);
}.emotion-show[data-emotions="2_20"]:before {
    background-image: url(/template/emotions/2_20.png);
}.emotion-show[data-emotions="2_21"]:before {
    background-image: url(/template/emotions/2_21.png);
}.emotion-show[data-emotions="2_22"]:before {
    background-image: url(/template/emotions/2_22.png);
}.emotion-show[data-emotions="2_23"]:before {
    background-image: url(/template/emotions/2_23.png);
}.emotion-show[data-emotions="2_24"]:before {
    background-image: url(/template/emotions/2_24.png);
}.emotion-show[data-emotions="2_25"]:before {
    background-image: url(/template/emotions/2_25.png);
}.emotion-show[data-emotions="2_26"]:before {
    background-image: url(/template/emotions/2_26.png);
}.emotion-show[data-emotions="2_27"]:before {
    background-image: url(/template/emotions/2_27.png);
}.emotion-show[data-emotions="2_28"]:before {
    background-image: url(/template/emotions/2_28.png);
}.emotion-show[data-emotions="2_29"]:before {
    background-image: url(/template/emotions/2_29.png);
}
.emotion-show[data-emotions="3_1"]:before {
    background-image: url(/template/emotions/3_1.png);
}
.emotion-show[data-emotions="3_2"]:before {
    background-image: url(/template/emotions/3_2.png);
}
.emotion-show[data-emotions="3_3"]:before {
    background-image: url(/template/emotions/3_3.png);
}
.emotion-show[data-emotions="3_4"]:before {
    background-image: url(/template/emotions/3_4.png);
}
.emotion-show[data-emotions="3_5"]:before {
    background-image: url(/template/emotions/3_5.png);
}
.emotion-show[data-emotions="3_6"]:before {
    background-image: url(/template/emotions/3_6.png);
}.emotion-show[data-emotions="3_7"]:before {
    background-image: url(/template/emotions/3_7.png);
}.emotion-show[data-emotions="3_8"]:before {
    background-image: url(/template/emotions/3_8.png);
}.emotion-show[data-emotions="3_9"]:before {
    background-image: url(/template/emotions/3_9.png);
}.emotion-show[data-emotions="3_10"]:before {
    background-image: url(/template/emotions/3_10.png);
}.emotion-show[data-emotions="3_11"]:before {
    background-image: url(/template/emotions/3_11.png);
}.emotion-show[data-emotions="3_12"]:before {
    background-image: url(/template/emotions/3_12.png);}
.emotion-show[data-emotions="4_1"]:before {
    background-image: url(/template/emotions/4_1.png);
}
.emotion-show[data-emotions="4_2"]:before {
    background-image: url(/template/emotions/4_2.png);
}.emotion-show[data-emotions="4_3"]:before {
    background-image: url(/template/emotions/4_3.png);
}.emotion-show[data-emotions="4_4"]:before {
    background-image: url(/template/emotions/4_4.png);
}.emotion-show[data-emotions="4_5"]:before {
    background-image: url(/template/emotions/4_5.png);
}.emotion-show[data-emotions="4_6"]:before {
    background-image: url(/template/emotions/4_6.png);
}.emotion-show[data-emotions="4_7"]:before {
    background-image: url(/template/emotions/4_7.png);}
.emotion-show[data-emotions="4_8"]:before {
    background-image: url(/template/emotions/4_8.png);}
.emotion-show[data-emotions="4_9"]:before {
    background-image: url(/template/emotions/4_9.png);
}  .emotion-show[data-emotions="4_10"]:before {
    background-image: url(/template/emotions/4_10.png);
}  .emotion-show[data-emotions="4_10"]:before {
    background-image: url(/template/emotions/4_10.png);
}   .emotion-show[data-emotions="4_11"]:before {
    background-image: url(/template/emotions/4_11.png);
}   .emotion-show[data-emotions="4_12"]:before {
    background-image: url(/template/emotions/4_12.png);
}   .emotion-show[data-emotions="4_13"]:before {
    background-image: url(/template/emotions/4_13.png);
}   .emotion-show[data-emotions="4_14"]:before {
    background-image: url(/template/emotions/4_14.png);
}   .emotion-show[data-emotions="4_15"]:before {
    background-image: url(/template/emotions/4_15.png);
}   .emotion-show[data-emotions="4_16"]:before {
    background-image: url(/template/emotions/4_16.png);
}   .emotion-show[data-emotions="4_17"]:before {
    background-image: url(/template/emotions/4_17.png);
}     
 .emotion-show[data-emotions="5_1"]:before {
    background-image: url(/template/emotions/5_1.png);
}     .emotion-show[data-emotions="5_2"]:before {
    background-image: url(/template/emotions/5_2.png);
}      .emotion-show[data-emotions="5_3"]:before {
    background-image: url(/template/emotions/5_3.png);
}      .emotion-show[data-emotions="5_4"]:before {
    background-image: url(/template/emotions/5_4.png);
}      .emotion-show[data-emotions="5_5"]:before {
    background-image: url(/template/emotions/5_5.png);
}      .emotion-show[data-emotions="5_6"]:before {
    background-image: url(/template/emotions/5_6.png);
}       .emotion-show[data-emotions="5_7"]:before {
    background-image: url(/template/emotions/5_7.png);
}     
 .emotion-show[data-emotions="5_8"]:before {
    background-image: url(/template/emotions/5_8.png);
}     .emotion-show[data-emotions="5_9"]:before {
    background-image: url(/template/emotions/5_9.png);
} .emotion-show[data-emotions="5_10"]:before {
    background-image: url(/template/emotions/5_10.png);
} .emotion-show[data-emotions="5_11"]:before {
    background-image: url(/template/emotions/5_11.png);
} .emotion-show[data-emotions="5_12"]:before {
    background-image: url(/template/emotions/5_12.png);
} .emotion-show[data-emotions="5_13"]:before {
    background-image: url(/template/emotions/5_13.png);
}  .emotion-show[data-emotions="5_14"]:before {
    background-image: url(/template/emotions/5_14.png);
} .emotion-show[data-emotions="5_15"]:before {
    background-image: url(/template/emotions/5_15.png);
} .emotion-show[data-emotions="5_16"]:before {
    background-image: url(/template/emotions/5_16.png);
} 
 .emotion-show[data-emotions="5_17"]:before {
    background-image: url(/template/emotions/5_17.png);
}  .emotion-show[data-emotions="5_18"]:before {
    background-image: url(/template/emotions/5_18.png);
}  .emotion-show[data-emotions="5_19"]:before {
    background-image: url(/template/emotions/5_19.png);
}  .emotion-show[data-emotions="5_20"]:before {
    background-image: url(/template/emotions/5_20.png);
}  .emotion-show[data-emotions="5_21"]:before {
    background-image: url(/template/emotions/5_21.png);
}  .emotion-show[data-emotions="5_22"]:before {
    background-image: url(/template/emotions/5_22.png);
}  .emotion-show[data-emotions="5_23"]:before {
    background-image: url(/template/emotions/5_23.png);
}  .emotion-show[data-emotions="5_24"]:before {
    background-image: url(/template/emotions/5_24.png);
}  
/* index all Vineti */
.telo{background: #FFF;color: #000;border: 1px solid #dadada;padding: 13px;outline: none;border-radius: 0px;box-sizing: border-box;border-radius: 30px 30px 30px;}
._w-20{width: 75%;}
._w-50{width: 70%;}
.main-telo{background-color: #546E7A;color: #FFF;border-radius: 3px;border: 1px solid #546E7A;text-align: center;padding: 12px;outline: none;cursor: pointer;-webkit-appearance: none;border-radius: 50px;margin-top: 3px;}
.main-telo_b{background-color: #47ad4b;border: 1px solid #33a246;border-bottom: 1px solid #33a246;display: inline-block;border-radius: 30px 30px 30px;padding: 13px;text-align: center;color: white;}
.telotext{padding: 0px 10px;font-size: 14px;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
.main-telo_b:hover{text-decoration: none;color: white;background: #308e34;}
.restore{margin-top: 20px;}
.bit:hover{text-decoration: none;}
.main-telo:hover{background-color: #52798a;}
.notification__avatarIcon {
    position: absolute;
    right: -2px;
    bottom: -2px;
}

.notification__avatarIcon.icon {
    display: block;
}

.icon_notify_mini_birthday, .icon_notify_mini_error, .icon_notify_mini_comment, .icon_notify_mini_follow, .icon_notify_mini_friend_accepted, .icon_notify_mini_gift, .icon_notify_mini_interesting, .icon_notify_mini_invite_app, .icon_notify_mini_invite_group, .icon_notify_mini_invite_group_accepted, .icon_notify_mini_like, .icon_notify_mini_live, .icon_notify_mini_mention, .icon_notify_mini_new_post, .icon_notify_mini_photo_tag, .icon_notify_mini_private_post, .icon_notify_mini_repost, .icon_notify_mini_request_money, .icon_notify_mini_story_reply, .icon_notify_mini_transfer_money, .icon_notify_mini_transfer_money_cancelled, .icon_notify_mini_transfer_votes, .icon_notify_mini_wall {
    width: 20px;
    height: 20px;
}

.notification__avatarIcon.icon:before {
    content: '';
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}

.icon_notify_mini_birthday:before, .icon_notify_mini_error:before, .icon_notify_mini_comment:before, .icon_notify_mini_follow:before, .icon_notify_mini_friend_accepted:before, .icon_notify_mini_gift:before, .icon_notify_mini_interesting:before, .icon_notify_mini_invite_app:before, .icon_notify_mini_invite_group:before, .icon_notify_mini_invite_group_accepted:before, .icon_notify_mini_like:before, .icon_notify_mini_live:before, .icon_notify_mini_mention:before, .icon_notify_mini_new_post:before, .icon_notify_mini_photo_tag:before, .icon_notify_mini_private_post:before, .icon_notify_mini_repost:before, .icon_notify_mini_request_money:before, .icon_notify_mini_story_reply:before, .icon_notify_mini_transfer_money:before, .icon_notify_mini_transfer_money_cancelled:before, .icon_notify_mini_transfer_votes:before, .icon_notify_mini_wall:before {
    width: 20px;
    height: 20px;
    background-image: url(/template/icons/notifications_mini.png?6);
}

.icon_notify_mini_like:before {
    background-position: 0 0
}

.icon_notify_mini_error:before {
    background-position: 0 -320px
}

.icon_notify_mini_repost:before {
    background-position: 0 -20px
}

.icon_notify_mini_mention:before {
    background-position: 0 -80px
}

.icon_notify_mini_follow:before {
    background-position: 0 -100px
}

.icon_notify_mini_friend_accepted:before, .icon_notify_mini_invite_group_accepted:before {
    background-position: 0 -120px
}

.icon_notify_mini_invite_group:before {
    background-position: 0 -160px
}

.icon_notify_mini_invite_app:before {
    background-position: 0 -180px
}

.icon_notify_mini_wall:before {
    background-position: 0 -200px
}

.icon_notify_mini_new_post:before {
    background-position: 0 -220px
}

.icon_notify_mini_transfer_money:before {
    background-position: 0 -260px
}

.icon_notify_mini_transfer_money_cancelled:before {
    background-position: 0 -280px
}

.icon_notify_mini_transfer_votes:before {
    background-position: 0 -300px
}

.icon_notify_mini_gift:before {
    background-position: 0 -340px
}

.icon_notify_mini_photo_tag:before {
    background-position: 0 -360px
}

.icon_notify_mini_live:before {
    background-position: 0 -380px
}

.icon_notify_mini_birthday:before {
    background-position: 0 -420px
}

.icon_notify_mini_interesting:before {
    background-position: 0 -460px
}

.icon_notify_mini_request_money:before {
    background-position: 0 -480px
}

.icon_notify_mini_comment:before {
    background-position: 0 -500px
}

.icon_notify_mini_private_post:before {
    background-position: 0 -520px
}

.icon_notify_mini_story_reply:before {
    background-position: 0 -540px
}

div.wi-like-button {
    float: right;
    margin: -30px 10px;
}
.app-touch-bottom + div.wi-like-button {
    margin: 0 10px!important;
}

span.like-post {
    text-align: right;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}

.like-count {
    display: inline-block;
    vertical-align: top;
    color: #676e75;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
    margin: 0 0 0 6px !important;
}
span.like-post .like-icon {
    width: 24px;
    height: 24px;
    position: relative;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart" color="%23616770"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>') no-repeat center;
    background-size: 100%;
    cursor: pointer;
    font-size: 24px;
    line-height: 18px;
    display: inline-block;
}

span.like-post.active .like-icon {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ed4856" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart" color="%23ed4856"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>') no-repeat center;
}

span.like-post.active.animate .like-icon {
    -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

span.like-post.active.animate .like-icon [class^="heart-animation-"] {background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.101 4.417S8.895.207 5.111.207c-4.465 0-10.967 6.846 5.082 17.592C25.237 7.03 19.665.202 15.501.202c-4.162 0-5.4 4.215-5.4 4.215z" fill="%23FF6E6F" fill-rule="evenodd"/></svg>') no-repeat center;background-size: 100%;display: block;position: absolute;top: 0;left: 0;width: 16px;height: 14px;opacity: 0;}
span.like-post.active.animate .like-icon [class^="heart-animation-"]::before, span.like-post.active .like-icon [class^="heart-animation-"]::after {content: '';background: inherit;background-size: 100%;width: inherit;height: inherit;display: inherit;position: relative;top: inherit;left: inherit;opacity: 0;}
span.like-post.active.animate .like-icon .heart-animation-1 {-webkit-animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;}
span.like-post.active.animate .like-icon .heart-animation-1::before, span.like-post.active .like-icon .heart-animation-1::after {width: 12px;height: 10px;visibility: hidden;}
span.like-post.active.animate .like-icon .heart-animation-1::before {opacity: .6;-webkit-animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;}
span.like-post.active.animate .like-icon .heart-animation-1::after {-webkit-animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;opacity: .75;}
span.like-post.active.animate .like-icon .heart-animation-2 {-webkit-animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;}
span.like-post.active.animate .like-icon .heart-animation-2::before, span.like-post.active .like-icon .heart-animation-2::after {width: 10px;height: 8px;visibility: hidden;}
span.like-post.active.animate .like-icon .heart-animation-2::before {-webkit-animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;opacity: .25;}
span.like-post.active.animate .like-icon .heart-animation-2::after {-webkit-animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;opacity: .4;}


@-webkit-keyframes heartPulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes heartPulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@-webkit-keyframes heartFloatMain-1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0, -25px) rotate(-20deg);
        transform: translate(0, -25px) rotate(-20deg);
    }
}

@keyframes heartFloatMain-1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0, -25px) rotate(-20deg);
        transform: translate(0, -25px) rotate(-20deg);
    }
}

@-webkit-keyframes heartFloatMain-2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0) scale(0);
        transform: translate(0) rotate(0) scale(0);
    }
    50% {
        opacity: .9;
        -webkit-transform: translate(-10px, -38px) rotate(25deg) scale(1);
        transform: translate(-10px, -38px) rotate(25deg) scale(1);
    }
}

@keyframes heartFloatMain-2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0) scale(0);
        transform: translate(0) rotate(0) scale(0);
    }
    50% {
        opacity: .9;
        -webkit-transform: translate(-10px, -38px) rotate(25deg) scale(1);
        transform: translate(-10px, -38px) rotate(25deg) scale(1);
    }
}

@-webkit-keyframes heartFloatSub-1 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(13px, -13px) rotate(30deg);
        transform: translate(13px, -13px) rotate(30deg);
    }
}

@keyframes heartFloatSub-1 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(13px, -13px) rotate(30deg);
        transform: translate(13px, -13px) rotate(30deg);
    }
}

@-webkit-keyframes heartFloatSub-2 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(18px, -10px) rotate(55deg);
        transform: translate(18px, -10px) rotate(55deg);
    }
}

@keyframes heartFloatSub-2 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(18px, -10px) rotate(55deg);
        transform: translate(18px, -10px) rotate(55deg);
    }
}

@-webkit-keyframes heartFloatSub-3 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(-10px, -10px) rotate(-40deg);
        transform: translate(-10px, -10px) rotate(-40deg);
    }
    100% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }
}

@keyframes heartFloatSub-3 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(-10px, -10px) rotate(-40deg);
        transform: translate(-10px, -10px) rotate(-40deg);
    }
    100% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }
}

@-webkit-keyframes heartFloatSub-4 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(2px, -18px) rotate(-25deg);
        transform: translate(2px, -18px) rotate(-25deg);
    }
}

@keyframes heartFloatSub-4 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(2px, -18px) rotate(-25deg);
        transform: translate(2px, -18px) rotate(-25deg);
    }
}
.message_arbour {
    border-radius: 5px;
    border: 1px solid #efefef;
    border-left: 4px solid #e1e9f2;
    margin: 5px 5px 5px 50px;
}
.message_arbour .mi_cont {
    min-height: 50px;
}