/* Mobitva 2
 * 
 * Данил Гужвин
 * Сергей Калашников
 * Николай Вепрев
 * Дмитрий Петров
 *
 * 26.02.2020 22:49 (GMT+3)
 */
html {
    background-color:#000000; /* Первая половина бэка */
    color: #bab584; /* Текст */
    background-blend-mode: luminosity;
}

.bgColour {
    color: #bab584; /* Текст */
    background-blend-mode: luminosity;
}
.chat_table{
    background-color:#000000;
}
.chat_tav_div_bg {
    height: 100%;
    width: 100%;
    max-width: 480px;
    margin: auto;
    background-color: #000000;
}
.mmobtl_bg{
    height: 100%;
    width: 100%;
    max-width: 480px;
    margin: auto;
    background-color: #000000;
}
.mail_div_bg {
    height: 100%;
    width: 100%;
    max-width: 480px;
    margin: auto;
    background-color: #000000;
}
.child_mb {
    color: #bab584; /* Текст */
}
::-webkit-scrollbar {
    width: 14px;
    background: #000000;
}
::-webkit-scrollbar-thumb {
    background: #555555;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #212121;
    border-radius: 10px;
    background: #444444;
}
.fbrmenu .footbcs,
.fblmenu .footbcs,
tr .footbcs{
    background-color: #151515; /* Кнопки футера */
    color: #bab584; /* Текст в футере */
    border-color: #212121;
}

.admin_shop_table td, /* в админке таблицы */
.block105,
.block05,
.online_table tr:nth-child(2n) { /* чередность в таблице онлайна */
    background-color: #212121; /* Задник за локациями */
}
.online_table tr td font:hover {
    background-color: #444444;
}
.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: #968a6c; /* Цвет текста */
}
.ramka_div {
    background-image: url(/mmoqimage/ramka/ramka_3_b.png?123.1);
}
select:hover,
.btnyes:hover,
.msgid:hover,
.chat_name_b_theme:hover,
.chat_name_theme:hover {
    cursor: pointer;
}
.chat_msg_theme {
    color: #ff9999; /* цвет текста в чате */
}
.chat_msg_b_theme {
    color: #599062; /* цвет текста когда в бою */
}
.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,
.container-els .container_reg_button,
.main_button_01,
div.bitch_me {
    color: #bab584;
    background-color: #2d2d2d;
    border-color: #333333;
    background: linear-gradient(to top, #1b1b1b, #333333, #1b1b1b);
}
.button_alt_01_disabled,
.button_alt_02_disabled {
    color: #bebebe;
    background-color: #1c1c1c;
    border-color: #000000;
}
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,
.container-els .container_reg_button: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: #444444;
    cursor: pointer;
}
.shopblock,
.equipblockodet,
.shopminiblock,
.equip_block,
.clan_block,
.quest_block,
.clanturblock,
.grab_block,
.container-el {
    background-color: #212121;
    border-color: #454545;
}
.button:hover {
    cursor:pointer;
}
.shop_net,
.shop_all,
.equip_net,
.equip_all,
.questText2,
.wintext {
    color: #bab584;
}
.line2 {
    background: #444444; /* в конце боя */
}
.offlineText {
    color: #bab584; /* в друзьях текст*/
}
.msgBG,
.msgBG2 {
    background-color: #212121;
    color: #bab584;
}
.win_prize_money {
    color: #b1b1b1; /* цвет трофеев при победе */
}
.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: #d20000; /* типа красный (сэкс) */
}
.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,

.profile_narmas,
.equip_yvorot,
.shop_yvorot,
.CallMD,
.BlueMsg {
    color: #2196f3; /* голубой */
}
.chat_newlvl,
.chat_buyed,
.GetDress{
    color: #7f779e;
}
.buttonregInput {
    background-color: #212121;
    color: #f5f5f5;
}
.shkaf_bg,
.id_dress,
.name_dress,
.lvl_dress,
.DressColorProfile {
    color: #bab584;
    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: #bab584;
    border: 0px;
    outline-color: #000000;
    background-color: #424242;
}
.text,
textarea {
    padding: 2px 4px;
    border: 0px;
    color: #bab584;
    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: #bab584;
    background: #424242;
    border: 2px solid black;
}
.bg_red {
    border-color: #760000 !important;
    background: linear-gradient(to top, #650000, #7b0000, #650000) !important;
}

.bg_red:hover {
    border-color: #440000 !important;
    background: linear-gradient(to top, #500000, #700000, #500000) !important;
}
.block01,
.block101 {
    background-image: url(/mmoqimage/block_1/1_black.png?136.112);
}
.block02,
.block102 {
    background-image: url(/mmoqimage/block_1/2_black.png?136.112);
}
.block03,
.block103 {
    background-image: url(/mmoqimage/block_1/3_black.png?136.112);
}
.block04,
.block104 {
    background-image: url(/mmoqimage/block_1/4_black.png?136.112);
}
.block06,
.block106 {
    background-image: url(/mmoqimage/block_1/5_black.png?136.112);
}
.block07,
.block107 {
    background-image: url(/mmoqimage/block_1/6_black.png?136.112);
}
.block08,
.block108 {
    background-image: url(/mmoqimage/block_1/7_black.png?136.112);
}
.block09,
.block109 {
    background-image: url(/mmoqimage/block_1/8_black.png?136.112);
}
.lth_01l {
    background-image: url(../mmoqimage/logo_svg/logo_l_black_2.svg?136.112);
}
.lth_01c {
    background-image: url(../mmoqimage/logo_svg/logo_c_black_2.svg?136.112);
}
.lth_01r {
    background-image: url(../mmoqimage/logo_svg/logo_r_black_2.svg?136.112);
}
/*               БОЙ             */
td.label_name_l {
    background-image: url(/mmoqimage/logo_svg/logo_l_black_2.svg);
}
td.label_name_c {
    background-image: url(/mmoqimage/logo_svg/logo_c_black_2.svg);
}
td.label_name_r {
    background-image: url(/mmoqimage/logo_svg/logo_r_black_2.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 {
    background-color: #212121;
}
.help_pink {
    color: #F34048;
}
.help_light_purple {
    color: #786CD1;
}
.help_crimson {
    color: #B91F58;
}
.help_orange {
    color: #ED5604;
}
.attackButtons:active, 
.attackButtons:hover {
    background-color: #444444;
}

/* 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;
}


#profileTable4 div:nth-child(2n+1) {
    background-color: #222222;
}  
#profileTable4 div:nth-child(2n+2) {
    background-color: #333333;
}

#profileTable5 tr:nth-child(2n+1) {
    background-color: #222222;
}  
#profileTable5 tr:nth-child(2n+2) {
    background-color: #333333;
}

.equiptableotherprofiles tr:nth-child(2n+1) {
    background-color: #222222;
}  
.equiptableotherprofiles tr:nth-child(2n+2) {
    background-color: #333333;
}

.tableotherprofiles tr:nth-child(2n+1) {
    background-color: #222222;
}  
.tableotherprofiles tr:nth-child(2n+2) {
    background-color: #333333;
}
#btn_894_1{
    width: 100%;
    height: 100%;
    background-color: #333333;
}

/*свиток 30*30*/
.ptb_1l{
    width: 30px;
    height: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/1l_b.svg?136.44724");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
}
.ptb_1c{ 
    height: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/1c_b.svg?136.44724");
    background-size: contain;
    background-repeat: repeat-x;
    padding: 0;
} 
.ptb_1r{ 
    width: 30px;
    height: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/1r_b.svg?136.44724");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
} 



.ptb_2l{
    width: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/2l_b.svg?136.44724");
    background-size: contain;
    background-repeat: repeat-y;
    padding: 0;
}
.ptb_2c{ 
    height: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/2c_b.svg?136.44724");
    background-size: contain;
    background-size: contain;
    padding: 0;
} 
.ptb_2r{ 
    width: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/2r_b.svg?136.44724");
    background-size: contain;
    background-repeat: repeat-y;
    padding: 0;
}


.ptb_3l{
    width: 30px;
    height: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/3l_b.svg?136.44724");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
}
.ptb_3c{ 
    height: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/3c_b.svg?136.44724");
    background-size: contain;
    background-repeat: repeat-x;
    padding: 0;
} 
.ptb_3r{ 
    width: 30px;
    height: 30px;
    background-image: url("/mmoqimage/profile_svitok_3/3r_b.svg?136.44724");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
} 
.chat_new img{
    opacity: 0.3;
}

/*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;
    background-color: #000;
}
.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*/
.equip_itemInfo{
    position: relative;
    top: 0px;
    left: 10px;
    display: flex;
    align-items: center;
    grid-gap: 40px;
}
.equip_infoshop {
    position: relative;
    top: -5px;
    left: 10px;
    width: 95%;
}
.equip_left {
    width: 20%;
}
.equip_content {
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999;
}
.equip_pup_up {
    width: 100%;
    height: 100%;
    display: flex;
    transition: 0.2s;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-name: anim_turn_show;
    animation-fill-mode: backwards;
}
.equip_main {
    position: relative;
    margin: auto;
    width: 90%;
    background: #212121;
    border-radius: 10px;
    padding: 20px 15px 10px 15px;
    max-width: 360px;
    display: flex;
    flex-direction: column;
}
.hr-shelf {
    margin: -30px auto 10px;
    padding: 0;
    height: 39px;
    border: none;
    border-bottom: 1px solid #1f1209;
    width: 95%;
}
.equipName {
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
}
.main_content {
    background: #222222;
}

.mmobtl{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9000000;
    display: none;
    image-rendering: pixelated;
}
.mmobtlContainer{
    width: 100%;
    max-width: 480px;
    height: 100%;
    margin: auto;
}
.monster_here{
}
.mmobtlPersInfoContainer{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #000000;
    z-index: 9000010;
    opacity: 0.95;
}
.mmobtlPersInfo{
    width: 100%;
    height: 100%;
    max-width: 480px;
    display: flex;
    overflow: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: auto;
    justify-content: flex-start;
    align-items: center;
}
.mmobtlPersInfoD{
    width: 100%;
}
.mmobtlPersInfo::-webkit-scrollbar {
    width: 0px;
}
.mmobtlPersInfoDiv{
    width: 98%;
    border: solid #444444 1px;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 200px;
}
.mmobtlPersInfoVS{
    font-size: 18px;
    font-weight: bold;
    font-family: sans-serif;
    border-bottom: solid #444444 1px;
    width: 100%;
    background-color: #151515;
    color: #e7ce98;
    padding-top: 12px;
    padding-bottom: 12px;
}
.mmobtlPersInfoParams{
    width: 100%;
    color: #c4ae7f;
}
.mmobtlPersInfoParam{
    display: flex;
    width: 100%;
    font-size: 16px;
    font-family: sans-serif;
    padding: 4px;
    align-items: center;
    flex-direction: row;
    background-color: #222222;
}
.mmobtlPersInfoParam:nth-child(2n){
    background-color: #171717;
}
.mmobtlPersInfoParamName{
    border-right-style: dotted;
    border-width: 1px;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mmobtlPersInfoParamVal{
    width: 50%;
    display: flex;
    align-items: center;
    padding-left: 30px;
}
.mmobtlPersInfoParamsNum{
    background-color: #333333;
}
.mmobtlPersInfoParams img{
    width:  24px;
    margin: 3px;
}
.mmobtlPersInfoParamValR{
    border-color: #0000002e;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #00ff223b;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mmobtlCommandContainer{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #000000;
    z-index: 9000010;
    opacity: 0.95;
}

.mmobtlCommand{
    width: 100%;
    height: 100%;
    max-width: 480px;
    display: flex;
    overflow: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: auto;
    justify-content: flex-start;
    align-items: center;
}
.mmobtlCommandD{
    width: 100%;
}
.mmobtlCommand::-webkit-scrollbar {
    width: 0px;
}
.mmobtlCommandDiv{
    width: 98%;
    border: solid #424242 1px;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 200px;
}
.mmobtlCommandVS{
    font-size: 18px;
    font-weight: bold;
    font-family: sans-serif;
    border-bottom: solid #444444 1px;
    width: 100%;
    background-color: #151515;
    color: #e7ce98;
    padding-top: 12px;
    padding-bottom: 12px;
}
.mmobtlCommandHeroes{
    width: 100%;
    color: #c4ae7f;
}
.mmobtlCommandHero{
    display: flex;
    width: 100%;
    font-size: 16px;
    font-family: sans-serif;
    padding: 4px;
    align-items: center;
    flex-direction: row;
}
.mmobtlCommandHero:nth-child(2n){
    background-color: #171717;
}
.mmobtlCommandHeroName{
    border-right-style: dotted;
    border-width: 1px;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
}
.mmobtlCommandHeroLife{
    width: 40%;
}
.mmobtlCommandHeroesNum{
    background-color: #222222;
}



html img{
    filter: brightness(0.7) grayscale(0.3);
}
.locations{
    filter: brightness(0.7);
}


/*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);
    background-color: #C8AC70;
}
.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);
}


.annoying {
    border: 1px solid #000000;
    background: rgb(144,144,144);
}

.MainGrabColor{
    color: #a60000;
}

.premBoost {
    color: greenyellow;
    animation: vibr5665ate5465546 3s infinite;
    position: absolute;
}

@keyframes vibr5665ate5465546 {
    0% { transform: translateX(0); }
    10% { transform: translateX(-2px) rotate(-1deg); }
    20% { transform: translateX(2px) rotate(1deg); }
    30% { transform: translateX(-2px) rotate(-1deg); }
    40% { transform: translateX(2px) rotate(1deg); }
    50% { transform: translateX(-2px) rotate(-1deg); }
    60% { transform: translateX(2px) rotate(1deg); }
    70% { transform: translateX(-2px) rotate(-1deg); }
    80% { transform: translateX(2px) rotate(1deg); }
    90% { transform: translateX(-2px) rotate(-1deg); }
    100% { transform: translateX(0); }
}



.auk_group_block{
    border: 1px solid #ffffff52;
}
.auk_group_block_levels {
    background-color: #00000047;
    border: 1px #0000005c solid;
}

.footbcs{
    background: linear-gradient(to top, #1b1b1b, #333333, #1b1b1b);
}

.perg_text{
    border-image: url('/mmoqimage/ramka/name_0_b.png?123.1') 54 fill / 14px;
}