.flex_promo_text {
    gap: 5px;
    display: flex;
    transition: 0.2s;
    align-items: center;
}

.price_rcon {
    background: linear-gradient(34deg, #477549e0 0%, #7ecc8275 65%);
    color: #FFF;
    position: absolute;
    top: 10px;
    font-weight: 600;
    right: 10px;
    display: flex;
    height: 38px;
    font-size: 11.5px;
    padding: 5px 20px;
    border-radius: 50px;
    cursor: default;
    max-width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
}

.btn_buy_rcon {
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    width: 100%;
    padding: 14px;
    color: #ffff;
    border-radius: 10px;
}

.btn_buy_rcon:hover {
    color: #ffff;
    opacity: 0.7;
}

.btn_desp_rcon {
    background: linear-gradient(23deg, #3b3d44 0%, #454751 55%);
    width: 100%;
    padding: 14px;
    transition: 0.2s;
    color: #ffff;
    border-radius: 10px;
}

.btn_desp_rcon:hover {
    color: #ffff;
    opacity: 0.7;
}

.flex_buy_rcon {
    display: flex;
    align-items: center;
    gap: 3px;
}

.info_buy_rcon {
    height: 50px;
    display: flex;
    gap: 9px;
    padding: 0px 20px 0px 9px;
    border: dashed 1px #464a54;
    font-weight: 600;
    font-size: 11px;
    background: #464a5440;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.info_buy_rcon i {
    background: #50545d;
    height: 31px;
    width: 31px;
    color: #9ca0a8;
    font-size: 14px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.block_tarif_rcon {
    background: linear-gradient(1deg, #42464f70 30%, #42464f 100%);
    border-radius: 17px;
    padding: 20px;
    margin-bottom: 20px;
}

.flex_btn_rcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    position: relative;
    top: 2px;
    width: 100%;
}

.price_rcon_btn {
    color: #ffff !important;
    font-size: 12px !important;
    line-height: 0px !important;
}

.title_rcon_btn {
    color: #9da3ac !important;
    font-size: 10px !important;
    line-height: 0px !important;
    display: flex;
    height: 23px;
    border-radius: 50px;
    padding: 0px 10px;
    margin-top: -3px;
    background: #565c66;
    align-items: center;
}

.tarif_rcon_head {
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    display: flex;
    align-items: center;
    margin-bottom: -5px;
}

.tarif_rcon_head i {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(23deg, #6a6e7a69 0%, #5c606c 55%);
    font-size: 14px;
    color: #989ba6;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.head_block_rcon_shop {
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.head_block_rcon_shop i {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    font-size: 14px;
    color: #ffffff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.flex_rcon_shop {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.left_rcon_shop {
    width: 100%;
    padding: 25px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    border-radius: 20px;
}

.right_rcon_shop {
    width: 100%;
    padding: 25px;
    height: fit-content;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    border-radius: 20px;
}

.block_info_rcon {}

.img_rcon_shop {
    width: 100%;
    border-radius: 18px;
    margin-bottom: 20px;
}

.description_rcon {}

.description_rcon p {
    color: #848a94;
}

.btn_rcon_back {
    height: 45px;
    border: none;
    cursor: pointer;
    display: flex;
    transition: 0.2s;
    padding: 0px 23px;
    background: #3b3f49;
    font-weight: 600;
    color: #7f818d;
    font-size: 11.5px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.btn_rcon_back:hover {
    background: #484c58;
    color: #ffffff;
}


.padding_lang {
    padding: 10px 0px;
}

.fixed_wiget_inv {
    display: block;
    height: 135px;
    position: absolute;
    z-index: 11;
    width: 300px;
}

.row_widget {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.block_left_winget {
    width: 100%;
}

.block_right_winget {
    width: 100%;
}

.disp_widget {
    padding: 25px;
    border-radius: 20px;
    border: solid 1px #50565fc9;
    backdrop-filter: blur(3px);
    background: linear-gradient(1deg, #41424969 30%, #636a7591 100%);
    height: 100%;
    font-size: 12px;
    color: #878c97;
    font-weight: 600;
}

.disp_widget b {
    font-size: 12px;
    color: #b4b7bf;
    font-weight: 600;
}

.block_head_widget {
    margin-bottom: 15px;
    border-radius: 10px;
    color: #fff;
    gap: 10px;
    display: flex;
    font-size: 17px;
    font-weight: 600;
    align-items: center;
}

.btn_server_play_cog {
    display: flex;
    align-items: center;
    gap: 8px;
}

.referal_block_setting {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.activity-rewards {
    box-shadow: 0px 5px 10px #13151a4f;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
}

#activity-rewards {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.invis_case {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.back_img_chat {
    margin-right: 10px;
    padding: 3px;
    display: flex;
    border-radius: 50px;
    height: fit-content;
    background: #ffffff00;
    align-items: center;
    justify-content: center;
}

.now_online_server {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: flex;
    height: 60px;
    position: absolute;
    width: 60px;
    z-index: 1;
    transition: .2s all;
    font-size: 13px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.circle-bg {
    fill: none;
    stroke: #505561;
    stroke-width: 5;
}

.circle-progress {
    fill: none;
    stroke-width: 5;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.5s ease;
}

.error_block {
    display: flex;
    height: 300px;
    justify-content: center;
}

.flex_server_info {
    font-weight: 600;
    max-width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.server_info_monitoring {
    color: #9096a6;
    display: flex;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 0px;
    flex-direction: column;
    font-size: 10.7px;
}

.connect_server {
    text-transform: uppercase;
    font-size: 10.9px;
    color: #8d909d;
    margin-top: 5px;
    border-bottom: dashed 1px;
}

.connect_server:hover {
    color: #ffff !important;
}

.player_number_info {
    display: flex;
    position: relative;
    height: 30px;
    width: 90px;
    background: #ffa47038;
    align-items: center;
    font-size: 11px;
    color: #ffb185;
    font-weight: 600;
    border-radius: 50px;
    justify-content: center;
}

.name_server_info {
    font-size: 16px;
    text-align: center;
}

.info_server {
    position: relative;
    z-index: 1;
    font-weight: bold;
    display: flex;
    gap: 7px;
    flex-direction: column;
    align-items: center;
}

.gradient_server_info {
    display: block;
    height: 201px;
    margin-top: -200px;
    margin-bottom: -25px;
    position: relative;
    background: linear-gradient(1deg, #2e3239 6%, #2d3138b8 100%);
}

.server_info {
    width: 100%;
    display: flex;
    background-size: cover !important;
    height: 200px;
    background: #393d50;
    justify-content: center;
    align-items: center;
}

.position_player {
    color: #ffa470 !important;
    font-size: 11px !important;
    border-radius: 9px;
    width: 35px !important;
    display: flex !important;
    height: 35px;
    left: 1px !important;
    position: absolute !important;
    background: #ffa47038;
    top: 8px !important;
    align-items: center;
    justify-content: center;
}

.signature_forum {
    margin-bottom: 0px;
}

.signature_forum p {
    margin-bottom: 0px;
    color: #8a909b;
    font-size: 11px;
    text-align: left;
    text-overflow: ellipsis;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    margin-top: -2px;
}


.block_edit_user {
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 5px 10px #13151a4f;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.flip-tr_edit {
    background: #3d4149;
    padding: 10px 20px;
    display: flex;
    border-radius: 11px;
    margin-bottom: 7px;
    flex-direction: column;
}

.theme_info_forum {
    width: 140px;
}

.user_info_forum {
    display: flex;
    gap: 10px;
    transition: 0.2s;
    border-radius: 50px;
    padding: 8px 18px;
    background: linear-gradient(1deg, #585e6896 30%, #585e68 100%);
    align-items: center;
}

.user_info_forum:hover {
    opacity: 0.7;
}

.center_message_support {
    display: flex;
    gap: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #757a85;
    flex-direction: column;
    align-items: center;
}

.btn_ticket_support {
    padding: 12px;
    background: #3d4149;
    border-radius: 13px;
    display: flex;
    gap: 6px;
}

.close_ticket {
    border: none;
    color: #ffffff;
    font-weight: 600;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    border-radius: 10px;
    padding: 14px 25px;
    transition: 0.2s;
}

.close_ticket:hover {
    opacity: 0.7;
}

.delete_ticket:hover {
    opacity: 0.7;
}

.delete_ticket {
    border: none;
    color: #ffffff;
    font-weight: 600;
    background: linear-gradient(0deg, #555a64a6 30%, #555a64 100%);
    border-radius: 10px;
    padding: 14px 25px;
    transition: 0.2s;
}

.demo_btn_ticket {
    background: #87aaa536;
    padding: 14px 25px;
    display: flex;
    color: #8daaa5;
    transition: 0.2s;
    font-size: 11.5px;
    border-radius: 10px;
    width: fit-content;
}

.demo_btn_ticket:hover {
    background: #87aaa56b;
    color: #ffffff;
}

.comment_ticket {
    padding: 17px;
    background: #444951;
    border-radius: 13px;
    padding-bottom: 1px;
    line-height: 16px;
    margin-bottom: 15px;
    font-size: 11px;
}

.demo_ticket {
    padding: 17px;
    background: #444951;
    border-radius: 11px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #9c9fa8e6;
    display: block;
    font-size: 11px;
}

.div_edit_user_right {
    width: 100%;
}

.div_edit_user_left {
    width: 100%;
}

.find_succes_complaint {
    padding: 0px 15px;
    margin-top: 10px;
    margin-bottom: 16px;
}

.block_complaints {
    border-radius: 20px;
    padding: 17px;
    margin-bottom: 20px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    padding-bottom: 12px;
}

.block_complaints1 {
    border-radius: 20px;
    background: linear-gradient(1deg, #282b3b 30%, #303345 100%);
    padding: 0px 15px;
    margin-bottom: -10px;
    padding-bottom: 12px;
}

.small_us_av {
    height: 15px;
    width: 15px;
    border-radius: 50px;
    margin-right: 3px;
}

.status_block i {
    color: #828490;
    font-size: 20px;
    left: -4px;
    top: 1px;
    position: relative;
}

.status_block span {
    color: #ffffff;
    font-size: 12px;
    margin-left: 8px;
    top: -3px;
    position: relative;
}

.left_my_stores {
    width: 50%;
    background: linear-gradient(1deg, #414559a6 30%, #4b4f64 100%);
    border-radius: 15px;
}

.block_my_stores {
    border-radius: 20px;
    padding: 20px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    margin-bottom: 20px;
}

.block_support_add {
    border-radius: 20px;
    padding: 20px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    padding-top: 27px;
}

.noty_block_success {
    background: linear-gradient(1deg, #73989247 0%, #7398925e 55%);
    padding: 25px;
    border: dashed 1px #7c9f99a1;
    margin-bottom: 20px;
    display: flex;
    line-height: 21px;
    flex-direction: column;
    border-radius: 15px;
}

.noty_block_error {
    background: linear-gradient(1deg, #b97c7c3b 0%, #b97c7c5e 55%);
    padding: 25px;
    border: dashed 1px #b97c7c;
    margin-bottom: 20px;
    display: flex;
    line-height: 21px;
    flex-direction: column;
    border-radius: 15px;
}

.text_succes_purse {
    font-weight: bold;
    font-size: 16px;
    color: #accbc7;
}

.text_error_purse {
    font-weight: bold;
    font-size: 16px;
    color: #f39191;
}

.text_info_purse {
    font-weight: bold;
    font-size: 11px;
}

.login_purse_info {}

.category_content {
    font-weight: bold;
    font-size: 11px;
    color: #9699ae;
    margin-top: 18px;
}

.select_content {
    display: flex;
    position: relative;
    letter-spacing: 1px;
    width: 210px;
    gap: 8px;
    padding: 6px 16px 6px 6px;
    background: rgb(255 112 94 / 17%);
    align-items: center;
    font-size: 9.5px;
    color: rgb(255 146 122);
    font-weight: 600;
    border-radius: 50px;
}

.select_content i {
    border-radius: 50%;
    color: rgb(255 143 120);
    font-size: 13px;
    display: flex;
    padding-left: 1px;
    width: 22px;
    height: 22px;
    background: rgb(231 135 116 / 31%);
    align-items: center;
    justify-content: center;
}

.text_top_content {
    font-size: 17px;
}

.desp_top_content {
    font-size: 11px;
    color: #818794;
}

.block_top_content {
    display: flex;
    flex-direction: column;
    line-height: 20px;
    border-radius: 17px;
    font-weight: bold;
    background: linear-gradient(1deg, #474c5696 30%, #474c56 100%);
    padding: 26px;
    margin-bottom: 15px;
}

.block_support_left {
    padding: 19px;
    gap: 12px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    max-height: 490px;
    width: 32%;
    display: flex;
    border-radius: 20px;
    flex-direction: column;
}

.btn_support {
    padding: 20px;
    background-size: cover;
    transition: .2s;
    display: flex;
    line-height: 16px;
    border-radius: 15px;
    cursor: pointer;
    flex-direction: column;
}

.btn_support:hover {
    opacity: 0.7;
}

.btn_support i {
    background: #4e545f;
    width: 40px;
    border: dashed 1px #666971;
    height: 40px;
    color: #9398a0;
    font-size: 18px;
    border-radius: 10px;
    display: flex;
    margin-bottom: 8px;
    align-items: center;
    justify-content: center;
}

.name_support_btn {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.desp_support_btn {
    font-size: 11px;
    font-weight: bold;
    color: #898e99;
}

.flex_btn_support {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.block_support_right {
    width: 68%;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    border-radius: 20px;
    padding: 20px;
}

.flex_block_forum_profile {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.forum_close_top {
    background: linear-gradient(23deg, #ff8383a6 0%, #ff8383 55%);
    text-shadow: #0000004a 1px 0 7px;
    width: 24px;
    height: 24px;
    display: flex;
    color: #ffffffe3;
    font-size: 12px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.forum_fixed_top {
    width: 24px;
    background: linear-gradient(34deg, #c77b56 0%, #ffb372 55%);
    text-shadow: #0000008a 1px 0 7px;
    height: 24px;
    display: flex;
    color: #ffffff;
    font-size: 12px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.forum_answer_top {
    padding: 2px 10px;
    gap: 4px;
    border: solid 1px #484c56;
    background: #40444e9c;
    display: flex;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50px;
    align-items: center;
}

.forum_answer_top i {
    font-size: 14px;
    color: #ffbf81;
    text-shadow: #ffbf81e6 1px 0 10px;
}

.forum_views_top {
    padding: 2px 10px;
    border: solid 1px #484c56;
    background: #40444e9c;
    gap: 4px;
    display: flex;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50px;
    align-items: center;
}

.forum_views_top i {
    font-size: 15px;
    color: #86b6ae;
    text-shadow: #86b6aefa 1px 0 10px;
    position: relative;
    top: -1px;
}

.forum_img_user {
    width: 35px;
    height: 35px;
    border-radius: 50px;
}

.flex_forum_user {
    display: flex;
    flex-direction: column;
    line-height: 16px;
}

.flex_forum_info_left {
    display: flex;
    gap: 18px;
    align-items: center;
}

.flex_forum_info_right {
    display: flex;
    border-radius: 12px;
    gap: 13px;
    padding-right: 10px;
    align-items: center;
}

.forum_img {
    width: 55px;
    height: 55px;
    border-radius: 12px;
    margin-left: 5px;
}

.flex_info_forum {
    display: flex;
    flex-direction: column;
    line-height: 18px;
    justify-content: center;
}

.forum_empty {
    border-radius: 50px;
    display: flex;
    margin-bottom: 0px;
    width: 100%;
    font-weight: bold;
    color: #979ca6;
    background: linear-gradient(1deg, #535863a8 30%, #5a5f6a 100%);
    font-size: 11px;
    padding: 14px 47px;
    align-items: center;
    justify-content: center;
}

.forum_name_user {
    font-size: 16px;
    position: relative;
    top: 3px;
    color: #8a909b;
}

.forum_name_theme {
    color: #fff;
    text-overflow: ellipsis;
    width: 135px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.forum_date {
    color: #8a909b;
    font-weight: bold;
    font-size: 11px;
}

.name_forum {
    font-size: 14px;
    color: #ffff;
}

.desp_forum {
    color: #8a909b;
    font-weight: bold;
    font-size: 11.5px;
}

.flex_user_full {
    display: flex;
    gap: 15px;
    align-items: center;
}

.user_avatar {
    width: 52px;
    height: 52px;
    position: relative;
    z-index: 1;
    border-radius: 12px;
}

.flex_user {
    display: flex;
    flex-direction: column;
    line-height: 19px;
    font-weight: bold;
}

.text_user {
    font-size: 13px;
}

.block_select_friends {
    padding: 13px 15px;
    border-radius: 50px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.block_select_support {
    padding: 13px 15px;
    border-radius: 50px;
    display: flex;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    margin-bottom: 10px;
    justify-content: space-between;
}

.desp_user {
    font-size: 11px;
}

.contacts_setting_block {
    padding: 18px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    border-radius: 20px;
    gap: 4px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.discount_block {
    background: linear-gradient(1deg, #ea7c7d1f 30%, #ea7c7d4f 100%);
    margin-bottom: 15px;
    border-radius: 15px;
    height: 80px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.discount_left {
    display: flex;
    gap: 10px;
    align-items: center;
}

.discount_left i {
    width: 40px;
    display: flex;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    font-size: 18px;
    min-width: 40px;
    border-radius: 10px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.discount_text_flex {
    display: flex;
    flex-direction: column;
    line-height: 17px;
}

.discount_text_h1 {
    font-weight: bold;
    font-size: 12px;
}

.number_referal {
    background: #5e636e;
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: auto;
    display: flex;
    font-weight: bold;
    font-size: 11px;
    color: #9ba0ab;
    margin-top: -27px;
    top: 25px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.referal_block_info {
    display: flex;
    background: linear-gradient(1deg, #494d5685 30%, #4e525d 100%);
    padding: 20px;
    border-radius: 17px;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.referal_block_info i {
    background: #e5768d33;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #ff9db2;
    margin-bottom: 10px;
    font-size: 19px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.text_bans {
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
    letter-spacing: 1px;
}

.info_text_bans {
    text-transform: uppercase;
    font-weight: bold;
    background: linear-gradient(1deg, #ff9b690d 30%, #ff9b6938 100%);
    font-size: 10.6px;
    backdrop-filter: blur(3px);
    display: flex;
    padding-bottom: 11px;
    color: #fff;
    height: 45px;
    border-radius: 16px 16px 0px 0px;
    width: 230px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.info_text_bans_r {
    text-transform: uppercase;
    font-weight: bold;
    background: linear-gradient(1deg, #fb8b8b14 30%, #fb8b8b2e 100%);
    font-size: 10.6px;
    backdrop-filter: blur(3px);
    display: flex;
    padding-bottom: 11px;
    color: #fff;
    height: 45px;
    border-radius: 16px 16px 0px 0px;
    width: 230px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.id_link {
    background: #ffffff29;
    padding: 10px 10px 10px 15px;
    border-radius: 11px;
    display: flex;
    font-weight: 600;
    font-size: 12px;
    justify-content: space-between;
    align-items: center;
}

.copy_ref {
    border: none;
    font-size: 15px;
    color: #ffffff;
    width: 30px;
    background: #ffffff40;
    border-radius: 7px;
    height: 30px;
    padding-top: 3px;
    transition: .2s all;
}

.copy_ref:hover {
    opacity: 0.7;
}

.icon-vk {
    background: #ffffff14;
    width: 47px;
    font-size: 19px;
    transition: .2s all;
    display: flex;
    color: #73767f;
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.icon-vk:hover {
    background: #07f;
    color: #ffffff;
}

.icon-tg {
    background: #ffffff14;
    width: 47px;
    font-size: 19px;
    transition: .2s all;
    display: flex;
    color: #8a8f9bb3;
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.icon-tg:hover {
    background: #2ba0d9;
    color: #ffffff;
}

.icon-ds {
    background: #ffffff14;
    width: 47px;
    font-size: 19px;
    transition: .2s all;
    display: flex;
    color: #8a8f9bb3;
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.icon-ds:hover {
    background: #5865f2;
    color: #ffffff;
}

.multiple-items {
    margin-left: -8px;
}

.multiple-items .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    border-radius: 50px;
    padding: 0;
}

.flex_notif {
    display: flex;
    gap: 15px;
}

.info_user_profile {
    color: #858b99;
    font-weight: bold;
    transition: 0.2s;
    font-size: 11px;
    border-bottom: dashed 1px #858b99;
}

.info_user_profile:hover {
    color: #ffffff;
    border-bottom: dashed 1px #ffffffa1;
}

.flex_img_with_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hello_sidebar {
    color: #7c8089;
}

.icon_buy {
    font-size: 18px;
    margin-left: 8px;
    top: 2px;
    position: relative;
}

.head_privileges_store {
    padding: 10px;
    background: linear-gradient(1deg, #4f545fad 30%, #5d6271 100%);
    border-radius: 13px;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
    align-items: center;
}

.head_privileges_store i {
    width: 38px;
    background: linear-gradient(1deg, #666a77ab 30%, #666a77 100%);
    display: flex;
    height: 38px;
    color: #9c9fa8;
    font-size: 17px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.flex_yes_or_no {
    display: flex;
}

#store_service_info {
    padding: 0px 10px;
}

.editing_admins_full {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.editing_admins_full_btns {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.btn_editing_admins {
    border: none;
    background: linear-gradient(0deg, #4b5059a6 30%, #545963 100%);
    font-weight: 600;
    height: 42px;
    transition: 0.2s;
    width: 150px;
    border-radius: 9px;
    color: #fff;
}

.btn_editing_admins:hover {
    opacity: 0.7;
}

.block_editing_admins {
    padding: 6px;
    border-radius: 10px;
    background: linear-gradient(270deg, #52577000 10%, #3d4149 100%);
    display: flex;
    padding-left: 20px;
    align-items: center;
    justify-content: space-between;
}

.new_table_forum {
    display: flex;
    align-items: center;
    background: linear-gradient(1deg, #41464fa8 30%, #41464f 100%);
    border-radius: 15px;
    gap: 30px;
    padding: 15px 20px;
    margin-bottom: 10px;
    justify-content: space-between;
}

.new_table_forum .btn-default {
    width: 55px;
    display: flex !important;
    transition: 0.2s !important;
    background: linear-gradient(26deg, #375955 0%, #668782 55%) !important;
    height: 55px !important;
    color: #ffff !important;
    border-radius: 12px !important;
    justify-content: center;
}

.new_table_forum .btn-default i {
    color: #ffff !important;
    font-size: 17px !important;
}

.new_tr_forum {
    display: flex;
    gap: 10px;
    width: 250px;
    line-height: 18px;
    align-items: center;
}

.new_tr_forum_btn {
    display: flex;
    gap: 6px;
    line-height: 18px;
    align-items: center;
}

.forum_btn_flex_theme {
    display: flex;
    gap: 6px;
    line-height: 18px;
    margin-top: -5px;
    align-items: center;
    margin-bottom: 30px;
}

.new_table_privileges {
    background: #3d4149;
    display: flex;
    align-items: center;
    border-radius: 11px;
    gap: 30px;
    padding: 15px 20px;
    margin-bottom: 10px;
}

.new_tr_privileges {
    display: flex;
    flex-direction: column;
    width: 150px;
    line-height: 18px;
}

.name_table_new {
    color: #7e828b;
}

.text_table_new {
    font-size: 12px;
}

.timer_new_privileges {
    background: #fff0;
    border: none;
    color: #ffff;
    font-size: 12px;
    font-weight: bold;
}

.flex_flags_new {
    display: flex;
    align-items: center;
    border: solid 1px #50545d;
    padding: 7px;
    border-radius: 50px;
}

.info_privileges_store {
    padding: 18px;
    background: linear-gradient(17deg, #45495194 30%, #444954 100%);
    border-radius: 18px;
    height: 100%;
    font-size: 11px;
}

.text_table_new_one {
    font-size: 12px;
    text-overflow: ellipsis;
    width: calc(100% - 45px);
    overflow: hidden;
    white-space: nowrap;
}

.btn_flags {
    border: none;
    transition: 0.2s;
    margin-right: 4px;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    color: #fff;
    font-size: 15px;
    display: flex;
    width: 24px;
    border-radius: 50%;
    height: 24px;
    align-items: center;
    justify-content: center;
}

.btn_flags:hover {
    opacity: 0.7;
}

.cont_s_text_setting {
    color: #b4bae8;
    font-size: 11px;
}

.cont_text_setting {
    color: #add2ff;
    font-size: 11px;
}

.cont_desp_setting {
    font-size: 11px;
}

.block_admins_privileges {}

.flex_text_priv {
    display: flex;
    line-height: 18px;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
}

.flex_text_complaint {
    display: flex;
    line-height: 16px;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
}

.flex_head_complaint {
    display: flex;
    margin-bottom: 10px;
    padding-top: 9px;
    justify-content: space-between;
    align-items: center;
}

.flex_head_privileges {
    display: flex;
    margin-bottom: 10px;
    padding-top: 9px;
    justify-content: space-between;
    align-items: center;
}

.text_flex_privileges {
    font-size: 16px;
    color: #fff;
}

.desp_flex_privileges {
    color: #7d7f85;
    font-size: 12px;
}

.text_flex_complaint {
    font-size: 14px;
    color: #fff;
}

.desp_flex_complaint {
    color: #858997e6;
    font-size: 11px;
}

.col-lg-2 li {
    list-style-type: none;
    line-height: 0px;
    margin-bottom: 3px;
}

.case_soderjimoe {
    margin-bottom: 20px;
    background: #ffffff0f;
    padding: 16px;
    display: flex;
    gap: 15px;
    border-radius: 12px;
    align-items: center;
}

.case_soderjimoe i {
    font-size: 19px;
    color: #ffffff;
    background: #ffffff1f;
    display: flex;
    height: 40px;
    border-radius: 9px;
    width: 40px;
    align-items: center;
    justify-content: center;
}

.button_player1 {
    border: none;
    background: #293651;
    padding: 8px 20px;
    color: #4d5c7b;
    margin-left: -11px;
    font-weight: 600;
    font-size: 10.5px !important;
    border-radius: 8px;
    transition: 0.2s;
}

.button_player1:hover {
    border: none;
    background: #2f3d59;
    padding: 8px 20px;
    color: #ffffff;
    margin-left: -11px;
    font-weight: 600;
    font-size: 10.5px !important;
    border-radius: 8px;
    transition: 0.2s;
}

.success {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    background: #18233a;
}

#chat #chat_messages,
#chat #messages {
    overflow-y: auto;
    width: calc(100% - 10px);
    height: 400px !important;
    margin-left: 7px;
}

.block_select_servers {
    padding: 13px;
    border-radius: 50px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    margin-bottom: 20px;
}

.block_select_servers_blocked {
    padding: 13px 14px;
    border-radius: 50px;
    display: flex;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    margin-bottom: 20px;
    justify-content: space-between;
}

.bar_top {
    width: fit-content;
    background: linear-gradient(237deg, #3a3e4459 60%, #e6778e26 100%);
    font-size: 10.5px;
    border: solid 1px #3b3e46;
    padding: 8px;
    gap: 4px;
    backdrop-filter: blur(2px);
    display: flex;
    color: #6c79a3;
    border-radius: 50px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
}

.tune_complain {
    border: none;
    background: #293651;
    padding: 10px 15px;
    color: #4d5c7b;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 11px !important;
    border-radius: 8px;
    transition: 0.2s;
}

.tune_complain:hover {
    border: none;
    background: #313f5c;
    padding: 10px 15px;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 11px !important;
    border-radius: 8px;
    transition: 0.2s;
}

.posetili {
    height: 254px;
    overflow: auto;
    padding-right: 5px;
}

.button_admins {
    height: 40px;
    border: none;
    display: flex;
    margin-right: 6px;
    transition: 0.2s;
    background: #2a3854;
    font-weight: 600;
    color: #ffffff;
    border-radius: 9px;
    padding: 0px 26px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.button_admins:hover {
    height: 40px;
    border: none;
    display: flex;
    transition: 0.2s;
    margin-right: 6px;
    background: #334362;
    font-weight: 600;
    color: #ffffff;
    border-radius: 9px;
    padding: 0px 26px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.razban1 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #273451;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.razban1:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #2f3d5d;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.razban2 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #4f9a52;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.razban2:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #438746;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.razban3 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #f15454;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.razban3:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #d03e3e;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.razban4 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #f19854;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.razban4:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #ce7e41;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #ffffff;
    transition: 0.2s;
}

.block_t_u {
    padding: 17px;
    border-radius: 17px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 10px #13151a4f;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
}

.version_fixed {
    font-weight: 600;
    color: #5c5e68;
    position: fixed;
    bottom: 10px;
    font-size: 9px;
    left: 20px;
}

.button_right_menu {
    width: 45px;
    padding-left: 5px;
    transition: 0.2s;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    color: #718fcb;
    border-radius: 50px 0px 0px 50px;
    overflow: hidden;
    margin-right: -8px;
    line-height: 0px;
    display: flex;
    font-size: 17px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.button_right_menu:hover {
    width: 45px;
    padding-left: 5px;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    transition: 0.2s;
    color: #ffffff;
    border-radius: 50px 0px 0px 50px;
    overflow: hidden;
    margin-right: -8px;
    line-height: 0px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.button_right_menu1 {
    width: 45px;
    transition: 0.2s;
    padding-right: 2px;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    font-size: 17px;
    color: #718fcb;
    border-radius: 0px 50px 50px 0px;
    overflow: hidden;
    line-height: 0px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.button_right_menu1:hover {
    width: 45px;
    padding-right: 2px;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    transition: 0.2s;
    color: #ffffff;
    border-radius: 0px 50px 50px 0px;
    overflow: hidden;
    line-height: 0px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.fire_top {
    width: 34px !important;
    background: #ff957329;
    border-radius: 8px;
    height: 34px;
    padding: 8px;
}

.block_servers {
    height: 190px;
}

.online_servers_full {
    background: #212d47;
    display: flex;
    padding: 0px 10px 0px 10px;
    flex-wrap: nowrap;
    border-radius: 10px;
    height: 45px;
    justify-content: space-between;
    align-items: center;
}

.online_servers_full span {
    color: #fff;
    font-weight: 600;
    font-size: 11.5px;
    display: flex;
    align-items: center;
}

.button_cases {
    background: #272f42;
    width: 100%;
    height: auto;
    border-radius: 13px;
}

.button_sortion .bx-crown {
    display: flex;
    padding-left: 1px;
    background: linear-gradient(34deg, #15c8f6 0%, rgb(71 166 255) 55%);
    height: 36px;
    font-size: 16px;
    width: 36px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}

.button_sortion .bx-trophy {
    display: flex;
    padding-left: 1px;
    background: linear-gradient(34deg, #ae6244 0%, #e59474 55%);
    height: 36px;
    font-size: 16px;
    width: 36px;
    color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}

.menuq {
    background: #212d4700;
    width: 100px;
    display: flex;
    height: auto;
    transition: 0.2s;
    gap: 9px;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
}

.button_sortion {
    width: 100%;
    background: #283d65;
    overflow: hidden;
    position: relative;
    display: flex;
    padding: 15px;
    height: auto;
    transition: 0.2s;
    border-radius: 15px;
    flex-direction: column;
    justify-content: space-between;
}

.open_open {
    font-size: 10px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    width: fit-content;
    line-height: 15px;
    height: 15px;
    color: #6e8bc4;
    margin-top: 2px;
    border-radius: 50px;
}

.news_admin {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
}

.news_edit_news {
    display: flex;
    transition: 0.1s;
    background: #28304300;
    border: solid 1px #24304b;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #414f6d !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
}

.news_edit_news:hover {
    display: flex;
    transition: 0.1s;
    border: solid 1px #212d47;
    background: #212d47;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #ffffff !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
}

.news_delete_news {
    display: flex;
    transition: 0.1s;
    background: #212d47;
    border: solid 1px #212d47;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #5a6a8c !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
}

.news_delete_news:hover {
    display: flex;
    transition: 0.1s;
    background: #283652;
    border: solid 1px #283652;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #ffffff !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
}

.news_info {
    display: flex;
    width: 180px;
    background: linear-gradient(1deg, #3a3e46 30%, #484d58 100%);
    padding: 14px;
    border-radius: 15px;
    height: 100%;
    flex-direction: column;
}

.text_info_news {
    color: #5a6a8c;
    font-size: 11px;
    font-weight: 600;
    gap: 7px;
    display: flex;
    align-items: center;
}

.text_info_news i {
    color: #ffffff;
    font-size: 13px;
    font-weight: 100;
    background: linear-gradient(34deg, #c85353 0%, rgb(255 105 105) 55%);
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
}

.text_info_news .bx-time {
    color: #5d6d8e;
    font-size: 13px;
    font-weight: 100;
    background: linear-gradient(213deg, #384665 0%, rgb(51 65 95) 55%);
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
}

.menu_top_push_active {
    display: flex;
    font-weight: 600;
    background: linear-gradient(237deg, #676d7c 0%, #4a4e58 55%);
    transition: 0.2s;
    cursor: pointer;
    align-items: center;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    justify-content: center;
}

.menu_top_push_active:hover {
    opacity: 0.7;
}

.menu_top_push_active i {
    color: #989da8;
    font-size: 16px;
    transition: 0.2s;
}

.menu_top_push {
    background: #414b6100;
    padding: 10px 15px;
    display: flex;
    color: #6278ae;
    font-weight: 600;
    gap: 7px;
    transition: 0.2s;
    cursor: pointer;
    align-items: center;
    border-radius: 9px;
}

.menu_top_push:hover {
    background: #2e374c00;
    padding: 10px 15px;
    display: flex;
    color: #ffffff;
    font-weight: 600;
    gap: 7px;
    transition: 0.2s;
    align-items: center;
    border-radius: 9px;
}

.menu_top_push:hover .line_menu {
    background: #6169ff;
    width: 35%;
    box-shadow: 0px 0px 7px #4f5eff;
    height: 2.1px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}

.menu_top_push:hover i {
    color: #666fff;
    font-size: 16px;
    transition: 0.2s;
}

.menu_top_push i {
    color: #6278ae;
    font-size: 16px;
    transition: 0.2s;
    margin-left: -3px;
}

.menu_top_left {
    display: flex;
    position: relative;
}

.menu_top_left1 {
    display: flex;
    position: relative;
    margin-left: -3px;
    top: -1px;
}

.menu_top_rigth {
    display: flex;
    gap: 6px;
}

.search_user {
    background: #20294700;
    font-size: 10.8px;
    color: #727780;
    padding: 6px 25px 6px 8px;
    border: solid 1px #3e434d;
    cursor: pointer;
    float: left;
    position: relative;
    display: flex;
    margin-left: 20px;
    top: 16px;
    transition: 0.2s;
    height: 45px;
    font-weight: 600;
    border-radius: 50px;
    align-items: center;
}

.search_user:hover {
    background: #3b3f47;
    border: solid 1px #3b3f47;
    color: #ffffff;
}

.search_user:hover .svg_sdg {
    font-size: 13px;
    width: 31px;
    background: #515661;
    transition: 0.2s;
    height: 31px;
    display: flex;
    fill: #7f8492;
    margin-right: 10px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.two_top_menu {
    border-radius: 505px;
    padding: 9px 11px 9px 11px;
    box-shadow: 0px 10px 10px #00000012;
    display: flex;
    background: linear-gradient(0deg, #2b2e35 30%, #3b3f49 100%);
    margin-bottom: 20px;
    position: relative;
    border: solid 1px #3a3e47;
    margin-top: -28px;
    justify-content: space-between;
    align-items: center;
}

.button_plus_purse {
    transition: 0.2s;
    display: flex;
    padding: 0px 19px;
    border-radius: 8px;
    background: linear-gradient(0deg, #4f525d 30%, #5a5e6a 100%);
    cursor: pointer;
    font-size: 10.5px;
    color: #ffffff;
    height: 34px;
    align-items: center;
    justify-content: center;
}

.button_plus_purse:hover {
    transition: 0.2s;
    opacity: 0.7;
}

.version {
    background: #212d47;
    border-radius: 12px;
    display: flex;
    padding: 0px 12px;
    padding-right: 20px;
    align-items: center;
}

.version i {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    padding-right: 1px;
    display: flex;
    background: linear-gradient(237deg, #ffb875 0%, rgb(218 151 95) 55%);
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}

.button_bottom_left {
    height: 45px;
    transition: 0.2s;
    border: none;
    margin-right: 6px;
    background: #24304c;
    font-weight: 600;
    color: #ffffff;
    font-size: 11px;
    border-radius: 9px;
    padding: 0px 26px;
    cursor: pointer;
}

.button_bottom_left:hover {
    height: 45px;
    transition: 0.2s;
    border: none;
    margin-right: 6px;
    background: #2b3856;
    font-weight: 600;
    color: #ffffff;
    font-size: 11px;
    border-radius: 9px;
    padding: 0px 26px;
    cursor: pointer;
}

.bottom_water_info {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom_water_info_right {
    display: flex;
    flex-direction: row-reverse;
    background: #212d47;
    border-radius: 12px;
    padding: 12px 0px;
    align-items: center;
}

.bottom_new {
    background: #18233a;
    border-radius: 15px;
    margin-top: 10px;
    padding: 30px;
    margin-bottom: 30px;
}

.left_bottom_logo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.bottom_info {
    background: #2d303a00;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo_button {
    width: 66px;
    height: 66px;
    transition: 0.2s;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 10px;
}

.logo_button:hover {
    opacity: 0.7;
}

.shield_bottom {
    color: #6d6e78;
}

.bottom_info_left {
    display: flex;
    flex-direction: column;
    font-size: 11.5px;
    font-weight: 600;
}

.block_mini_profile {
    border-radius: 17px;
    padding: 15px 16px;
    margin-bottom: 30px;
    background: linear-gradient(1deg, #272a39 30%, #2c2f3f 100%);
    position: relative;
}

.block_authorization {
    border-radius: 16px;
    display: flex;
    flex-wrap: nowrap;
    background: linear-gradient(247deg, #1e2a42 0%, #18233a 20%);
}

.authorization_img {
    background: #212e49;
    width: 80%;
    border-radius: 16px 0px 0px 16px;
}

.authorization_plaza {
    display: flex;
    width: 100%;
    margin: 24px;
    justify-content: center;
}

.chat_block {
    display: flex;
    flex-direction: row;
    box-shadow: 0px 5px 10px #13151a4f;
    padding: 17px;
    background: linear-gradient(1deg, #2c2f36 30%, #2e3239 100%);
    padding-bottom: 0px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.users_online_chat {
    width: 45%;
    margin-right: 10px;
    padding: 0px;
    gap: 9px;
    display: flex;
    flex-direction: column;
}

.btn_heading i {
    height: 45px;
    border: none;
    width: 45px;
    transition: 0.2s;
    margin-right: 6px;
    background: #2d3d62;
    font-weight: 600;
    color: #ffffff;
    font-size: 11px;
    border-radius: 13px;
}

.btn_heading {
    height: 45px;
    border: none;
    width: 45px;
    cursor: pointer;
    transition: 0.2s;
    background: #3b3f49;
    font-weight: 600;
    color: #7f818d;
    font-size: 20px;
    border-radius: 13px;
}

.btn_heading:hover {
    height: 45px;
    border: none;
    width: 45px;
    transition: 0.2s;
    background: #484c58;
    font-weight: 600;
    color: #ffffff;
    font-size: 20px;
    border-radius: 13px;
}

.btn_heading_full {
    height: 45px;
    border: none;
    cursor: pointer;
    display: flex;
    transition: 0.2s;
    padding: 0px 23px;
    background: #3b3f49;
    font-weight: 600;
    color: #7f818d;
    font-size: 11.5px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.btn_heading_full:hover {
    background: #484c58;
    color: #ffffff;
}

.btn_admin_stn {
    height: 45px;
    border: none;
    cursor: pointer;
    display: flex;
    width: 45px;
    transition: 0.2s;
    padding: 0px 23px;
    background: #42474f;
    font-weight: 600;
    color: #777c85;
    font-size: 19px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.btn_admin_stn:hover {
    background: #4f545d;
    color: #ffffff;
}

.button_mess_user {
    background: #272f42;
    width: 35px;
    height: 35px;
    display: flex;
    font-size: 15px;
    color: #4f5a6f;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.button_mess_user:hover {
    background: #2d364b;
    width: 35px;
    height: 35px;
    display: flex;
    font-size: 15px;
    color: #ffffff;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.news_view_osn {
    font-size: 10.5px;
    display: flex;
    font-weight: 600;
    padding: 5px 14px;
    text-align: center;
    float: right;
    position: relative;
    top: -7px;
    line-height: 24px;
    margin-right: -7px;
    color: #6e7a91;
    align-items: center;
}

.news-block-info {
    padding: 0px;
    bottom: 15px;
    position: absolute;
    background: #fff0;
    width: -webkit-fill-available;
    margin-bottom: 30px;
    border-radius: 0px;
}

.news-block-imgg {
    padding: 13px;
    width: 100%;
    height: 270px;
    background: #fff0;
    display: flex;
    border-radius: 15px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.news-block-imgg span {
    display: flex;
    position: relative;
    letter-spacing: 1px;
    gap: 10px;
    padding: 6px 16px 6px 7px;
    background: #e5778c29;
    align-items: center;
    font-size: 10px;
    color: rgb(255 144 155);
    font-weight: 600;
    border-radius: 50px;
}

.news-block-imgg span i {
    border-radius: 50%;
    font-size: 13px;
    color: rgb(255 255 255);
    display: flex;
    padding-left: 1px;
    width: 26px;
    height: 26px;
    background: rgb(251 143 153 / 27%);
    align-items: center;
    justify-content: center;
}

.news_delete {
    background: #00000029;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    border: none;
    height: 39px;
    margin-left: 6px;
    width: 39px;
    position: relative;
    float: right;
    transition: .2s all;
    border-radius: 10px;
}

.news_delete:hover {
    background: #00000045;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    height: 39px;
    margin-left: 6px;
    width: 39px;
    position: relative;
    float: right;
    transition: .2s all;
    border-radius: 10px;

}

.punkt_news {
    font-size: 11px;
    font-weight: 600;
    background: #272f428f;
    padding: 13px;
    line-height: 13px;
    height: 49px;
    display: block;
    margin-top: 5px;
    border-radius: 10px;
}

.punkt_news i {
    height: 30px;
    color: #fff;
    background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    position: relative;
    line-height: 31px;
    text-align: center;
    top: -3px;
    width: 30px;
    font-size: 13px;
    float: left;
    margin-right: 10px;
}

.news_delete:active {
    background: #00000045;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    height: 39px;
    margin-left: 6px;
    width: 39px;
    position: relative;
    float: right;
    transition: .2s all;
    border-radius: 10px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}


.news-data {
    padding: 10px 0px;
    margin-top: 20px;
    font-size: 11px;
    margin-bottom: 30px;
    font-weight: 600;
    border-radius: 0px;
    border-bottom: solid 1px #383e4e9c;
    background: #fff0;
    border-top: solid 1px #383e4e9c;
}

.bottom_buttons {
    display: flex;
    align-items: center;
}

.nav_bottom_soc {
    background: #ffffff00;
    gap: 13px;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.span_number {
    border-radius: 50px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    box-shadow: 0px 0px 20px #66878200;
    max-width: fit-content;
    transition: .2s all;
    display: flex;
}

.name_stats {
    font-size: 11px;
    color: #999daf;
}

.span_number small {
    font-weight: 600;
    font-size: 9px;
    padding: 0px 7px;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    border-radius: 50px;
    margin-left: 6px;
    position: relative;
    display: flex;
    height: 16px;
    box-shadow: 0px 0px 30px #eb7e7c82;
    color: #fff;
    align-items: center;
    justify-content: center;
}


.span_text {
    font-weight: 600;
    font-size: 9.5px;
    transition: .2s all;
    letter-spacing: 1px;
    font-family: inherit;
    position: relative;
    color: #60667f;
}

.razrabotal {
    float: right;
    font-size: 10.8px;
    line-height: 17px;
    margin-right: 2px;
    top: 4px;
    position: relative;
}

.stats_mini_block {
    display: flex;
    height: 60px;
    width: 96%;
    padding: 0px 12px;
    background: #3d4155;
    transition: .2s all;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 10px;
    align-items: center;
    justify-content: space-between;
}

.stats_mini_block:hover {
    opacity: 0.8;
}

.online5 {
    position: relative;
    width: 15px;
    height: 15px;
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.online5::before,
.online5::after {
    border: 2px solid #5086ff21;
    border-radius: 50%;
    position: absolute;
    content: '';
    display: block;
}

.online5::before {
    width: 6px;
    height: 6px;
    border-bottom-color: #5086ff;
    border-left-color: #5086ff;
    animation: spinner-1o3y8q 0.75s infinite linear reverse;
}

.online5::after {
    animation: spinner-1o3y8q 1.5s infinite linear;
    height: 14px;
    width: 14px;
    border-right-color: #5086ff;
    border-top-color: #5086ff;
}

.top_mecenat {
    padding: 16px 20px;
    font-weight: 600;
    background: #272f428f;
    margin: -4px 0px 10px;
    padding-left: 78px;
    font-size: 11.5px;
    border-radius: 11px;
}

.bottom_inf {
    display: flex;
    align-items: center;
}

.info_button {
    line-height: 0px;
    font-weight: 600;
    margin-left: 15px;
    position: relative;
    top: 2px;
    font-size: 11px;
}

.h2_button {
    font-weight: 600;
    font-size: 10.5px;
    right: 1px;
    position: relative;
    line-height: 16px;
    color: #6e7a91;
    top: -3px;
}

.author {
    color: #80838b;
    font-size: 11.4px !important;
    transition: .2s all;
}

.logo {
    width: 81px;
    float: left;
    height: 81px;
    position: relative;
    margin-left: 2px;
    cursor: pointer;
    transition: .20s all;
}

.logo:hover {
    opacity: 0.7;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: .20s all;
}

.author:hover {
    color: #ffffff;
}

.navigation_head {
    border-radius: 13px 13px 0px 0px;
    transition: .2s all;
    background: linear-gradient(1deg, #434650 30%, #4c515b 100%);
    box-shadow: 0px 5px 10px #3d405329;
    height: 56px;
    padding: 11px 18px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification_collapse {
    padding: 0px;
    width: 70% !important;
    margin-bottom: 0px;
    background: #fff0;
    line-height: 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.notification_all_uved {
    color: #7e838e;
    font-weight: 600;
    text-align: center;
    font-size: 11px !important;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: -8px;
    position: relative;
    padding: 11px 20px;
    border: solid 1px #4d525d;
    border-radius: 10px;
    transition: .2s all;
}

.notification_all_uved:hover {
    border: solid 1px #474d57;
    color: #ffffff;
    background: #474d57;
}

.notification_delete_all {
    color: #878b94;
    font-weight: 600;
    font-size: 17px !important;
    width: auto !important;
    border: none;
    background: none;
    transition: .2s all;
}

.notification_delete_all:hover {
    color: #ffffff;
}

.discord_contact {
    background: #5865f2;
    width: 34px;
    display: block;
    float: left;
    position: relative;
    top: -2px;
    font-size: 16px;
    line-height: 37px;
    height: 34px;
    text-align: center;
    border-radius: 10px;
}

.vk_contact {
    font-size: 18px;
    width: 42px;
    transition: 0.2s;
    display: flex;
    color: #80828b;
    background: #454854;
    height: 42px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.vk_contact:hover {
    background: #0076ff;
    color: #ffff;
}

.tg_contact {
    font-size: 18px;
    width: 42px;
    transition: 0.2s;
    display: flex;
    color: #80828b;
    background: #454854;
    height: 42px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.tg_contact:hover {
    background: #3390ec;
    color: #ffff;
}

.steam_contact {
    font-size: 18px;
    width: 42px;
    display: flex;
    background: #42465c;
    height: 42px;
    border-radius: 11px;
    color: #777c96;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

.steam_contact:hover {
    background: #53567f;
    color: #ffff;
}


.info_notification {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 35px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0px 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #353e52;
    background: #353e52;
    transition: .2s all;
}

.info_notification:hover {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 35px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0px 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #30394f;
    background: #30394f;
    transition: .2s all;
}

.info_notification:active {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 31px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0px 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #30394f;
    background: #30394f;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: .15s all;
}



.notification_img {
    border-radius: 9px;
    padding: 9px;
    background: linear-gradient(41deg, rgb(39 47 66) 0%, rgb(49 58 80) 55%);
    margin-top: 3px;
    margin-bottom: 30px;
    margin-right: 15px;
    width: 35px;
    float: left;
    height: 35px;
    margin-left: -10px;
    color: #fff;
}

.balance_mini_profile {
    background: #3e414a;
    padding: 8px 9px;
    border-radius: 12px;
    transition: .2s all;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info_navigation {
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    line-height: 16px;
    position: relative;
    align-items: flex-start;
}

.info_navigation .bx-ruble {
    color: #ffffff;
    font-weight: 500;
    background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
    font-size: 10px;
    padding: 3px 3px 3px 4px;
    border-radius: 5px;
    top: 1px;
    position: relative;
}

.navigation_profile {
    border-radius: 20px;
    background: linear-gradient(1deg, #2c2f36 30%, #343840 100%);
    transition: .2s all;
    gap: 11px;
    padding: 17px;
    box-shadow: 0px 5px 10px #13151a4f;
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
}

.navigation_profile .bxs-door-open {
    color: #ff7a70;
    transition: all 0.2s;
    background: #ff605424;
    width: 32px;
    border: solid 1px #ff665a3b;
    height: 32px;
    cursor: pointer;
    display: flex;
    position: relative;
    font-size: 15px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.navigation_profile .bxs-door-open:hover {
    background: #ff756b;
    color: #ffffff;
}

.topusers-block {
    padding: 0px;
    background: #fff0;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
    box-shadow: 0px 5px 10px #13151a00;
    justify-content: space-between;
}

.servers-online-block {
    opacity: 1;
    transition: .2s all;
    height: 57px;
    display: flex;
    width: 57px;
    min-width: 57px;
    margin-left: -4px;
    margin-right: 5px;
    border-radius: 50px;
    box-shadow: 0px 5px 10px #13151a0a;
    border: solid 4px #545966;
    margin-bottom: 0px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.servers-online-block:hover {
    opacity: 1;
    transition: .2s all;
    height: 57px;
    display: flex;
    width: 57px;
    margin-left: -4px;
    margin-right: 5px;
    border-radius: 50px;
    box-shadow: 0px 5px 10px #13151a0a;
    border: solid 4px #676c7a;
    margin-bottom: 0px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.servers-info-block {
    display: flex;
    height: 90px;
    padding: 0px 15px 2px 15px;
    border-radius: 16px;
    background-size: cover !important;
    box-shadow: inset 120px 10px 100px 10px #3d414b;
    border: solid 1px #444854;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 8px;
    align-items: center;
}

.servers-info-block .bx-cog {
    font-size: 15px;
    width: 37px;
    position: relative;
    height: 37px;
    display: flex;
    background: #ffffff08;
    transition: 0.2s;
    color: #ffffff6b;
    border: solid 1px #ffffff1c;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.servers-info-block .bx-cog:hover {
    color: #ffffff;
    background: #ffffff29;
    border: solid 1px #ffffff85;
}

.servers-info-block .bx-heart:active {
    width: 24px;
    height: 24px;
    padding-right: 1px;
    display: flex;
    background: #ff6b7c;
    cursor: pointer;
    color: #ffffff;
    border: solid 1px #ff6b7c;
    transition: 0.2s;
    font-size: 12px;
    padding-left: 2px;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
}

.servers-online-now {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: flex;
    height: 45px;
    width: 45px;
    z-index: 1;
    transition: .2s all;
    position: relative;
    font-size: 15px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.modal-bans {
    padding: 0px;
    display: flex;
    margin-left: -14px;
    margin-bottom: 0px;
    background: #21253100;
    margin-right: -14px;
}

.login_account_btn {
    width: 100%;
    border: none;
    border-radius: 10px;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    box-shadow: 0px 10px 40px #e87a844d;
    padding: 14px;
    cursor: pointer;
    font-size: 11.5px;
    color: #ffffff;
    transition: .2s all;
    display: flex;
    font-weight: 600;
    justify-content: center;
    align-items: center;
}

.login_account_btn:hover {
    opacity: 0.7;
}

.authoriz {
    border: none;
    background: #25324d;
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 8px;
    display: flex;
    padding: 11px 20px 11px 16px;
    color: #5a6a8c;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
}

.authoriz:hover {
    border: none;
    background: #2a3855;
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 8px;
    display: flex;
    padding: 11px 20px 11px 16px;
    color: #ffffff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
}

.authoriz i {
    font-size: 17px;
    margin-right: 6px;
}

.zareg {
    border: none;
    background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 1px;
    display: flex;
    padding: 11px 20px;
    color: #ffff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
}

.zareg i {
    font-size: 17px;
    margin-right: 6px;
}

.zareg:hover {
    border: none;
    opacity: 0.7;
    background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 1px;
    display: flex;
    padding: 11px 20px;
    color: #ffff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
}

.mini_profile_menu {
    margin: 0px 15px 0px 15px;
    display: flex;
    gap: 6px;
    flex-direction: column;
}

.all_friends_btn {
    color: #82848b;
    font-size: 11px;
    border-bottom: dashed 1px #82848b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_friends_btn:hover {
    border-bottom: dashed 1px #ffffffad;
    color: #ffffff;
}

.user_online_img {
    width: 33px;
    height: 33px;
    margin-right: -5px;
    border: solid 3px #474b56;
    border-radius: 50%;
}

.social_auth {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-top: 15px;
}

.double-profile {
    background: #1e263800;
    border-radius: 13px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.number_player {
    background: #364462;
    width: 25px;
    border-radius: 6px;
    height: 25px;
    margin-right: 15px;
    font-size: 10px;
    font-weight: 600;
    margin-left: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-success-priv {
    z-index: 3;
    right: 6px;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    width: 115px;
    border: none;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    top: 7px;
    color: #fff;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

.text-warning-priv {
    z-index: 3;
    right: 6px;
    background: linear-gradient(0deg, #d06262 30%, #ff7e7e 100%);
    width: 115px;
    border: none;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    top: 7px;
    color: #fff;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

.answer_forum {
    color: #ffffff;
    border: none;
    background: linear-gradient(1deg, #4d535d78 30%, #4d535d 100%);
    transition: .2s all;
    font-weight: 600;
    height: 45px;
    display: flex;
    font-size: 11px;
    position: relative;
    width: 100%;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.answer_forum:hover {
    opacity: 0.7;
}

.head-forum {
    background: #272f4200;
    border-radius: 12px;
    display: flex;
    margin-top: -8px;
    margin-bottom: -7px;
    padding: 0px 15px;
}

.forum-setting {
    background: #272f42;
    border-radius: 10px;
    padding: 11px 35px;
    font-size: 10.5px;
    color: #ffffff;
    margin-bottom: 10px;
}

.forum-setting:hover {
    background: #2d354a;
    border-radius: 10px;
    padding: 11px 35px;
    font-size: 10.5px;
    color: #ffffff;
    margin-bottom: 10px;
}

.last_online {
    width: 37px;
    height: 37px;
    background: linear-gradient(308deg, #52556b00 30%, #6d7280 100%);
    padding: 4px;
    border-radius: 50px;
    margin-right: 7px;
    margin-left: -1px;
}

.login_visit {
    font-weight: 600;
    font-size: 11px;
}

.visit_users_online1 {
    padding: 8px 11px;
    color: #fff;
    display: flex;
    background: linear-gradient(89deg, #40435700 0%, #474c56 55%);
    display: flex;
    background-color: #424651;
    border-radius: 12px;
    transition: .2s all;
    margin-bottom: -14px;
    align-items: center;
    justify-content: space-between;
}

.visit_users_online1:hover {
    background-color: #464b57;
}

.gp_visit {
    color: #8d92a0;
    font-weight: 600;
    font-size: 10.5px;
}

.visit_users_online {
    padding: 8px 11px;
    color: #fff;
    background: linear-gradient(89deg, #40435700 0%, #474c56 55%);
    display: flex;
    background-color: #424651;
    border-radius: 12px;
    transition: .2s all;
    margin-bottom: 7px;
    align-items: center;
    justify-content: space-between;
}

.visit_users_online:hover {
    background-color: #464b57;
}

.visit_users_online1 i {
    color: #a7a8b6;
    transition: 0.2s;
    background: #5d626e;
    padding-top: 1px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visit_users_online1:hover i {
    color: #ffffff;
    background: #5e6373;
    transform: rotate(180deg);
}

.visit_users_online i {
    color: #a7a8b6;
    transition: 0.2s;
    background: #5d626e;
    padding-top: 1px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visit_users_online:hover i {
    color: #ffffff;
    background: #5e6373;
    transform: rotate(180deg);
}

.block_visit {
    display: flex;
    line-height: 13px;
    flex-direction: column;
    margin-left: 3px;
}

.avatar_event {
    width: 34px;
    height: 34px;
    margin-top: 3px;
    border-radius: 50%;
}

.result_danger {
    background: #f381812e;
    color: #ffff;
    font-family: 'Montserrat';
    backdrop-filter: blur(6px);
    top: 4px;
    gap: 10px;
    padding: 13px 19px 13px 13px;
    position: relative;
    display: flex;
    font-size: 10.5px;
    border-radius: 11px;
    align-items: center;
}

.result_danger i {
    width: 37px;
    height: 37px;
    background: #f3818145;
    display: flex;
    border-radius: 9px;
    font-size: 17px;
    align-items: center;
    color: #f38181;
    justify-content: center;
}

.result_uspeshno {
    background: #6b8f8945;
    color: #ffff;
    font-family: 'Montserrat';
    backdrop-filter: blur(6px);
    top: 4px;
    gap: 10px;
    padding: 13px 19px 13px 13px;
    position: relative;
    display: flex;
    font-size: 10.5px;
    border-radius: 11px;
    align-items: center;
}

.result_uspeshno i {
    width: 37px;
    height: 37px;
    background: #668782a1;
    display: flex;
    border-radius: 9px;
    font-size: 17px;
    align-items: center;
    color: #aed2cd;
    justify-content: center;
}

.block-ref-link {
    background: #272f4200;
    border-radius: 13px;
    width: 50%;
}

.top_donators {
    display: block;
    border-radius: 13px;
    transition: .1s all;
    background: #3f424b;
    padding: 11px 15px;
    margin-bottom: 8px;
}

.top_donators:hover {
    background: #464953;
}

.profile_contact_telegram {
    display: flex;
    width: 100%;
    height: 55px;
    margin-bottom: 7px;
    background: #2a3855;
    border-radius: 12px;
    align-items: center;
}

.profile_contact_discord {
    display: flex;
    width: 100%;
    height: 42px;
    background: linear-gradient(49deg, #5866f14a 0%, #3f424d 55%);
    gap: 7px;
    padding: 0px 13px 0px 6px;
    border-radius: 10px;
    align-items: center;
}

.profile_contact_telegram .bxl-telegram {
    font-size: 15px;
    margin-left: 11px;
    width: 34px;
    display: flex;
    background: linear-gradient(216deg, #6ab5ff 0%, #3390ec 55%);
    height: 34px;
    border-radius: 9px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.profile_contact_discord .bxl-discord-alt {
    font-size: 15px;
    width: 30px;
    background: #5866f1;
    display: flex;
    height: 30px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.profile_contact_block {
    padding: 15px 16px;
    margin-bottom: -20px;
    background: #2f374b;
    height: 60px;
    margin-top: 28px;
    border-radius: 12px;
}

.profile_contact_opisanie {
    font-size: 10.5px;
    font-weight: 600;
    position: relative;
    color: #5a6a8c;
}

.profile_contact_name {
    color: #fff !important;
    font-size: 11px;
}

.profile_contact_img {
    float: right;
    border-radius: 50%;
    width: 30px;
    top: 1px;
    position: relative;
}

.donat_block_top {
    background: #212d47;
    height: 60px;
    border-radius: 11px;
    padding: 10px;
    gap: 12px;
    display: flex;
    margin-bottom: 12px;
    transition: .2s all;
    justify-content: flex-start;
    align-items: center;
}

.donat_block_top i {
    /* background: #2c3a59; */
    height: 40px;
    font-size: 18px;
    background: linear-gradient(34deg, #4e4fb0 0%, rgb(108 109 229) 55%);
    border-radius: 11px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-referal {
    border-radius: 12px;
    padding: 20px;
    font-size: 10.5px;
    border: solid 1px #283652;
    display: flex;
    line-height: 16px;
    color: #5a6a8c;
    padding-bottom: 40px;
    font-weight: 600;
    flex-direction: column;
}

.button-contacts {
    position: relative;
    padding: 15px 25px;
    font-size: 10.5px;
    color: #ffffff;
    background: #272f42;
    border: 1px solid #272f42;
    line-height: normal;
    border-radius: 10px;
    font-weight: 600;
}

.like_forum {
    color: #ffffff;
    background: #ff6666;
    transition: .2s all;
    border: none;
    height: 36px;
    font-size: 16px;
    width: 36px;
    display: flex;
    cursor: pointer;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
}

.like_forum:hover {
    color: #ffffff;
    background: #cd5151;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    background: #2a2d34;
    transition: opacity 1s, visibility 0s 0s;
}

.preloader_hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s, visibility 0s 1s;
}

.autorization {
    background: #212531;
    padding: 12px 30px;
    border-radius: 8px;
    margin-right: 7px;
}

.registrationn {
    background: #212531;
    padding: 12px 30px;
    border-radius: 8px;
}

.servers-info-span {
    font-size: 11.5px;
    line-height: 20px;
    text-overflow: ellipsis;
    display: flex;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 13px;
    justify-content: space-between;
    align-items: center;
}


.topdonators-block {
    width: 48.3%;
    height: 65px;
    display: flex;
    background: #1e2638;
    padding: 24px 16px;
    border-radius: 12px;
    margin-bottom: 30px;
}

.topuserss-block {
    width: 48.2%;
    height: 65px;
    display: flex;
    padding: 24px 16px;
    margin-bottom: 30px;
    background: #1e2638;
    border-radius: 12px;
}

.block_nick_group {
    text-align: left;
    margin-left: 35px;
    width: 125px;
    top: 2px;
    position: relative;
    height: 10px;
}


.danger {
    background: #5086ff1a;
    border: dashed 1px #5086ff;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 30px;
    margin-bottom: -15px;
    font-size: 11px;
}

.block_message {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
}

.t1 {
    color: #5f6a82 !important;
    font-size: 10.5px;
    margin-top: -23px;
}

.flip-tr {
    background: #3d4149;
    padding: 10px 20px;
    display: flex;
    gap: 16px;
    border-radius: 11px;
    margin-bottom: 7px;
    align-items: center;
}

.flex_case_soderjimoe {
    display: flex;
    flex-direction: column;
    line-height: 17px;
    font-weight: 600;
}

.text_case_a {
    font-size: 14px;
}

.text_case_b {
    font-size: 12px;
    color: #999da4;
}

.delete_privileges {
    position: absolute;
    right: 27px;
    margin-top: -37px;
    transition: 0.2s;
    font-size: 12px;
    color: #7b7f88;
    border: none;
    background: none;
}

.delete_privileges:hover {
    color: #ffff;
}

.user_btn {
    display: flex;
    gap: 6px;
    flex-direction: column;
}

.flex_privileges {
    display: flex;
    flex-direction: column;
    line-height: 15px;
}

.name_privileges {
    font-size: 12.1px;
}

.second_name_privileges {
    font-size: 10.5px;
    color: #8b90a8;
}

.head_top_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.flex_new_new {
    display: flex;
    gap: 20px;
    align-items: center;
}

.button_menu_collapse {
    display: none;
}

.text_referal {
    font-weight: bold;
    font-size: 12px;
}

.desp_referal {
    font-weight: bold;
    font-size: 11px;
    color: #808590;
    text-align: center;
    width: 80%;
    line-height: 14px;
}

.discount_text_h2 {
    font-weight: bold;
    font-size: 11px;
    color: #ffa3a0;
}

.discount_procent {
    height: 50px;
    display: flex;
    background: linear-gradient(23deg, #fe9544 0%, #e5768d 55%);
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 25px;
    border-radius: 10px;
}

.our-services {
    margin-top: 50px;
}

.error_text_h1 {
    font-size: 20px;
    color: #fda489;
}

.error_text_h2 {
    color: #7a7c87;
    text-align: center;
    line-height: 16px;
}

.error_block_two {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: -50px;
    gap: 3px;
    margin-bottom: 60px;
    font-weight: bold;
}

.avatar_login {
    display: flex;
    align-items: center;
    gap: 7px;
}

.text_chat {
    word-wrap: anywhere;
    padding-top: 7px;
    border-top: dashed 1px #4a4f5a;
}

#store_service_info img {
    max-width: 100%;
}

#fileSelectButton i {
  transition: color 0.1s ease-in-out;
  color: #818490;
  font-weight: 100;
}

#fileSelectButton:hover i {
  color: #fff !important;
}

@media (min-width: 774px) {
    .bonus_block_item {
        max-width: 25%;
        width: 25%;
    }
}

@media (max-width: 773px) {
    .bonus_block_item {
        width: 100%;
    }
}