.NewFrend span {
    position: absolute;
    top: -2px;
    right: -4px;
    background: #E8242C;
    color: #fff;
    font-size: 10px;
    width: 13px;
    height: 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
}


.btn-page-o {
    text-align: center;
    color: #fff;
    padding: 0 1.1em;
    background-color: #f4f5f9;
    line-height: 28.95px;
    height: 28.95px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 5px;
    margin-left: 2px;
    border: 1px #C2C5C9 solid;
    font-weight: bold;
    color: black;
}
.btn-page {
    text-align: center;
    color: #fff;
    padding: 0 1.1em;
    background-color: #577CA5;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    border: none;
    margin-top: 5px;
    margin-left: 2px;
}





.err {
    padding: 8px;
    text-align: center;
    background: #e8242c;
    color: #ffff00;
}



.msg {


/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */


	border-top: 1px #2C9A68 solid;


	text-align: center;


	background-color: #4DBF9A;


	color: #E3FFE3;


}




















.foot {
	padding: 4px;
	background: #f4f5f9;
        border-bottom: 1px solid #D8D8D8;
}





.main {


    color: #000;


	background: #d2daec;


    border-bottom: 1px solid #bdc7d8;



    padding: 4px 6px 4px 6px;


}








.link
{
display: block;
}

.menu
{
color: #000;
padding: 8px 10px 8px 10px;
border-bottom: 1px solid #D8D8D8;
display: block;	
}








.webmenu {	float: left;	display: inline;	padding-left: 0px;	margin: 0 auto;}


.webmenu last {	float: none; 	padding-left: 0px;	margin: 0 auto;	padding-top: 50px;}


.webmenu a {	
    margin-right: 5px;
    padding: 1px 8px 4px 8px;
    white-space: nowrap;
    border-radius: 2px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    font-size: 13px;}



.menus {
       
    background-color: #f4f5f9;
    padding: 5px 6px 5px 6px;
    border-bottom: 1px solid #e5ebf1;
     display: table;
   } 




 
.nav1 {
    background-color: #f7f7f7;
    padding: 4px;
    border-bottom: 1px solid #D8D8D8;
}






.post, table {


width: 100%;


}

.counter{
opacity:0.7;
white-space: nowrap;
border: 1px #CCC solid;
padding: 1px 4px;
float: right;
font-weight: bold;
color: #C0C0C0;

font-size: small;
-o-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
}



.on {color: #1c9044;} 





.off {color: #FF0000;}



.timtim{
    -webkit-animation: timtim 2s;
    -webkit-animation-iteration-count: infinite;
    animation: timtim 2s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes timtim{
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes timtim{
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}





.informatori {
    background-color: #e7e7e7;
    border: none;
    color: #A0A2A3;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    
    font-size: 13px;
    margin: 4px 2px;
    border-radius: 4px;
    
    
       
    
}


.informatori1 {
    margin-left: 20px;
    margin-bottom: 0;
    border-style: solid;
    border-color: transparent transparent #D0FECF transparent;
    border-width: 0px 0px 10px 10px;
    height: 0px;
    width: 0px;
    
}





.button-pro.__small {
    min-width: 7px;
    height: 24px;
    padding: 0 16px;
    line-height: 24px;
    font-size: 12px;
}

a.button-pro, span.button-pro {
    display: inline-block;
    text-decoration: none;
}

.mr-2x {
    margin-right: 8px;
}

.button-pro {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button-pro, .vp-modal {
    -webkit-user-select: none;
}


.button-pro, .tag-box__list .tico_img {
    overflow: visible;
}

.avatar_wrap a, .avatar_wrap a:after, .avatar_wrap a img, .switch__item img, .for_avatar img, .btn-light_single, .user__status, .bubble, .btn-min, .btn-link, .block-item__avatar img, .progress-item, .pgn__search_input, .progress-item__runner, .user-tile__btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bubble, .user__status-message {
    margin-top: 7px;
    padding: 9px;
}

.bubble, .user__status {
     background: #dfebf5;
    color: #323232;
    padding: 9px 36px 9px 9px;
    position: relative;
    word-wrap: break-word;
}

.clear, hr, .cl {
    clear: both;
}
.user__status-message:after {
    left: 7px;
}

.bubble:after, .user__status:after {
    content: '';
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    bottom: 100%;
    
    border: 8px solid transparent;
   
      border-bottom-color: #dfebf5;
}









.doct2, .doct2 li {
text-shadow:0 1px #1E0E13;
margin: 0px;
padding: 0;
}
.doct2 { 
  font-size: 14px;
  display: table;
  width: 100%;
}

.doct2 li.activ a {
color: #ffff00;
}
.doct2 a {
  display: block;
  padding: 2px;
  color: #fff;
  text-decoration: none;
}
.doct2 li:hover {
opacity: 0.9;
}
.doct2 li:hover a {
color: #ffff00;
}











.cont_top {
    margin-top: 43px;
}.spk_container {
    max-width: 880px;
    margin: 0px auto;
    overflow: visible;
}.pull-left {
    float: left;
}
.hd_menu {
    background:linear-gradient(135deg,#6366f1,#06b6d4);
    width: 265px;
    display: table-cell;
    vertical-align: middle;
    height: 43px;
    cursor: pointer;
    text-align: left;
    box-shadow: inset 1px 0 20px rgba(2,2,2,0.2);
}.pull-right {
    float: right;
}.clearfix::after {
    display: block;
    content: "";
    clear: both;
}.menu_icons {
    display: table;
    vertical-align: middle;
    margin: 10px 0px;
    position: relative;
}.display_flex {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}.pc-menu {
    width: 265px;
    margin-top: 0px;
    display: block;
    box-shadow: inset -2px 0 3px 0 rgba(27, 18, 18, 0.54);
    background: #fbfbfb;
    visibility: visible;
    opacity: 1;
    position: relative;
}.menu_vertical {
    background-color: transparent;
    height: auto;
    position: initial;
    box-shadow: 0px 0px 0px #000000;
    z-index: 0;
}


      .user_me {
    background: #f3e8e8;
    padding: 4px;
    position: relative;
    width: 255px;
    border-bottom: 1px solid #dcdee2;
    border: 1px solid #ccc;
}
    
.photo img {
    width: 45px;
    height: 45px;
}.photo {
    float: left;
    width: 50px;
    height: 50px;
}.flname {
    float: left;
    margin-left: 10px;
    margin-top: 9px;
}.link_menu {
    height: 100%;
    overflow: visible;
}.link_menu a {
font-size: 14px;
    width: 255px;
    display: block;
    padding: 5px 5px;
    border-bottom: 1px solid #dcdee2;
}.speak-content {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    background-color: #f4f5f9;
}.main_logo {
    color: #fff;
    font-size: 18px;
    padding: 0px 10px;
    display: block;
} 


.menu_icons a {
   
    width: 23px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}





textarea {
    box-sizing: content-box;
    border-radius: 4px;
  
    width: 100%;
    min-width: 30px;
    border: 1px solid #B9C4D1;
    padding: 0px;
    margin: 0;
   
    
}





.widgets-group, .m244fea5e, .spoiler_inject::before, .our_spo_inj::before, .content-item, .dropdown-menu_text, .btn-single, .tabs:before, .spaced-group a, .user-tile__similarity-wrapper, .pgn, .shdw, .me24db880 {
    -webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    -moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
}

.widgets-group, .content-item, .content-block, .widgets-wrap, .m244fea5e, .dropdown-menu_text {
    margin: 0 5px 4px 2px;
    position: relative;
}

.list-link_single, .content-usr, .m244fea5e, .widgets-group, .content-item, .content-block, .dropdown-menu_text, .blog-item_short_shared, .blog-item__attaches .short_attach img, .btn-single, .soc-links .list-link, .list-link__more-users, .list-link__more-pic img, .footer_edit .footer__link, .pgn, .me24db880, .s-property, .info-mess, .p_i_p_lines, .tiled_image img, .suggest__list_on, .icon-link, .message__description, .btn-light_single .btn-light, .block-item__btn-wrap a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.b-title_first, .top-round, .list-link_first, .content-bl_first, .switch__item_single, .links-group_sections .list-link:first-child {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.b-title {
    background: #cddae7;
    color: #323232;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
}
.b-title__link, .b-title__item {
    display: block;
    cursor: pointer;
    position: relative;
    color: #323232 !important;
    padding: 9px 14px 9px 14px;
    overflow: hidden;
    white-space: nowrap;
}

.list-link__wrap {
    position: relative;
}

.mb11c5c65, .list-link {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #c5d3e1;
    padding: 11px 15px;
    color: #323232;
    background: #f4f5f9;
    min-height: 19px;
}



.list-link__ava, .list-link__ava_2, .m73cd9a15, .list-link_short_attach {
   
    float: left;
    
}

.avatar_wrap a, .for_avatar {
    display: block;
    overflow: hidden;
    position: relative;
}
.m0feb8b69, .list-link__descr {
    overflow: hidden;
    padding-top: 6px;
}
.m14348c8c, .list-link__text {
    color: #323232;
    margin-bottom: 6px;
}

.pd_t5 {
    padding-top: 2px;
}


.ico_user {
    margin: 0 6px -3px 0;
    background-position: -234px -36px;
}
.ico, .s-chb:after, .form-checkbox:after, .pgn__go, .mail__checkbox:after, body input[type=submit].delete-btn {
    display: inline-block;
    background: url(//c.spac.me/i/ico.png?r=1458p) no-repeat;
    width: 16px;
    height: 16px;
}

.ico, .ico_chat, .ico_lists, .ico_mrg {
    margin: 0 4px -3px 0;
}
.avatar_wrap a, .avatar_wrap a:after, .avatar_wrap a img, .switch__item img, .for_avatar img, .btn-light_single, .search__input, .user__status, .bubble, .btn-min, .text-input, .btn-link, .text-input-wrapper_inline, .block-item__avatar img, .progress-item, .pgn__search_input, .progress-item__runner, .user-tile__btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.list-link__ava img {
    width: 125px;
   
}

.avatar_wrap a img, .for_avatar img {
    float: left;
}


.mb11c5c65, .list-link {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #47525d;
    padding: 11px 15px;
    color: #323232;
    background: #eaeaea;
    min-height: 19px;
}
.att_it, .overfl_hid, #logo_panel, .pre_content_wrap, .preview_widget div, .m2f42e533, .preview_widget, .bookmark_block, #mads, .comm_attach, .oh {
    overflow: hidden;
}



.l-cols {
    width: 50%;
    float: left;
}
.widgets-group, .content-item, .content-block, .widgets-wrap, .m244fea5e, .dropdown-menu_text {
    margin: 0 5px 4px 2px;
    position: relative;
}

.b-title_first, .top-round, .list-link_first, .content-bl_first, .switch__item_single, .links-group_sections .list-link:first-child {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}


#toolbar {
    position: relative;
    display: inline-block;
}


.stiker {
    position: absolute;
    top: 100px;
    right: 5px;
    /* background: rgba(255, 255, 255, 0.89); */
    padding: 3px 10px 3px 10px;
    /* font-size: 12px; */
}


.like {
    background-color: #e7e7e7;
    border: none;
    color: #A0A2A3;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}




.kjk2 {
    color: #fff;
    font-style: normal;
    padding: 2px 8px;
    background-color: #de0707;
    border-radius: 3px;
}

i, cite, em, var, address, dfn {
    font-style: italic;
}

.dropdown-isnow{
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #FFF;
}
label.homemenu-isnow{
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul.homemenu-isnow{
    position: absolute;
    list-style: none;
    text-align: left;
    z-index: 1;
    margin:0;
    padding:0;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    display: none;
	   
}
ul.homemenu-isnow li{
	display: block;
padding: 3px 5px;
	cursor: pointer;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
color: #333;
background: #f4f5f9;
    white-space: nowrap;
	width: 150px;
	font-size: 14px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.175);
	box-shadow: 0 1px 1px rgba(0,0,0,0.175);
}
ul.homemenu-isnow li:hover{
background-color: #395387;
border-bottom: 1px solid #395387;
color: #fff;
}
ul.homemenu-isnow li a{
    color: inherit;
    text-decoration: none;
}
.dropdown-isnow input[type=checkbox]{
    display: none;
}
.dropdown-isnow input[type=checkbox]:checked ~ ul.homemenu-isnow {
    display: block;
}






.mess {
    padding: 7px;
    background: #f4f5f9;
    margin: 2px;
    border: 1px solid #7c6ff0;
}

.main {
    color: #000;
    background: #d2daec;
    border: 1px solid #bdc7d8;
    margin: 3px;
    padding: 4px 6px 4px 6px;
}

.l-cols {
    width: 50%;
    float: left;
}

.l-colsk {
    width: 33%;
    float: left;
}



.max-width-23{
	max-width: 23px;
}






.menu-header-title.pull-right a{
	color: #fff;
}

ul.menu-section-list li a{
	color: #fff;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}



#buttons{
    position:relative;
	width: 100%;
	margin-left: -15px;
}
#buttons ul{
    list-style:none;
    position:relative;
}

#buttons li{width: 23%; text-align: center; display: inline-block; position:relative;list-style: none;}

#buttons a{
    text-decoration:none;
    display: inline-block;
    text-align:center;
    white-space:nowrap;
}



.mess {
    background-color: #f2dede;
}


.nav2 {
    background-color: #f4f5f9;
    padding: 4px;
    border-bottom: 1px solid #D8D8D8;
}



.nav1 {
    background: #f4f5f9;
    padding: 7px 6px 7px 6px;
    border-bottom: 1px solid #E9EAED;
}


.foot {
    background: #f4f5f9;
    padding: 7px 6px 7px 6px;
    border-bottom: 1px solid #E9EAED;
}
.infoBar2 {
       
   
    font-size: 13px;
      cursor: pointer;
    border-bottom: 1px solid #2c82d8;
    
    color: #323232;
    background: #dcdcdc;
    min-height: 19px;
}

.avatarIndex {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #b5bad0;
}
.NewMsg{
	float: left;
	margin-left: 10px;
	position: relative;
}

.NewMsg span{
	position: absolute;
	top: -2px;
	right: -4px;
	background: #E8242C;
	color: #fff;
	font-size: 10px;
	width: 13px;
	height: 14px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-align: center;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 4px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align: center;
}
.NewFrend {
    float: left;
    margin-left: 10px;
    position: relative;
}
.infoBar2 {
    background: #E9EAED;
    padding: 5px;
    color: #141823;
    border-top: 1px solid #CCCCCC;
    font-size: 13px;
}
.simptom_mail_93 {
    width: 16px;
    height: 16px;
    display: inline-block;

}

.tpanel {
    display: table;
    border: 0;
    margin-left: 3px;
    margin-bottom: -2px;
    color: #fff;
}
.tmenu {
    float: left;
    display: inline;
}	
.navi {
    background: #efefef;

    padding: 18px 0px 17px;
    text-align: center;
    color: #FFFFFF;
    clear: both;
}
.navi * {
    margin: 0px 6px 6px 0px;
    padding: 5px 10px;
    font-weight: normal;
    width: 24px;
    height: 16px;
    border-radius: 100%;
   
    text-decoration: none;
    text-align: center;
   
}
.navi *:hover{
    cursor: pointer;
    transition: .5s;
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.45);
}
.navi a {background: #f4f5f9; }



.simptom_mail_4 {
    margin-right: 5px;
    float: left;
    line-height: 99%;
}.simptom_mail_5 {
    text-overflow: ellipsis;
    color: #323232;
    font-size: 95%;
}
.simptom_mail_6 {
    margin-left: 5px;
}.simptom_mail_9 {
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.simptom_mail_clear {
    position: relative;
    z-index: 20;
}
.simptom_mail_clear_2 {
    clear: both;
}.hgh {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #344E76;
    
    
    
}
.avatarIndex5 {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #b5bad0;
}
.date-time {
    position: absolute;
    top: 30px;
    right: 5px;
    font-size: 11.5px;
    color: #808080;
    text-align: right;
}

.simptom_mail {
overflow: inherit;
position: relative;
border-bottom: 5px solid #c5d3e1;
background: #f4f5f9;
}
.simptom_mail:hover {
background: #f8f4ff 0 0 !important;
}
.simptom_mail_clear {
position: relative;
z-index: 20;
}
.simptom_mail_clear_2 {
clear: both;
}
#simptom_mail_bb {
display: none;
position: relative;
z-index: 1000;
background: #f5f5f5;
border: 1px solid #C0C6D2;
}
.simptom_mail_70 {
position: relative;
z-index: 1000;
background: #f5f5f5;
border: 1px solid #C0C6D2;
max-height: 200px;
overflow-y: scroll;
}

.simptom_mail_72 {
position: absolute;
top: 11px;
right: 8px;
cursor: pointer;
}
.simptom_mail_73 {
width: 16px;
height: 16px;
display: inline-block;

}
.simptom_mail_74 {
background: #f4f5f9;
padding: 5px;
width: 100%;
margin: 0 auto;
}
.simptom_mail_75 {
  
    display: inline-block;
 
    width: 46%;
    position: relative;
    padding: 8px 0;
    cursor: pointer;
    text-align: center;
}.smilea {
    background-color: #e2e5ea;
    border: none;
    color: #335667;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    margin: 4px 2px;
 
}

.simptom_mail_50 {
    border: none;
    display: inline-block;
    padding: 5px;
  
    cursor: pointer;
    min-height: 16px;
    
}.simptom_mail_51 {
    margin: 0 0 -4px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}.simptom_mail_92 {
    position: absolute;
    top: 11px;
    left: 8px;
    cursor: pointer;
}

.attachments_files_type {
  
  position: relative;
  display: inline-block;
  margin: 7px;
  text-align: center;
  
}

.attachments_files_type img{
  
  max-width: 60px;
  border-radius: 5px;
  
}

.attachments_delete{
  
  position: absolute;
  left: -3px;
  top: -3px;
  background-color: #f4f5f9;
  width: 23px;
  height: 23px;
  line-height: 22px;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0px 0px 8px 0px rgba(158,160,183,0.32);
  z-index: 2;
  
}

.avatar {
  
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  background-color: #5E6678;

}

.avatar-o {
  
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: inline-block;
  background-color: #5E6678;
  position: relative;

}

.avatar-o span{

  color: white;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}

.avatar-online-touch {
  
  right: 10px; 
  bottom: 0; 
  position: absolute;
  
}
.avatar-online-touch span{
  
  position: relative;
  text-align: center; 
  background-color: #2CCB94; 
  display: inline-block; 
  width: 13px; 
  height: 13px; 
  border-radius: 100%;
  overflow: hidden;
  color: white;
  border: 2px white solid;
  
}

.avatar-online-touch i{
  
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); 
  font-size: 10px;
  
}


.avatar-online-touch-notes {
  
  right: 18px; 
  bottom: 0; 
  position: absolute;
  
}

.avatar-online-touch-notes span{
  
  position: relative;
  text-align: center; 
  background-color: #2CCB94; 
  display: inline-block; 
  width: 13px; 
  height: 13px; 
  border-radius: 100%;
  overflow: hidden;
  color: white;
  border: 2px white solid;
  
}

.avatar-online-touch-notes i{
  
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); 
  font-size: 10px;
  
}


.avatar-online-web {
  
  right: 10px; 
  bottom: 0; 
  position: absolute;
  
}

.avatar-online-web span{
  
  position: relative;
  text-align: center; 
  background-color: #2CCB94; 
  display: inline-block; 
  width: 13px; 
  height: 13px; 
  border-radius: 100%;
  overflow: hidden;
  color: white;
  border: 2px white solid;
  
}

.avatar-online-web i{
 
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); 
  font-size: 7px;
  
}

.avatar-online-web-notes {
  
  right: 18px; 
  bottom: 0; 
  position: absolute;
  
}


.avatar-online-web-notes span{
  
  position: relative;
  text-align: center; 
  background-color: #2CCB94; 
  display: inline-block; 
  width: 13px; 
  height: 13px; 
  border-radius: 100%;
  overflow: hidden;
  color: white;
  border: 2px white solid;
  
}

.avatar-online-web-notes i{
 
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); 
  font-size: 7px;
  
}

.corner-box {
  
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) no-repeat 100% 0 / 15px 15px, linear-gradient(-135deg, transparent 10px, #337AB7 0);
                  
}

.corner-box::before{
  
  content: '';
  position: absolute;
  top: 15px; 
  right: 0;
  background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,0.1) 0) 100% 0 no-repeat;
  width: 15px;
  height: 15px;
  transform: rotate(180deg);

}

.corner-box-icons {
  
  position: absolute; 
  top: -9px; 
  left: 50%; 
  transform: translateX(-50%);
  
}

.corner-box-ext {
  
  position: absolute; 
  top: 12px; 
  left: 50%; 
  transform: translateX(-50%); 
  font-size: 13px;
  
}/* =========================
   TOP bar icon link
   ========================= */
.ptr-a{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
}
.ptr-a i,
.ptr-a img{
  font-size: 21px;
  width: 21px;
  height: 21px;
  line-height: 21px;
}
.ptr-a .count-mess-aut{
  position: absolute;
  top: 2px;
  right: 6px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  border-radius: 10px;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
}

/* =========================
   3-column WEB layout (BASE)
   ========================= */
.web-layout{
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
}

.web-left{
  flex: 0 0 250px;
  min-width: 250px;
  position: sticky;
  top: 10px;
  align-self: flex-start;
  height: fit-content;
  max-height: calc(100vh - 20px);
  overflow: auto;
}

.web-center{
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.web-right{
  flex: 0 0 260px;
  min-width: 260px;
  max-width: 260px;
  align-self: flex-start;
}

/* Mail search table არ უნდა გაწელოს ცენტრი */
.web-center .row_table{
  width: 100% !important;
  table-layout: fixed !important;
}
.web-center .row_table_main_column{ width: 100% !important; }
.web-center .qs_field_wrap,
.web-center .iwrap{ width: 100% !important; }
.web-center .qs_textfield{
  width: 100% !important;
  box-sizing: border-box !important;
}
.web-center .row_table_last_column{
  white-space: nowrap !important;
}

/* ONLY top search form – kill white box */
.panel-top-middle .search-nav form{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.panel-top-middle .search-nav-text{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.panel-top-middle .ajax-button-search-web{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* mini user */
.web-user-mini{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.web-user-mini__ava{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.web-user-mini__nick{ font-weight: 700; }
.panel-top-account-wrap{
  display: inline-flex;
  align-items: center;
}
.panel-top-right button{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mini-top-avatar{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

/* USERS list fix: nav blocks always vertical inside .post */
.web-center .post .nav1,
.web-center .post .nav2{
  display: block !important;
  float: none !important;
  width: 100% !important;
  clear: both !important;
}
.web-center .post .nav1 img,
.web-center .post .nav2 img{
  max-width: 60px;
  height: auto;
}

/* ===============================
   FOTO TABS – HARD FIX (WEB)
   =============================== */
.tabs_block{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px;
  width:100%;
  height:40px;
  padding:0;
  margin:10px 0;
  box-sizing:border-box;
  overflow:hidden;
  clear:both;
}
.tabs_block .tab_item{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  float:none !important;
  position:relative !important;
  top:0 !important;
  left:0 !important;
  height:36px;
  line-height:36px;
  padding:0 16px;
  white-space:nowrap;
  box-sizing:border-box;
}
.tabs_block a.tab_item{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none;
}
.tabs_block .tab_active{ font-weight:bold; }
.tabs_block .left{ float:none !important; }

/* ===============================
   FOTO ALBUM LIST – WEB align fix
   =============================== */
@media (min-width: 768px){
  .wrapper .link.oh{ overflow:hidden; }

  .wrapper .link.oh .album_left,
  .wrapper .link.oh .left{
    float:left !important;
    width:86px !important;
    margin:0 !important;
    padding:0 !important;
    height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    box-sizing:border-box;
    top:0 !important;
  }

  .wrapper .link.oh .album_left img,
  .wrapper .link.oh .left img{
    display:block !important;
    max-width:64px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    top:auto !important;
  }

  .wrapper .link.oh .album_right,
  .wrapper .link.oh .pre_content_wrap{
    float:none !important;
    clear:none !important;
    overflow:hidden;
    min-height:74px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left !important;
    padding:0 12px 0 0 !important;
    box-sizing:border-box;
  }

  .wrapper .link.oh .coll_foto{
    position:absolute;
    left:46px;
    bottom:25px;
    z-index:5;
    display:inline-block !important;
  }
}

/* =========================
   LEFT MENU icon/text FIX (WEB)
   ========================= */
@media (min-width: 768px){
  .web-left a,
  .web-left .left_menu a,
  .web-left .menu a{
    display:flex !important;
    align-items:center !important;
    gap:10px;
    line-height:1.2 !important;
  }

  .web-left a,
  .web-left a:link,
  .web-left a:visited{
    display:flex !important;
    align-items:center !important;
    line-height: normal !important;
  }

  .web-left a img,
  .web-left a svg,
  .web-left a i{
    display:block !important;
    align-self:center !important;
    vertical-align:middle !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    position:relative !important;
    top:4px !important;
  }

  .web-left .m{
    display:block !important;
    vertical-align:middle !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    position:relative !important;
    top:4px !important;
  }

  .web-left a span,
  .web-left a b,
  .web-left a small{
    line-height:1.2 !important;
  }

  .web-left a .count,
  .web-left a .counter,
  .web-left a .new_aut_count,
  .web-left a .new_msg,
  .web-left a .notif_count,
  .web-left a .no_read,
  .web-left a .new_count,
  .web-left a .count-mess-aut{
    margin-left:auto !important;
    align-self:center !important;
    position:relative !important;
    top:4px !important;
    transform:none !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* =========================================
   FIX: foto album list not jump (WEB)
   ========================================= */
@media (min-width: 992px){
  .web-center .foto-album-list-fix{
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    z-index: 1 !important;
  }
  .web-center .foto-album-list-fix,
  .web-center .foto-album-list-fix *{ top:0 !important; }

  .web-center .foto-album-list-fix .block,
  .web-center .foto-album-list-fix .left{
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
  }
  .web-center .foto-album-list-fix img.preview{
    position: relative !important;
    top: 0 !important;
    display: block !important;
  }
}

/* =========================
   WEB Dark mode (LEFT/RIGHT only)
   ========================= */
.web-layout.web-dark .web-left,
.web-layout.web-dark .web-right{
  background: transparent !important;
}

.web-layout.web-dark .web-left .block,
.web-layout.web-dark .web-left .wrapper,
.web-layout.web-dark .web-left .list-menu,
.web-layout.web-dark .web-right .block,
.web-layout.web-dark .web-right .wrapper,
.web-layout.web-dark .web-right .list-menu{
  background: #1c2128 !important;
  color: #c9d1d9 !important;
  border-color: #30363d !important;
}

.web-layout.web-dark .web-left a,
.web-layout.web-dark .web-right a{
  color: #c9d1d9 !important;
}
.web-layout.web-dark .web-left a:hover,
.web-layout.web-dark .web-right a:hover{
  color: #ffffff !important;
}

.web-layout.web-dark .web-left .grey,
.web-layout.web-dark .web-right .grey,
.web-layout.web-dark .web-left small,
.web-layout.web-dark .web-right small{
  color: #9da7b1 !important;
}

.web-layout.web-dark .web-left input,
.web-layout.web-dark .web-left select,
.web-layout.web-dark .web-right input,
.web-layout.web-dark .web-right select{
  background: #0d1117 !important;
  color: #c9d1d9 !important;
  border: 1px solid #30363d !important;
}

/* dark mode left column specifics */
.web-layout.web-dark .web-left{
  background: #0d1117 !important;
  color: #c9d1d9 !important;
  border-radius: 10px;
}
.web-layout.web-dark .web-left .left,
.web-layout.web-dark .web-left .menu,
.web-layout.web-dark .web-left .ank,
.web-layout.web-dark .web-left .ank11,
.web-layout.web-dark .web-left .nav1,
.web-layout.web-dark .web-left .nav2,
.web-layout.web-dark .web-left .gmenu,
.web-layout.web-dark .web-left .block,
.web-layout.web-dark .web-left .wrapper{
  background: #1c2128 !important;
  color: #c9d1d9 !important;
  border-color: #30363d !important;
}
.web-layout.web-dark .web-left a{ color:#c9d1d9 !important; }
.web-layout.web-dark .web-left a:hover{ color:#ffffff !important; }
.web-layout.web-dark .web-left .grey,
.web-layout.web-dark .web-left small{ color:#9da7b1 !important; }
.web-layout.web-dark .web-left a,
.web-layout.web-dark .web-left .link{ background: transparent !important; }
.web-layout.web-dark .web-left a:hover,
.web-layout.web-dark .web-left .link:hover{ background: #161b22 !important; }
.web-layout.web-dark .web-left input,
.web-layout.web-dark .web-left select,
.web-layout.web-dark .web-left textarea{
  background:#0d1117 !important;
  color:#c9d1d9 !important;
  border:1px solid #30363d !important;
}

/* top offset / header spacing */
.web-top-offset{ height:0px; }
@media (min-width: 768px){
  body{ padding-top: 70px !important; }
}

/* ===========================
   SMILES panel fixes
   =========================== */
form.main_menu{
  position: relative !important;
  overflow: visible !important;
}

#smiles, #smileys, #emoticons, #smile_panel,
.smiles, .smileys, .emoticons, .smile-panel, .smile_box, .smile_list{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 52px !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 220px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 9999 !important;
  box-sizing: border-box !important;
  background: #f4f5f9 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 10px !important;
  padding: 8px !important;
}

#smiles img, #smileys img, #emoticons img,
.smiles img, .smileys img, .emoticons img, .smile-panel img{
  width: 26px !important;
  height: 26px !important;
  margin: 3px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

form.mess{
  position: relative !important;
  overflow: visible !important;
  z-index: 5;
}

form.mess .wrapper,
form.mess .block,
form.mess .oh,
form.mess .relative{
  overflow: visible !important;
}

form.mess .tPanel,
form.mess .t_panel,
form.mess .bb_panel,
form.mess .panel,
form.mess .smiles,
form.mess .smile,
form.mess .smile-panel{
  position: relative !important;
  z-index: 50;
}

form.mess #smiles,
form.mess #smile,
form.mess #smiles_box,
form.mess #smile_box,
form.mess .smiles_box,
form.mess .smile_box,
form.mess .smiles_list,
form.mess .smile_list,
form.mess .emoji-box,
form.mess .emojiBox,
form.mess .emojies{
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  margin-top: 6px !important;
  z-index: 9999 !important;
}

form.mess textarea{
  position: relative !important;
  z-index: 1;
}

/* ===========================
   Footer bar
   =========================== */
.web-footer-bar{
  width: 100%;
  box-sizing: border-box;
  padding: 14px 10px;
  margin-top: 16px;
  text-align: center;
  font-size: 14px;
  border-top: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.04);
  border-radius: 12px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* VIP ბლოკში online ბურთულის დაპატარავება */
.vip-anketa-block .online-ico{
  position: absolute !important;
  right: -2px !important;
  bottom: -2px !important;
  width: 12px !important;
  height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  object-fit: contain !important;
  display: block !important;
}

.vip-user-block{
  text-align: center;
  padding: 14px 10px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff8e1, #ffe082);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  margin: 10px 0;
}
.vip-user-title{
  font-weight: 800;
  font-size: 15px;
  color: #8d6e00;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.vip-crown img{
  width: 40px;
  margin-bottom: 6px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* right-block online card */
.rb-online-box{ padding:10px; }
.rb-online-card{
  padding:8px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.rb-online-card:last-child{ border-bottom:none; }
.rb-online-top{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.rb-online-ava{ display:inline-block; }
.rb-online-head{ line-height:1.1; }
.rb-online-meta{
  margin-left:62px;
  margin-top:4px;
  font-size:13px;
  opacity:.95;
}
.rb-line{ margin:2px 0; }
.rb-line img{ vertical-align:middle; }
.rb-online-more{
  margin-top:8px;
  text-align:center;
  font-size:13px;
}

#act .act-card{
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.03);
}
#act .act-user{ font-weight: 800; }
#act .act-time{
  font-size: 12px;
  font-weight: 700;
  opacity: 0.75;
  margin-left: 6px;
  color: #e53935;
}

/* photos strip */
.web-photos-strip{
  display:flex;
  gap:10px;
  padding:10px 0;
  overflow-x:auto;
}
.web-photo{
  flex:0 0 auto;
  width:60px;
  height:60px;
  border-radius:12px;
  overflow:hidden;
  display:block;
}
.web-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ===========================
   HARD FIX (WEB): GRID layout for stability
   =========================== */
@media (min-width: 900px){
  .web-layout{
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) 260px !important;
    column-gap: 20px !important;
    align-items: start !important;
    max-width: 1300px;
    margin: 0 auto;
  }
  .web-left{
    width: 250px !important;
    min-width: 0 !important;
  }
  .web-center{
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .web-right{
    width: 260px !important;
    min-width: 0 !important;
    max-width: 260px !important;
  }

  /* Mail text wrap */
  #messages .mi_text,
  #messages .mi_text *{
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  #messages .mi_text a{
    word-break: break-all !important;
  }
}
.mi_text_wrap{
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
  min-width:0;
}

.mi_attachments_wrap{
  max-width:100%;
  overflow:hidden;
}


/* ===== WEB: specific fix for drugi smiles panel ===== */
@media (min-width: 900px){
  #smiles-panel.drugi_smiles-panel{
    left: auto !important;
    right: auto !important;
    width: 420px !important;
    min-width: 420px !important;
    max-width: 90vw !important;
  }
}

.mi_text a{
  pointer-events: auto !important;
  position: relative;
  z-index: 5;
}





  .efir-bar{
                display:flex; align-items:center; justify-content:space-between;
                gap:10px; padding:8px 10px; margin:2px 0 8px 0;
                border-radius:12px; border:1px solid rgba(0,0,0,.12);
                background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.60));
                box-shadow:0 2px 10px rgba(0,0,0,.06);
                overflow:hidden;
            }
            .efir-bar-left{
                flex:1 1 auto; min-width:0;
                display:flex; align-items:center; gap:8px;
                overflow:hidden;
            }
            .efir-bar-user{
                display:flex; align-items:center; gap:6px;
                min-width:0; flex:0 0 auto;
            }
            .efir-bar-user .ank_n{ white-space:nowrap; opacity:.75; margin-left:4px; font-size:12px; }

           .efir-bar-preview{
  flex:1 1 auto;
  min-width:0;

  font-size:13px;
  opacity:.9;

  /* ✅ მთავარი FIX */
  white-space:normal !important;      /* ახალ ხაზზე გადასვლა */
  overflow:visible !important;        /* აღარ დაიმალოს */
  word-break:break-word;              /* გრძელი ტექსტიც სწორად */
  overflow-wrap:break-word;           /* emoji / URL / ტექსტი */

  line-height:1.25;

  padding-left:10px;
  border-left:1px dashed rgba(0,0,0,.18);
}
.efir-bar-preview img{
  max-height:20px;
  height:auto;
  vertical-align:middle;
}

            .efir-bar-preview img{ max-height:16px; vertical-align:middle; }
            .efir-bar-preview a{ text-decoration:none; }

            .efir-bar-actions{ flex:0 0 auto; display:flex; align-items:center; gap:8px; white-space:nowrap; }
            .efir-bar-actions a{
                text-decoration:none; padding:3px 8px; border-radius:10px;
                border:1px solid rgba(0,0,0,.12);
                background:rgba(255,255,255,.55);
                box-shadow:0 1px 2px rgba(0,0,0,.06);
                font-size:12px;
            }
            @media (max-width: 420px){
                .efir-bar{ flex-wrap:wrap; }
                .efir-bar-actions{ width:100%; justify-content:flex-end; }
                .efir-bar-preview{ border-left:none; padding-left:0; width:100%; }
            }

            html.ny-mode .efir-bar,
            html.dark .efir-bar,
            body.dark .efir-bar,
            body.night .efir-bar{
                border:1px solid rgba(255,255,255,.14);
                background:linear-gradient(180deg, rgba(25,25,35,.92), rgba(20,20,28,.78));
                box-shadow:0 2px 12px rgba(0,0,0,.35);
            }
            html.ny-mode .efir-bar-preview,
            html.dark .efir-bar-preview,
            body.dark .efir-bar-preview,
            body.night .efir-bar-preview{
                border-left:1px dashed rgba(255,255,255,.18);
                opacity:.95;
            }
            html.ny-mode .efir-bar-actions a,
            html.dark .efir-bar-actions a,
            body.dark .efir-bar-actions a,
            body.night .efir-bar-actions a{
                border:1px solid rgba(255,255,255,.16);
                background:rgba(255,255,255,.06);
                box-shadow:none;
            }
            
            
            /* ✅ ზუსტად შენს სისტემაზე: web-layout.web-dark + web-left */
.web-layout.web-dark .efir-bar{
  border:1px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(180deg, rgba(12,12,16,.96), rgba(8,8,12,.88)) !important; /* უფრო შავი */
  box-shadow:0 2px 12px rgba(0,0,0,.55) !important;
}

.web-layout.web-dark .efir-bar-preview{
  border-left:1px dashed rgba(255,255,255,.18) !important;
  opacity:1 !important;
  color:#e6edf3 !important; /* ტექსტიც გაანათოს */
}

.web-layout.web-dark .efir-bar-user .ank_n{
  color:#b9c4d0 !important;
  opacity:1 !important;
}

.web-layout.web-dark .efir-bar-actions a{
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.06) !important;
  color:#e6edf3 !important;
  box-shadow:none !important;
}

/* ===== WEB: .mess dark style (profile/center/right) ===== */
.web-layout.web-dark .mess,
.web-layout.web-dark .web-center .mess,
.web-layout.web-dark .web-right .mess{
  background: linear-gradient(180deg, #121620, #0b0f18) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #e6edf3 !important;
}

/* ლინკი და ტექსტი */
.web-layout.web-dark .mess a,
.web-layout.web-dark .web-center .mess a,
.web-layout.web-dark .web-right .mess a{
  color: #7cc3ff !important;
}

/* count (drugi-count) ღამეში */
.web-layout.web-dark .mess .drugi-count,
.web-layout.web-dark .web-center .mess .drugi-count,
.web-layout.web-dark .web-right .mess .drugi-count{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #7cc3ff !important;
}

/* account dropdown - BASE (დღის რეჟიმი) */
#ls_modala{
  background: #f4f5f9;
  color: #111;
}

#ls_modala .web-user-mini,
#ls_modala .web-user-mini__nick{
  color: #111;
  text-decoration: none;
}

#ls_modala small{
  color: #666;
}

#ls_modala .panel-top-account-menu{
  color: #111;
  background: transparent;
}

#ls_modala .panel-top-account-menu i{
  color: #666;
}

#ls_modala .panel-top-account-menu:hover{
  background: rgba(0,0,0,0.06);
  color: #000;
}

#ls_modala .panel-top-account-menu:hover i{
  color: #000;
}

/* === NIGHT ONLY === */

#ls_modala{
  background: #0d1117 !important;
  color: #e6edf3 !important;
}

#ls_modala .web-user-mini,
#ls_modala .web-user-mini__nick{
  color: #ffffff !important;
}

#ls_modala small{
  color: #9da7b1 !important;
}

#ls_modala .panel-top-account-menu{
  color: #e6edf3 !important;
}

#ls_modala .panel-top-account-menu i{
  color: #9da7b1 !important;
}

#ls_modala .panel-top-account-menu:hover{
  background: #161b22 !important;
  color: #ffffff !important;
}

#ls_modala .panel-top-account-menu:hover i{
  color: #ffffff !important;
}

.foto_head_bg{background:#f5f5f5}img{border:0;margin:0;padding:0}.wbg{background:#f4f5f9!important}.relative{position:relative}.oh{overflow:hidden;font-family:arial,sans-serif}.lc_br{word-wrap:break-word;word-break:break-word;position:relative;color:#232323;padding:6px 10px}#header_path{border-bottom:1px solid #c0d0de}.lc_br a{color:#57a3ea}.lc_br a,.lc_br_sep,.lc_br_text{display:inline-block;vertical-align:middle;white-space:normal;margin-right:10px}.lc_br a,.lc_br_text{padding:4px 0}.lc_br a{font-size:14px}.lc_brw{display:inline-block;white-space:nowrap}.lc_br_sep{margin:0 10px 0 0;font-size:14px}.link{display:block;position:relative;background:#f4f5f9;border-bottom:1px solid #cdd4e1;color:#7a90a0;padding:10px;font-size:inherit;box-sizing:content-box;line-height:normal}.return{border:none;background:none;text-align:center;padding:0 15px;margin:10px 0;word-wrap:break-word;position:relative}.link{min-height:17px}a.darkblue{color:#0E3C87}.full_link::before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0}.return.full_link::before{top:-10px;bottom:-10px}.return .ico_arrow-back{margin:0 4px 0 0}.wrapper{margin:10px 5px;background:#f4f5f9;border:1px solid #c5d3e1}.table__wrap{width:100%;border-spacing:0;border-collapse:collapse}.table__cell{vertical-align:top;border:0;padding:0;text-align:center;border-right:1px solid #cdd4e1}.table__cell_last{border-right:0}.table__links .table__cell{vertical-align:middle}.blue{color:#57a3ea}a.blue,input.blue,button.blue{color:#57a3ea}.table__cell .link{min-height:0!important}.link:last-child{border:none}.table__links .link > span{vertical-align:middle}.m{vertical-align:middle!important}.link img{margin-right:5px}.block{padding:10px;display:block;background:#f4f5f9;color:#323232}.grey,.block.grey{color:#7a90a0}.link.arrow{position:relative;padding-right:40px}.left{float:left}.right{float:right}img.p40{width:40px;height:40px}.pre_content_wrap{padding-left:10px;overflow:hidden}.darkblue{color:#0e3c87}.break-word{word-break:break-word;word-wrap:break-word;white-space:normal}.pd_t5{padding-top:2px}.pd_t66{padding-top:3px}.link.arrow::after{content:'';background:url(/foto/style/ico/arr_grey.png) center no-repeat;position:absolute;display:block;width:8px;height:12px;top:50%;margin-top:-6px;right:22px}a img{border:0;padding:0;margin:0}form{margin:0!important;border:0}a{color:#0e3c87}.lbl{margin-bottom:6px;display:block;color:#7a90a0}.input-txt_wrapper{padding-right:22px}.input-txt{background:#f4f5f9;border:1px solid #c0c6d2;width:100%;display:block;margin:0;padding:8px 10px}input[type="text"]{background:#f4f5f9}.input-txt,input[type="text"],input{font-size:14px}.pad_t_a{padding-top:10px}.stnd_padd{word-wrap:break-word;padding:10px}.vlight_border_bottom{border-bottom:1px solid #ddd}.pdb{padding-bottom:0!important}.t-block_item{display:block}.bord-top{border-top:1px solid #c5d3e1}button,textarea{font-family:arial,sans-serif}.is_final{text-align:center}.table__cell .link{min-height:0!important}.link.full{width:100%;padding:10px 0!important}.wrapper button.is_final{border:0}.t_center{text-align:center}.wrapper-nobg{margin:10px 5px}.bb0{border-bottom:0!important}.bord-botm{border-bottom:1px solid #c5d3e1}.padd_right{padding-right:8px}.inl_bl,.short_attach{display:inline-block;max-width:100%}.p80 img,img.p80{width:80px;height:80px}a.strong_link{color:#00a5ed!important}.darkblue{color:#0e3c87}.lgrey3{color:#b5c2c8}.t-padd_left{padding-left:10px}.black{color:#323232}img.p16{width:16px;height:16px}.lc_br_text{font-size:14px}.topi{vertical-align:top!important}.i_fix img{width:100%}.p35 img,img.p35{width:35px;height:35px}.tabs_block{position:relative;z-index:200;margin-bottom:-1px;padding:5px 6px 0}.tabs_block .tab_item{padding:12px 9px 8px;margin-right:0;margin-left:-1px;border:1px solid #c5d3e1;text-transform:uppercase;font-weight:700;background:#e4e1e1;color:#323232;display:block}.tabs_block .tab_active{background:#f4f5f9;position:relative;z-index:50;border-bottom:1px solid #b5bad0}.tabs_block + .wrapper{margin-top:0}.coll_foto{display:inline-block;position:absolute;z-index:100;left:40px;top:31px;background:#61a961;color:#fff;padding:2px;text-align:center;font-weight:700;font-size:10px;min-width:14px;line-height:14px;border-radius:9px}.title12{padding:3px;background:#ebf3fe}.text_left{text-align:left!important}.title12{text-align:center;padding:8px 10px 7px;text-transform:uppercase;background:#cddae7;font-weight:700}.tiles_wrapper{font-size:0}.tiles_block{padding:5px}.tiled_inner{padding:5px}.tiled_item{vertical-align:top;display:inline-block;margin:0;border:none;width:24%}@media all and (min-width:302px){.tiled_item.tiled_item-200{width:49.9%}}@media all and (min-width:500px){.tiled_item.tiled_item-200{width:24.9%}}.tile_descr{padding:0 5px}.pl_photo_image_info{font-size:12px}.tf{font-size:14px}.tiled-preview{position:relative}.tiled-preview::before{padding-top:100%;content:'';display:block}.tiled_item img.preview{height:100%;width:100%;display:block}.tiled-preview img.preview{position:absolute;top:0;left:0;right:0;bottom:0}.f_18p{position:absolute;top:2px;left:2px}.image_limit img{max-width:100%!important;max-height:360px}.bord-top{border-top:1px solid #c5d3e1}.pag{padding:5px 10px;border-bottom:1px solid #b3b3b3}.wrapper .pag{padding:5px;border-bottom:0}.pag .table__wrap{white-space:nowrap}.pag td{border-right:0}.pagw{display:block;padding-right:2px}.pag a,.pag .blk{display:inline-block;background:#f4f5f9;border:1px solid #cdd4e1!important;color:#7a90a0;padding:6px 0;overflow:hidden;box-sizing:content-box;outline:none;margin:0;width:100%;font-size:12px;line-height:14px}.pagwb{padding-right:0}.pagwb .blk{border-right:0!important;border-left:0!important}.pag .blk{font-size:12px;line-height:14px}.cf{overflow:hidden;font-family:arial,sans-serif}.signature{font-size:12px}.table__wrap-fixed{table-layout:fixed}.table_no_borders .table__cell{border-right:0}.bord-right0{border-right:0!important}.header{text-align:center;margin:13px 5px 11px}.upcs{text-transform:uppercase}.comm{padding:10px 5px;position:relative;border-bottom:1px solid #c0d4e2;background:#f4f5f9;word-wrap:break-word}.t-padd_right{padding-right:10px}.p40 img,img.p40{width:40px;height:40px}.comm{word-wrap:break-word}.cl{clear:both}.comm_hidden{background:#ebe4e4}.pd0{padding:0!important}.form-tools__left{margin-top:5px;margin-right:10px}.url-btn{background:transparent!important;border:none!important;margin-left:0!important;margin-right:0!important;white-space:normal;word-wrap:break-word;vertical-align:middle;display:inline-block;padding:4px 0!important;outline:0;max-width:100%!important;max-height:360px}input.main_submit[type="submit"]{color:#fff;border:1px solid #395387;background:#395387;padding:8px 18px}textarea{font-size:13px;font-weight:inherit}