.im_msg.new{background: #F9EFBB;}

.im_but_to_new {
    top: 60px;
    color: #fff;
    padding: 13px 15px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.7);
    margin-left: 230px;
    z-index: 100;
    font-size: 15px;
    border-radius: 3px;
}
.im_but_to_new.active{display: block;}






.im_search_bar{padding: 9px;background: #fff;border-bottom: 1px solid #DAE1E8;}
.im_search_bar input{
    width: 100%;
    padding: 6px;
    outline: none;
    box-shadow: none;
    border: rgba(0, 0, 0, 0);
    font-size: 14px;
    background: rgba(0, 0, 0, 0);
    font-family: Roboto;
}

#im_dialogs .info_center{padding: 80px 20px;}
.im_dialog{padding: 5px 10px;border-top:1px solid #efefef;cursor: pointer;}
.im_dialog:first-child{border-top:0;}
.im_dialog .ava{position: relative;}
.im_dialog .ava img{border-radius: 25px;width: 50px;height: 50px;}
.im_dialog .online{position: absolute;bottom: 0px;right: 0px;width: 10px;height: 10px;border-radius: 9px;background: rgb(107, 168, 107);border:2px solid #fff;}
.im_dialog .cont{margin-left: 60px;}
.im_dialog .cont .name{font-weight: bold;color: #5780ab;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.im_dialog .info{padding-left: 10px;}
.im_dialog .info .date{color:#777;font-size:11px;}
.im_dialog .info #new_num{
    margin-top: 6px;
    background: rgb(209, 218, 227);
    color: rgb(67, 103, 150);
    padding: 4.5px 11px;
    border-radius: 20px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
}
.im_dialog .info #new_num:empty{display: none;}
.im_dialog .msg{padding:5px;padding-left:0;margin-top: 3px;border-radius: 3px;  text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.im_dialog .msg.unread{background: #e4eaf0;padding-left: 5px;}
.im_my_msg{color: #5780ab;}
.im_dialog.friend .name{margin-top: 17px;}

.im_tabs{margin-top: 8px;position: relative;}
.im_tabs .item{
    float: left;
    padding: 7px 12px;
    margin-right: 5px;
    border-radius: 20px;
    color: #5780ab;
    cursor: pointer;
    font-family: Roboto;
}
.im_tabs .item.active{background: #5780ab;color:#fff;}
.im_tabs .loader{position: absolute;right: 5px;top:11px;display: none;}

#view_dialog .uinfo_bar{background: #f7f7f7;padding: 8px;position: relative;cursor: pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
#view_dialog .uinfo_bar #name{color: #606060;font-weight: bold;}
#view_dialog .uinfo_bar #online{width: 8px;height: 8px;border-radius: 9px;background: rgb(107, 168, 107);margin: 4px 0 0 5px;display: none;}
#view_dialog .im_actions{font-size: 15px;position: absolute;right: 7px;top: 10px;color: #C3C3C3;}

#im_actions{display: none;list-style: none;}
#im_actions li{padding: 10px;color:#5780ab;cursor: pointer;}
#im_actions li #loader{display: none;}

#view_dialog .send_form_wrap{background: #e4e8ed;padding: 7px;}
#view_dialog .send_form_wrap textarea{padding: 5px;width: 100%;border: 1px solid #d1d7de;height: 53px;outline: none;}
#view_dialog .send_form_wrap .send_tools{margin-top: 7px;position: relative;}
.im_attach_but{font-size: 20px;display:block;padding-top: 7px;color: #5780ab;}
.im_attach_but:hover{text-decoration: none;}
.im_emoji_stickers{display: block; font-size: 12px; color: rgb(87, 128, 171); border-radius: 50%; border: 3px solid rgb(87, 128, 171); height: 17px; width: 17px; text-align: center; text-decoration: none; line-height: 16px; margin-top: 9px;}
.im_emoji_stickers:hover{text-decoration: none;}
.im_status{padding: 10px;color: #777;background-color: #fafafa;border-bottom: 1px solid #efefef;}
#im_typing{padding: 9px;padding-left:30px;background: #fafafa url(/images/typing.gif) 7px center no-repeat;display: block;}

#im_history{}
#im_history .info_center{padding: 80px 20px;}

.im_msg{padding: 5px 10px;border-top: 1px solid #efefef;position: relative;}
.im_msg.unread{background: #F4F5F5;border-top: 1px solid #dfe5eb;}
.im_msg.error{background: #FCD9D9;}
.im_msg:first-child{border-top:0;}
.im_msg .uinfo img{width: 40px;height: 40px;border-radius: 25px;}
.im_msg .cont{margin-left:50px;}
.im_msg .cont .name{font-weight: bold;}
.im_msg .msg{line-height: 160%;}
.im_msg .info .date{color:#777;font-size: 11px;}
.im_msg .try_again_but{font-size: 18px;color: #fff;margin-top: 0px;position: absolute;top: 10px;right: 10px;padding: 8px 2px 6px 4px;background: rgba(0,0,0,.5);border-radius: 65px;}

.im_msg .im_attach_images,.im_attach_videos{margin-top: 5px;}
.im_msg .im_attach_images img{max-height: 350px;max-width: 100%;width: auto;height: auto;}
.im_msg .im_attach_images .item{margin-bottom: 10px;}
.im_msg .im_attach_images .item:last-child{margin-bottom: 0px;}

.im_attach_videos .item{cursor: pointer;margin-bottom: 10px;position: relative;}
.im_attach_videos .item:last-child{margin-bottom: 0px;}
.im_attach_videos img{width: 100%;}
.im_attach_videos .title{font-weight: bold;margin-top: 5px;color:#5780ab;}
.im_attach_videos .icon-play-4{position: absolute;top: 50%;color: rgba(255,255,255,0.8);font-size: 86px;left: 50%;margin-left: -60px;margin-top: -55px;}
.im_attach_videos iframe{width: 100%;display: none;border:0;height: 100%;position: absolute;top:0;left:0;}

.im_attach_docs{margin-top: 5px;}
.im_attach_docs .attach_document .icon{font-size: 14px;color: #5780ab;margin-right: 2px;}
.im_attach_docs .attach_document .size{color: #555;}

#im_preloader{text-align: center;padding: 70px 0;display: none;}

.dialog_del_buttons{margin: 0px 15px 15px;}
.dialog_del_buttons .button.red{margin-left: 10px;}


.im_translate{font-size: 21px;font-family: times;cursor: pointer;text-align: center;margin-top: 1px;color: #93A5BB;height: 17px;}
.im_translate_res{background: #f7f7f7;padding: 5px;margin-top: 2px;}

/* recording */
.im_recording_wrap{position: absolute;top:0px;left:0px;width: 100%;height: 100%;background: #e4e8ed; padding-right: 50px;}
.im_recording_wrap .title{font-size: 15px;color:#5780ab;}
.im_recording_wrap .descr{color:#777;margin-top: 2px;font-size: 12px;}
.im_recording_wrap .time{position: absolute;top:-4px;right: 0px;width: 40px;height: 40px;color:#fff;background: #FF0026;border-radius: 50%;}
.im_recording_wrap .time div{width: 100%;text-align: center;margin-top: 14px;font-weight: bold;font-size: 12px;}

/* wall posts */
.im_post_link{padding: 10px 0px;}
.im_post_link span{color:#82A2C5;}
.im_post{border-left: 2px solid #C3D1E0;padding-left: 10px;}
.im_post_author_ava{width: 30px;height: 30px;border-radius: 50%;}
.im_post_author_inf{margin-left: 40px;}
.im_post_author_name{font-weight: bold;}
.im_post_date{color:#777;font-size: 11px;margin-top: 2px;}
.im_post_text{margin-top: 10px;}
.im_post_text:empty{display: none;}


.emoji_stickers{margin: 10px -7px -7px; background: rgb(235, 239, 243) ;overflow:hidden;direction: ltr;}
.emoji_stickers_tabs_parent{height:45px;background:#dce1e6;position: relative;}
.emoji_stickers_tabs{overflow-x:scroll;}
.emoji_category {
    float: left;
    font-size: 24px;
    height: 45px;
    line-height: 45px;
    width: 42px;
    background-repeat: no-repeat;
    background-position: center center;
    text-align:center;
    color:#8A9099;
    margin-left:5px;
    margin-right:5px;
}
.im_emoji_stickers.active {
    color: #698fb6 !important;
    background: none !important;
    border-color: #698fb6;
}
.emoji_category.active{background-color:#ebeef2 !important;color:#8A9099 !important;}
.emoji_stickers_pack{background-color:#ebeef2;padding: 10px;}
.item_sticker{width:25%;float:left;text-align:center;margin-top:10px;}
.item_sticker .sticker{height:64px;}
.emoji_stickers_items{display: inline-block;width: 100%;}
.emoji_stickers_overflow{width:100%;/* overflow: hidden; *//* height:156px; */position: relative;}
.emoji_stickers_circles{display: block; height: 10px; width: 10px; margin: 10px auto 0px;}
.emoji_stickers_circle{width: 7px; height: 7px; background: rgb(179, 179, 179) none repeat scroll 0% 0%; border-radius: 100%;float:left; margin-right:6px;}
.emoji_stickers_circle.active{background:#717171;}
.emoji_stickers_close{z-index:1;position: absolute; top: 0px; right: -5px; background: rgb(220, 225, 230) none repeat scroll 0% 0%; box-shadow: -3px -1px 3px rgb(218, 218, 218);}
.emoji_stickers_overflow_inner{transition: all 200ms ease-in-out;position:absolute;left:0;}


.stickers_store{}
.stickers_store .head_page li{font-size: 12px;font-weight: normal;float:left;}
.stickers_store .head_page a,:hover,:active,.sticker_pack,:hover,:active{text-decoration: none;}
.sticker_pack_parent{display:block;border-bottom:1px solid #eaeaea;padding:0px 5px;}
.sticker_add {
    font-size: 19px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    width: 40px;
    line-height: 38px;
}
.sticker_add.added, .sticker_pack_buy .button.added{background-color:#E0E5E9; cursor:default;color:#838383;text-shadow: none;}
.sticker_pack_desc{display: inline-block; width: calc(100% - 75px); padding: 10px  0;padding-left: 5px;}
.sticker_pack_poster{display:inline-block;}
.sticker_pack_price{font-size: 12px; color: rgb(129, 129, 129);}
.sticker_pack_view_desc{margin-left:10px;margin-top: 17px;display: inline-block;width: calc(100% - 115px);word-break: break-all;white-space: normal;}
.sticker_pack_buy{margin-top:10px;}
.sticker_pack_buy .button{border-radius: 100%; padding: 10px 5px;}
.sticker_pack_view_item  img{max-width:100px;margin:3px;}
.sticker_pack_view_poster {display: inline-block;}



/* find */
.im_no_dialogs_wrap{text-align: center;padding: 30px 0 80px;}
.im_no_dialogs_wrap .button{margin-top: 10px;}
.im_friends_methods{/* width: 500px; */margin: 0 auto;padding-bottom: 50px;}
.im_friends_methods .item{width: 33.3%;text-align: center;}
.im_friends_methods .icon{font-size: 60px;color:#BDCADA;}
.im_friends_methods .name{font-weight: bold;margin-top: 5px;font-size: 13px;}
.im_friends_methods a{text-decoration: none !important;}

#im_nd_search{position: absolute;z-index: -1;top:40px;opacity: 0;transition: all 200ms ease;background: #fff;left:0px;height: 100%;width: 100%;}
#im_nd_search.shown{top:0px;opacity: 1;z-index: 100;}
#im_nd_search .cont_wrap{width: 350px;margin: 50px auto 0;}
.im_search_table{width: 100%;margin-bottom: 10px;}
.im_search_table input{width: 100%;padding: 7px;}
.im_search_table .button{margin-left: 10px;}
.im_search_fr_res .im_dialog{padding: 5px;}
.im_search_fr_res .im_dialog .ava img{width: 35px;height: 35px;}
.im_search_fr_res .online{top:25px;width: 8px;height: 8px;}
.im_search_fr_res .im_dialog .cont{margin-left: 46px;}
.im_search_fr_res .im_dialog .name{margin-top: 10px;}
.im_nd_loader{position: absolute;top:11px;right: 10px;z-index: 33;}