.wall_online {
    width: 7px;
    height: 7px;
    background-color: #6BA86B;
    display: inline-block;
    border-radius: 10px;
    margin-left: -13px;
    position: absolute;
    border: 3px solid #dae1e8;
    -moz-animation: like_anim 0.3s ease-in-out 0.2s infinite alternate;
    -webkit-animation: like_anim 0.2s ease-in-out 0.2s infinite alternate;
    -ms-animation: like_anim 0.2s ease-in-out 0.2s infinite alternate;
    transition: color 400ms ease;
    top: 45px;
}
.wall_strlen {
    max-height: 155px;
    overflow: hidden;
}
.wall_strlen_full {
    cursor: pointer;
    font-weight: bold;
    color: #94ADC6;
}

.profile_wall_attach_photo img{max-width: 100%;/* max-height:500px; */margin-top:3px;margin-right:3px;margin-bottom:3px;}

.profile_wall_attach_photo{max-width: 620px;max-height: 620px;margin-top:3px;margin-right:3px;margin-bottom:3px;}


/* INSTANT UPDATES */
#notify{position:fixed;left:0px;right:0px;bottom:0px;width: 100%;height:0px;padding-top:10px;z-index:100;}
.update_box{margin-bottom:15px;margin-left:15px;position:static;bottom:0px;width: 100%;max-width: 300px;}
.update_box_margin{/* width: 100%; */word-wrap:break-word;color: #000;background: #dcdcdc;padding:10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 0px 2px 8px 1px #151515;-moz-box-shadow: 0px 2px 8px 1px #444;-webkit-box-shadow: 0px 2px 8px 1px #dcdcdc;text-shadow: 0px 1px 0px #dcdcdc;z-index: 100;line-height:15px;}
.update_box_margin span{font-weight:bold;font-size:13px}
.update_box_marginimg img{float:left;margin-right:10px;margin-bottom:4px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.8);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.8);
box-shadow: 0 1px 1px rgba(0,0,0, 0.8);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px}
.update_inpad{padding-top:10px}
.update_inpad a{color: #5780ab;/* font-weight:bold; */text-shadow: 0px 1px 0px #5780ab;word-wrap:break-word;}
.update_data{height:60px;overflow:hidden;word-wrap:break-word}
.update_close{cursor:pointer;width:13px;height:13px;/* background:url('../images/mv_bg.png'); */background:rgba(0, 0, 0, 0.6);padding-left:6px;padding-top:6px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);}
.update_close_ic{font-size: 12px;/* width:7px; */margin-top: -2px;opacity: 0.5;margin-left: -5px;}
.update_close_ic:hover{opacity:0.8}
.update_box_margin:hover #update_close{display:block}
/* feed */
.feed_wrap{padding: 10px;background: #fff;border-radius: 0 0 3px 3px;}
.feed_types_select{width: 100%;padding: 10px;appearance: none;-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;background: #F7F7F7;border: 1px solid #DAE1E8;outline: none;}
.feed_title{font-weight: bold;padding: 10px;color: rgb(70, 128, 68);}
.profile_inf_val {
    float: right;
    /* width: 319px; */
    margin-top: -9px;
}
.feed_add_fr {
  width: 60px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.feed_add_fr img{
  border-radius: 30px;
  width: 60px;
  height: 60px;
}

.feed_add_fr .uname{
  margin-top: 5px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
  font-size: 12px;
}

.typeHeader {
  font-size: 18px;
  width: 100%;
  padding: 10px 10px 10px;
  text-align: center;
  box-sizing: border-box;
}

.Feed__types_main {
  width: 100%;
  height: 45px;
  background-color: white;
  border-top: 1px solid rgba(0,0,0,0.1);
  box-sizing: border-box;
  padding: 0 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.08);
  -moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.08);
  box-shadow: 0 0 7px 0px rgba(0,0,0,0.08);
}

.Feed__types {
  width: calc(100% / 6);
  float: right;
  height: 45px;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.Feed__types_li {
  width: calc(100% / 5);
  float: left;
  height: 45px;
}

.Feed__types_li_icon {
  width: 100%;
  height: 45px;
  display: flex;
}

.Feed__types_li_icon svg {
  margin: auto;
}

.Feed__types_dropDown {
  position: absolute;
  background-color: white;
  width: calc(100% - 10px);
  margin: 5px;
  min-height: 100px;
  -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1), 0 0px 0px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1), 0 0px 0px 1px rgba(0,0,0,0.1);
  box-shadow: 0 0 3px 1px rgba(0,0,0,0.1), 0 0px 0px 1px rgba(0,0,0,0.1);
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: none;
}

.Feed__types_dropDown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Feed__types_dropDown ul li:last-child {
  border-bottom: 0;
  padding-bottom: 15px;
}

.Feed__types_dropDown ul li {
  width: 100%;
  padding: 12px 15px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.Feed__types_right {
  width: 100%;
  height: 45px;
  float: left;
  color: #406388;
}

.Feed__types_right_icon {
  width: 100%;
  height: 45px;
  display: flex;
}

.Feed__types_right_icon svg {
  margin: auto;
}


.Feed__types_li_icon .num {
    position: absolute;
    color: rgb(255, 255, 255);
    top: 7px;
    padding: 2px 5px;
    background: rgb(212, 105, 103);
    font-size: 11px;
    line-height: 100%;
    border-radius: 7px;
}


/* post */
.post{padding: 10px;background: #fff;border-radius: 3px;margin-bottom: 10px;position: relative;}
.post_author_photo{width: 50px;height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;}
.post_head_cont{margin-left: 60px;padding-top: 8px;padding-right: 25px;}
.post_author_name{font-weight: bold;}
.post_date{color:#777;margin-top: 5px;}
.post_cont_wrap{margin-top: 10px;}
.post_action{color:#777;font-weight: normal;}
/*.post_tools{position: absolute;top: 10px;right: 10px;color: #88A7CC;font-size: 17px;cursor: pointer;}*/
.post_bottom{margin-top: 10px;}
.post_bottom a {color: #A4C39D;}
.post_bottom_but{color: #A4C39D;white-space:nowrap;cursor: pointer;margin-top: -4px;}
.post_bottom_but.fl_r{margin-right: 5px;}
.post_bottom_but .icon{font-size: 20px;margin-top: 4px;}
.post_bottom_but.my .icon{color:#639D57;}
.post_bottom_but span{font-size: 18px;}
.post_bottom_but span.like_my_class{color:#639D57;}
.like_count{font-size: 14px;margin-top: 6px;margin-left: 23px;}
.post_text{word-wrap: break-word;line-height: 150%;margin-top: 10px;}
.post_delete_wrap{font-size: 14px;color:#777;padding: 20px 10px;}
.post_text.short, .post_reply_msg.short, .repost_text.short{position: relative;max-height: 168px;overflow: hidden;cursor: pointer;}
.post_show_full, .reply_show_full, .repost_show_full{font-weight: bold;cursor: pointer;color:#357a2b;padding-top: 6px;opacity: 0.7;transition: opacity 200ms ease;}
.post_text.short:hover ~ .post_show_full, .post_show_full:hover, .reply_show_full:hover, .post_reply_msg.short:hover ~ .reply_show_full, .repost_text.short:hover ~ .repost_show_full{opacity: 1;}
.post_delete_wrap:empty{display: none;}
.post_delete_wrap input{width: inherit;margin-top: 10px;}
.post_delete_wrap label{color:#000;}

.wall_send_form{padding: 7px;box-sizing: border-box;background: #f0f2f4;}
.wall_send_form textarea{width: 100%;border: 1px solid #d1d7de;height: 50px;padding: 5px;outline: none;}
.wall_send_form input{padding-top: 6px !important;padding-bottom: 6px !important;}
.wall_delete{position: absolute; right: 5px;top: 5px;font-size: 17px;color: rgb(70, 128, 68);cursor: pointer;}
.wall_controls{list-style: none;color: #baccba;float:right;}
.wall_controls a{color: #baccba;}
.wall_controls li{float: left;font-size: 40px;margin-left: 5px;font-size: 17px;cursor: pointer;}
.wall_controls li .my{color: rgb(70, 128, 68);}
.wall_controls.absolute{position: absolute;right: 10px;bottom: 7px;margin-top: 8px !important;}

.reply_but{margin-left: 5px;}
.reply_but span{margin-right: 5px;}
.reply_to{margin-top: 8px;margin-left: 10px;display: none;}
.reply_to_name{display: block;}
.reply_to_close{color: #64aa46;font-size: 12px;margin-left: 3px;margin-top: 2px;cursor: pointer;}

.post_tools_but{position:absolute;top: 5px;right: 3px;height: 7px;cursor: pointer;width: 27px;padding: 8px;}
.post_tools_but div{height: 6px;width: 6px;background: #CFD1D5;border-radius: 50%;float: left;margin-right: 3px;}

.post_tools{background: #fff;border: 1px solid #BCCAD7;border-radius: 2px;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);z-index: 100;display:none;min-width: 150px;position: absolute;top:25px;right: 5px;padding: 5px 0;}
.post_tools li{list-style: none;padding: 10px 15px 10px 5px;font-size: 13px;cursor: pointer;border-bottom: 1px solid #e9e9e9;}
.post_tools li:last-child{border-bottom: 0px;}
.post_tools li .ic{width: 20px;height: 14px;color: #a5d5a3;font-size: 16px;margin-top: -1px;}
.post_tools li .str{white-space: nowrap;margin-left: 27px;}
.post_tools li:hover{color:#fff;background: #64aa46;}
.post_tools li:hover .ic{color:#fff;}

/* polls */
.wall_poll{margin: 10px 0;}
.wall_poll_option{margin-top: 7px;}
.wall_poll_option:first-child{margin-top:0px;}
.wall_poll_item{position: relative;width: 100%;}
.wall_poll_pr_bl{height: 28px;background: #EAEEF2;margin-top: 7px;border-radius: 3px;margin-right: 41px;position: relative;overflow: hidden;}
.wall_poll_cnt{position: absolute;width: 100%;text-align: center;top: 6px;color: #357a2b;}
.wall_poll_persent{font-weight: bold;width: 33px;margin-top: 7px;}
.wall_poll_progress_line{width: 50%;position: absolute;top: 0px;left: 0px;height: 100%;background-color: #BDD7C1;}
.wall_poll_title{font-weight: bold;font-size: 13px;color: #357a2b;border-bottom: 1px solid #E7EAED;padding-bottom: 6px;}
.wall_poll_type{color:#777;font-weight: normal;font-size: 12px;}
.wall_poll_res{margin-top: 10px;}
.wall_poll_total{margin-top: 10px;}
.wall_poll_title img{margin-left: 5px;display: none;}

/* audios */
.audioElem{padding: 5px;line-height: 100%;}
.audioElem .acont{margin-left: 50px;margin-top: 4px;}
.audioPlayBut{font-size: 27px;background: #5780ab;width: 40px;height: 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding-top: 7px;padding-left: 3px;color: #fff;border-radius: 2px;cursor: pointer;}
.audioPlayBut.icon-pause{padding-left: 1px;}
.audioNames{font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.audioNames .artist{font-weight: bold;color: #5780ab;}
.audioNames .name{display: block;margin-top: 5px;}
.audioNames .sep{display: none;}
.playerSettings{display: none;}
.playerSettings table{width: 100%;}
.audioTime{color:#777;}
.progressBlock{position: relative;margin-top: 6px;width: 100%;height: 16px;cursor: pointer;}
.audioBgLine, .audioLoadLine, .audioPlayLine{position: absolute;top:6px;left: 0;height: 4px;border-radius: 3px;}
.audioBgLine{z-index: 1;width: 100%;background: #D8DEE4;}
.audioLoadLine{z-index: 2;background: #BAC7D4;}
.audioPlayLine{z-index: 3;background:#5780ab;}
.audioSlider{position: absolute;right: -4px;background: #335d88;width: 8px;height: 8px;top: -2px;border-radius: 4px;}
.audio_add_btn{padding: 7px 0px 0px 7px;color: #64aa46;cursor: pointer;}
.audio_del_btn{display: none;color: #5780ab;cursor: pointer;font-size: 16px;padding-left: 5px;margin-top: -1px;height: 10px;}
.audioElem.over .audio_del_btn{display: block;}
.audioElem.over .name{display: inline;margin-top: 0px;}
.audioElem.over .sep{display: inline;}
.audioElem.over .playerSettings{display: block;}
.playerAudio {padding: 10px;background: #EDF1F5;display: none;cursor: pointer;font-size: 11px;}
.playerPlayBtn {font-size: 30px;color: #5780ab;cursor: pointer;float: left;}
.artistAudio {font-weight: bold;margin-bottom: 3px;}
.nameAudio, .artistAudio{max-width: 141px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #2c4865;}
.audioHead{padding: 10px;background: #f7f7f7;border-bottom: 1px solid #e9e9e9;}
.audioHead input{width: 100%;border: 1px solid #c1c9d4;padding: 6px;}

/* videos */
.big_video_bl{width: 100%;padding-top: 70%;position: relative;}
.big_video_bl img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.big_video_name{font-weight: bold;margin-top: 10px;}

/* errors */
.info2_err{padding: 10px;background-color: #fff;}
.info2_err .title{font-weight: bold;font-size: 15px;color:#1c9915;}
.info2_err .descr{color: #666;margin-top: 10px;font-size: 13px;}
.info_center{font-size:13px;color:#999;text-align:center}

/* photos */
.wall_photo{float: left;margin: 0 6px 6px 0;position: relative}
.page_photo{overflow: hidden;cursor: pointer;float: left;}
.page_photo.one{float: none;max-width: 100%;max-height: 600px;}
.page_photo img{width: 100%;min-height: 100%}
.page_photo.one img{width: 100%;height: 100%;}
.page_photo.last_line{margin-bottom: 0px !important;}
.page_photo.last_column{margin-right: 0px !important;}

.view_photo_bl{text-align: center;background: #f7f7f7;}
.view_photo_bl img{max-width: 100%;max-height: 600px;}
.photo_view_like{color: #666;margin-left: 9px;font-size: 16px;display: inline;color:#A4C39D;}
.photo_view_like .icon-heart.like_my_class{color: #639D57;}

.wall_media{width: 100%;max-width: 100%;position: relative;margin-top:5px;box-sizing:border-box;margin-bottom: 8px;overflow: hidden;}
.wall_media_fill{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.wall_media_cont{padding-top: 51.017%;}


/* titles */
.h1{font-weight: bold;padding: 5px 10px;color: #446588;background: #d2d8e0;font-size: 13px;}
.h2{font-weight: bold;padding: 10px;background: #E9EDF1;color:#5780ab;}

/* headers */
.head_menu{padding: 8px 10px;list-style: none;background: #f7f7f7;border-bottom: 1px solid #e9e9e9;}
.head_menu li{padding: 5px 7px;margin-right: 5px;border-radius: 2px;float: left;font-size: 13px;color:#5780ab;cursor: pointer;}
.head_menu li:hover{background: #D8DAE2;}
.head_menu li.active{background: #5780ab;color:#fff;}


/* likes */
.like_user_bl{padding: 5px 10px;border-top:1px solid #efefef;}
.like_user_bl img{width: 40px;height: 40px;border-radius: 3px;float: left;}
.like_user_bl .name{margin-left: 50px;margin-top: 12px;font-size: 13px;font-weight: bold;}
#likes_result a{text-decoration: none;}

/* albums */
.album_bl{width: 49%;display: inline-block;box-sizing: border-box;padding: 3px 4px 4px 3px;vertical-align: top;}
.album_bl img{max-width: 100%;max-width: 100%;vertical-align: top;width: 100%;}
.album_wrap{background: #efefef;overflow: hidden;max-height: none;position: absolute;top:0;left:0;height: 100%;cursor: pointer;width: 100%;text-align: center;}
.album_title{background: rgba(0,0,0,.5);font-weight: bold;color: #fff;text-overflow: ellipsis;white-space: nowrap;position: absolute;bottom: 0;left:0;padding: 7px 10px;box-sizing: border-box;width:100%;text-align: center;overflow: hidden;}
.album_cont{position: relative;padding-top: 66.66%;}
.album_title_settings{background: #f7f7f7;border-bottom: 1px solid #efefef;padding: 6px 10px;font-weight: bold;color: #666;}
.photo_item{text-align: center;cursor: pointer;width: 18%;margin: .5%;max-height: 76px;text-align: center;overflow: hidden;position: relative;display: inline-block;vertical-align: top;background-color: #f1f1f1;min-height: 40px;}
.image_cont{padding: 2px;}
.album_upload{padding: 15px;text-align: center;font-weight: bold;color: #5780ab;background: #EAEFF5;cursor: pointer;}
.album_upload:hover{background: #d9e0e8;}
.uploading_text{font-size: 15px;text-align: center;font-weight: bold;color: #5780ab;padding: 10px;}
.uploading_progress{position: relative;height: 30px;width: 100%}
.uploading_progress_line{position: absolute;top:0;left:0;height: 100%;background: #5780ab;width: 30%;}


/* wiki */
.wiki_post_head{padding: 10px;background-color: #E9EBF2;}
.wiki_post_ava{width: 50px;height: 50px;float: left;}
.wiki_post_head_cont{margin-left: 60px;margin-top: 6px;}
.wiki_title{font-weight: bold;font-size: 16px;}
.wiki_title a{color:#333;}
.wiki_date{color:#777;margin-top: 5px;}
.wiki_text{font-size: 15px;}
.wiki_cont{padding: 10px;}

.wiki_photos_wrap .wiki_photo{text-align: center;margin-top: 10px;}
.wiki_photos_wrap .wiki_photo img{max-width: 100%;}
.wiki_photos_wrap .post_video_wrap{margin-top: 10px;}
.wiki_video_title{font-weight: bold;font-size: 15px;margin-top: 7px;color: rgb(70, 128, 68);}
.wiki_photo_descr{font-size: 15px;margin-top: 5px;}

.wiki_info{margin-top: 15px;}
.wiki_counters{color:#777;list-style: none;}
.wiki_counters li .icon{color:#A6AAAD;}
.wiki_info .post_bottom_but{display: inline-block;margin-top: 10px;}

.wiki_replyes_head{padding: 12px 23px;background: #E9EBF2;}
.wiki_replyes_head{font-weight: bold;color: #5780ab;}
.wiki_replyes_head:empty{display: none;}
.wiki_replyes_head.more{text-align: center;cursor: pointer;transition:background 200ms ease;}
.wiki_replyes_head.more:hover{background: #D4D8E7;}
.wiki_replyes_head.privacy{color:#7288A2;}
.wiki_replyes{padding: 0 10px;}

.post_reply{padding: 10px 0;border-top:1px solid #E9EDF1;cursor: pointer;position: relative;}
.post_reply_ava{width: 40px;height: 40px;position: absolute;top:10px;left:0px;}
.post_reply_cont{margin-left: 50px;}
.post_reply_cont input{width: inherit;margin-top: 13px;}
.post_reply_inf{margin-top: 3px;}
.post_reply_date{color:#777;}

.remove_reply_but{position: absolute;top:10px;right: 0px;font-size: 15px;color:#ddd;}
.deleted_reply{font-size: 12px;color: #777;padding-top: 4px;}

/* radio btn */
.settings_reason {padding: 1px 0px;}.radiobtn {cursor: pointer;line-height: 1.27em;}
.radiobtn div {vertical-align: middle;float: left;width: 16px;margin-right: 5px;height: 18px;margin-bottom: 1px;background: url('/img/m/radio.png') no-repeat 0 center;}
.settings_reason_desc {display: none;}
.radiobtn.on:hover div {background-position: -68.3px center;}
.radiobtn.on div {background-position: -51px center;}
.radiobtn:hover div {background-position: -17.3px center;}.settings_reason_text {width: 360px;margin-top: 5px;height: 33px;background: white;color: #777;border: 1px solid #C0CAD5;padding: 3px;margin: 8px 0px 0px 0px;}#settings_deact_reasons {padding: 0px 10px;}
.radiobtn.disable div{background-position: -34px center !important;}
.radiobtn.disable{color:#ddd;}

/* search */
.search_bl{margin-bottom: 10px;position: relative;}
.search_bl input{width: 100%;border: 1px solid #c1c9d4;outline: none;background: #fff url('/img/m/inp_se.png') 5px center no-repeat;padding: 8px;padding-left: 24px;font-size: 12px;}
.search_button{position: absolute;top: 0;right: 0;padding: 8.5px 10px;}

/* blogs */
.blog_content{line-height: 160%;font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;white-space: normal;}
.blog_content a{color:#357a2b;cursor: pointer}
.blog_content a:hover{color:#357a2b;text-decoration: underline;}
.blog_content img{cursor: pointer}
.blog_content .audioPage{font-size: 11px;font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;line-height: 100%;}
.blog_content.short{max-height: 200px;overflow: hidden;position: relative;}
.blog_read_all{font-weight: bold;color: rgb(70, 128, 68);cursor: pointer;}
.blog_read_all:hover{text-decoration: underline;}
.blog_view_head{padding: 5px 10px;background: #f5f5f5}
.blog_view_head img{width:50px;height:50px;border-radius: 3px;}
.blog_view_head .title{font-weight: bold;color: rgb(70, 128, 68);margin-top: 8px;}
.blog_view_head .name{color:#666;margin-top: 3px}

/* attach */
.attach_note{margin-top: 10px;}
.attach_name_type{font-weight: bold;color: #46709D;font-size: 13px;}
.attach_name_type span{color:#86A2C4;}
.attach_blog_name{color: #51769D;font-weight: bold;}
.attach_blog_short{color: #444;line-height: 160%;margin-bottom: 8px;word-break: break-all;}

/* comments */
.comment_from{padding: 10px;background: #f0f2f4;box-sizing: border-box;}
.comment_from textarea{width: 100%;border: 1px solid #d1d7de;height: 50px;padding: 5px;outline: none;}
.kjCommentsBlock{padding:10px 10px 2px;border-bottom: 1px solid #E3E3E3;font-size: 11px;position: relative;}
.kjCommentsBlock .delete_but{position: absolute;right: 10px;font-size: 17px;top: 5px;color: rgb(70, 128, 68);cursor: pointer}

/* others */
.friend_block{padding: 5px;border-bottom: 1px solid #efefef;font-size: 16px;position: relative;}
.head_page{padding: 7px 10px;background: #f5f5f5;white-space: nowrap;}
.head_page li{padding: 5px 10px;font-weight: bold;color: #5780ab;font-size: 1em;border-radius: 2px;cursor: pointer;list-style:none;display: inline-block;}
.activetab, .buttonsprofileSec, .newsPanelActive, .active, .activClass{background: #5780ab;color: #fff !important;}
#new_post_wall, #album_descr, #pub_descr{padding: 10px;border:0;outline: none;width: 100%;min-height: 90px;font-size: 12px;}
.new_post_footer{background:#ebffe5;padding: 10px;}
.friend_block .post_bottom_but{margin-top: 5px;}

.setting_title{color: #666;padding: 5px 0;font-size: 12px;}
.setting_input{border: 1px solid #ddd;padding: 10px;width: 100%;outline: none;font-size: 13px;}

.err_red {padding: 8px 15px 8px 14px;color: rgb(255, 255, 255);background-color: rgb(143, 189, 123);font-size: 14px;font-family: tahoma;text-align: center;}
.err_yellow {background-color: #64aa46;color: #fff;padding: 8px 35px 8px 14px;text-align: center;margin-bottom: 5px;font-family: tahoma;font-size: 15px;}

.send_msg_but{position: absolute;top: 10px;right: 10px;font-size: 20px;color: #ffffff;background: #5780ab;padding: 6px;border-radius: 50px;}


/* PROFILE */
.profile_cover{position: relative;width: 100%;padding-top: 40%;overflow: hidden;background: #999999;}
.profile_cover .cover_picture{position: absolute;width: 100%;height: 100%;top:0px;left:0px;z-index: 1;}
.profile_cover_shadow{position: absolute;top:-10px;left:0px;width: 100%;height: 10px;z-index: 2;box-shadow: 0 0 19px 2px rgba(0,0,0,0.3);}
.profile_cover .bottom_shadow{position: absolute;z-index: 2;bottom: 0px;left:0;width: 100%;height: 140px;background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.7)) repeat scroll 0% 0%;}

.profile_uinfo{position: absolute;bottom: 10px;left:0px;z-index: 3;width: 100%;}
.profile_uava{margin-left: 15px;position: relative;}
.profile_uava select, .profile_uava input{position: absolute;bottom: 0px;left:0px;visibility: hidden;}
#profile_ava_sel{opacity: 0;top:0;width: 100%;height: 100%;visibility: visible;}
.profile_uava .ava{width: 106px;height: 106px;border: 3px solid rgba(255, 255, 255, 0.72);box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);border-radius: 60px;}
.profile_username{margin-left:150px;color: #fff;font-size: 32px;text-shadow: 0 0 15px rgba(0,0,0,0.3);padding-right: 20px;height: 106px;display:-ms-flexbox;-ms-flex-align:center;display:-moz-box;-moz-box-align:center;display:-webkit-box;-webkit-box-align:center;display:box;box-align:center;}
.profile_uinfo .mob_online{width: 12px;height: 12px;border-radius: 7px;box-shadow: 0 0 15px 0 rgba(0,0,0,.3);background-color: #59af59;border: 2px solid #f1f4f7;}
.profile_offline{font-size: 12px;font-weight: normal;position: absolute;bottom: -16px;left: 2px;white-space: nowrap;}

/* status */
.profile_status{padding: 15px 15px 15px 45px;border-radius: 0 0 3px 3px;position: relative;}
.profile_status .icon{color: #406388;position: absolute;top: 12px;left: 10px;font-size: 18px;}
.profile_status span{text-align: left;}
.profile_status span.not{color:#777;}

/* edit status */
.profile_edit_status{padding: 10px !important;background:#f7f7f7;}
.profile_edit_status .user_ava{width: 50px;height: 50px;border-radius: 25px;}
.profile_edit_status .user_name{margin-left: 60px;font-weight: bold;color:#555;margin-top: 16px;}
.profile_status_inp{margin-top: 15px;position: relative;}
.profile_status_inp input{padding: 8px;border-radius: 3px;}
.profile_status_inp .arrow, .profile_status_inp .arrow2{position: absolute;top:-17px;border:9px solid transparent;border-bottom-color:#B9C4D1;left:17px;}
.profile_status_inp .arrow2{border-bottom-color: #fff;border-width: 8px;top: -15px;left: 18px;}
.profile_status_tools{margin-top: 10px;}
.profile_status_tools .inline{margin-left: 5px;}

/* blocks */
.profile_block{background: #fff;margin-top: 10px;}
.profile_block .title{
    font-weight: 400;
    padding: 12px;
    border-bottom: 1px solid rgba(227, 234, 241, 0.27);
    color: #406388;
    font-family: Roboto;
}
.profile_block .title span{color: #6ba86b;font-weight: normal;font-size: 13px;}
.profile_block .cont{padding: 12px;}
.profile_block .cont.last_photos{position: relative;overflow: hidden;padding: 0px;border-radius: 0 0 3px 3px;overflow-x:auto;}
.profile_block .cont.last_photos .photos_res{max-width: 640px;height: 100%;}
.profile_block .field{position: relative;color:#777;padding-left: 32px;display: block;float: left;margin-right: 5px;}
.profile_block .field i{position: absolute;left: 0px;font-size: 18px;top: 0px;color: #406388;}
.field.no_icon{padding-left: 0px;}
.profile_block .value{text-align: left;display: block;}
.profile_block .value:after{content: '';width: 5px;height: 5px;clear: both;}
.profile_block .item{margin-bottom: 10px;line-height: 160%;}
.profile_block .wall_send_form{background: #fff;padding: 0px;}

.profile_thumb{cursor: pointer;}

.profile_feedback{width: 100%;margin-top:15px;}
.profile_feedback td{width: 50%;}
.profile_feedback td button{width: 100%;}
.profile_feedback .td1{padding-right: 5px;}
.profile_feedback .td2{padding-left: 5px;}

.profile_table{
    width: 100%;
    background: rgb(255, 255, 255);
    padding: 0 10px 10px 10px;
    font-family: Roboto;
}
.profile_table td{width: 33.3%;padding: 0 10px 10px 0;}
.profile_table td:last-child{padding-right: 0px;}
.profile_table tr.last_row td{padding-bottom: 0px;}
.profile_table_item{width: 100%;height: 80px;color: #406388;text-align: center;cursor: pointer;background: #fff;border-radius: 3px;}
.profile_table_item:hover{background: #F5F6F7;}
.profile_table_item .count{
    font-size: 30px;
    padding: 9px 0 8px;
    font-weight: 100;
}
.profile_table_item .name{color: #555;font-weight: bold;}
.profile_table a{text-decoration: none !important;}

.profile_attach{font-size: 20px;display: block;padding-top: 7px;color: #b1cbab;text-decoration: none !important;display: block;}


/* more inf */
.profile_more_inf_but{margin-top: 15px;text-decoration: none !important;display: block;margin-bottom: 0px;}

/* send post */
.wall_send_form textarea{height: 60px;padding: 10px;border:1px solid rgb(230, 230, 230);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.wall_send_tools{margin-top: 10px;}
#post_list{margin-top: 10px;}

/* errors */
.profile_error{padding:20px;background: #EEF0F2;text-align: center;color:#639d57;}
.profile_error .icon{font-size: 110px;}
.profile_error .text{margin-top:20px;font-size:30px;font-family: 'Lobster', arial, serif;}
.profile_error .sub_text{color: #777;margin-top:20px;font-size:13px;}


.upload_ava{text-align: center;}
.upload_ava .icon{font-size: 80px;color: #64aa46;padding-top: 55px;}
.upload_ava .button{display: inline-block;margin-top: 50px;width: 142px;}
.ava_progress{color: #fff;text-align:center;font-size: 12px;background: rgb(70, 128, 68);height: 45px;width:0;padding-top: 16px;box-sizing: border-box;}

.rotare_bg{position: fixed;width:100%;height:100%;background: #000;top:0;left:0;text-align: center;vertical-align: middle;z-index: 111;}
.rotare_bg:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.rotare_bg img{height:100%;max-height:100%;max-width:100%;box-shadow:0 0 60px 0 rgba(255,255,255,0.2)}
.rotare_bg .buttons{position: fixed;bottom:0;left:0;list-style: none;width: 100%;background: rgba(0,0,0,0.9);height:65px;}
.rotare_bg .buttons li{display: inline-block;font-size:25px;color: #fff;width:30%;padding: 20px 0;box-sizing:border-box;}
.rotare_bg .buttons li:first-child{transform: scale(-1, 1);}
.rotare_bg .buttons li:hover{background: rgba(255,255,255,0.1);cursor: pointer;}
#rotate_preloader{position: fixed;left:50%;margin-left:-64px;top:50%;margin-top:-15px;z-index:1112;display: none;}
#rotation_rp_bg{width:100%;height:100%;top:0;left:0;position: fixed;z-index:1111;background: rgba(0,0,0,.8);display: none;}


@media(max-width: 650px) {
	.profile_cover{padding-top: 50%;}
}

@media(max-width: 470px) {
	.profile_username{font-size: 26px;margin-left: 135px;height: 90px;}
	.profile_uava .ava{width: 90px;height: 90px;}
	.profile_uinfo .mob_online{width: 10px;height: 10px;border-radius: 5px;}
}

/* PROFILE END */


/* GIFTS */
.one_gift_bl{padding: 10px;border-top: 1px solid #DAE1E8;}
.one_gift_bl:first-child{border:0;}
.one_gift_bl .uava img{width: 50px;height: 50px;}
.one_gift_bl .cont{margin-left: 60px;}
.one_gift_bl .cont .author{font-weight: bold;}
.img_gift{width: 100%;text-align: center;}
.img_gift img{max-width: 100%;}
.one_gift_bl .uonline{text-align: center;color: #777;}
.one_gift_bl .msg{text-align: center;color: #666;}
.one_gift_bl .bottom{margin-top:10px;}
.one_gift_bl .date{color: #777;float: left;margin-top: 1px;}
.one_gift_bl .action{float: left;margin-left:5px;list-style: none;}
.one_gift_bl .action li{margin-right:5px;float: left;color: #5780ab;font-size: 16px;}
.one_gift_bl .action li:hover{cursor: pointer;text-decoration: underline;}
.one_gift_bl .action li.sep{color: #777;cursor: default;text-decoration: none;}
.one_gift_bl .action li span.icon-cancel-7{font-size: 18px;}
.gift_new_btn{padding: 13px;background: #E3E9EF;color: #6A788A;cursor: pointer;text-align: center;font-size: 11px;font-weight: bold;display: block;text-decoration: none !important;}
.gift_new_btn:hover{background: #DAE2E9;color: #616e7e;}
.onegift_box{display: inline-block;width:33.3%;text-align: center;color: #5780ab;font-weight: bold;margin-bottom: 10px;}
.onegift_box img{max-width: 100%}
#privacy_gift{padding: 6px;width: 200px;border: 1px solid #C3CBD4;width: 100%;}
#gift_comm{width: 100%;border: 1px solid #C3CBD4;margin-top: 10px;height: 79px;padding: 5px;margin-bottom: 10px;}


/* attach */
.profile_attach_photo{display: inline-block;overflow: hidden;position: relative;height: 70px;margin: 5px;max-width: 125px;border: 3px solid #fff;box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3);}
.profile_attach_photo img{height:70px;min-width: 50px;}
.profile_attach_photo .cancel{position: absolute;top: 0;right: 0;background: rgba(0, 0,0, .7);color: #fff;padding: 3px 3px 3px 2px;cursor: pointer;}
.attach_profile_but{font-size: 19px;margin-top: 9px;color: rgb(70, 128, 68);cursor: pointer;}
.audio_atach_butbl{position: absolute;right: 5px;top: 9px;}
.attach_audio_add{font-size: 17px;margin-left: 5px;color: #64aa46;}
.audio_atach_butbl div{display: inline-block;}
.attach_audio_preview{padding: 5px 0;}
.attach_audio_preview span:first-child{color: #1c9915;}
.attach_audio_preview span.time{color:#666;}
.attach_audio_preview .cont{display: inline-block;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;max-width:90%;}
.attach_audio_preview span.close{cursor: pointer;display: inline-block;color: #1c9915;}
.attach_audio_preview span:before{font-size:14px;}
.attach_audio_preview span.close:before{font-size: 18px}
.attach_doc_sel{padding: 5px 10px;border-top: 1px solid #efefef;cursor: pointer;}
.attach_doc_sel:first-child{border-top: 0;}
.attach_doc_sel img{width: 50px;height:50px;border-radius: 3px;box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.4);}
.attach_doc_sel .cnt{margin-left:10px;line-height: 160%;margin-top: 4px;}
.attach_doc_sel .cnt div:first-child{font-weight: bold;color:#1c9915}
.attach_doc_sel .cnt div:last-child{color: #777;}
.attach_doc_sel .icon-doc{font-size: 36px;color: #1c9915;}

.attach_name_type{font-weight: bold;color: #46709D;font-size: 13px;}
.attach_name_type span{color:#86A2C4;}
.attach_blog_name{color: #51769D;font-weight: bold;}
.attach_blog_short{color: #444;line-height: 160%;margin-bottom: 8px;}


/* notify pad */
.notify_pad{top:0px;right: 0px;position: absolute;z-index: 100;width: 400px;padding: 10px;display: none;}
.notify_pad.opened{display: block;}
.notify_pad_cont_wrap{background: #fff;width: 100%;border-radius: 3px;border: 1px solid #DAE1E8;box-shadow: 0 0 4px rgba(71,79,87,.18);max-height: 400px;overflow: auto;}
.notify_pad_head{padding: 10px;font-weight: bold;color: #555;border-bottom: 1px solid #DAE1E8;}
.notify_pad_preloader{text-align: center;padding: 55px 0;}
.notify_pad_item{padding: 7px;border-top: 1px solid #DAE1E8;cursor: pointer;}
.notify_pad_item:first-child{border-top: 0px;}
.notify_pad_item:hover{background: #edf1f5;}
.notify_pad_item.unread{background: #e9eaed;}
.notify_pad_action{color: #666;}
.notify_pad_item_wrap{margin-left: 60px;}
.notify_pad_date{color:#666;margin-top: 5px;}
body.pad{overflow: hidden;}
.pad_notify_preview{overflow: hidden;position: relative;width: 50px;height: 50px;margin-left: 5px;}
.pad_notify_preview img{width: 100%;position: absolute;top:0px;left:0px;}
.show_all_notify{text-align: center;font-weight: bold;display: block;text-decoration: none !important;padding: 10px;color:#639d57;background: #F0F1F2;}

/* emoji */
.emoji, .old_emoji{width: 16px;height: 16px;border:none;margin: 0px 1px;vertical-align: top;}
.old_emoji{background: transparent url(/img/emoji/old_emoji.png) no-repeat center center;}

/* lists */
.list_item{padding: 5px 10px;border-top: 1px solid #efefef;}
.list_item:first-child{border-top:0px;}
.list_item_ava{width: 50px;height: 50px;border-radius: 25px;}
.list_item_wrap{margin-left: 60px;line-height: 150%;}
.list_item_author{font-weight: bold;}
.list_item_author span{font-weight: normal;color:#777;}
.list_item_bottom{color:#777;margin-top: 5px;}
.list_item_cont{}
.notify_user{margin: 3px 3px 0 0;}
.notify_user img{width: 35px;height: 35px;border-radius: 3px;}

.feed_notify_photo{position: relative;width: 50px;height: 40px;overflow: hidden;}
.feed_notify_photo img{width: 100%;top:0px;left:0px;position: absolute;}


/* links */
.post_link{margin-top: 10px;padding-bottom: 10px;}
.one_link span{color:#777;}
.post_link_icon{color:#86A2C4;margin-right: 5px;}
.post_link_image{width: 100%;height: 0px;overflow: hidden;position: relative;margin-right: 10px;padding-top: 50%;margin-bottom: 10px;}
.post_link_image img{position: absolute;width: 100%;min-height: 100%;top:0px;left:0px;}
.post_link_image .domain{position: absolute;bottom: 10px;left:10px;background: rgba(0,0,0,0.7);color:#fff;padding: 7px 10px;border-radius: 2px;}
.post_link_info{}
.post_link_title{font-weight: bold;font-size:13px;}
.post_link_domain{margin-top: 5px;}
.post_link_domain a{color:#777;text-decoration: none;}
.post_link_descr{margin-top: 5px;line-height: 160%;}

/* radioBtn */
.ui_radioDiv {padding: 5px;cursor: pointer;white-space: nowrap;position: relative;}
.ui_radioDiv:hover .uiButtonBg {background: #E7EBEF;}
.uiButtonBg {float: left;border: 1px solid #C3CBD4;border-radius: 10px;background: #fff;width: 15px;height: 14px;margin-bottom: 1px;margin-right: 10px;}
.uiButtonBg.uiButtonBgActive:after{display: block;position: absolute;width: 7px;height: 6px;background: #639d57;top: 10px;left: 10px;content: "";border-radius: 10px;}
.uiButtonBg.uiButtonBgActive{border-color:#6E8CAF;}

/* voice message */
.voice{padding: 10px 0px;}
.voice .playBut{border-radius: 50%;background: #64aa46;text-align: center;font-size: 17px;color:#fff;height: 30px;width: 30px;padding-top: 6px;cursor: pointer;margin-right: 10px;}
.chat_content .voice .playBut{padding-top: 8px;}
.voice .playBut.icon-play-3:before{width: 26px;}
.voice .vcont{line-height: 100%;}
.voice .title{font-weight: bold;color: #357a2b;}
.voice .duration{color: #777;margin-top: 3px;}

@media(max-width: 470px) {
	.post, .feed_wrap{border-radius: 0px;}

	.notify_pad{width: 100%;bottom: 0px;position: initial;}
	.notify_pad_cont_wrap{max-height: none;}
	body.pad #page{display: none;}
	body.nav .notify_pad{display: none;}
	body.pad{overflow: auto;}

	.list_item_ava{width: 40px;height: 40px;}
	.list_item_wrap{margin-left: 50px;}
}

@media(max-width: 500px){
	.album_block{width: 100%}
	.album_bl{width: 100%;}
}
.mtop{height:150px;}
.progress-radial {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
}
.progress-radial .overlay {
    position: absolute;
    width: 85px;
    height: 85px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 8px;
    margin-top: 8px;
    text-align: center;
    color: #1c9915;
    line-height: 87px;
    font-size: 16px;
    font-weight: bold;
}
.progress-0 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-5 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-10 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-15 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-20 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-25 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-30 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-35 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-40 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-45 {
  background-image: linear-gradient(90deg, #e7e7e7 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-50 {
  background-image: linear-gradient(-90deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-55 {
  background-image: linear-gradient(-72deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-60 {
  background-image: linear-gradient(-54deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-65 {
  background-image: linear-gradient(-36deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-70 {
  background-image: linear-gradient(-18deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-75 {
  background-image: linear-gradient(0deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-80 {
  background-image: linear-gradient(18deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-85 {
  background-image: linear-gradient(36deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-90 {
  background-image: linear-gradient(54deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-95 {
  background-image: linear-gradient(72deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}

.progress-100 {
  background-image: linear-gradient(90deg, rgb(107, 168, 107) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgb(107, 168, 107) 50%, #e7e7e7 50%, #e7e7e7);
}


.mobile_online {
    width: 7px;
    height: 7px;
    background-color: #6BA86B;
    display: inline-block;
    border-radius: 10px;
    margin-left: -13px;
    position: absolute;
    border: 3px solid #dae1e8;
    -moz-animation: like_anim 0.3s ease-in-out 0.2s infinite alternate;
    -webkit-animation: like_anim 0.2s ease-in-out 0.2s infinite alternate;
    -ms-animation: like_anim 0.2s ease-in-out 0.2s infinite alternate;
    transition: color 400ms ease;
    bottom: 5px;
}


.send_msg_but_cancel {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #ffffff;
    background: #d46967;
    padding: 6px;
    border-radius: 50px;
}