@ -1125,7 +1125,7 @@ td.visible-print,th.visible-print{display:table-cell!important}}
@ media print { . visible-print-inline-block { display : inline-block !important } }
@ media print { . visible-print-inline-block { display : inline-block !important } }
@ media print { . hidden-print { display : none !important } }
@ media print { . hidden-print { display : none !important } }
html { display : none ; background : #e7ebf0 ; overflow : visible }
html { display : none ; background : #e7ebf0 ; overflow : visible }
body { color : #000 ; background : 0 0 ; font : 12 px / 18 px 'Open Sans' , "Lucida Grande" , "Lucida Sans Unicode" , Arial , Helvetica , Verdana , sans-serif ; overflow : visible ; overflow-x : hidden }
body { color : #000 ; background : 0 0 ; font : 12 px / 18 px 'Open Sans' , "Lucida Grande" , "Lucida Sans Unicode" , Arial , Helvetica , Verdana , sans-serif ; overflow : hidden }
body . non_osx { font : 13 px / 18 px Tahoma , sans-serif , Arial , Helvetica }
body . non_osx { font : 13 px / 18 px Tahoma , sans-serif , Arial , Helvetica }
h1 , h2 , h3 , h4 , h5 { color : #222 }
h1 , h2 , h3 , h4 , h5 { color : #222 }
. non_osx h4 { font-size : 17 px }
. non_osx h4 { font-size : 17 px }
@ -1303,6 +1303,10 @@ a.tg_search_clear{position:absolute;right:0;margin-top:-40px;width:34px;height:3
a . tg_search_clear : hover { opacity : 1 }
a . tg_search_clear : hover { opacity : 1 }
i . icon-search-clear { display : inline-block ; color : #999 ; width : 13 px ; height : 13 px ; margin : 10 px 0 0 11 px ; vertical-align : text - top ; background-image : url ( ../img/icons/IconsetW.png ) ; background-repeat : no-repeat ; background-position : -15 px -192 px }
i . icon-search-clear { display : inline-block ; color : #999 ; width : 13 px ; height : 13 px ; margin : 10 px 0 0 11 px ; vertical-align : text - top ; background-image : url ( ../img/icons/IconsetW.png ) ; background-repeat : no-repeat ; background-position : -15 px -192 px }
. is_2x i . icon-search-clear { background-image : url ( ../img/icons/IconsetW_2x.png ) ; background-size : 42 px 1171 px }
. is_2x i . icon-search-clear { background-image : url ( ../img/icons/IconsetW_2x.png ) ; background-size : 42 px 1171 px }
i . icon-verified { display : inline-block ; width : 17 px ; height : 17 px ; vertical-align : text - top ; background-image : url ( ../img/icons/ProfileIcons.png ) ; background-repeat : no-repeat ; background-position : -10 px -373 px }
. is_2x i . icon-verified { background-image : url ( ../img/icons/ProfileIcons_2x.png ) ; background-size : 40 px 420 px }
. im_dialogs_scrollable_wrap i . icon-verified { display : none }
. im_dialogs_col_search i . icon-verified { display : inline-block }
. im_dialogs_tabs_wrap { display : none }
. im_dialogs_tabs_wrap { display : none }
. im_dialogs_tabs { padding : 4 px 0 ; position : relative }
. im_dialogs_tabs { padding : 4 px 0 ; position : relative }
. im_dialogs_tab { color : #8c8c8c ; background : #f2f2f2 ; height : 30 px ; text-align : center ; overflow : hidden ; width : 50 % ; float : left ; padding : 7 px 0 }
. im_dialogs_tab { color : #8c8c8c ; background : #f2f2f2 ; height : 30 px ; text-align : center ; overflow : hidden ; width : 50 % ; float : left ; padding : 7 px 0 }
@ -1521,31 +1525,50 @@ img.img_fullsize{margin:0 auto}
. composer_emoji_insert_btn { display : block ; position : absolute ; right : 3 px ; top : 2 px ; cursor : pointer ; padding : 0 ; width : 22 px ; height : 22 px ; margin-top : 1 px }
. composer_emoji_insert_btn { display : block ; position : absolute ; right : 3 px ; top : 2 px ; cursor : pointer ; padding : 0 ; width : 22 px ; height : 22 px ; margin-top : 1 px }
. icon-emoji { display : inline-block ; width : 22 px ; height : 22 px ; vertical-align : top ; opacity : .8 ; background-image : url ( ../img/icons/General.png ) ; background-repeat : no-repeat ; background-position : -9 px -335 px }
. icon-emoji { display : inline-block ; width : 22 px ; height : 22 px ; vertical-align : top ; opacity : .8 ; background-image : url ( ../img/icons/General.png ) ; background-repeat : no-repeat ; background-position : -9 px -335 px }
. is_2x . icon-emoji { background-image : url ( ../img/icons/General_2x.png ) ; background-size : 40 px 848 px }
. is_2x . icon-emoji { background-image : url ( ../img/icons/General_2x.png ) ; background-size : 40 px 848 px }
. composer_emoji_tooltip { display : none ; position : absolute ; z-index : 999 ; width : 254 px ; margin-left : -116 px ; margin-top : -245 px ; border : 1 px solid #dfdfdf ; -webkit- border-radius : 3 px ; -moz- border-radius : 3 px ; border-radius : 3 px ; -webkit- box-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; -moz- box-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; box-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; background : #fff ; padding : 5 px 2 px 5 px 8 px }
. composer_emoji_tooltip { display : none ; position : absolute ; z-index : 999 ; width : 286 px ; margin-left : -133 px ; margin-top : -330 px ; border : 1 px solid #dfdfdf ; -webkit- border-radius : 3 px ; -moz- border-radius : 3 px ; border-radius : 3 px ; -webkit- box-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; -moz- box-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; box-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; background : #fff ; padding : 0 }
. composer_emoji_tooltip_shown { display : block }
. composer_emoji_tooltip_shown { display : block }
. composer_emoji_tooltip_tail { position : absolute ; bottom : -14 px ; left : 50 % ; margin-left : -13 px ; overflow : hidden ; width : 26 px ; height : 14 px }
. composer_emoji_tooltip_tail { position : absolute ; bottom : -14 px ; left : 50 % ; margin-left : -13 px ; overflow : hidden ; width : 26 px ; height : 14 px }
. icon-tooltip-tail { background : #fff ; width : 18 px ; height : 18 px ; display : inline-block ; border : 1 px solid #dfdfdf ; border-width : 0 1 px 1 px 0 ; -webkit- border-radius : 2 px ; -moz- border-radius : 2 px ; border-radius : 2 px ; position : relative ; top : -8 px ; left : 4 px ; -webkit- transform : rotate ( 45 deg ) ; -moz- transform : rotate ( 45 deg ) ; -o- transform : rotate ( 45 deg ) ; -ms- transform : rotate ( 45 deg ) ; transform : rotate ( 45 deg ) ; -webkit- box-shadow : 1 px 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; -moz- box-shadow : 1 px 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; box-shadow : 1 px 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) }
. icon-tooltip-tail { background : #fff ; width : 18 px ; height : 18 px ; display : inline-block ; border : 1 px solid #dfdfdf ; border-width : 0 1 px 1 px 0 ; -webkit- border-radius : 2 px ; -moz- border-radius : 2 px ; border-radius : 2 px ; position : relative ; top : -8 px ; left : 4 px ; -webkit- transform : rotate ( 45 deg ) ; -moz- transform : rotate ( 45 deg ) ; -o- transform : rotate ( 45 deg ) ; -ms- transform : rotate ( 45 deg ) ; transform : rotate ( 45 deg ) ; -webkit- box-shadow : 1 px 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; -moz- box-shadow : 1 px 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) ; box-shadow : 1 px 1 px 1 px rgba ( 0 , 0 , 0 , .1 ) }
. composer_emoji_tooltip_tabs { width : 100 % ; margin : 5 px 0 2 px }
. composer_emoji_tooltip_tabs { -webkit- box-shadow : 0 1 px 0 0 rgba ( 0 , 0 , 0 , .1 ) ; -moz- box-shadow : 0 1 px 0 0 rgba ( 0 , 0 , 0 , .1 ) ; box-shadow : 0 1 px 0 0 rgba ( 0 , 0 , 0 , .1 ) }
. composer_emoji_tooltip_tab { line-height : 0 ; color : #fff ; display : inline-block ; width : 24 px ; height : 29 px ; cursor : pointer ; opacity : .7 ; margin : 0 5 px 0 4 px ; background-image : url ( ../img/icons/IconsetSmiles.png ) ; background-repeat : no-repeat }
. composer_emoji_tooltip_tab { cursor : pointer ; display : inline-block ; line-height : 35 px ; text-align : center ; width : 50 % ; text-transform : uppercase ; font-weight : 700 ; transition : color ease-in-out .2 s }
. is_2x . composer_emoji_tooltip_tab { background-image : url ( ../img/icons/IconsetSmiles_2x.png ) ; background-size : 42 px 470 px }
. composer_emoji_tooltip_tab : active , . composer_emoji_tooltip_tab : focus , . composer_emoji_tooltip_tab : hover { text-decoration : none }
. composer_emoji_tooltip_tab . active { opacity : 1 }
. composer_emoji_tooltip_tab_emoji , . composer_emoji_tooltip_tabs_stickers_active . composer_emoji_tooltip_tab_stickers { color : #53a9ea }
. composer_emoji_tooltip_tab_recent { background-position : -9 px -306 px }
. composer_emoji_tooltip_tab_stickers , . composer_emoji_tooltip_tabs_stickers_active . composer_emoji_tooltip_tab_emoji { color : #999 }
. composer_emoji_tooltip_tab_recent . active { background-position : -9 px -277 px }
. composer_emoji_tooltip_tab_shadow { width : 50 % ; height : 1 px ; background : #53a9ea ; -webkit- box-shadow : 0 1 px 0 0 #53a9ea ; -moz- box-shadow : 0 1 px 0 0 #53a9ea ; box-shadow : 0 1 px 0 0 #53a9ea ; transform : translateX ( 0 ) ; transition : transform ease-in-out .2 s }
. composer_emoji_tooltip_tab_smile { background-position : -9 px -34 px }
. composer_emoji_tooltip_tabs_stickers_active . composer_emoji_tooltip_tab_shadow { transform : translateX ( 100 % ) }
. composer_emoji_tooltip_tab_smile . active { background-position : -9 px -5 px }
. composer_emoji_tooltip_categories { width : 100 % ; line-height : 0 }
. composer_emoji_tooltip_tab_flower { background-position : -9 px -145 px }
. composer_emoji_tooltip_tab_emoji_content . composer_emoji_tooltip_categories { width : 100 % ; margin : 9 px 0 12 px ; padding : 0 5 px ; line-height : 0 }
. composer_emoji_tooltip_tab_flower . active { background-position : -9 px -118 px }
. composer_emoji_tooltip_tab_stickers_content . composer_emoji_tooltip_categories { vertical-align : top ; padding : 2 px 10 px ; overflow-x : scroll ; white-space : nowrap ; position : relative }
. composer_emoji_tooltip_tab_bell { background-position : -9 px -89 px }
. composer_emoji_tooltip_tab_stickers_content . composer_emoji_tooltip_categories :: -webkit-scrollbar { display : none }
. composer_emoji_tooltip_tab_bell . active { background-position : -9 px -61 px }
. composer_emoji_tooltip_tab_stickers_content . composer_emoji_tooltip_categories . composer_emoji_tooltip_category_recent { margin : 7 px 10 px 7 px 7 px }
. composer_emoji_tooltip_tab_car { background-position : -9 px -196 px }
. composer_emoji_tooltip_tab_stickers_content . composer_emoji_tooltip_categories . composer_sticker_btn { width : 42 px ; height : 38 px ; padding : 3 px 5 px ; vertical-align : top ; margin-right : 2 px }
. composer_emoji_tooltip_tab_car . active { background-position : -9 px -170 px }
. composer_emoji_tooltip_tab_stickers_content . composer_emoji_tooltip_categories . composer_sticker_btn . active { background : #f2f6fa }
. composer_emoji_tooltip_tab_grid { background-position : -9 px -248 px }
. composer_emoji_tooltip_tab_stickers_content . composer_emoji_tooltip_categories . composer_sticker_image { max-width : 32 px ; max-height : 32 px }
. composer_emoji_tooltip_tab_grid . active { background-position : -9 px -222 px }
. composer_emoji_tooltip_category { line-height : 0 ; color : #fff ; display : inline-block ; width : 21 px ; height : 21 px ; cursor : pointer ; opacity : .3 ; margin : 0 12 px ; background-image : url ( ../img/icons/IconsetSmiles.png ) ; background-repeat : no-repeat }
. composer_emoji_tooltip_tab_stickers { background-position : -9 px -361 px }
. is_2x . composer_emoji_tooltip_category { background-image : url ( ../img/icons/IconsetSmiles_2x.png ) ; background-size : 27 px 362 px }
. composer_emoji_tooltip_tab_stickers . active { background-position : -9 px -333 px }
. composer_emoji_tooltip_category : hover { opacity : .4 }
. composer_emoji_tooltip . scroller_scrollable_container { height : 174 px ; position : relative }
. composer_emoji_tooltip_category . active , . composer_emoji_tooltip_category . active : hover { opacity : 1 }
. composer_emoji_tooltip_content { padding-right : 8 px ; outline : 0 !important }
. composer_emoji_tooltip_category_recent { background-position : -3 px 0 }
a . composer_emoji_btn { margin : 0 1 px 0 0 ; padding : 6 px ; display : block ; float : left ; border-radius : 2 px }
. composer_emoji_tooltip_category_recent . active { background-position : -3 px -31 px }
. composer_emoji_tooltip_category_smile { background-position : -3 px -62 px }
. composer_emoji_tooltip_category_smile . active { background-position : -3 px -93 px }
. composer_emoji_tooltip_category_flower { background-position : -3 px -124 px }
. composer_emoji_tooltip_category_flower . active { background-position : -3 px -155 px }
. composer_emoji_tooltip_category_bell { background-position : -3 px -184 px }
. composer_emoji_tooltip_category_bell . active { background-position : -3 px -215 px }
. composer_emoji_tooltip_category_car { background-position : -3 px -245 px }
. composer_emoji_tooltip_category_car . active { background-position : -3 px -276 px }
. composer_emoji_tooltip_category_grid { background-position : -3 px -304 px }
. composer_emoji_tooltip_category_grid . active { background-position : -3 px -335 px }
. composer_emoji_tooltip_tabs_wrap { height : 275 px ; position : relative ; overflow : hidden }
. composer_emoji_tooltip_tabs_contents { position : absolute ; width : 200 % ; transform : translateX ( 0 ) ; transition : transform ease-in-out .2 s }
. composer_emoji_tooltip_tabs_stickers_active . composer_emoji_tooltip_tabs_contents { transform : translateX ( -284 px ) }
. composer_emoji_tooltip_tab_emoji_content , . composer_emoji_tooltip_tab_stickers_content { width : 284 px ; height : 275 px ; float : left }
. composer_emoji_tooltip_content_stickers { position : relative }
. composer_emoji_tooltip_content_wrap { padding : 0 2 px 0 8 px }
. composer_emoji_tooltip . scroller_scrollable_container { height : 233 px ; position : relative }
. composer_emoji_tooltip_content { padding-top : 10 px ; padding-right : 8 px ; outline : 0 !important }
a . composer_emoji_btn { margin : 0 2 px 0 0 ; padding : 5 px ; display : block ; float : left ; border-radius : 2 px }
a . composer_emoji_btn : hover { background-color : #edf2f5 }
a . composer_emoji_btn : hover { background-color : #edf2f5 }
. emoji { -moz- box-orient : vertical ; display : inline-block ; vertical-align : baseline ; height : 18 px ; width : 18 px ; background-repeat : no-repeat ; text-indent : -9999 px ; border : 0 }
. emoji { -moz- box-orient : vertical ; display : inline-block ; vertical-align : baseline ; height : 18 px ; width : 18 px ; background-repeat : no-repeat ; text-indent : -9999 px ; border : 0 }
. emoji-spritesheet-0 { background-size : 486 px 126 px ; background-image : url ( ../img/emojisprite_0.png ) }
. emoji-spritesheet-0 { background-size : 486 px 126 px ; background-image : url ( ../img/emojisprite_0.png ) }
@ -1582,16 +1605,17 @@ span.composer_user_photo .peer_initials{line-height:32px;font-size:14px}
. composer_dropdown . composer_command_desc { display : inline ; color : grey ; padding-left : 7 px ; font-weight : 400 ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis }
. composer_dropdown . composer_command_desc { display : inline ; color : grey ; padding-left : 7 px ; font-weight : 400 ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis }
a . composer_command_option . composer_autocomplete_option_active . composer_command_desc , a . composer_command_option : hover . composer_command_desc { color : #698192 }
a . composer_command_option . composer_autocomplete_option_active . composer_command_desc , a . composer_command_option : hover . composer_command_desc { color : #698192 }
. composer_command_desc . emoji { vertical-align : text - bottom }
. composer_command_desc . emoji { vertical-align : text - bottom }
. composer_stickerset_title { display : block ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; font-weight : 700 ; font-size : 13 px ; color : #444 ; margin : 10 px 0 3 px }
. composer_stickerset_title { display : block ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; font-weight : 700 ; font-size : 13 px ; color : #444 ; margin : 10 px 0 3 px ; padding : 0 6 px }
. composer_stickerset_title : first-child { margin-top : 0 }
. composer_stickerset_wrap : first-child . composer_stickerset_title { margin-top : 0 }
. composer_stickerset_title : hover { color : #444 }
. composer_stickerset_title : hover { color : #444 }
. composer_sticker_btn { width : 78 px ; height : 78 px ; display : block ; display : inline-block ; text-align : center ; padding : 3 px }
. composer_sticker_btn { width : 66 px ; height : 66 px ; display : inline-block ; text-align : center ; padding : 3 px ; vertical-align : top }
. composer_sticker_btn : hover { background : #f2f6fa }
. composer_sticker_btn : hover { background : #f2f6fa }
. composer_sticker_image { max-width : 72 px ; max-height : 72 px ; vertical-align : top }
. composer_sticker_image { max-width : 60 px ; max-height : 60 px ; vertical-align : middle }
. composer_rich_textarea { font-size : 12 px ; margin-bottom : 10 px ; padding : 6 px ; min-height : 38 px ; height : auto ; width : auto ; max-height : 284 px ; overflow : auto ; line-height : 17 px ; border : 1 px solid #d2dbe3 ; border-radius : 2 px ; -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; -ms- box-sizing : content-box ; -moz- box-sizing : content-box ; -webkit- box-sizing : content-box ; box-sizing : content-box ; -webkit- transition : border-color ease-in-out .15 s , box-shadow ease-in-out .15 s ; transition : border-color ease-in-out .15 s , box-shadow ease-in-out .15 s ; word-wrap : break-word ; -webkit- user-select : text ; -moz- user-select : text ; -ms- user-select : text ; user-select : text }
. composer_rich_textarea { font-size : 12 px ; margin-bottom : 10 px ; padding : 6 px ; min-height : 38 px ; height : auto ; width : auto ; max-height : 284 px ; overflow : auto ; line-height : 17 px ; border : 1 px solid #d2dbe3 ; border-radius : 2 px ; -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; -ms- box-sizing : content-box ; -moz- box-sizing : content-box ; -webkit- box-sizing : content-box ; box-sizing : content-box ; -webkit- transition : border-color ease-in-out .15 s , box-shadow ease-in-out .15 s ; transition : border-color ease-in-out .15 s , box-shadow ease-in-out .15 s ; word-wrap : break-word ; -webkit- user-select : text ; -moz- user-select : text ; -ms- user-select : text ; user-select : text }
. composer_rich_textarea : empty : before { content : attr ( placeholder ) ; color : #9aa2ab ; display : block ; margin-top : -1 px ; margin-left : 1 px }
. composer_rich_textarea : empty : before { content : attr ( placeholder ) ; color : #9aa2ab ; display : block ; margin-top : -1 px ; margin-left : 1 px ; pointer-events : none }
. composer_rich_textarea : empty : active : before , . composer_rich_textarea : empty : focus : before { opacity : .75 }
. composer_rich_textarea : empty : active : before , . composer_rich_textarea : empty : focus : before { opacity : .75 }
. composer_rich_textarea img { width : 20 px ; height : 20 px ; vertical-align : middle ; margin : -3 px 0 0 }
. composer_rich_textarea img { width : 20 px ; height : 20 px ; vertical-align : middle ; margin : -3 px 0 0 }
@ -moz-document url-prefix ( ) { . composer_rich_textarea : empty : active : before , . composer_rich_textarea : empty : focus : before { display : none } }
. composer_command_btn { display : block ; position : absolute ; right : 37 px ; top : 4 px ; cursor : pointer ; padding : 0 ; width : 20 px ; height : 20 px }
. composer_command_btn { display : block ; position : absolute ; right : 37 px ; top : 4 px ; cursor : pointer ; padding : 0 ; width : 20 px ; height : 20 px }
. icon-slash { display : inline-block ; width : 20 px ; height : 20 px ; vertical-align : top ; opacity : .8 ; background-image : url ( ../img/icons/General.png ) ; background-repeat : no-repeat ; background-position : -10 px -790 px }
. icon-slash { display : inline-block ; width : 20 px ; height : 20 px ; vertical-align : top ; opacity : .8 ; background-image : url ( ../img/icons/General.png ) ; background-repeat : no-repeat ; background-position : -10 px -790 px }
. is_2x . icon-slash { background-image : url ( ../img/icons/General_2x.png ) ; background-size : 40 px 848 px }
. is_2x . icon-slash { background-image : url ( ../img/icons/General_2x.png ) ; background-size : 40 px 848 px }