/* battlemass 2
 * 
 * Данил Гужвин
 * Сергей Калашников
 * Николай Вепрев
 * Дмитрий Петров
 *
 * 26.02.2020 22:49 (GMT+3)
 */

body,
.bgColour {
    background-color:#000000; /* Первая половина бэка */
    color: #ffffff; /* Текст */
}
::-webkit-scrollbar {
    width: 14px;
    background: #000000;
}
::-webkit-scrollbar-thumb {
    background: #555555;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    background: #b1b1b1;
}
.fbrmenu .footbcs,
.fblmenu .footbcs,
tr .footbcs{
    background-color: #151515; /* Кнопки футера */
    color: #ffffff; /* Текст в футере */
    border-color: #212121;
}
.ptb_2c {
    background-image: unset;
}
.admin_shop_table td, /* в админке таблицы */
.ptb_2c,
.block105,
.block05,
.online_table tr:nth-child(2n) { /* чередность в таблице онлайна */
    background-color: #212121; /* Задник за локациями */
}
.online_table tr td font:hover {
    background-color: #757575;
}
.online_table tr:not(:first-child):nth-child(2n+1) {
    background-color: #313131;
}
.admin_shop_table td {
    padding: 5px;
}
.online_table_th {
    color: #9e9e9e;
    font-weight: bold;
    background-color: #263238;
}
hr,
.hr_color,
.hr_01,
.hr_02,
.main_hr,
.big_black_hr {
    background-color: #424242; /* Линия между локациями */
}
.red_hr {
    background-color: #e57373;
}
.green_hr {
    background-color: #4caf50;
}
.blue_hr {
    background-color: #2196f3;
}
.chat_name_b_theme,
.chat_all_b_theme,
.allMsg,
.ClanMoneyColor,
.shophref,
.chat_all_theme,
.chat_name_theme,
a {
    color: #ffffff; /* Цвет текста */
}
.ramka_div {
    background-image: url(/bmimage/ramka_new.png);
}
select:hover,
.btnyes:hover,
.msgid:hover,
.chat_name_b_theme:hover,
.chat_name_theme:hover {
    cursor: pointer;
}
.chat_msg_theme {
    color: #ffb74d; /* цвет текста в чате */
}
.chat_msg_b_theme {
    color: #a1887f; /* цвет текста когда в бою */
}
.chat_input::placeholder {
    color: #bdbdbd; /* когда обжалуешь бан */ 
}
.chat_input:focus {
    background-color:#616161;
}
.button,
.chat_input,
input[type="text"],
input[type="number"], /* в админке */
.button_alt_00,
.button_alt_01,
.button_alt_02,
.main_button_01,
div.bitch_me {
    color: #ffffff;
    background-color: #595751;
    border-color: #424242;
}
.button_alt_01_disabled,
.button_alt_02_disabled {
    color: #bebebe;
    background-color: #2b2a28;
    border-color: #222222;
}
input { /* в админке */
    padding: 5px;
    border: 0;
}
.groot_attacked span:hover,
.button:hover,
.footbcs:hover,
tr .footbcs:hover,
.clanHover:hover,
.shopblock:hover,
.equipblockodet:hover,
.shopminiblock:hover,
.equip_block:hover,
.clan_block:hover,
.tablehov:hover,
.shops:hover,
.button_alt_00:hover,
.button_alt_01:hover,
.button_alt_02:hover,
.main_button_01:hover,
div.bitch_me:hover,
.quest_block:hover,
.clanturblock:hover,
.grab_block:hover,
.label_for_radio_table label:hover,
.shophref:hover,
.fbrmenu .footrmenub:hover,
.fblmenu .footlmenub:hover,
a:hover {
    background:#757575;
    cursor: pointer;
}
.shopblock,
.equipblockodet,
.shopminiblock,
.equip_block,
.clan_block,
.quest_block,
.clanturblock,
.grab_block,
.container-el {
    background-color: #212121;
    border-color: #424242;
}
.button:hover {
    cursor:pointer;
}
.shop_net,
.shop_all,
.equip_net,
.equip_all,
.questText2,
.wintext {
    color: #ffffff;
}
.line2 {
    background: #757575; /* в конце боя */
}
.offlineText {
    color:#ffffff; /* в друзьях текст*/
}
.msgBG,
.msgBG2 {
    background-color: #212121;
}
.win_prize_money {
    color: #81c784; /* цвет трофеев при победе */
}
.groot_attacked,
.help_red,
.need_some_red, /* тег b красным цветом */
.DressColorProfile > td > b, /* Надетые вещи в профиле друго-го игрока */
.new_title, /* заголовок для новости */
.msgid, /* бан для модеров */
.AdminChatWrite,
.BanColor,
.chat_blocked,
.MainGrabColor,
.questText1,
.NoReadMsg,
.profile_sheivan,
.equip_take,
.equip_remont,
.equip_remove,
.equip_brona,
.shop_brona,
div.result_red,
.error_msg,
.qRed {
    color: #e57373; /* типа красный (сэкс) */
}
.help_green,
span ~ a > ins, /* кнопка обжаловать бан */
.new_text,
.shop_uron,
.equip_uron,
.win_prize,
.ClanUserOnline,
.onlineUser,
.questText3,
.onlineText,
.GreenMsg2,
.NoReadMsg2,
.GreenMsg,
.qGreen {
    color: #4caf50; /* зелёный */
}
.help_blue,
.chat_newlvl,
.chat_buyed,
.profile_narmas,
.equip_yvorot,
.shop_yvorot,
.CallMD,
.GetDress,
.BlueMsg {
    color: #2196f3; /* голубой */
}
.buttonregInput {
    background-color: #212121;
    color: #f5f5f5;
}
.shkaf_bg,
.id_dress,
.name_dress,
.lvl_dress,
.DressColorProfile {
    color: #ffffff;
    background-color: #212121; /* Одмэнка */
}
.shkaf_equiped {
    color: #e57373; /* Надетые вещи в одмэнке */
}
.id_dress,
.name_dress,
.lvl_dress {
    padding-left: 10px; /* Одмэнка */
}
.id_dress::placeholder,
.name_dress::placeholder,
.lvl_dress::placeholder {
    color: #bdbdbd; /* Одмэнка */
}
select { /* Одмэнка */
    padding: 5px;
    color: #ffffff;
    border: 0px;
    outline-color: #000000;
    background-color: #424242;
}
.text,
textarea {
    padding: 2px 4px;
    border: 0px;
    color: #ffffff;
    background-color: #424242; /* Одмэнка */
}
.text::placeholder {
    color: #bdbdbd; /* Одмэнка */
}
.auk_new_lots_bg {
    background-color: #212121;
    border: 2px solid #424242; /* задник при выставлении вещей на аук */
}
.auk_new_lots_bg > tbody tr td {
    cursor: default;
    border: 2px solid #626262; /* конкретные ечейки */
}
.admin_battle_table td,
.auk_new_lots_bg > tbody tr td > input {
    color: #ffffff;
    background: #424242;
    border: 2px solid black;
}
.bg_red {
    color: burlywood;
    border-color: brown;
    background-color: darkred;
}
.block01,
.block101 {
    background-image: url(/bmimage/block_1/1_black.png?136.112);
}
.block02,
.block102 {
    background-image: url(/bmimage/block_1/2_black.png?136.112);
}
.block03,
.block103 {
    background-image: url(/bmimage/block_1/3_black.png?136.112);
}
.block04,
.block104 {
    background-image: url(/bmimage/block_1/4_black.png?136.112);
}
.block06,
.block106 {
    background-image: url(/bmimage/block_1/5_black.png?136.112);
}
.block07,
.block107 {
    background-image: url(/bmimage/block_1/6_black.png?136.112);
}
.block08,
.block108 {
    background-image: url(/bmimage/block_1/7_black.png?136.112);
}
.block09,
.block109 {
    background-image: url(/bmimage/block_1/8_black.png?136.112);
}
.lth_01l {
    background-image: url(../bmimage/logo_svg/logo_l_black.svg?136.112);
}
.lth_01c {
    background-image: url(../bmimage/logo_svg/logo_c_black.svg?136.112);
}
.lth_01r {
    background-image: url(../bmimage/logo_svg/logo_r_black.svg?136.112);
}
/*               БОЙ             */
td.label_name_l {
    background-image: url(/bmimage/logo_svg/logo_l_black.svg);
}
td.label_name_c {
    background-image: url(/bmimage/logo_svg/logo_c_black.svg);
}
td.label_name_r {
    background-image: url(/bmimage/logo_svg/logo_r_black.svg);
}
table.bagBorder_1,
table.bagBorder_2 {
    background-color: unset;
    border: 0px;
}
.default_table {
    border: 2px solid orange;
}
.default_table th {
    background-color: #424242;
}
.default_table td {
    
}
.help_pink {
    color: #F34048;
}
.help_light_purple {
    color: #786CD1;
}
.help_crimson {
    color: #B91F58;
}
.help_orange {
    color: #ED5604;
}

/* init events */
#first_input:checked ~ .label_for_radio_table label[for="first_input"],
#second_input:checked ~ .label_for_radio_table label[for="second_input"],
#third_input:checked ~ .label_for_radio_table label[for="third_input"] {
    background-color: #212121;
    border-bottom: 1px solid #212121;
}
.label_for_radio_table label {
    background-color: #424242;
    border: 1px solid #424242;
}
.div_for_checkbox,
.container-els {
    border: 1px solid #424242;
    border-top: 0;
    background-color: #212121;
}

.admin_comment_text {
    color: #e57373;
}

.good_input_style {
    border-color: #424242;
}

.quest_num {
    background-color: #212121;
    border-color: #424242;
}


/*chat/main.html*/
.chat_div {

}

.chat_table {

}

.chat_input_0 {
    background-color: #444444;
    border-color: #a2a2a2;
}

.chat_input_0_div {

}
.chat_input_lenght{

}
.chat_btn_smse {

}

.chat_row_0 {

}

.chat_row_4_td {
    border-color: black;
}
.chat_row_4_td::-webkit-scrollbar {

}

.chat_row_4_td_div {

}

.chat_btn_select {

}

.chat_btn_select_checked {

}

.button_fly_0 {

}

.button_fly_1 {

}
.chat_msg_my{
    color: #bab584;
    -webkit-box-shadow: 0px 3px 1px #515151, 0px 6px 2px #000000;
    -moz-box-shadow: 0px 3px 1px #c8ac55, 0px 6px 2px #000000;
    box-shadow: 0px 3px 1px #515151, 0px 6px 2px #000000;
    background-color: #4d4d4d;
}
.chat_msg_user{
    color: #bab584;
    -webkit-box-shadow: 0px 3px 1px #d1af00, 0px 6px 2px #000000;
    -moz-box-shadow: 0px 3px 1px #c8ac55, 0px 6px 2px #000000;
    box-shadow: 0px 3px 1px #d1af00, 0px 6px 2px #000000;
    background-color: #4d4a39;
}
.chat_msg_otvet{
    color: #bab584;
    -webkit-box-shadow: 0px 3px 1px #00d142, 0px 6px 2px #000000;
    -moz-box-shadow: 0px 3px 1px #c8ac55, 0px 6px 2px #000000;
    box-shadow: 0px 3px 1px #00d142, 0px 6px 2px #000000;
    background-color: #415638;
}
.chat_msg_name{

}
.chat_msg_status{

}
.chat_msg_status_div{
}
.chat_msg_status_div img{

}
.chat_msg_option{

}
.chat_msg_time{

}
.chat_msg_text{
    color: #959595;
}
.chat_msg_avatar{

}
.chat_scrolling_area{

}
.chat_scrolling_area::-webkit-scrollbar {

}
.chat_table hr{
    background-color: #656565;
}
.chat_button_send_msgs{

}
.chat_button_send_msgs_disabled{

}
.chat_button_send_msgs_disabled_slide{

}
.chat_sender_el{
    background-color: #36342f;
}
.chat_sender_el_x{

}
.chat_row_2_ban{

}
.chat_ban_msg{

}
.chat_smile_wrap{

}    
.chat_smile_container{
    background-color: #47433b;
    border-color: #6a6a6a;
} 
.chat_msg_text_img{

}
.chat_msg_text_img_1{

}
.chat_msg_text_img_2{

} 
.chat_msg_text_img_3{

}
.chat_smile_img {

} 
.chat_smile_select_img {

}
.chat_admin{

}
.chat_admin_color{

}
.chat_admin_checkbox{

}

.chat_smile_last{

}
.chat_smile_last::-webkit-scrollbar {

}
.chat_smile_available{

}
.chat_smile_available::-webkit-scrollbar {

}
.chat_smile_select{

}
.chat_smile_select::-webkit-scrollbar {

}
.shopSticker_table{
    background-color: #3c3c3c;
    color: #c8ac55;
}
.shopSticker_product{
    background-color: #595959;
    border-color: #797979;
} 
.shopSticker_price{
    background-color: #2f2f2f;
    border-color: #8c8c8c;
    color: #bfb371;
}
.shopSticker_img{

}
.shopSticker_hide{

}
.shopStickerClose{

}
.shopStickerAllClose{

}
/*end chat/main.html*/

/*chat/frame.html*/
.chat_msgs_option_div{

}
.chat_msgs_option_table{

}
.chat_msgs_option_table_td{

}
.chat_msgs_option_table2{

}
.chat_msgs_option_table_td2{

}
.chat_msgs_option_text{
    color: #bab584;
}
.chat_msgs_option_knock{
}
.chat_msgs_option_ban{
}
.chat_msgs_option_delete{
}
/*end chat/frame.html*/

/*chat/msg_yn.html*/
.chat_msg_yn_div{

}
.chat_msg_yn_table{

}
.chat_msg_yn_table_td{

}
.chat_msg_yn_table2{

}
.chat_msg_yn_text{

}
/*end chat/msg_yn.html*/

/*chat/taverna.html*/
.chat_tav_div {

}
.chat_tav_table {

}
.chat_tav_name_tr{

}
.chat_tav_name_td{

}
.chat_tav_list_tr{

}
.chat_tav_list_td{

}
.chat_tav_page_tr{

}
.chat_tav_page_td{

}
.online_table{

}
.tav_onl_font{

}
.online_table_tr_0{

}
.online_table_tr_1{

}
.online_table_tr_2{

}
.online_table_tr_3{

}

.online_table_tr_4{

}
.nav_pagination{

}  
.nav_pagination_button{

}
.select_pagination{

}
.tav_list_template img{
}
/*end chat/taverna.html*/



/*mail*/
.mail_div{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000020;
}
.mail_block{
    margin: auto;
    width: 100%;
    max-width: 480px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.mail_contacts{
    overflow: auto;
    height: 100%;
}
.mail_contacts::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.mail_contact{
    width: 99%;
    display: flex;
    flex-direction: row;
    margin: auto;
    margin-bottom: 4px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    min-height: 50px;
    border-color: rgba(0, 0, 0, 0.14);
}
.mail_contact_div:nth-child(1){
    background-color: rgb(0, 57, 25, 0.08);
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mail_contact_div:nth-child(2){
    background-color: rgba(0,0,0,0.02);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 10px;
    text-align: left;
    overflow: hidden;
}
.mail_contact_div:nth-child(3){
    background-color: rgba(0, 0, 0, 0.14);
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
}
.mail_contact_icon{
    height: auto;
    width: 100%;
}
.mail_contact_msg{
    font-size: 14px;
    overflow: hidden;
    height: 18px;
    white-space: nowrap;
}
.mail_contact_msg img{
    width: 16px;
}
.mail_contact_name{
    height: 16px;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
}
.mail_contact_counter{
    color: #6eff00;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.14);
}
.mail_contact_onread{
    color: #6eff00;
    display: none;
}
.mail_sort_bold{
    font-weight: bold;
}   
.mail_online{
    color: green;
}
.mail_pagination{
    margin: 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.mail_pagination button{
    width: 100%;
}
.mail_contact_inputs_dots{
    margin-left: 4px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #947c55;
    text-align: left;  
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.mail_contact_inputs_dots div:nth-child(1){
    -webkit-animation: room_inputs_dots 0.9s 0.0s infinite;              
    -moz-animation: room_inputs_dots 0.9s 0.0s infinite;  
    -o-animation: room_inputs_dots 0.9s 0.0s infinite;
    -ms-animation: room_inputs_dots 0.9s 0.0s infinite;
    animation: room_inputs_dots 0.9s 0.0s infinite;
}
.mail_contact_inputs_dots div:nth-child(2){
    -webkit-animation: room_inputs_dots 0.9s 0.3s infinite;              
    -moz-animation: room_inputs_dots 0.9s 0.3s infinite;  
    -o-animation: room_inputs_dots 0.9s 0.3s infinite;
    -ms-animation: room_inputs_dots 0.9s 0.3s infinite;
    animation: room_inputs_dots 0.9s 0.3s infinite;
}
.mail_contact_inputs_dots div:nth-child(3){
    -webkit-animation: room_inputs_dots 0.9s 0.6s infinite;              
    -moz-animation: room_inputs_dots 0.9s 0.6s infinite;  
    -o-animation: room_inputs_dots 0.9s 0.6s infinite;
    -ms-animation: room_inputs_dots 0.9s 0.6s infinite;
    animation: room_inputs_dots 0.9s 0.6s infinite;
}
@keyframes room_inputs_dots{
    50% {
        opacity: 0.5;
        transform: scale(1.3);
    }
}



.room_div{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000021;
}
.room_block{
    margin: auto;
    width: 100%;
    max-width: 480px;
    text-align: center;
    display: flex;
    flex-direction: column;
    background-color: #c3a76d;
    overflow: hidden;
}
.room_msg_l{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    align-items: flex-start;
    word-wrap: break-word;
    max-width: 85%;
    margin: 0px auto 0px 0px;
    padding: 1px;
}
.room_msg_r{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    text-align: right;
    align-items: flex-start;
    word-wrap: break-word;
    max-width: 85%;
    margin: 0px 0px 0px auto;
    padding: 1px;
}
.room_msg_text_block{
    border-radius: 6px;
    border-color: rgba(0, 0, 0, 0.09);
    background-color: #e7ce98;
    padding: 6px;
}
.room_msg_r .room_msg_text_block{
    background-color: #e7ce98;
    padding: 6px;
    position: relative;
}
.room_msg_icon_cont{
    min-width: 24px;
    width: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    padding: 0 2px 0 2px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
.l_room_msg_icon{
    height: auto;
    width: 100%;
}
.r_room_msg_icon{
    height: auto;
    width: 100%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.room_msg{
    margin: 0 2px 0 2px;
    text-align: left;
    position: relative;
}
.room_msg_text{
    display: contents;
    word-break: break-word;
}
.room_msg_meta{
    float: right;
    line-height: 20px;
    top: 9px;
    padding-left: 4px;
    display: flex;
    position: relative;
    font-size: 12px;
}
.room_msg_meta_img{
    position: absolute;
    bottom: -6px;
    right: -6px;
    padding: 1px 4px;
    background: rgba(228, 205, 152, 0.6);
    border-radius: 9px;
    font-size: 12px;
    display: inline-flex;
}
.room_msg_meta_mark{
    color: crimson;
    width: 18px;
}
.room_msg_meta_double_mark{
    letter-spacing: -8px;
    width: 18px;
    display: none;
    color: darkolivegreen;
}
.room_msg_meta_mark_svg{
    width: 20px;
    position: absolute;
}
.room_msgs{
    overflow: auto;
    height: 100%;
}

.room_msgs::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.room_msgs::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #663300;
    border-radius: 0;
    background: #c8ac71;
}
.room_msgs::-webkit-scrollbar-thumb {
    background: #774400;
    border-radius: 10px;
}

.room_info{
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: #d0b578;
    font-size: 26px;
    align-items: center;
    padding-bottom: 2px;
    box-shadow: 0px -2px 6px black;
}
.room_icon{
    height: auto;
    width: 40px;
    padding-right: 4px;
}
.room_option{
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.room_edit_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    background-color: #d0b578;
    padding: 4px;
    box-shadow: 0px 5px 6px black;
    align-items: center;
    position: relative;
}
.room_smile_icon_cont{
    width: 60px;
    height: 50px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.room_smile_icon{
    width: 40px;
}
.room_input_cont{
    width: 100%;
    background-color: #ffe3a7;
    padding: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    border-radius: 6px;
    position: relative;
}
.room_input{
    height: 100%;
    word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    text-align: left;
    box-shadow: none;
    border: none;
    outline: none;
    font-size: 20px;
}
.room_input_lenght{
    position: absolute;
    right: -2px;
    bottom: -5px;
    pointer-events: none;
}
.room_send_button_cont{
    width: 60px;
    height: 50px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.room_send_button{
    width: 40px;
}
.room_send_fly{
    fill: #ffd600;
    stroke: #c08100;
    stroke-width: 0.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1 1 1;
}
.room_arrow{
    position: relative;
}
.room_arrow_flex{
    position: absolute;
    right: 20px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
}
.room_arrow_end {
    position: relative;
    margin: 5px 0;
    font-size: 2em;
    color: #663300;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    border-color: #663300;
    height: 50px;
    width: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(208, 181, 120, 0.44);
}
.room_arrow_end_svg{
    scale: 1;
}
.room_arrow_end_svg_fill{
    fill: #663300;
}
.room_arrow_num {
    position: relative;
    margin: 5px 0;
    font-size: 2em;
    color: #81ff00;
    text-shadow: 0px 0px 1px #663300;
    font-family: fantasy;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    border-color: #663300;
    height: 50px;
    width: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(208, 181, 120, 0.44);
}
.room_smst_cont{
    position: relative;
}
.room_smst_main{
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
}
.room_smst{
    height: 200px;
    background-color: #c0a872;
    width: 96%;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: #b69c63;
    padding: 4px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.room_smst_last{
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: auto;
}
.room_smst_last::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.room_smst_available{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    justify-content: center;
}
.room_smst_available::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.room_smst_available_img_40{
    width: 40px;
    height: 40px;
    padding: 2px;
}
.room_smst_available_img_80{
    width: 80px;
    height: 80px;
    padding: 2px;
}
.room_sm{
    height: 70px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.room_smst_select_img{
    width: 40px;
    height: 40px;
}
.room_sm_img{
    width: 40px;
    height: 40px;
}
.room_st{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.room_sm_select{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: auto;
    justify-content: flex-start;
    flex-direction: row;
}
.room_sm_select::-webkit-scrollbar {
    width: 0;
    height: 0;
} 
.room_st_select{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: auto;
    justify-content: flex-start;
    flex-direction: row;
}
.room_st_select::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.room_line_hor_0{
    background-color: #b69c63;
    height: 1px;
    width: 100%;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px;
}
.room_line_vert_0{
    background-color: #b69c63;
    height: 100%;
    width: 1px;
    margin-top: 0px;
    margin-right: 4px;
    margin-bottom: 0px;
    margin-left: 4px;
}
.room_msg_text_img {
    width: 22px;
    vertical-align: inherit;
}
.mail_msg_text_img{
    width: 22px;
    vertical-align: middle;
}
.mail_msg_text_img_1{
    width: 80px;
    vertical-align: middle;
}
.mail_msg_text_img_2{
    width: 60px;
    vertical-align: middle;
} 
.mail_msg_text_img_3{
    width: 40px;
    vertical-align: middle;
}
.room_name{
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.room_name_inputs_name{
    text-align: left;
}
.room_name_inputs_dots{
    margin-left: 4px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #947c55;
    text-align: left;  
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.room_name_inputs_dots div:nth-child(1){
    -webkit-animation: room_inputs_dots 0.9s 0.0s infinite;              
    -moz-animation: room_inputs_dots 0.9s 0.0s infinite;  
    -o-animation: room_inputs_dots 0.9s 0.0s infinite;
    -ms-animation: room_inputs_dots 0.9s 0.0s infinite;
    animation: room_inputs_dots 0.9s 0.0s infinite;
}
.room_name_inputs_dots div:nth-child(2){
    -webkit-animation: room_inputs_dots 0.9s 0.3s infinite;              
    -moz-animation: room_inputs_dots 0.9s 0.3s infinite;  
    -o-animation: room_inputs_dots 0.9s 0.3s infinite;
    -ms-animation: room_inputs_dots 0.9s 0.3s infinite;
    animation: room_inputs_dots 0.9s 0.3s infinite;
}
.room_name_inputs_dots div:nth-child(3){
    -webkit-animation: room_inputs_dots 0.9s 0.6s infinite;              
    -moz-animation: room_inputs_dots 0.9s 0.6s infinite;  
    -o-animation: room_inputs_dots 0.9s 0.6s infinite;
    -ms-animation: room_inputs_dots 0.9s 0.6s infinite;
    animation: room_inputs_dots 0.9s 0.6s infinite;
}
@keyframes room_inputs_dots{
    50% {
        opacity: 0.5;
        transform: scale(1.3);
    }
}
.mail_date_info{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.mail_date_info_hr{
    width: 28%;
    height: 1px;
}
.mail_date_info_text{
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    background-color: rgba(206, 183, 130, 0.44);
    position: absolute;
    top: 164%;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    z-index: 99;
}
.mail_date_info_fade_out{
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    background-color: rgba(206, 183, 130, 0.44);
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    opacity: 0;
    z-index: 1;
}
@keyframes fadeOut654665 {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


.mail_contact{
    border-color: rgba(250, 255, 189, 0.25);
    background-color: #333333;
}
.mail_date_info_fade_out {
    background-color: rgba(0, 0, 0, 0.44);
}
.mail_date_info_text {
    background-color: rgba(58, 6, 6, 0.44);
}
.room_send_fly {
    fill: #6e6e6e;
    stroke: #000;
}
.room_block {
    background-color: #212121;
}
.room_info {
    background-color: #333333;
}
.room_edit_cont {
    background-color: #333333;
}
.room_input_cont {
    background-color: #222222;
}
.room_msg_text_block {
    background-color: #333333;
}
.room_msg_r .room_msg_text_block {
    background-color: #444444;
}
.room_arrow_end {
    color: #6c6c6c;
    border-color: #000;
    background-color: rgba(51, 51, 51, 0.44);
}
.room_arrow_end_svg_fill{
    fill: #6e6e6e;
}
.room_arrow_num {
    color: #6c6c6c;
    text-shadow: 0px 0px 1px #000000;
    border-color: #000;
    background-color: rgba(51, 51, 51, 0.44);
}
.room_msg_meta_img {
    background: rgba(33, 33, 33, 0.34);
}