/*Логика отображения окна*/
#wrap.ng_ui_win_chat_list #ng_win_chat_list
{
    display: table;
}

#wrap.ng_inited.ng_ui_win_chat_list #ng_body
{
    background-image: url('../images/ui/ng_content/ng_chat.jpg');
}

#wrap #ng_win_chat_list_block
{
    background-image: none;
    background-color: rgba(0,0,0,0.83);
    padding: 0;
    overflow: visible;
    height: 45em;
    width: 50%;
    max-width: 93.5em;
}

#wrap #ng_win_chat_list_head
{
    width: 100%;
    position: absolute;
    top: -2.6428em;
    left: 0;
    right: 0;
    margin: auto;
}
#wrap #ng_win_chat_list_block.ng_preloader #ng_win_chat_list_head
{
    display: none;
}
#wrap #ng_win_chat_list_head .td
{
    width: 50%;
    vertical-align: middle;
}
#wrap #ng_win_chat_list_head_td_1
{
    text-align: left;
    padding-left: 2.8571em;
}
#wrap #ng_win_chat_list_head_td_2
{
    text-align: right;
    padding-right: 3.3571em;
}
#wrap #ng_win_chat_list_head_td_1 .ng_btn
{
    margin: 0 0.1428em;
    z-index: 1;
}

/*Фильтр по имени*/
#wrap #ng_win_chat_list_search.ng_input
{
    display: none;
    position: absolute;
    top: 0.7142em;
    left: 20.2857em;
    color: #ffffff;
    background-color: #000000;
    background-image: none;
    border: solid 0.0714em #c7c7c7;
    height: 2.7142em;
    width: 32.5714em;
    z-index: 1;
    border-left: none;
    box-shadow: 0.0714em 0.0714em 0.2142em 0.0714em #000000;

    -webkit-border-top-right-radius: 0.3571em;
    -webkit-border-bottom-right-radius: 0.3571em;
    -moz-border-radius-topright: 0.3571em;
    -moz-border-radius-bottomright: 0.3571em;
    border-top-right-radius: 0.3571em;
    border-bottom-right-radius: 0.3571em;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*Скролл*/
#wrap #ng_win_chat_list_scroll_bar
{
    right: 0.9em;
}
#wrap #ng_win_chat_list_scroll_body
{
    border-right: solid 0.0714em #d1d1d1;
    width: -webkit-calc(100% - 2.4285em);
    width: calc(100% - 2.4285em);
}

/*Текстовка пустой список*/
#wrap #ng_win_chat_list_empty_text
{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 1em;
}

/*Таблица участников*/
#wrap #ng_win_chat_list_table
{
    width: 100%;
    margin: 3em auto;
}
#wrap #ng_win_chat_list_table:not(:empty)
{
    border-top: solid 0.0714em #7c7b79;
}
#wrap #ng_win_chat_list_table [data-chat_uuid].tr > .td
{
    border-bottom: solid 0.0714em #7c7b79;
    text-align: left;
    vertical-align: middle;
    padding-top: 0.0714em;
    padding-bottom: 0.0714em;
}

/*Кнопки*/
#wrap #ng_win_chat_list_block.ng_user_filter_inet #ng_win_chat_list_btn_inet,
#wrap #ng_win_chat_list_block.ng_user_filter_game #ng_win_chat_list_btn_game,
#wrap #ng_win_chat_list_block.ng_user_filter_search #ng_win_chat_list_btn_search
{
    background-position: center 66.6667%;
}
#wrap #ng_win_chat_list_block.ng_user_filter_search #ng_win_chat_list_search
{
    display: block;
}

#wrap #ng_win_chat_list_block.ng_user_filter_search #ng_win_chat_list_btn_inet,
#wrap #ng_win_chat_list_block.ng_user_filter_search #ng_win_chat_list_btn_game
{
    background-position: center 100%;
    pointer-events: none;
    cursor: pointer;
}

/*Записи*/
#wrap #ng_win_chat_list_table [data-chat_uuid].tr
{
    background-color: rgba(0,0,0,0);
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
#wrap #ng_win_chat_list_table [data-chat_uuid].tr:not(.ng_disabled):hover
{
    background-color: rgba(0, 0, 0, 0.9);
}
/*
#wrap #ng_win_chat_list_block:not(.ng_user_filter_inet) [data-chat_uuid].tr:not(.ng_user_online),
#wrap #ng_win_chat_list_block:not(.ng_user_filter_game) [data-chat_uuid].tr.ng_user_game
{
    display: none;
}
*/
#wrap #ng_win_chat_list_block:not(.ng_user_filter_inet) [data-chat_uuid].tr:not(.ng_user_online),
#wrap #ng_win_chat_list_block:not(.ng_user_filter_game) [data-chat_uuid].tr:not(.ng_user_have_messages)
{
    display: none;
}

#wrap #ng_win_chat_list_block #ng_win_chat_list_table [data-chat_uuid].tr.dshow
{
    display: table-row;
}

#wrap #ng_win_chat_list_empty_text.dshow
{
    display: block;
}

/*Аватар*/
#wrap #ng_win_chat_list_table [data-chat_uuid].tr .ng_win_chat_list_user_avatar_td
{
    width: 5.5767%;
    text-align: center;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_user_avatar
{
    width: 3.7857em;
    height: 3.7857em;
    margin-right: 0;
    border-color: #999999;
    position: relative;
    overflow: visible;

    -webkit-border-radius: 3.7857em;
    -moz-border-radius: 3.7857em;
    border-radius: 3.7857em;
}
#wrap #ng_win_chat_list_table .ng_user_online .ng_win_chat_list_user_avatar
{
    border-color: #18ff01;
    margin-right: 0;
}

#wrap #ng_win_chat_list_table .ng_win_chat_list_user_avatar:after
{
    content: attr(data-chat_message_count);

    display: block;
    background-color: #fe0003;
    color: #FFFFFF;
    pointer-events: none;
    position: absolute;
    opacity: 1;
    overflow: hidden;
    padding: 0 0.15em;
    box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    top: 0em;
    right: 0em;
    text-align: center;

    box-shadow: 0 0.1666em 0.1111em 0 rgba(0,0,0,0.5);

    min-width: 1em;
    height: 1em;
    line-height: 1em;

    -webkit-border-radius: 1.3333em;
    -moz-border-radius: 1.3333em;
    border-radius: 1.3333em;
}
/*
#wrap #ng_win_chat_list_table .ng_user_no_read .ng_win_chat_list_user_avatar:after
{
    opacity: 1;
}
*/
#wrap #ng_win_chat_list_table [data-chat_message_count="0"].ng_win_chat_list_user_avatar:after
{
    opacity: 0;
}

/*Информация об опоненте*/
#wrap #ng_win_chat_list_table [data-chat_uuid].tr .ng_win_chat_list_user_info_td
{
    width: 15.2788%;
    padding-left: 0.4285em;
}
/*Статус сети*/
#wrap #ng_win_chat_list_table .ng_win_chat_list_user_inet
{
    margin-bottom: 0.2857em;
}
#wrap #ng_win_chat_list_table .ng_user_status_online
{
    color: #18ff01;
}
#wrap #ng_win_chat_list_table .ng_user_status_offline
{
    color: #999999;
}
#wrap #ng_win_chat_list_table .ng_user_online .ng_user_status_offline,
#wrap #ng_win_chat_list_table .ng_user_status_online
{
    display: none;
}
#wrap #ng_win_chat_list_table .ng_user_status_offline,
#wrap #ng_win_chat_list_table .ng_user_online .ng_user_status_online
{
    display: table-row;
}

/*Имя оппонента*/
#wrap #ng_win_chat_list_table .ng_win_chat_list_user_name
{
    font-size: 18px;
    font-size: 1.2857em;
    color: #fee396;
    line-height: 1em;
    margin-bottom: 0.1111em;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_user_name::after
{
    margin-left: 0.2em;
}
/*Рейтинг оппонента*/
#wrap #ng_win_chat_list_table .ng_win_chat_list_user_rating
{
    color: #FFFFFF;
    font-style: italic;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_user_rating_value
{
    display: inline;
}

/*Блок с информацией о игре*/
#wrap #ng_win_chat_list_table [data-chat_uuid].tr .ng_win_chat_list_game_info_td
{
    padding-left: 3.6428em;
    position: relative;
    width: 25.9740%;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_info_td:before
{
    position: absolute;
    left: 0;
    top: 0;
}

#wrap #ng_win_chat_list_table .ng_win_chat_list_game_1
{
    color: #ae9504;
    white-space: nowrap;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_type,
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_created
{
    display: inline;
}

#wrap #ng_win_chat_list_table .ng_win_chat_list_players
{
    color: #FFFFFF;
    white-space: nowrap;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_player_a,
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_player_b
{
    display: inline;
}

#wrap #ng_win_chat_list_table .ng_win_chat_list_game_2
{
    color: #FFFFFF;
    white-space: nowrap;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_score,
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_bet
{
    display: inline;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_score_value,
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_bet_value
{
    color: #ae9504;
    display: inline;
}

#wrap #ng_win_chat_list_table .ng_win_chat_list_game_win
{
    color: #FFFFFF;
    white-space: nowrap;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_win_value
{
    color: #ae9504;
    display: inline;
}

/*Последние сообщения*/
#wrap #ng_win_chat_list_table [data-chat_uuid].tr .td.ng_win_chat_list_messages_td
{
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_last_message
{
    width: 100%;
    color: #bebebe;
    opacity: 0.7;
}
#wrap #ng_win_chat_list_table .ng_win_chat_list_game_last_message [data-smile]
{
    width: 2em;
    height: 2.2em;
}
#wrap #ng_win_chat_list_table [data-chat_uuid].tr.ng_user_online .ng_win_chat_list_game_last_message
{
    opacity: 1;
}
#wrap #ng_win_chat_list_table .ng_user_opponent_name_td
{
    color: #FFFFFF;
    width: 5%;
    min-width: 3.7em;
    padding-left: 0.5em;
}
#wrap #ng_win_chat_list_table .ng_user_opponent_name_td.ng_user_is_opponent
{
    color: #fee396;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#wrap #ng_win_chat_list_table .ng_user_opponent_message_td
{
    padding-right: 0.5em;

    word-break: break-all;
    word-break: break-word;
}