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

.settings-modern .heading_block {
    margin-bottom: 14px;
}

.settings-modern-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px;
    margin: 0px 0px 16px;
    padding: 0px;
    list-style: none;
}

.settings-modern-tabs li {
    min-width: 0px;
}

.navigation-setting.with-icons.settings-modern-tabs li a, .navigation-setting.with-icons.settings-modern-tabs li a:hover, .navigation-setting.with-icons.settings-modern-tabs li a:focus {
    height: 62px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(1deg, rgb(40, 43, 59) 30%, rgb(48, 51, 69) 100%);
    color: rgb(154, 160, 184);
    text-decoration: none;
    box-shadow: rgba(12, 14, 20, 0.18) 0px 6px 18px;
}

.navigation-setting.with-icons.settings-modern-tabs li a.active, .navigation-setting.with-icons.settings-modern-tabs li.active a {
    color: rgb(255, 255, 255);
    border-color: rgba(79, 234, 159, 0.42);
    background: linear-gradient(1deg, rgb(48, 51, 69) 20%, rgb(57, 64, 82) 100%);
}

.settings-modern-tabs .flex_tab_settings {
    min-width: 0px;
    justify-content: flex-start;
    font-size: 12px;
}

.settings-modern-tabs .flex_tab_settings i {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.51) 1px 0px 10px;
}

.settings-modern-tabs .active-setting-square {
    opacity: 0.35;
}

.settings-modern-tabs a.active .active-setting-square {
    opacity: 1;
    background: rgb(79, 234, 159);
}

.settings-modern-content > .tab-pane {
    display: none;
}

.settings-modern-content > .tab-pane.active, .settings-modern-content > .tab-pane.show {
    display: block;
}

.settings-modern-card {
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(13, 15, 21, 0.28) 0px 10px 24px;
    padding: 20px !important;
}

.settings-modern-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
}

.settings-modern-panel {
    min-width: 0px;
}

.settings-modern-panel-wide {
    grid-column: 1 / -1;
}

.settings-modern .custom-input.with-button button {
    min-width: 126px;
    padding-left: 14px;
    padding-right: 14px;
    white-space: nowrap;
}

.settings-modern .custom-input.with-button input {
    padding-right: 145px;
}

.settings-confirm-btn {
    margin-top: 10px;
}

.settings-action-row {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) 138px;
    gap: 10px;
    align-items: stretch;
    margin-bottom: 10px;
}

.settings-action-row .custom-input {
    margin: 0px;
}

.settings-action-row .custom-input > input {
    height: 58px;
    border-radius: 12px;
    background: rgb(52, 52, 64);
}

.settings-action-btn, .settings-modern .password_setting, .settings-modern .btn_avatar_setting, .settings-modern .password_setting_block .btn, .settings-confirm-btn {
    min-height: 46px;
    border: 0px;
    border-radius: 12px;
    padding: 0px 16px;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.51) 1px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 18px;
    transition: 0.18s;
}

.settings-action-btn:hover, .settings-modern .password_setting:hover, .settings-modern .btn_avatar_setting:hover, .settings-modern .password_setting_block .btn:hover, .settings-confirm-btn:hover {
    opacity: 0.86;
    transform: translateY(-1px);
}

.settings-modern .block_public_info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.settings-modern .block_date_edit {
    margin-top: 8px;
    padding: 16px;
    border-radius: 14px;
    background: linear-gradient(1deg, rgb(52, 52, 64) 30%, rgb(61, 61, 75) 100%);
}

.settings-modern .flex_edit_date {
    gap: 10px;
}

.settings-modern .flex_edit_date .custom-select {
    margin-bottom: 0px;
}

.settings-modern .block_avatar_edit, .settings-modern .password_setting_block {
    border-radius: 16px;
    background: linear-gradient(1deg, rgb(48, 48, 61) 30%, rgb(56, 56, 70) 100%);
}

.settings-modern .block_avatar_edit .custom-file-label {
    border-radius: 12px;
}

.settings-modern .btn_avatar_setting {
    width: auto;
    min-width: 148px;
    height: 46px;
    margin-top: 10px;
}

.settings-modern .password_setting {
    width: 100%;
    margin-top: 4px;
}

.settings-modern .block_setting_top {
    gap: 18px;
}

.settings-modern .block_setting_left, .settings-modern .block_setting_right {
    flex: 1 1 0px;
    width: auto;
}

.settings-modern .block_setting_right {
    margin-left: 0px;
}

.settings-modern .privaty_block_settings, .settings-modern .link_setting_block, .settings-modern .block_avatar_edit, .settings-modern .password_setting_block {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.ending_end {
    display: flex;
    flex-direction: column;
    line-height: 15px;
    margin-right: 5px;
}

.flex_online_servers {
    display: flex;
    flex-direction: column;
    line-height: 13px;
}

.right-side_flex {
    width: 77%;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
}

.thank_str {
    color: rgb(113, 113, 131);
    font-weight: 600;
}

.text_operation_h1 {
    font-size: 13px;
    color: rgb(111, 209, 161);
}

.text_operation_h2 {
    font-size: 10.5px;
}

.text_operation_h11 {
    font-size: 13px;
    color: rgb(255, 109, 109);
}

.text_operation_h22 {
    font-size: 10.5px;
}

.flex_operation_text {
    display: flex;
    gap: 5px;
    font-weight: bold;
    flex-direction: column;
}

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

.flex_mini_user {
    display: flex;
    gap: 5px;
}

.discount_purse_block {
    border-radius: 16px;
    transition: 0.2s;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    gap: 11px;
    padding: 17px;
    box-shadow: rgba(19, 21, 26, 0) 0px 5px 10px;
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    margin-top: 20px;
}

.deva_fixed {
    font-weight: 600;
    color: transparent;
    position: fixed;
    bottom: 5px;
    font-size: 5px;
    right: 20px;
    z-index: 400;
    cursor: context-menu;
}

.discount_purse {
    background: rgb(52, 52, 64);
    padding: 8px 9px;
    border-radius: 12px;
    transition: 0.2s;
    gap: 9px;
    display: flex;
    align-items: center;
}

.discount_purse i {
    width: 35px;
    transition: 0.2s;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 10px;
    height: 35px;
    font-size: 17px;
    display: flex;
    color: rgb(255, 255, 255);
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.discount_purse span {
    font-weight: bold;
    font-size: 13px;
    display: flex;
    gap: 6px;
    align-items: center;
}

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

.play_list {
    background: rgb(69, 69, 83) !important;
    height: 42px !important;
    padding-left: 40px !important;
    padding-top: 0px !important;
    padding-right: 42px !important;
    border-radius: 8px !important;
}

.my_admin_mini_btn {
    display: flex;
    border-radius: 13px;
    gap: 11px;
    margin-bottom: 15px;
    padding: 10px;
    background: rgb(64, 64, 80);
}

.my_admin_mini_btn i {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: rgb(69, 105, 139);
    padding: 10px;
    font-size: 16px;
    color: rgb(255, 255, 255);
}

.my_admin_mini_info {
    font-size: 10.5px;
    color: rgb(155, 155, 155);
    font-weight: 600;
    border-bottom: 1px dashed rgb(155, 155, 155);
    transition: 0.4s;
}

.my_admin_mini_info:hover {
    font-size: 11.5px;
    color: rgb(112, 169, 223);
    font-weight: 600;
    border-bottom: 1px dashed rgb(108, 161, 212);
    transition: 0.4s;
}

.my_stores_mini_btn {
    display: flex;
    border-radius: 13px;
    gap: 11px;
    margin-bottom: 15px;
    padding: 16px;
    background: linear-gradient(rgba(70, 183, 128, 0.09) 10%, rgba(70, 183, 128, 0.24) 100%) !important;
}

.my_stores_mini_btn i {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.63) 1px 0px 10px;
    padding: 10px;
    font-size: 16px;
    color: rgb(255, 255, 255);
}

.my_stores_mini_text {
    color: rgb(255, 255, 255);
    font-size: 12px;
}

.my_stores_mini_info {
    font-size: 10.5px;
    color: rgb(90, 193, 143);
    font-weight: 600;
    border-bottom: 1px dashed rgba(90, 193, 143, 0.8);
}

.my_stores_mini_info:hover {
    color: rgb(255, 255, 255);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.68);
}

.mp_btn {
    background: rgb(64, 64, 80);
    display: flex;
    color: rgb(123, 123, 147);
    min-width: 43px;
    height: 43px;
    font-size: 18px;
    transition: 0.2s;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
}

.mp_btn:hover {
    background: rgb(74, 74, 93);
    color: rgb(255, 255, 255);
}

.mp_btn_profile {
    display: flex;
    color: rgb(255, 255, 255);
    border-top: 1px solid rgb(81, 81, 99);
    height: 43px;
    width: 100%;
    font-size: 11px;
    transition: 0.2s;
    align-items: center;
    border-radius: 9px;
    justify-content: center;
    background: linear-gradient(354deg, rgba(68, 68, 84, 0.59) 30%, rgb(71, 71, 88) 100%) !important;
}

.mp_btn_profile:hover {
    opacity: 0.7;
    color: rgb(255, 255, 255);
}

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

.all_friends_btn {
    color: rgb(125, 125, 144);
    font-size: 11px;
    border-bottom: 1px dashed rgba(125, 125, 144, 0.66);
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_friends_btn:hover {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.68);
    color: rgb(255, 255, 255);
}

.preloader {
    position: fixed;
    inset: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    background: rgb(33, 33, 41);
    transition: opacity 1s, visibility;
}

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

#preloader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -65px 0px 0px -65px;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(61, 191, 129) transparent transparent;
    border-image: initial;
    animation: 1s linear 0s infinite normal none running spin;
}

#loader::before {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(61, 191, 129) transparent transparent;
    border-image: initial;
    animation: 3s linear 0s infinite normal none running spin;
}

#loader::after {
    content: "";
    position: absolute;
    inset: 15px;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(61, 191, 129) transparent transparent;
    border-image: initial;
    animation: 1.5s linear 0s infinite normal none running spin;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.setting-privileges {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    transition: 0.2s;
    background: rgb(44, 58, 89);
    color: rgb(83, 98, 133);
    width: 36px;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    border-radius: 10px;
    display: flex;
    font-size: 17px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.setting-privileges:hover {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    transition: 0.2s;
    background: rgb(53, 67, 100);
    color: rgb(255, 255, 255);
    width: 36px;
    border-radius: 10px;
    display: flex;
    font-size: 17px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.users_chat_online {
}

.user_online_block {
    display: flex;
    border-radius: 50px;
    align-items: center;
    max-width: 85px;
    overflow: hidden;
}

.user_online_block .users_chat_online {
    display: none;
}

.user_online_top {
}

.user_online_top i {
    border-radius: 50px;
    width: 15px;
    height: 15px;
    display: flex;
    font-size: 12px;
    padding: 0px;
    color: rgb(147, 151, 183);
    background: rgb(85, 88, 118);
    align-items: center;
    justify-content: center;
}

.user_online_img {
    width: 33px;
    height: 33px;
    margin-right: -5px;
    border: 3px solid rgb(63, 63, 75);
    border-radius: 50%;
}

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

.double-profile {
    background: rgba(30, 38, 56, 0);
    border-radius: 13px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.number_player {
    background: rgb(54, 68, 98);
    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;
    width: 115px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    top: 7px;
    color: rgb(255, 255, 255);
    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, rgb(208, 98, 98) 30%, rgb(255, 126, 126) 100%);
    width: 115px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    top: 7px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

.answer_forum {
    color: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: linear-gradient(1deg, rgba(61, 61, 75, 0.49) 30%, rgb(61, 61, 75) 100%);
    transition: 0.2s;
    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;
}

.like_forum {
    color: rgb(255, 255, 255);
    background: rgb(255, 102, 102);
    transition: 0.2s;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    height: 36px;
    font-size: 16px;
    width: 36px;
    display: flex;
    cursor: pointer;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
}

.like_forum:hover {
    color: rgb(255, 255, 255);
    background: rgb(205, 81, 81);
}

.like_forum:hover .bx-heart {
    animation: 1.3s ease-in-out 0s infinite normal none running trambling-animation;
}

@keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }

    10%, 30% {
        transform: rotate(-10deg);
    }

    20%, 40% {
        transform: rotate(10deg);
    }
}

.forum_next {
    overflow: hidden;
    border-radius: 11px;
    margin-bottom: 0px;
    font-size: 12px;
    width: 100%;
    display: flex;
    color: rgb(128, 132, 154);
    font-weight: 600;
    list-style: none;
    padding: 17px 0px 17px 15px;
}

.forum_next li {
    margin-right: 10px;
    color: rgb(255, 255, 255);
    padding-right: 10px;
    display: flex;
    height: 18px;
    border-right: 1px solid rgba(122, 122, 144, 0.36);
    align-items: center;
}

.forum_next li.active {
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    color: rgb(255, 255, 255) !important;
}

.forum_next li a {
    color: rgb(112, 112, 128);
}

.forum_next li a:hover {
    color: rgb(255, 255, 255);
}

.forum_delete {
    background: rgb(62, 62, 76);
    color: rgb(123, 123, 147);
    font-size: 9px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: flex;
    height: 23px;
    margin-left: 6px;
    width: 23px;
    position: relative;
    float: right;
    transition: 0.2s;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.forum_delete:hover {
    background: rgb(72, 72, 88);
    color: rgb(255, 255, 255);
}

.block_back {
    display: flex;
    border-radius: 13px;
    padding: 7px 13px;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.back_forum {
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    font-size: 13px;
    height: 40px;
    display: flex;
    width: 40px;
    transition: 0.2s;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.back_forum:hover {
    opacity: 0.7;
    color: rgb(255, 255, 255);
}

.head-forum {
    background: rgba(39, 47, 66, 0);
    border-radius: 12px;
    display: flex;
    margin-top: -8px;
    margin-bottom: -7px;
    padding: 0px 15px;
}

.forum-setting {
    background: rgb(39, 47, 66);
    border-radius: 10px;
    padding: 11px 35px;
    font-size: 10.5px;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
}

.forum-setting:hover {
    background: rgb(45, 53, 74);
    border-radius: 10px;
    padding: 11px 35px;
    font-size: 10.5px;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
}

.last_online {
    width: 37px;
    height: 37px;
    background: linear-gradient(308deg, rgba(82, 85, 107, 0) 30%, rgb(109, 114, 128) 100%);
    padding: 4px;
    border-radius: 50px;
    margin-right: 7px;
    margin-left: -1px;
}

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

.visit_users_online1 {
    padding: 11px 16px 8px 10px;
    color: rgb(255, 255, 255);
    background: linear-gradient(89deg, rgba(64, 67, 87, 0) 0%, rgb(55, 55, 67) 55%) rgb(58, 58, 71);
    display: flex;
    border-radius: 20px;
    transition: 0.2s;
    margin-bottom: -12px;
    align-items: center;
    justify-content: space-between;
}

.visit_users_online1:hover {
    background-color: rgb(62, 62, 76);
}

.gp_visit {
    color: rgb(123, 123, 145);
    font-weight: 600;
    font-size: 10.5px;
}

.visit_users_online {
    padding: 8px 14px 8px 9px;
    color: rgb(255, 255, 255);
    background: linear-gradient(89deg, rgba(64, 67, 87, 0) 0%, rgb(61, 61, 75) 55%) rgb(64, 64, 79);
    display: flex;
    border-radius: 15px;
    transition: 0.2s;
    margin-bottom: 7px;
    align-items: center;
    justify-content: space-between;
}

.visit_users_online:hover {
    background-color: rgb(70, 70, 85);
}

.visit_users_online1 i {
    color: rgb(129, 129, 155);
    transition: 0.2s;
    background: rgb(71, 71, 88);
    padding-top: 1px;
    width: 23px;
    height: 23px;
    font-size: 14px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visit_users_online1:hover i {
    color: rgb(255, 255, 255);
    background: rgb(79, 79, 98);
    transform: rotate(180deg);
}

.visit_users_online i {
    color: rgb(129, 129, 155);
    transition: 0.2s;
    background: rgb(77, 77, 95);
    padding-top: 1px;
    width: 23px;
    height: 23px;
    font-size: 14px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visit_users_online:hover i {
    color: rgb(157, 157, 189);
    background: rgb(85, 85, 105);
    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: rgba(242, 88, 88, 0.17);
    color: rgb(255, 255, 255);
    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: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff5e5e 0, #8b2b2b 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    display: flex;
    border-radius: 9px;
    font-size: 17px;
    align-items: center;
    color: rgb(255, 255, 255);
    justify-content: center;
}

.result_uspeshno {
    background: rgba(74, 203, 141, 0.13);
    color: rgb(255, 255, 255);
    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: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    display: flex;
    border-radius: 9px;
    font-size: 17px;
    align-items: center;
    color: rgb(255, 255, 255);
    justify-content: center;
}

.block-ref-link {
    background: rgba(39, 47, 66, 0);
    border-radius: 13px;
    width: 50%;
}

.info-referal {
    border-radius: 12px;
    padding: 20px 20px 40px;
    font-size: 10.5px;
    border: 1px solid rgb(40, 54, 82);
    display: flex;
    line-height: 16px;
    color: rgb(90, 106, 140);
    font-weight: 600;
    flex-direction: column;
}

.button-contacts {
    position: relative;
    padding: 15px 25px;
    font-size: 10.5px;
    color: rgb(255, 255, 255);
    background: rgb(39, 47, 66);
    border: 1px solid rgb(39, 47, 66);
    line-height: normal;
    border-radius: 10px;
    font-weight: 600;
}

.button-contacts:hover {
    position: relative;
    padding: 15px 25px;
    font-size: 10.5px;
    color: rgb(255, 255, 255);
    background: rgb(43, 51, 70);
    border: 1px solid rgb(43, 51, 70);
    border-radius: 10px;
    font-weight: 600;
}

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

.navigation-setting li.active a {
    color: white;
    font-weight: 600;
    border: 1px dashed rgb(39, 47, 66);
    background: rgb(39, 47, 66);
}

.navigation-setting.with-icons li a {
    position: relative;
    border-radius: 13px;
    gap: 10px;
    display: flex;
    padding: 13px;
    height: 56px;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.active-setting-square {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: rgb(143, 181, 175);
}

.wh-18 {
    width: 1rem;
    height: 1rem;
    position: relative;
    margin-left: 6px;
}

.noty_skidka {
    background-color: rgba(80, 134, 255, 0.09);
    border-radius: 11px;
    font-size: 12px;
    padding-left: 20px;
    border: 1px dashed rgb(80, 134, 255);
    margin-top: 18px;
    display: flex;
    padding-right: 50px;
    font-weight: 600;
    margin-bottom: 20px;
    height: 10%;
    justify-content: flex-start;
    align-items: center;
}

.block_message_right {
    width: 70%;
    padding: 20px;
    border-radius: 20px;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
}

.text-\[var\(--color\)\] {
    color: rgb(89, 139, 254);
}

.login_donator {
    color: rgb(255, 255, 255);
}

.userss_online {
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 10.5px;
    line-height: 14px;
    position: relative;
    margin-left: 10px;
}

.button_top {
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 11px;
    position: relative;
}

.summa_donators {
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px solid rgb(72, 72, 85);
    display: flex;
    gap: 6px;
    background: rgba(93, 93, 113, 0.22);
    color: rgb(255, 255, 255);
    font-size: 10px;
    transition: 0.2s;
    align-items: center;
}

.summa_donators i {
    font-size: 16px;
    color: rgb(69, 174, 124);
    text-shadow: rgb(69, 174, 124) 1px 0px 10px;
}

.top_donators:hover .summa_donators {
    border: 1px solid rgb(81, 81, 99);
    background: rgba(100, 100, 122, 0.22);
    color: rgb(255, 255, 255);
}

.donat_img {
    width: 120px;
    margin-top: -70px;
    float: right;
    left: 10px;
    top: 30px;
    position: relative;
}

.block_pass {
    margin-top: 15px;
    margin-bottom: 15px;
}

.auth_img {
    width: 260px;
    position: relative;
    top: -52px;
    float: right;
}

.zag_auth {
    height: 65px;
    border-radius: 15px 15px 0px 0px;
    background: linear-gradient(327deg, rgba(64, 123, 255, 0.22) 0%, rgb(64, 123, 255) 100%);
    padding: 20px;
    display: flex;
    align-items: center;
}

.admin-center {
    display: block;
    border-radius: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 43px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 225px;
    transition: 0.2s;
    padding: 10px;
    line-height: 5px;
    color: rgb(90, 106, 140) !important;
    font-size: 11px !important;
}

.admin-center:hover {
    font-weight: 600;
    color: rgb(255, 255, 255);
    background: rgb(33, 45, 71);
    font-size: 11px;
    display: block;
    border-radius: 10px;
    position: relative;
    height: 43px;
    line-height: 5px;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 225px;
    transition: 0.2s;
}

.admin-center:hover .admin-panel {
    color: rgb(255, 255, 255);
    font-size: 8px;
    transition: 0.2s;
    margin-left: 5px;
    background: rgb(124, 123, 255);
    border-radius: 50px;
    position: relative;
    top: 0px;
    padding: 2px 9px;
}

.admin-center i {
    color: rgb(90, 106, 140);
    font-size: 17px;
    margin-right: 5px;
    transition: 0.2s;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.admin-center:hover i {
    color: rgb(124, 123, 255);
    font-size: 17px;
    margin-right: 5px;
    transition: 0.2s;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.settings_header {
    display: flex;
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.63) 1px 0px 10px;
    min-width: 43px;
    height: 43px;
    font-size: 18px;
    transition: 0.2s;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
}

.settings_header:hover {
    opacity: 0.7;
    color: rgb(255, 255, 255);
}

.top_donators {
    display: block;
    border-radius: 13px;
    transition: 0.1s;
    background: rgb(53, 53, 66);
    padding: 11px 15px;
    margin-bottom: 8px;
}

.top_donators:hover {
    background: rgb(59, 59, 73);
}

.profile_contact_telegram {
    display: flex;
    width: 100%;
    height: 55px;
    margin-bottom: 7px;
    background: rgb(42, 56, 85);
    border-radius: 12px;
    align-items: center;
}

.profile_contact_discord {
    display: flex;
    width: 100%;
    height: 42px;
    background: linear-gradient(49deg, rgba(88, 102, 241, 0.29) 0%, rgb(59, 59, 75) 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, rgb(106, 181, 255) 0%, rgb(51, 144, 236) 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: rgb(88, 102, 241);
    display: flex;
    height: 30px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.profile_contact_block {
    padding: 15px 16px;
    margin-bottom: -20px;
    background: rgb(47, 55, 75);
    height: 60px;
    margin-top: 28px;
    border-radius: 12px;
}

.profile_contact_opisanie {
    font-size: 10.5px;
    font-weight: 600;
    position: relative;
    color: rgb(90, 106, 140);
}

.profile_contact_name {
    color: rgb(255, 255, 255) !important;
    font-size: 11px;
}

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

.donat_block_top {
    background: rgb(33, 45, 71);
    height: 60px;
    border-radius: 11px;
    padding: 10px;
    gap: 12px;
    display: flex;
    margin-bottom: 12px;
    transition: 0.2s;
    justify-content: flex-start;
    align-items: center;
}

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

.a {
    border-radius: 50%;
    background: rgb(80, 134, 255);
    width: 23px;
    height: 19px;
    margin-right: -15px;
    margin-top: 25px;
    margin-left: -7px;
    z-index: 1;
    border: 4px solid rgb(22, 29, 44);
    display: flex;
    justify-content: center;
}

.a::before {
    content: "";
    display: block;
    border-radius: 50%;
    background: rgb(22, 29, 44);
    width: 50%;
    height: 50%;
    align-self: center;
}

.news_button {
    font-size: 10.7px;
    font-weight: 600;
    margin-left: 11px;
    position: relative;
    color: rgb(255, 255, 255);
    top: 22px;
}

.forum_button {
    font-size: 9.9px;
    font-weight: 600;
    position: relative;
    line-height: 12px;
    color: rgb(255, 255, 255);
    margin-top: 10px;
    margin-bottom: 14px;
    text-align: center;
}

.pulse {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgb(124, 134, 255);
    box-shadow: rgba(96, 108, 255, 0.31) 0px 0px 0px;
    animation: 1.5s ease 0s infinite normal none running pulse;
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: rgba(124, 134, 255, 0.24) 0px 0px 0px 0px;
    }

    70% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 10px;
    }

    100% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px;
    }
}

@keyframes pulse {
    0% {
        box-shadow: rgba(127, 137, 255, 0.67) 0px 0px 0px 0px;
    }

    70% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 6px;
    }

    100% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px;
    }
}

.all_online {
    background: rgba(55, 65, 88, 0);
    transition: 0.2s;
    padding: 8px;
    border-radius: 10px;
    font-size: 10.5px;
    border: 1px dashed rgb(70, 84, 114);
    cursor: pointer;
    display: flex;
    color: rgb(90, 106, 140);
    margin: 9px 14px 0px;
    height: 42px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.all_online:hover {
    background: rgb(40, 54, 82);
    transition: 0.2s;
    padding: 8px;
    border-radius: 10px;
    font-size: 10.5px;
    border: 1px dashed rgb(40, 54, 82);
    cursor: pointer;
    display: flex;
    color: rgb(255, 255, 255);
    margin-top: 9px;
    height: 42px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.online_full {
    background: rgb(39, 47, 66);
    border-radius: 10px;
    height: 50px;
    padding: 0px 10px 0px 15px;
    line-height: 14px;
    display: flex;
    cursor: pointer;
    width: 100%;
    top: -22px;
    transition: 0.2s;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.online_full:hover {
    background: rgb(39, 47, 66);
    border-radius: 10px;
    height: 50px;
    opacity: 0.7;
    transition: 0.2s;
    padding: 0px 10px 0px 15px;
    line-height: 14px;
    display: flex;
    width: 100%;
    top: -22px;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.online_full:active {
    background: rgb(39, 47, 66);
    border-radius: 10px;
    transform: scale(0.9);
    height: 50px;
    opacity: 0.7;
    transition: 0.2s;
    padding: 0px 10px 0px 15px;
    line-height: 14px;
    display: flex;
    width: 100%;
    top: -22px;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.online_full_user {
    display: flex;
    border-bottom: 1px solid rgb(63, 66, 85);
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.online_full_user b {
    border-radius: 50px;
    width: 35px;
    background: linear-gradient(34deg, rgb(67, 118, 82) 0%, rgb(102, 158, 119) 55%);
    height: 20px;
    font-size: 11px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.img_online {
    width: 34px;
    position: relative;
    top: 4px;
    transition: 0.2s;
    border-radius: 50%;
    margin-right: -13px;
    border: 3px solid rgb(39, 47, 66);
}

.img_online:hover {
    width: 34px;
    opacity: 0.8;
    transition: 0.2s;
    position: relative;
    top: 4px;
    border-radius: 50%;
    margin-right: -13px;
    border: 3px solid rgb(39, 47, 66);
}

.toper_mini_right {
    height: 140px;
    margin-bottom: 1px;
    width: 135px;
    border-radius: 15px;
    z-index: 1;
    background: rgba(30, 38, 56, 0);
}

.toper_mini_right1 {
    height: 100%;
    background: rgb(30, 38, 56);
    display: flex;
    border-radius: 15px;
    transition: 0.2s;
    align-items: center;
    flex-direction: column;
    place-content: center flex-end;
}

.news_date {
    font-size: 10px;
    background: rgba(45, 118, 255, 0.08);
    backdrop-filter: blur(1px);
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    font-weight: 600;
    margin-top: 5px;
    text-align: center;
    text-overflow: ellipsis;
    width: calc(40% - 46px);
    overflow: hidden;
    white-space: nowrap;
    line-height: 25px;
    margin-left: 7px;
    color: rgb(255, 255, 255);
}

.ugol {
    width: 11px;
    margin-bottom: -12px;
    height: 11px;
    position: absolute;
    bottom: 41px;
    z-index: 1;
    left: 24px;
    border-radius: 50%;
    border: 3px solid rgb(30, 38, 56);
}

.water_img {
    width: 20px;
    position: relative;
}

.water {
    float: left;
    position: relative;
    display: flex;
    padding: 11px 10px 10px;
    width: 34px;
    margin-left: -7px;
    background: radial-gradient(circle, rgb(22, 50, 118) 20%, rgb(10, 25, 60) 70%);
    line-height: 10px;
    height: 34px;
    font-size: 12px;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
}

.hide_uved {
    display: none;
}

.case_menu_button {
    background: linear-gradient(238deg, rgba(134, 255, 194, 0.06) 0%, rgb(39, 47, 66) 55%);
    color: rgb(255, 255, 255);
}

.new-menu {
    font-weight: 500;
    font-size: 8px;
    float: right;
    margin-top: 7px;
    color: rgba(149, 255, 202, 0.99);
    padding: 0px 10px;
    border: 1px solid rgba(149, 255, 202, 0.58);
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 5px;
}

.head_chat {
    display: flex;
    justify-content: space-between;
    margin-bottom: -19px;
}

.img_input_chat {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
}

.show_user {
    color: rgb(103, 103, 124);
    line-height: 22px;
    font-size: 20px;
    height: 36px;
    width: 30px;
    transition: 0.2s;
    position: relative;
    cursor: pointer;
    top: 13px;
    border-radius: 10px;
}

.show_user:hover {
    color: rgb(255, 255, 255);
}

.show_user:hover .bx-bell {
    animation: 1.3s ease-in-out 0s infinite normal none running trambling-animation;
}

@keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }

    10%, 30% {
        transform: rotate(-10deg);
    }

    20%, 40% {
        transform: rotate(10deg);
    }
}

.chat_date {
    font-size: 9px;
    color: rgb(135, 135, 162);
    background: linear-gradient(0deg, rgba(83, 83, 102, 0.64) 30%, rgb(83, 83, 102) 100%);
    padding: 0px 6px;
    border-radius: 50px;
    font-weight: 600;
    cursor: context-menu;
}

.answer {
    font-size: 10px;
    color: rgba(88, 99, 120, 0);
    margin-left: 120px;
    float: right;
    margin-right: 3px;
    transition: 0.2s;
}

.answer:hover {
    font-size: 10px;
    color: rgb(255, 255, 255);
    margin-left: 120px;
    float: right;
    transition: 0.2s;
}

.user_o_img {
    border-radius: 50px;
    transition: 0.2s;
    float: inherit;
    width: 24px !important;
    height: 24px !important;
}

.chat_img {
    border-radius: 50px;
    transition: 0.2s;
    float: inherit;
    width: 24px !important;
    height: 24px !important;
}

.chat_img:hover {
    opacity: 0.7;
}

.blockobr {
    height: 85px;
    background: rgb(30, 38, 56);
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 15px;
    transition: 0.2s;
}

.blockobr:hover {
    height: 85px;
    background: rgb(35, 43, 62);
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    transition: 0.2s;
}

.imgsupport {
    width: 80px;
    top: -16px;
    height: 82px;
    position: relative;
    line-height: 0px;
    float: left;
}

.collapsible_head b {
    font-size: 13px;
    color: white;
}

.collapsible_profile {
    position: relative;
    padding-left: 30%;
    top: 12px;
}

.wapper .full-online {
    position: relative;
    top: -5px;
    display: inline-block;
    float: right;
    width: auto;
    height: 28px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    line-height: 28px;
    padding-left: 12px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.wapper .full-online > span {
    height: 24px;
    background: rgb(11, 176, 123);
    width: auto;
    padding: 0px 10px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    float: right;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 10px;
    line-height: 24px !important;
}

.wapper .monitoring {
    height: 190px;
    max-height: 190px;
    width: 100%;
}

.wapper .monitoring .container > .info-line {
    height: 20px;
    margin-bottom: 20px;
}

.wapper .monitoring .container > .info-line span {
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    line-height: 20px;
    font-size: 14px;
}

.wapper .monitoring #servers {
    width: 100%;
    white-space: nowrap;
    background: rgb(35, 37, 64);
    padding: 20px;
    border-radius: 15px;
    height: 122px;
}

.wapper .monitoring .monitoring-line .owl-stage-outer {
    position: relative;
    z-index: 1001;
}

.wapper .monitoring .monitoring-line:hover .owl-nav, .wapper .monitoring .monitoring-line .owl-nav:hover .owl-nav {
    opacity: 1;
}

.wapper .monitoring .monitoring-line .owl-nav {
    transition: 0.2s;
    opacity: 0;
    position: absolute;
    z-index: 1000;
    width: calc(100% + 40px);
    top: 42px;
    left: -20px;
}

.wapper .monitoring .monitoring-line .owl-nav button {
    position: absolute;
    background: transparent !important;
}

.wapper .monitoring .monitoring-line .owl-nav button span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 50px;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-prev {
    right: 0px;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-prev.disabled {
    opacity: 0 !important;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-next {
    left: 0px;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-next.disabled {
    opacity: 0 !important;
}

.wapper .monitoring .server {
    direction: ltr;
    position: relative;
    height: 80px;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    display: inline-block;
    text-align: left;
}

.wapper .monitoring .server .map-image, .wapper .monitoring .server .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.wapper .monitoring .server .map-image, .wapper .monitoring .server .shadow {
    background-size: 100%;
    background-position: center center;
}

.wapper .monitoring .server .shadow {
    background: rgb(43, 46, 78);
}

.wapper .monitoring .server p, .wapper .monitoring .server strong, .wapper .monitoring .server a {
    position: absolute;
    display: block;
    width: calc(100% - 16px);
    margin: 0px;
    left: 8px;
}

.wapper .monitoring .server p {
    top: 45px;
    font-weight: 500;
    line-height: 16px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.wapper .monitoring .server p span {
    margin-right: 5px;
    font-size: 11px;
    top: -10px;
}

.wapper .monitoring .server strong {
    top: 14px;
    font-weight: 600;
    line-height: 16px;
    font-size: 12px;
    margin-left: 25px;
    width: 85%;
    color: rgb(255, 255, 255);
}

.wapper .monitoring .server a {
    top: 34px;
    font-weight: 500;
    line-height: 16px;
    font-size: 10.5px;
    margin-left: 25px;
}

.wapper .monitoring .server a i {
    margin-left: 2px;
}

.wapper .monitoring .server .progress {
    position: relative;
    bottom: -38px;
    right: 10px;
    width: 20%;
    float: left;
    transform: rotate(270deg);
    border-radius: 50px;
    height: 4px;
    background: rgb(35, 37, 64);
}

.wapper .monitoring .server .progress .progress-bar {
    border-radius: 4px;
}

.wapper .monitoring .server .progress .progress-bar.bg-info {
    background: linear-gradient(178.65deg, rgb(134, 112, 255) 1.46%, rgb(134, 112, 255) 98.22%);
}

.wapper .monitoring .server .progress .progress-bar.bg-success {
    background: linear-gradient(178.65deg, rgb(134, 112, 255) 0%, rgb(134, 112, 255) 98.38%);
}

.wapper .monitoring .server .progress .progress-bar.bg-warning {
    background: linear-gradient(178.65deg, rgb(134, 112, 255) 0%, rgb(134, 112, 255) 98.38%);
}

.wapper .monitoring .server .progress .progress-bar.bg-danger {
    background: linear-gradient(177.53deg, rgb(134, 112, 255) 2.52%, rgb(134, 112, 255) 100%);
}

.wapper .monitoring tbody[id^="players"] .btn {
    margin-bottom: 0px;
}

.block_discord {
    padding: 24px 16px;
    margin-bottom: 25px;
}

.block {
    padding: 24px 16px;
    margin-bottom: 30px;
}

.block_flex1 {
    display: flex;
}

.block .btn-block-head {
    float: right;
    display: inline-block;
    margin-top: 9px;
}

.block.with-menu .block_head {
    position: relative;
    z-index: 1001;
}

.block.with-menu ul {
    position: relative;
    z-index: 1000;
    box-shadow: none;
    margin: -20px -16px;
}

.block.block-table {
}

.block.block-table > .block_head {
    margin: 0px;
    padding: 0px 16px;
}

.block.block-table > .table-responsive {
    border: 0px;
}

.block.block-table .noty-block {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.block .block_head {
    height: 50px;
    line-height: 24px;
    margin: -10px 0px 15px;
    border-radius: 11px;
    background: rgb(33, 45, 71);
    display: flex;
    font-weight: 600;
    font-size: 12px;
    padding-left: 10px;
    color: rgb(255, 255, 255);
    position: relative;
    align-items: center;
}

.block .block_head span {
    color: rgb(90, 96, 118);
    font-size: 12px;
    position: relative;
    font-weight: 600;
    margin-left: 5px;
}

.block .block_head a {
    color: rgb(21, 21, 21);
}

.block .block_head_image {
    width: calc(100% + 60px);
    margin: -30px -30px 30px;
    padding: 0px;
    height: 70px;
    overflow: hidden;
    border-radius: 3px 3px 0px 0px;
}

.block .table-adaptive.table-fused {
    overflow: hidden;
    border-radius: 4px;
    margin: 8px -15px -24px;
}

.authorization a.small {
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
    color: rgb(96, 96, 117);
    border: 0px;
}

.authorization a.small:hover {
    color: rgb(255, 255, 255);
}

.authorization #steam_link {
    background-color: rgb(59, 59, 73);
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: rgb(111, 111, 135);
    font-size: 11.5px;
    align-items: center;
    justify-content: center;
    border: 0px !important;
}

.authorization #steam_link:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(43, 58, 78);
}

.authorization #steam_link i {
    color: rgb(111, 111, 135);
    transition: 0.2s;
    font-size: 22px;
}

.authorization #steam_link:hover i {
    color: rgb(255, 255, 255);
}

.authorization #vk_link {
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: rgb(111, 111, 135);
    font-size: 11.5px;
    background-color: rgb(59, 59, 73);
    justify-content: center;
    align-items: center;
    border: 0px !important;
}

.authorization #vk_link i {
    color: rgb(111, 111, 135);
    transition: 0.2s;
    font-size: 22px;
}

.authorization #vk_link:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 119, 255);
}

.authorization #vk_link:hover i {
    color: rgb(255, 255, 255);
}

.authorization .row {
    margin-right: -5px;
    margin-left: -5px;
}

.authorization .row > div[class^="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.authorization input.form-control, .authorization .custom-file label.form-control, .custom-file .authorization label.form-control {
    height: 48px;
    line-height: 48px;
}

.authorization #result {
    margin-bottom: 10px;
}

.registration .privacy-policy {
    border: 1px dashed rgb(75, 129, 255);
    display: block;
    padding: 15px;
    border-radius: 10px;
    font-size: 10px;
    background: rgba(71, 127, 255, 0.17);
    color: rgb(255, 255, 255);
    line-height: 14px;
    margin-bottom: 10px;
}

.registration a[onclick^="$('#registration').modal('hide');"] {
    width: 45px;
}

.registration a[onclick*="Telegram"] {
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: rgb(111, 111, 135);
    font-size: 11.5px;
    background-color: rgb(59, 59, 73);
    justify-content: center;
    align-items: center;
    border: 0px !important;
}

.registration a[onclick*="Telegram"] i {
    color: rgb(111, 111, 135);
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="Telegram"]:hover i {
    color: rgb(255, 255, 255);
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="steam"] i {
    color: rgb(111, 111, 135);
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="steam"]:hover i {
    color: rgb(255, 255, 255);
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="Telegram"]:hover {
    background-color: rgb(0, 119, 255) !important;
    color: rgb(255, 255, 255);
}

.registration a[onclick*="steam"] {
    background-color: rgb(59, 59, 73);
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: rgb(111, 111, 135);
    font-size: 11.5px;
    align-items: center;
    justify-content: center;
    border: 0px !important;
}

.registration a[onclick*="steam"]:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(43, 58, 78) !important;
}

.mini-profile .block_head {
    height: 72px;
    padding: 16px;
}

.mini-profile .block_head img {
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 8px;
}

.mini-profile .block_head div {
    width: calc(100% - 56px);
    float: right;
}

.mini-profile .block_head div p, .mini-profile .block_head div p > span {
    line-height: 20px;
    font-size: 14px;
    color: rgb(138, 148, 166);
    margin: 0px;
}

.mini-profile .block_head div p b, .mini-profile .block_head div p > span b {
    color: rgb(10, 31, 68);
}

.mini-profile .vertical-navigation {
    box-shadow: none;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    background: rgba(27, 27, 27, 0);
    margin: -16px -16px -25px 0px;
}

.mini-profile .vertical-navigation > ul {
    margin-bottom: 0px;
}

.mini-profile .vertical-navigation li.user-balance a {
    line-height: 60px;
    height: 60px;
    padding: 0px 24px;
}

.mini-profile .vertical-navigation li.user-balance a > i {
    position: relative;
}

.mini-profile .vertical-navigation li.user-balance a div {
    width: calc(100% - 38px);
    float: right;
    height: 32px;
    margin-top: 12px;
    line-height: 16px;
    position: relative;
}

.mini-profile .vertical-navigation li.user-balance a div p {
    color: rgb(138, 148, 166);
    font-size: 12px;
    margin: 0px;
    width: auto;
    display: inline;
}

.mini-profile .vertical-navigation li.user-balance a div span {
    font-size: 14px;
    color: rgb(10, 31, 68);
    font-weight: 500;
}

.mini-profile .vertical-navigation li.user-balance a div i {
    font-size: 12px;
}

.mini-profile .vertical-navigation li.user-balance a div button {
    position: absolute;
    height: 32px;
    line-height: 32px;
    right: 0px;
    top: 2px;
}

.mini-profile .vertical-navigation li.user-balance a div button i {
    position: relative;
    top: -2px;
    font-size: 12px;
    margin-left: 3px;
}

.mini-profile .vertical-navigation li a {
    color: rgb(105, 111, 131);
    transition: 0.2s;
}

.mini-profile .vertical-navigation li a:hover {
    color: rgb(255, 255, 255);
    transition: 0.2s;
}

.mini-profile .vertical-navigation li a > i {
    margin: 0px 16px 0px 0px;
    font-size: 16px;
    display: inline-block;
    width: 16px;
    text-align: center;
}

.Telegram-widgets div[id^="vk_groups"] {
    margin-bottom: 30px;
}

.Telegram-widgets div[id^="vk_subscribe"] {
    margin: 2px 0px;
}

.our-steam-group {
    display: block;
    padding: 25px 16px;
    margin-bottom: 10px;
    background: rgb(24, 44, 79);
    position: relative;
}

.our-steam-group span {
    font-weight: bold;
    line-height: 40px;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: rgb(255, 255, 255);
}

.our-steam-group i {
    color: rgb(25, 171, 255);
    font-size: 50px;
    position: absolute;
    right: 20px;
    margin-top: -6px;
}

.vertical-navigation {
    overflow: auto;
    display: flex;
    border-radius: 0px;
    gap: 7px;
    background: rgba(255, 255, 255, 0);
    align-items: center;
}

.vertical-navigation::-webkit-scrollbar {
    background: rgba(64, 69, 88, 0);
    height: 3px;
}

.vertical-navigation li {
    list-style-type: none;
}

.vertical-navigation li:first-child {
    border: 0px;
}

.vertical-navigation li a {
    line-height: 20px;
    padding: 14px 30px 14px 15px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    text-transform: uppercase;
    border-radius: 50px;
    background: rgb(58, 58, 70);
    color: rgb(117, 117, 132);
    transition: 0.2s;
    align-items: center;
    justify-content: space-between;
}

.vertical-navigation li a::before {
    content: "";
    position: relative;
    display: flex;
    width: 22px;
    min-width: 22px;
    min-height: 22px;
    height: 22px;
    font-size: 10px;
    border-radius: 50px;
    margin-right: 11px;
    background-color: rgb(75, 75, 89);
    align-items: center;
    justify-content: center;
}

.vertical-navigation li a.active::before {
    content: "-";
    position: relative;
    display: flex;
    padding-bottom: 2px;
    width: 22px;
    height: 22px;
    color: rgb(75, 194, 137);
    font-size: 14px;
    border-radius: 50px;
    margin-right: 11px;
    justify-content: center;
    align-items: center;
    background-color: rgba(75, 194, 137, 0.24) !important;
}

.vertical-navigation li a b {
    color: rgb(110, 122, 145);
    font-size: 10px;
    transition: 0.2s;
    font-weight: 500;
    background-color: rgba(30, 30, 30, 0);
}

.vertical-navigation li a i {
    color: rgba(110, 122, 145, 0.53);
    font-weight: 100;
    float: left;
    margin-right: 8px;
    font-size: 30px;
    background-color: rgba(30, 30, 30, 0);
}

.vertical-navigation li a:hover {
    background: rgb(61, 61, 73);
    color: rgb(255, 255, 255);
}

.vertical-navigation li a:hover b {
    color: rgb(110, 122, 145);
    font-size: 10px;
    font-weight: 500;
    background-color: rgba(30, 30, 30, 0);
}

.vertical-navigation li a.active {
    color: white;
    font-weight: 600;
    background-color: rgb(64, 64, 77);
}

.vertical-navigation li a.active b {
    color: rgb(187, 197, 221);
    font-size: 10px;
    font-weight: 500;
    background-color: rgba(30, 30, 30, 0);
}

.vertical-navigation li a.active i {
    color: rgb(80, 134, 255);
    font-weight: 100;
    float: left;
    margin-right: 8px;
    font-size: 30px;
    background-color: rgba(30, 30, 30, 0);
}

.vertical-navigation li.active a {
    color: white;
    font-weight: 600;
    padding: 14px 18px 14px 14px;
    background: rgb(64, 64, 77);
}

.vertical-navigation li.active a::before {
    content: "-";
    position: relative;
    display: flex;
    padding-bottom: 2px;
    width: 22px;
    min-width: 22px;
    min-height: 22px;
    height: 22px;
    color: rgb(75, 194, 137);
    font-size: 14px;
    border-radius: 50px;
    margin-right: 11px;
    background-color: rgba(75, 194, 137, 0.24);
    justify-content: center;
    align-items: center;
}

.vertical-navigation.with-icons li a {
    position: relative;
    border-radius: 50px;
}

.vertical-navigationn {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    width: 275px;
    text-align: center;
    margin-right: 10px;
    background: rgb(33, 37, 49);
    border-radius: 10px;
}

.vertical-navigation.with-icons li a i {
    line-height: 20px;
    position: relative;
    text-align: center;
}

#place_for_messages #messages {
    overflow-y: auto;
    margin-left: 10px;
    height: 449px !important;
}

#place_for_messages textarea {
    border-radius: 50px;
    font-size: 11px;
    padding-right: 100px;
    padding-left: 20px;
    resize: none;
    padding-top: 15px;
    margin-bottom: 31px;
    width: 100%;
    border: 1px solid rgb(62, 62, 77);
    height: 48px;
    background: rgb(51, 51, 64) !important;
}

#place_for_messages .smile_input #smile_btn {
}

#place_for_messages .dialog {
    margin-bottom: 8px;
    height: 80px;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}

#place_for_messages .dialog:nth-child(1) {
}

#place_for_messages .dialog > div:nth-child(1) {
    float: left;
    width: 100%;
    padding-left: 20px;
    display: flex;
    gap: 13px;
    height: 80px;
    line-height: 13px;
    border-radius: 13px;
    background-color: rgb(53, 53, 64);
    transition: 0.2s;
    align-items: center;
}

#place_for_messages .dialog > div:nth-child(1) img {
    height: 45px;
    width: 45px;
    border-radius: 12px;
}

#place_for_messages .dialog > div:nth-child(1) div {
}

#place_for_messages .dialog > div:nth-child(1) div p {
    margin: 0px;
    font-size: 11px;
    position: relative;
    font-weight: 600;
}

#place_for_messages .dialog > div:nth-child(1) div p:nth-child(2) {
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    color: rgb(111, 111, 131);
}

#place_for_messages .dialog > div:nth-child(1) div p:nth-child(3) {
    margin-top: 1px;
}

#place_for_messages .dialog > div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) {
    margin-top: -5px;
}

#place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) {
    margin-left: 3px;
}

#place_for_messages .dialog > div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(3), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) {
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
}

#place_for_messages .dialog > div:nth-child(2) {
    width: 50px;
    height: 50px;
    margin-top: 15px;
    display: flex;
    transition: 0.2s;
    background: linear-gradient(25deg, rgba(76, 76, 90, 0.62) 30%, rgb(80, 80, 95) 100%);
    right: 50px;
    position: absolute;
    text-align: center;
    border-radius: 13px;
    align-items: center;
    justify-content: center;
}

#place_for_messages .dialog > div:nth-child(2) span {
    font-size: 15px;
    color: rgb(119, 119, 139);
}

#place_for_messages .dialog > div:nth-child(1):hover {
    background-color: rgb(58, 58, 70);
    transition: 0.2s;
    border-color: rgba(27, 27, 27, 0);
}

#place_for_messages .dialog > div:nth-child(2):hover {
    background-color: rgb(58, 58, 70);
    opacity: 0.7;
}

#chat {
    border-top: 1px solid rgba(23, 23, 23, 0);
    position: relative;
}

#chat a.small {
    font-size: 14px;
}

#chat .input-group {
    margin: -16px -16px 0px;
    width: calc(100% + 32px);
    top: 5px;
}

#chat .input-group .smile_input {
    width: 100%;
    padding: 0px 20px;
}

#chat .input-group .smile_input input, #chat .input-group .smile_input .custom-file label, .custom-file #chat .input-group .smile_input label {
    height: 48px;
    line-height: 48px;
    margin-top: 17px;
    padding-right: 85px;
    border: 1px solid rgb(62, 62, 77);
    background: rgb(51, 51, 64) !important;
}

#chat .input-group .smile_input #smile_btn {
    position: absolute;
    right: 67px;
    top: 34px;
    font-size: 16px;
    font-weight: 100;
}

#chat .input-group .smile_input #smile_btn::after {
    color: rgb(109, 109, 132);
    transition: 0.2s;
    border-radius: 8px;
    position: relative;
}

#chat .input-group .smile_input #smile_btn:hover::after {
    color: rgb(255, 255, 255);
    transition: 0.2s;
}

#chat .input-group button {
    font-family: "Font Awesome 5 Pro";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
    position: absolute;
    top: 4px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(23, 23, 23);
    overflow: hidden;
    font-weight: bold;
    color: rgb(27, 27, 27) !important;
}

#chat .input-group button::before {
    position: absolute;
    font-weight: 400;
    content: "";
    color: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 49px;
    left: 8px;
    top: -5px;
}

#chat #drop_zone {
    height: 100%;
    position: relative;
    margin: 0px -16px -16px;
    width: calc(100% + 30px);
}

#chat #drop_zone > #drop_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    margin: -1px;
}

#chat #drop_zone.loader {
    background: rgb(255, 255, 255);
    opacity: 0.4;
}

#chat #drop_zone.hover, #chat #drop_zone.error {
    font-family: "Font Awesome 5 Pro";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

#chat #drop_zone.hover #chat_messages, #chat #drop_zone.error #chat_messages {
    height: 396px;
}

#chat #drop_zone.hover::after, #chat #drop_zone.error::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    border-radius: 2px;
    text-align: center;
    font-size: 400%;
    line-height: 500%;
    outline-offset: -10px;
}

#chat #drop_zone.hover::after {
    content: "";
    background: rgb(225, 239, 250);
    outline: rgb(141, 176, 204) dashed 2px;
    color: rgb(10, 31, 68);
}

#chat #drop_zone.error::after {
    content: "";
    background: rgb(252, 227, 227);
    outline: rgb(224, 146, 146) dashed 2px;
    color: rgb(240, 61, 61);
}

#chat #chat_messages .chat_message, #chat #messages .chat_message {
    position: relative;
    overflow: hidden;
    padding: 8px 12px 10px 10px;
}

#chat #chat_messages .chat_message:first-child, #chat #messages .chat_message:first-child {
    border-top: 0px;
}

#chat #chat_messages .chat_message > a, #chat #messages .chat_message > a {
    display: block;
    width: 36px;
    float: left;
}

#chat #chat_messages .chat_message > a img, #chat #messages .chat_message > a img {
    border-radius: 50%;
    height: 33px;
    width: 33px;
    transition: 0.15s;
}

#chat #chat_messages .chat_message > a img:active, #chat #messages .chat_message > a img {
    border-radius: 50%;
    height: 33px;
    width: 33px;
    transform: scale(0.8);
    transition: 0.15s;
}

#chat #chat_messages .chat_message > a span, #chat #messages .chat_message > a span {
    width: 100%;
    display: block;
    text-align: center;
    color: rgb(119, 122, 133);
    line-height: 25px;
    right: 3px;
    position: relative;
    font-size: 10px;
    font-weight: 600;
}

#chat #chat_messages .chat_message .message, #chat #messages .chat_message .message {
    width: calc(100% - 6px);
    float: right;
    overflow-wrap: break-word;
    position: relative;
    font-size: 14px;
    right: 5px;
    line-height: 18px;
}

#chat #chat_messages .chat_message .message .info, #chat #messages .chat_message .message .info {
    line-height: 15px;
    font-size: 11px;
    display: block;
    font-weight: 600;
    height: 16px;
}

#chat #chat_messages .chat_message .message .info .author, #chat #messages .chat_message .message .info .author {
    float: left;
    position: relative;
    cursor: pointer;
}

#chat #chat_messages .chat_message .message .with_code, #chat #messages .chat_message .message .with_code {
    border-radius: 14px;
    padding: 15px 15px 15px 11px;
    display: flex;
    background: linear-gradient(0deg, rgba(55, 56, 68, 0.56) 30%, rgb(55, 55, 68) 100%);
    max-width: fit-content;
    margin-top: -24px;
    font-weight: 600;
    font-size: 11px;
    line-height: 17px;
    color: rgb(255, 255, 255);
}

#chat #chat_messages .chat_message .message .with_code:hover .share_login {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: rgba(68, 72, 89, 0);
    font-size: 10.5px;
    display: flex;
    color: rgb(117, 117, 139);
    border-radius: 50px;
    font-weight: 600;
    position: relative;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    animation: 0.3s ease 0s 1 normal none running show;
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#chat #chat_messages .chat_message .message .with_code .share_login:hover {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: rgba(68, 72, 89, 0);
    font-size: 10.5px;
    display: flex;
    color: rgb(255, 255, 255);
    border-radius: 50px;
    font-weight: 600;
    position: relative;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

#chat #chat_messages .chat_message .message .with_code img, #chat #messages .chat_message .message .with_code img {
    width: 103px;
}

#chat #chat_messages .chat_message .dell_message, #chat #chat_messages .chat_message .edit_message, #chat #messages .chat_message .dell_message, #chat #messages .chat_message .edit_message {
    color: rgb(75, 86, 106);
    position: absolute;
    top: 3px;
    transition: 0.2s;
    font-size: 11px;
    cursor: pointer;
}

#chat #chat_messages .chat_message .dell_message, #chat #chat_messages .chat_message .edit_message:hover, #chat #messages .chat_message .dell_message, #chat #messages .chat_message .edit_message {
    color: rgb(174, 182, 195);
    transition: 0.2s;
    position: absolute;
    top: 3px;
    font-size: 11px;
    cursor: pointer;
}

#chat #chat_messages .chat_message .dell_message, #chat #messages .chat_message .dell_message {
    right: 0px;
}

#chat #chat_messages .chat_message .edit_message, #chat #messages .chat_message .edit_message {
    right: 19px;
}

#chat #chat_messages .chat_message textarea, #chat #messages .chat_message textarea {
    margin: 15px 3px 3px;
    width: calc(100% - 10px);
}

#chat .auth-to-write {
    height: 48px;
    margin-top: 16px;
    margin-bottom: -25px;
    line-height: 46px;
}

#chat .auth-to-write .btn {
    margin-top: 8px;
    margin-left: 8px;
    float: right;
}

#passive {
    text-align: center;
}

#smile_btn {
    font-family: "Font Awesome 5 Pro";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    vertical-align: -0.0667em;
    width: 20px;
    height: 17px;
    line-height: 15px;
    cursor: pointer;
}

#smile_btn::after {
    color: rgb(112, 112, 133);
    content: "";
    font-weight: 500;
}
.heading_block_chat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background: #161e18; */
  border-radius: 20px 20px 20px 20px;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid rgba(46, 204, 113, 0.1);
  position: relative;
  overflow: hidden;
}

/* декоративные кружки-блики */
.heading_block_chat::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  border-radius: 45%;
  background: rgb(46 204 113 / 17%);
  pointer-events: none;
}

.heading_block_chat::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 40px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgb(46 204 113 / 40%);
  pointer-events: none;
}

.btn_heading_rules {
  height: 36px;
  padding: 0 16px;
  border: 1px solid rgba(46, 204, 113, 0.2);
  /* скошенный нижний-левый угол */
  border-radius: 10px 10px 10px 4px;
  background: rgba(46, 204, 113, 0.07);
  color: #4ecf80;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: all 0.2s;
  position: relative;
  z-index: 1;
}

.btn_heading_rules:hover {
  background: rgba(46, 204, 113, 0.15);
  border-color: rgba(46, 204, 113, 0.4);
  border-radius: 10px; /* выравнивается при наведении */
}

.flex_heading_chat {
  display: flex;
  gap: 13px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.flex_heading_chat i {
  width: 44px;
  height: 44px;
  /* скошенный нижний-левый угол иконки */
  border-radius: 14px 14px 14px 6px;
  background: #2ecc71;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #071a0c;
  font-size: 19px;
  flex-shrink: 0;
  border: 1px solid rgba(78, 226, 154, 0.4);
}

.heading_chat_info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* добавь эти классы в TPL */
.heading_chat_title {
  font-size: 14px;
  font-weight: 500;
  color: #d8ece0;
  line-height: 1;
}

.heading_chat_sub {
  font-size: 11.5px;
  color: #4e7a5f;
  display: flex;
  align-items: center;
  gap: 5px;
}

.heading_chat_sub::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2ecc71;
  display: inline-block;
}

.popover-body > .smiles_box {
	width: 253px !important;
	height: 300px !important;
	overflow: hidden !important;
	padding: 0 !important;
	border-radius: 16px;
	background: #343442;
}

.popover-body .tabs {
	width: 100%;
	height: 100%;
	padding: 9px 9px 10px;
	overflow: hidden;
	background: transparent;
}

.popover-body .tabs > input[type="radio"] {
	display: none;
}

.popover-body .tabs > label {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px !important;
	margin: 0 4px 8px 0 !important;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 9px;
	background: rgba(76,76,94,.72);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
	cursor: pointer;
	vertical-align: top;
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.popover-body .tabs > input[type="radio"]:checked + label {
	background: #4c4c5e;
	border-color: rgba(77,226,156,.55);
	box-shadow: 0 0 0 1px rgba(77,226,156,.18), inset 0 1px 0 rgba(255,255,255,.05);
}

.popover-body .tabs > label img {
	width: 26px;
	height: 26px;
	display: block;
	object-fit: contain;
}

.popover-body .tabs > div {
	display: none;
	width: 100%;
	height: 243px;
	padding: 7px 2px 8px 7px;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 13px;
	background: transparent;
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255,.28) transparent;
}

.popover-body .tabs > div::-webkit-scrollbar {
	width: 5px;
}

.popover-body .tabs > div::-webkit-scrollbar-track {
	background: transparent;
}

.popover-body .tabs > div::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,.28);
	border-radius: 999px;
}

.popover-body #tab-btn-1:checked ~ #content-1,
.popover-body #tab-btn-2:checked ~ #content-2,
.popover-body #tab-btn-3:checked ~ #content-3 {
	display: block;
}

.popover-body .tabs > div .smile,
.popover-body .tabs > div .sticker {
	width: 34px !important;
	height: 34px !important;
	float: left !important;
	display: block;
	margin: 0 8px 10px 0 !important;
	object-fit: contain;
	cursor: pointer;
	transition: transform .12s ease;
}

.popover-body .tabs > div .sticker {
	width: 58px !important;
	height: 58px !important;
	margin: 0 9px 10px 0 !important;
}

.popover-body .tabs > div .smile:hover,
.popover-body .tabs > div .sticker:hover {
	transform: scale(1.08) !important;
}

.popover-body .sticker-tab-content-locked {
	position: relative;
	min-height: 246px;
	overflow-y: auto !important;
	padding-bottom: 64px !important;
}

.popover-body .sticker-lock-grid {
	min-height: 100%;
	filter: blur(2px);
	opacity: 0.42;
	pointer-events: none;
}

/* ВСЯ плашка теперь центрируется как блок: контейнер растягивается
   на всю ширину и центрирует внутреннюю группу (текст + кнопка) */
.popover-body .sticker-lock-overlay {
	position: sticky;
	left: 0px;
	right: 64px;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	margin: -50px 2px 0 0;
	padding: 10px 8px;
	text-align: center;
	border-radius: 12px;
	background: rgba(35,35,48,.88);
	box-shadow: 0 -10px 18px rgba(35,35,48,.35);
	pointer-events: auto;
}

/* ВАЖНО: в реальной разметке это <span>, а не <div>.
   span по умолчанию inline — свойство width на нём игнорируется браузером,
   из-за этого все предыдущие правки не давали эффекта.
   display: block превращает его в блочный элемент, и текст/центрирование
   начинают работать как задумано. */
.popover-body .sticker-lock-info {
	display: block;
	width: 100%;
	min-width: 0;
}

.popover-body .sticker-lock-overlay b {
	display: block;
	max-width: 100%;
	overflow-wrap: break-word;
	white-space: normal;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.25;
}

.popover-body .sticker-lock-overlay small {
	display: block;
	color: #d3d6e3;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.25;
}

.popover-body .sticker-lock-overlay .btn {
	flex: 0 0 auto;
	/* width: auto; */
	min-width: 140px;
	max-width: 90%;
	padding: 8px 14px;
	border: 0;
	border-radius: 9px;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
	line-height: 1.15;
	box-shadow: 0 8px 18px rgba(0,0,0,.24);
}

#chat_messages .pb-chat-empty {
	/* min-height: 120px; */
	max-height: none;
	/* margin: 16px 10px; */
	/* padding: 22px 16px !important; */
	flex-direction: column;
	gap: 10px;
	color: #9b9bb0;
	font-size: 13px;
	line-height: 1.35;
	/* background: rgba(58,58,71,.42) !important; */
	border-color: rgba(74,74,91,.95) !important;
	border-radius: 14px !important;
}

#chat_messages .pb-chat-empty i {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: rgba(76,76,94,.72);
	color: #76d7a8;
	font-size: 22px;
}

#chat_messages .pb-chat-empty span {
	display: block;
	font-weight: 800;
	color: #c9cada;
}
.g_smile {
    margin-left: 2px;
    max-width: 19px;
    display: unset;
    height: 23px !important;
    width: 23px !important;
}

.g_sticker {
    height: auto;
    width: auto;
}

.popover-body > .smiles_box {
    overflow: hidden scroll;
    width: 182px;
    height: 190px;
}

.popover-body > .smiles_box .smile {
    cursor: pointer;
    margin: 7px;
    float: left;
    width: 41px;
    height: 41px;
    transition: 0.3s;
}

.popover-body > .smiles_box .smile:hover {
    cursor: pointer;
    float: left;
    transform: scale(1.9);
    transition: 0.2s;
}

.popover-body > .smiles_box .sticker {
    cursor: pointer;
    margin: 6px;
    float: left;
    width: 65px;
    height: 65px;
}

.smiles_panel {
    width: 100%;
    margin-top: 5px;
    padding: 0px 15px;
}

.smiles_panel .smilebtn {
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px;
    border: 1px solid rgb(225, 228, 232);
    border-radius: 2px;
}

.smiles_panel .smilebtn img {
    width: 100%;
    height: 100%;
}

.smiles_panel > .btn {
    margin: 0px;
}

.smiles_panel > .btn:nth-child(1) {
    width: 80px;
}

.smiles_panel > .btn:nth-child(2) {
    width: 174px;
}

.smiles_panel .owl-stage-outer {
    position: relative;
    z-index: 1061;
}

.smiles_panel .owl-nav {
    position: absolute;
    z-index: 1060;
    width: calc(100% + 10px);
    top: 0px;
    margin: 0px -20px;
    height: 40px;
    line-height: 1;
}

.smiles_panel .owl-nav button {
    display: block;
    width: 15px;
    background: transparent;
    border-radius: 2px;
    height: 40px;
    line-height: 1;
    border: 1px solid rgb(225, 228, 232) !important;
}

.smiles_panel .owl-nav button span {
    font-size: 25px;
    line-height: 12px;
}

.smiles_panel .owl-nav button.owl-prev {
    float: left;
}

.smiles_panel .owl-nav button.owl-next {
    float: right;
}

.smiles-buy-panel {
    width: 100%;
    margin-top: 5px;
}

.smiles-buy-panel button {
    margin: 0px !important;
}

.smiles-buy-panel button:nth-child(1) {
    width: 100px;
}

.smiles-buy-panel button:nth-child(2) {
    width: calc(100% - 100px);
}

.stickers_img {
    border-radius: 2px;
    width: 236px;
    height: 250px;
}

.smile_input_forum .btn {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 0px;
}

.smile_input_forum #smile_btn {
    position: relative;
    transition: 0.2s;
    display: flex;
    font-size: 14px;
    line-height: 40px;
    height: 41px;
    width: 41px;
    border-radius: 10px;
    background: rgb(55, 55, 69);
    align-items: center;
    justify-content: center;
}

.smile_input_forum #smile_btn:hover {
    background: rgb(61, 61, 77);
}

.smile_input_forum #smile_btn::after {
    position: absolute;
    top: 0px;
}

#notifications_line {
    padding-bottom: 6px;
}

.noty-block, .bs-callout {
    position: relative;
    display: block;
    background: rgb(38, 47, 66);
    border-radius: 15px;
    width: 100%;
    padding: 27px 16px 20px;
    font-weight: 600;
    font-size: 10px;
    color: rgb(255, 255, 255);
}

.noty-block h5, .bs-callout h5 {
    font-size: 10px;
    font-weight: 900;
    border-radius: 0px;
    left: 17px;
    top: -42px;
    margin-bottom: -25px;
    position: relative;
    color: rgb(103, 107, 120);
    width: 160px;
    line-height: 25px;
}

.noty-block.info, .noty-block.bs-callout-info, .noty-block.success, .noty-block.bs-callout-success, .noty-block.error, .noty-block.bs-callout-danger, .noty-block.warning, .noty-block.bs-callout-warning, .noty-block.primary, .bs-callout.info, .bs-callout.bs-callout-info, .bs-callout.success, .bs-callout.bs-callout-success, .bs-callout.error, .bs-callout.bs-callout-danger, .bs-callout.warning, .bs-callout.bs-callout-warning, .bs-callout.primary {
    color: rgb(224, 227, 233);
}

.noty-block.info *, .noty-block.bs-callout-info *, .noty-block.success *, .noty-block.bs-callout-success *, .noty-block.error *, .noty-block.bs-callout-danger *, .noty-block.warning *, .noty-block.bs-callout-warning *, .noty-block.primary *, .bs-callout.info *, .bs-callout.bs-callout-info *, .bs-callout.success *, .bs-callout.bs-callout-success *, .bs-callout.error *, .bs-callout.bs-callout-danger *, .bs-callout.warning *, .bs-callout.bs-callout-warning *, .bs-callout.primary * {
    line-height: 16px;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.noty-block.info p, .noty-block.bs-callout-info p, .noty-block.success p, .noty-block.bs-callout-success p, .noty-block.error p, .noty-block.bs-callout-danger p, .noty-block.warning p, .noty-block.bs-callout-warning p, .noty-block.primary p, .bs-callout.info p, .bs-callout.bs-callout-info p, .bs-callout.success p, .bs-callout.bs-callout-success p, .bs-callout.error p, .bs-callout.bs-callout-danger p, .bs-callout.warning p, .bs-callout.bs-callout-warning p, .bs-callout.primary p {
    font-weight: 600;
    line-height: 10px;
    margin-bottom: 0px;
    font-size: 11px;
}

.noty-block.info, .noty-block.bs-callout-info, .bs-callout.info, .bs-callout.bs-callout-info {
    background-color: rgb(62, 65, 83);
    border-radius: 15px;
    font-size: 10.3px;
    display: flex;
    border: 1px solid rgb(66, 70, 90);
    gap: 15px;
    font-weight: 600;
    height: auto;
}

.noty-block.success, .noty-block.bs-callout-success, .bs-callout.success, .bs-callout.bs-callout-success {
    border-radius: 15px;
    background: linear-gradient(1deg, rgba(78, 82, 105, 0.66) 30%, rgb(77, 81, 105) 100%);
    font-size: 11px;
    padding: 20px;
    display: flex;
    height: auto;
    flex-direction: column;
}

.noty-block.error, .noty-block.bs-callout-danger, .bs-callout.error, .bs-callout.bs-callout-danger {
    background-color: rgba(80, 134, 255, 0.1);
    border-radius: 13px;
    font-size: 11px;
    margin-top: 20px;
    display: flex;
    font-weight: 600;
    border: 1px solid rgb(80, 134, 255);
    height: auto;
    flex-direction: column;
    align-items: center;
}

.noty-block.warning, .noty-block.bs-callout-warning, .bs-callout.warning, .bs-callout.bs-callout-warning {
    background-color: rgb(255, 173, 13);
}

.noty-block.primary, .bs-callout.primary {
    background-color: rgb(30, 30, 30);
    box-shadow: rgba(10, 31, 68, 0.05) 0px 18px 18px, rgba(10, 31, 68, 0.1) 0px 0px 1px;
}

.noty-block .m-icon.icon-remove, .bs-callout .m-icon.icon-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    transition: 0.2s;
    font-size: 9.5px;
    width: 20px;
    border-radius: 50px;
    height: 20px;
    display: flex;
    z-index: 1;
    font-weight: 500;
    background: rgba(255, 115, 115, 0.15);
    color: rgba(255, 136, 136, 0.4);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.noty-block .m-icon.icon-remove:hover, .bs-callout .m-icon.icon-remove {
    background: rgba(255, 115, 115, 0.24);
    color: rgba(255, 136, 136, 0.67);
}

.noty-block .close, .bs-callout .close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 100;
    font-size: 11px;
    color: rgb(255, 255, 255);
    position: absolute;
    right: 0px;
    top: 0px;
}

#events {
    background: rgba(255, 255, 255, 0);
}

#events .event {
    position: relative;
    display: flex;
    padding: 20px;
    gap: 15px;
    transition: 0.2s;
    background: linear-gradient(15deg, rgba(51, 51, 62, 0.67) 30%, rgb(55, 55, 66) 100%);
    border: 1px solid rgb(55, 55, 65);
    border-radius: 15px;
    margin-bottom: 10px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

#events .event:first-child {
}

#events .event > div {
    position: relative;
    line-height: 12px;
}

#events .event > a:not(.btn) {
    display: block;
    color: rgb(255, 255, 255);
    margin-left: 10px;
    font-size: 11px;
    background: rgba(46, 54, 74, 0);
    line-height: 60px;
    font-weight: bold;
}

#events .event > a:not(.btn) img {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    margin: 15px 10px 18px 0px;
}

#events .event > span {
    color: rgb(255, 255, 255);
    float: left;
    display: block;
    height: 100%;
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 70px;
}

#events .event > a.btn {
    float: left;
    display: block;
    width: 15%;
    margin-top: 22.5px;
    line-height: 21px;
    margin-bottom: 22.5px;
}

#events .event > i {
    position: absolute;
    right: 8px;
    transition: 0.2s;
    top: 8px;
    font-size: 9px;
    width: 19px;
    line-height: 1px;
    border-radius: 50px;
    height: 19px;
    display: flex;
    z-index: 1;
    font-weight: 500;
    background: rgba(255, 115, 115, 0.15);
    color: rgba(255, 136, 136, 0.4);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

#events .event > i:hover {
    background: rgba(255, 115, 115, 0.24);
    color: rgba(255, 136, 136, 0.67);
}

.site-stats {
    background: rgba(255, 255, 255, 0);
    top: -3px;
    position: relative;
}

.site-stats strong {
    margin-left: 12px;
    line-height: 24px;
    font-size: 12.5px;
}

.site-stats strong span {
    background: rgb(130, 138, 255);
    border-radius: 66px;
    margin-left: 5px;
    padding: 1px 10px;
    font-size: 11px;
    color: rgb(255, 255, 255);
}

.site-stats #site_stats {
    margin: -24px -16px 16px;
}

.site-stats #site_stats div.col-lg-4 {
    padding: 16px 47px;
}

.site-stats #site_stats div.col-lg-4 i {
    width: 48px;
    height: 48px;
    display: block;
    float: left;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    background: rgb(241, 242, 244);
    font-size: 18px;
}

.site-stats #site_stats div.col-lg-4 div {
    width: calc(100% - 68px);
    float: right;
}

.site-stats #site_stats div.col-lg-4 div b {
    color: rgb(10, 31, 68);
    font-weight: bold;
    line-height: 23px;
    font-size: 28px;
}

.site-stats #site_stats div.col-lg-4 div span {
    color: rgb(138, 148, 166);
    font-weight: 500;
    line-height: 16px;
    font-size: 12px;
    text-transform: uppercase;
}

.site-stats #online_users a {
    margin-right: 5px;
}

.site-stats #online_users, .site-stats #load_last_online {
    color: rgb(27, 27, 27);
}

.site-stats #online_users a, .site-stats #load_last_online a {
    display: inline-block;
    width: 36px;
    height: 32px;
    margin-right: -15px;
    margin-bottom: 15px;
}

.site-stats #online_users a img, .site-stats #load_last_online a img {
    width: 40px;
    transition: 0.3s;
    height: 40px;
    border: 3px solid rgb(30, 38, 56);
    border-radius: 50%;
}

.site-stats #online_users a img:hover, .site-stats #load_last_online a img:hover {
    width: 40px;
    transform: scale(0.9);
    transition: 0.3s;
    height: 40px;
    border-radius: 50%;
}

.site-stats #online_users {
    margin: -37px -16px 10px;
    padding: 54px 32px 0px 28px;
    border-radius: 15px 15px 0px 0px;
    background: rgb(30, 38, 56);
}

.site-stats #load_last_online {
    padding: 55px 16px 20px 27px;
    margin: -40px -16px;
    background: rgb(30, 38, 56);
    border-radius: 0px 0px 15px 15px;
}

.site-stats .empty-element {
    border: 0px;
}

.servers-online-line {
    border-radius: 50px;
    overflow: hidden;
    height: 39px;
    width: 39px;
    position: absolute;
    display: flex;
    background: rgba(56, 69, 97, 0);
    border: 1px solid rgba(44, 44, 44, 0);
    align-items: center;
    justify-content: center;
}

.servers-online-line .progress-val {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
}

.servers-online-line .progress-bar {
    margin: -1px;
    border-radius: 3px 0px 0px 3px;
}

.servers-online-line .progress-bar.bg-info {
    filter: blur(6px);
    background-image: radial-gradient(circle, rgba(143, 220, 147, 0.41) 20%, rgb(58, 63, 82) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    box-shadow: rgb(58, 63, 82) 0px 0px 10px 0px;
    background-color: rgba(255, 5, 5, 0) !important;
    width: 35px !important;
    height: 35px !important;
}

.servers-online-line .progress-bar.bg-success {
    filter: blur(6px);
    background-image: radial-gradient(circle, rgba(143, 220, 147, 0.41) 20%, rgb(58, 63, 82) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    box-shadow: rgb(58, 63, 82) 0px 0px 10px 0px;
    background-color: rgba(255, 5, 5, 0) !important;
    width: 35px !important;
    height: 35px !important;
}

.servers-online-line .progress-bar.bg-warning {
    filter: blur(6px);
    background-image: radial-gradient(circle, rgba(255, 140, 160, 0.56) 20%, rgba(52, 57, 74, 0) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    box-shadow: rgba(52, 57, 74, 0) 0px 0px 10px 0px;
    background-color: rgba(255, 5, 5, 0) !important;
    width: 35px !important;
    height: 35px !important;
}

.servers-online-line .progress-bar.bg-danger {
    filter: blur(6px);
    background-image: radial-gradient(circle, rgba(255, 140, 160, 0.56) 20%, rgba(52, 57, 74, 0) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    box-shadow: rgba(52, 57, 74, 0) 0px 0px 10px 0px;
    background-color: rgba(255, 5, 5, 0) !important;
    width: 35px !important;
    height: 35px !important;
}

#last_activity > div, #last_activity > span, #mybans > div, #mybans > span {
    display: flex;
    background: linear-gradient(154deg, rgb(72, 72, 86) 10%, rgb(62, 62, 75) 60%);
    border-radius: 12px;
    backdrop-filter: blur(1px);
    margin-top: 10px;
    gap: 15px;
    padding: 12px 16px 14px;
    align-items: center;
    justify-content: space-between;
}

#last_activity > div:first-child, #last_activity > span:first-child, #mybans > div:first-child, #mybans > span:first-child {
    border-top: 0px;
}

#last_activity > div:last-child, #last_activity > span:last-child, #mybans > div:last-child, #mybans > span:last-child {
}

#last_activity > div > p, #last_activity > span > p, #mybans > div > p, #mybans > span > p {
    display: block;
    width: 100%;
    margin: 0px;
}

#last_activity > div > p:nth-child(1), #last_activity > span > p:nth-child(1), #mybans > div > p:nth-child(1), #mybans > span > p:nth-child(1) {
    margin-bottom: 2px;
}

#last_activity > div > p:nth-child(1) a, #last_activity > span > p:nth-child(1) a, #mybans > div > p:nth-child(1) a, #mybans > span > p:nth-child(1) a {
    color: rgb(255, 255, 255);
    line-height: 22px;
    font-size: 12px;
    font-weight: 600;
}

#last_activity > div > p:nth-child(2), #last_activity > span > p:nth-child(2), #mybans > div > p:nth-child(2), #mybans > span > p:nth-child(2) {
    color: rgb(115, 121, 147);
    font-size: 10.5px;
    line-height: 8px;
}

#last_activity > div > p:nth-child(2) a, #last_activity > span > p:nth-child(2) a, #mybans > div > p:nth-child(2) a, #mybans > span > p:nth-child(2) a {
    margin-right: 5px;
}

#last_activity > div > p:nth-child(2) a img, #last_activity > span > p:nth-child(2) a img, #mybans > div > p:nth-child(2) a img, #mybans > span > p:nth-child(2) a img {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

#mybans > div {
    display: none;
}

#mybans > div:nth-child(1), #mybans > div:nth-child(2), #mybans > div:nth-child(3) {
    display: block;
}

#mybans > div:nth-child(3) {
    margin-bottom: -19px;
}

#mybans > div:nth-child(4) {
    margin-top: 19px;
}

.popover_avatar {
    width: 50px;
    height: 50px;
    margin: -5px -8px;
    border-radius: 2px;
}

#new_news > .col-lg-4 div, .news > .col-lg-4 div {
    margin-bottom: 30px;
    width: 100%;
    height: 265px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

#new_news > .col-lg-4 div img, .news > .col-lg-4 div img {
    position: absolute;
    height: 100%;
}

#new_news > .col-lg-4 div .shadow, .news > .col-lg-4 div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 32px 16px;
    background: rgba(33, 37, 49, 0.42);
}

#new_news > .col-lg-4 div a, .news > .col-lg-4 div a {
    color: rgb(255, 255, 255);
}

#new_news > .col-lg-4 div a:nth-child(2), .news > .col-lg-4 div a:nth-child(2) {
    margin-top: 15px;
}

#new_news > .col-lg-4 div a:nth-child(2) h3, .news > .col-lg-4 div a:nth-child(2) h3 {
    font-weight: 600;
    line-height: 26px;
    font-size: 18px;
}

#new_news > .col-lg-4 div a:nth-child(3), .news > .col-lg-4 div a:nth-child(3) {
    position: absolute;
    bottom: 32px;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
}

#new_news > .col-lg-4 div a:nth-child(3) i, .news > .col-lg-4 div a:nth-child(3) i {
    font-size: 80%;
    color: rgb(138, 148, 166);
}

.comment {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
    background: linear-gradient(0deg, rgb(49, 49, 61) 30%, rgb(58, 58, 72) 100%);
    border-radius: 15px;
    padding: 20px 20px 5px;
}

.comment > a {
    display: block;
    width: 32px;
    float: left;
}

.comment > a img {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background: linear-gradient(50deg, rgba(82, 85, 107, 0) 30%, rgb(108, 108, 128) 100%);
    padding: 3px;
    position: relative;
    top: -3px;
}

.comment > a span {
    width: 100%;
    display: block;
    text-align: center;
    color: rgb(138, 148, 166);
    line-height: 24px;
    font-size: 10px;
}

.comment .message {
    width: calc(100% - 40px);
    float: right;
    overflow-wrap: break-word;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    left: 10px;
    line-height: 18px;
}

.comment .message .info {
    line-height: 19px;
    display: block;
    height: 20px;
}

.comment .message .info .author {
    float: left;
    transition: 0.2s;
    position: relative;
}

.comment .message .with_code {
    border-radius: 4px 15px 15px;
    padding: 0px;
    max-width: 80%;
    background: rgba(255, 255, 255, 0);
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: rgb(159, 161, 173);
}

.comment .message .with_code img {
}

.comment .dell_message {
    color: rgb(122, 122, 146);
    position: absolute;
    top: 2px;
    font-size: 10px;
    cursor: pointer;
    transition: 0.2s;
}

.comment .dell_message:hover {
    color: rgb(255, 255, 255);
}

.comment .dell_message {
    right: 0px;
}

#dop #imgs img {
    margin-bottom: 10px;
}

#dop #img_result p {
    margin-bottom: 10px;
}

.ban-application.ban-information p {
    margin-bottom: 0px;
    font-size: 11px;
    font-weight: 600;
    color: rgb(90, 106, 140);
}

.ban-application #closed .m-icon {
    display: none;
}

#forum .row {
    margin: 10px 0px 0px;
    border-radius: 12px;
}

#forum .row .col-lg-8 {
    padding-top: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgb(45, 59, 89);
    display: flex;
    align-items: center;
}

#forum .row .col-lg-8 img {
    border-radius: 10px;
    height: 48px;
    width: 48px;
    float: left;
    margin-right: 16px;
}

#forum .row .col-lg-8 > div {
    width: calc(100% - 64px);
    float: right;
}

#forum .row .col-lg-8 > div h3 {
    margin: 0px;
    line-height: 18px;
}

#forum .row .col-lg-8 > div h3 a {
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    color: rgb(255, 255, 255);
}

#forum .row .col-lg-8 > div p {
    line-height: 20px;
    font-size: 11px;
    font-weight: 600;
    margin: 0px;
    color: rgb(90, 106, 140);
}

#forum .row .col-lg-4 {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgb(45, 59, 89);
}

#forum .row .col-lg-4 div {
    border-left: 1px solid rgb(45, 59, 89);
    height: 48px;
    padding-left: 16px;
}

#forum .row .col-lg-4 div img {
    margin-top: 12px;
    height: 28px;
    width: 28px;
    float: left;
    border-radius: 8px;
}

#forum .row .col-lg-4 div p {
    width: calc(100% - 40px);
    float: right;
    font-size: 10.5px;
    line-height: 16px;
    font-weight: 600;
    color: rgb(90, 106, 140);
    display: inline-block;
    margin: 0px;
}

#forum .row .col-lg-4 div p a {
    font-weight: 600;
    font-size: 11px;
    color: rgb(12, 102, 255);
}

#forum .row .col-lg-4 div p i {
    font-size: 10px;
    margin-right: 2px;
    display: none;
}

#forum .row > div:nth-last-child(1), #forum .row > div:nth-last-child(2) {
    border-bottom: 0px;
}

.forum-info {
    background: rgb(33, 37, 49);
    height: 100px;
    border-radius: 15px;
    margin-bottom: 50px;
    position: relative;
    padding: 20px 0px;
}

.forum-info div {
    position: relative;
}

.forum-info div .go-to-back {
    float: left;
    display: block;
    background: rgb(57, 63, 82);
    border-radius: 12px;
    height: 48px;
    width: 48px;
    font-size: 13px;
    margin-left: 10px;
    line-height: 48px;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-top: 6px;
    margin-right: 25px;
}

.forum-info div .go-to-back:hover {
    float: left;
    display: block;
    background: rgb(65, 71, 90);
    border-radius: 12px;
    height: 48px;
    width: 48px;
    font-size: 13px;
    margin-left: 10px;
    line-height: 48px;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-top: 6px;
    margin-right: 25px;
}

.forum-info div h3 {
    line-height: 24px;
    font-size: 16px;
    margin: 0px;
    font-weight: 600;
    padding-top: 6px;
}

.forum-info div p {
    line-height: 24px;
    font-size: 11.5px;
    font-weight: 600;
    color: rgb(122, 128, 145);
}

.forum-info div p span {
    line-height: 16px;
    font-size: 12px;
    margin-right: 13px;
    color: rgb(138, 148, 166);
}

.forum-info div p span i {
    color: rgb(166, 174, 188);
    margin-right: 6px;
}

.forum-info div #pagination2 {
    position: absolute;
    left: 79px;
    bottom: -18px;
    margin: 0px;
}

.forum-info div #pagination2 .pagination > li > a, .forum-info div #pagination2 .pagination > li > span {
    height: 18px;
    width: 18px;
    margin: 0px 3px;
    line-height: 16px;
    font-size: 10px;
}

.forum-info div #pagination2 .pagination > li:first-child > a > span::before, .forum-info div #pagination2 .pagination > li:last-child > a > span::before {
    font-size: 9px;
}

.forum-info div .add-topic, .forum-info div .dell-topic {
    z-index: 1012;
    box-shadow: rgba(10, 31, 68, 0.12) 0px 26px 26px, rgba(10, 31, 68, 0.1) 0px 0px 1px;
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border-radius: 12px;
    color: white;
    text-align: center;
    line-height: 48px;
    margin-right: 25px;
    font-size: 13px;
    bottom: 0px;
}

.forum-info div .add-topic {
    background: rgb(57, 63, 82);
    right: 0px;
}

.forum-info div .add-topic:hover {
    background: rgb(64, 71, 91);
    right: 0px;
}

.forum-info div .dell-topic {
    right: 60px;
    background: rgb(240, 61, 61);
}

.forum-info h3 i.fa-lock, .forum-info h3 i.fa-paperclip, #forum_topics h3 i.fa-lock, #forum_topics h3 i.fa-paperclip {
    color: white;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    line-height: 22px;
    margin-right: 1px;
}

.forum-info h3 i.fa-paperclip, #forum_topics h3 i.fa-paperclip {
    background: rgb(80, 134, 255);
    margin-left: 5px;
}

.forum-info h3 i.fa-lock, #forum_topics h3 i.fa-lock {
    background: rgb(255, 104, 104);
}

#forum_topics {
    padding: 15px 16px;
}

#forum_topics .row .col-lg-9 {
    padding: 16px;
    border-bottom: 1px solid rgb(44, 57, 86);
}

#forum_topics .row .col-lg-9 h3 {
    line-height: 24px;
    font-size: 15px;
}

#forum_topics .row .col-lg-9 h3 a {
    color: rgb(255, 255, 255);
    margin-left: 3px;
    position: relative;
    font-size: 13px;
    top: 1px;
}

#forum_topics .row .col-lg-9 p {
    line-height: 16px;
    font-size: 13px;
    margin: 0px;
}

#forum_topics .row .col-lg-9 p span {
    line-height: 16px;
    font-size: 11px;
    margin-right: 6px;
    color: rgb(90, 106, 140);
}

#forum_topics .row .col-lg-9 p span img {
    border-radius: 7px;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 2px;
}

#forum_topics .row .col-lg-9 p span a {
    position: relative;
}

#forum_topics .row .col-lg-9 p span i {
    color: rgb(166, 174, 188);
    margin-right: 6px;
}

#forum_topics .row .col-lg-3 {
    padding: 16px;
    border-bottom: 1px solid rgb(44, 57, 86);
}

#forum_topics .row .col-lg-3 div {
    padding: 12px 18px;
    display: flex;
    height: 49px;
    justify-content: flex-start;
    align-items: center;
}

#forum_topics .row .col-lg-3 div img {
    height: 33px;
    width: 33px;
    border-radius: 8px;
    float: left;
    margin-top: 3px;
}

#forum_topics .row .col-lg-3 div p {
    color: rgb(90, 106, 140);
    display: block;
    width: calc(100% - 45px);
    float: left;
    margin: 0px 0px 0px 10px;
    font-size: 11px;
    line-height: 16px;
}

#forum_topics .row .col-lg-3 div p i {
    color: rgb(166, 174, 188);
    font-size: 11px;
    margin-right: 3px;
}

#forum_topics .row > div:nth-last-child(1), #forum_topics .row > div:nth-last-child(2) {
    border-bottom: 0px;
}

.topic-answers {
    background: rgba(27, 27, 27, 0);
}

.topic-answers div[id^="answer"]::after {
    clear: both;
    display: table;
    content: " ";
    position: absolute;
    bottom: 0px;
    background: rgba(241, 242, 244, 0);
    width: calc(100% - 58px);
    height: 1px;
    left: 26px;
}

.topic-answers div[id^="answer"] .right-side a.date, .topic-answers div[id^="answer"] .right-side span {
}

.topic-answers div[id^="answer"] .right-side a.date a, .topic-answers div[id^="answer"] .right-side span a {
    color: rgb(255, 255, 255);
    margin-left: 5px;
    margin-right: 5px;
}

.topic-answers div[id^="answer"] .right-side a.date i, .topic-answers div[id^="answer"] .right-side span i {
    font-size: 12px;
    margin-right: 3px;
    color: rgb(166, 174, 188);
}

.topic-answers div[id^="answer"] .right-side .with_code {
    padding: 0px;
    line-height: 20px;
    background: rgba(37, 41, 54, 0);
    margin-top: 10px;
    font-size: 12px;
}

.topic-answers div[id^="answer"] .right-side .signature {
    line-height: 16px;
    font-size: 12px;
}

.topic-answers div[id^="answer"] .right-side .thank_str {
    font-size: 11px;
    font-weight: 600;
    color: rgb(122, 126, 150);
    overflow: hidden;
}

.topic-answers div[id^="answer"] .right-side .thank_str a {
    color: rgb(139, 174, 169);
}

.topic-answers div[id^="answer"] .right-side .likes-area {
    padding: 8px 0px;
    position: absolute;
    width: calc(100% - 64px);
    top: -12px;
    right: -3px;
}

.topic-answers div[id^="answer"] .right-side .likes-area .btn, .topic-answers div[id^="answer"] .right-side .likes-area .btn:focus {
    margin: 0px 3px;
    border: 0px;
    padding: 5px 20px;
    text-align: center;
    box-shadow: rgba(10, 31, 68, 0.1) 0px 3px 4px, rgba(10, 31, 68, 0.08) 0px 0px 1px;
    border-radius: 7px;
}

.topic-answers div[id^="answer"] .right-side .likes-area i {
    margin: 0px;
    text-align: center;
}

.topic-answers div[id^="answer"] .right-side::after {
    display: block;
    content: " ";
}

@media not all {
}

#sections .block_head {
    margin-bottom: 16px;
}

#sections .btn .m-icon {
    color: white;
}

.btn-group-toggle .btn.btn-default.active {
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.39) 1px 0px 10px;
    padding: 25px !important;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%)) !important;
    border-radius: 10px !important;
}

.btn-group-toggle .btn.btn-default.active .title_rcon_btn {
    display: flex;
    height: 23px;
    border-radius: 50px;
    padding: 0px 10px;
    margin-top: -3px;
    background: rgba(255, 255, 255, 0.26);
    align-items: center;
    color: rgb(255, 255, 255) !important;
    font-size: 10px !important;
    line-height: 0px !important;
}

.btn-group-toggle .btn.btn-default:not(.btn-sm) {
    line-height: 26px;
    height: 90px !important;
    border-radius: 15px !important;
}

form[id^="section_settings"] .btn-group-toggle > label, div#add_section .btn-group-toggle > label {
    font-size: 14px;
    height: 30px;
    padding: 5px 11px;
    margin: 0px 5px 5px 0px;
}

table tbody[id^="forums"] img {
    display: block;
    margin: 0px auto;
    height: 50px;
    width: 50px;
}

table tbody[id^="forums"] tr td {
    padding: 5px;
}

table tbody[id^="forums"] tr td:first-child {
    max-width: 60px;
}

table tbody[id^="forums"] tr td:nth-child(2) {
    max-width: 150px;
}

table tbody[id^="forums"] tr td:nth-child(2) input, table tbody[id^="forums"] tr td:nth-child(2) .custom-file label, .custom-file table tbody[id^="forums"] tr td:nth-child(2) label {
    width: 100%;
}

table tbody[id^="forums"] tr td input, table tbody[id^="forums"] tr td .custom-file label, .custom-file table tbody[id^="forums"] tr td label {
    margin: 0px;
}

#banlist div[id^="baninfo"] i {
    font-style: normal !important;
}

#banlist div[id^="baninfo"] input, #banlist div[id^="baninfo"] .custom-file label, .custom-file #banlist div[id^="baninfo"] label {
    margin: 0px;
}

#muts div[id^="muteinfo"] i {
    font-style: normal !important;
}

#muts div[id^="muteinfo"] input, #muts div[id^="muteinfo"] .custom-file label, .custom-file #muts div[id^="muteinfo"] label {
    margin: 0px;
}

#server_admins tr[id^="admin"] > td > i[class^="fa"], #server_admins tr[id^="admin"] > td > .m-icon, #admins tr[id^="admin"] > td > i[class^="fa"], #admins tr[id^="admin"] > td > .m-icon {
    margin-left: 5px;
    color: rgb(12, 102, 255);
    font-size: 12px;
    cursor: pointer;
}

#server_admins div[id^="admin_info"] table tbody tr td, #admins div[id^="admin_info"] table tbody tr td {
    font-size: 13px;
    padding: 7px;
}

#server_admins div[id^="admin_info"] .services-title, #admins div[id^="admin_info"] .services-title {
    margin-bottom: 12px;
    float: left;
}

#server_admins div[id^="admin_info"] .add-service, #admins div[id^="admin_info"] .add-service {
    float: right;
}

#server_admins #admins_services td, #admins #admins_services td {
    vertical-align: middle;
    overflow-wrap: normal;
    white-space: nowrap;
    font-size: 13px;
    padding: 7px;
}

#server_admins #admins_services td .btn, #admins #admins_services td .btn {
    float: right;
}

#server_admins #admins_services td .btn > i[class^="fa"], #server_admins #admins_services td .btn > .m-icon, #admins #admins_services td .btn > i[class^="fa"], #admins #admins_services td .btn > .m-icon {
    font-size: 12px;
    color: rgb(12, 102, 255);
}

#server_admins #admins_services td p, #admins #admins_services td p {
    display: block;
    width: auto;
    float: left;
}

#server_admins #admins_services td .form-control, #admins #admins_services td .form-control {
    margin: 0px;
}

#server_admins #admins_services td .hasDatepicker, #admins #admins_services td .hasDatepicker {
    font-size: 0.875rem;
    line-height: 1.5;
    text-indent: 5px;
}

@media (max-width: 991.99px) {
    .admin-settings tr > td:first-child {
        display: none;
    }

    .admin-settings tr > td:last-child {
        border-left: 0px;
    }

    .admin-settings tr > td:last-child small {
        display: block;
        float: right;
    }

    .admin-settings tr > td:last-child small::after {
        clear: both;
        display: table;
        content: " ";
    }
}

@media (min-width: 992px) {
    .admin-settings tr > td:last-child small {
        display: none;
    }
}

tr[id^="multi-account-"] span {
    font-size: 12px;
    cursor: pointer;
    margin-left: 5px;
}

#edit_user_avatar_result p {
    margin-bottom: 0px;
}

div[id^="store_info"] table.table > tbody[id^="admins_services"] > tr > td {
    font-size: 10.5px;
}

div[id^="store_info"] table.table > tbody[id^="admins_services"] > tr > td button {
    margin-top: 5px;
    width: 100%;
    margin-bottom: 12px;
}

div[id^="store_info"] table.table > tbody[id^="admins_services"] > tr > td select {
    margin-top: -2px;
    margin-bottom: 20px;
}

.user {
    background: rgb(30, 38, 56);
    border-radius: 13px;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 6px;
    display: flex;
    transition: 0.2s;
    flex-wrap: nowrap;
}

.user:hover {
    background: rgb(39, 47, 66);
    border-radius: 13px;
    transition: 0.2s;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 6px;
    display: flex;
    flex-wrap: nowrap;
}

.text_cases {
    font-size: 16px;
    color: rgb(255, 255, 255);
    width: 34px;
    display: flex;
    border-radius: 9px;
    height: 34px;
    background: rgba(255, 255, 255, 0.21);
    align-items: center;
    justify-content: center;
}

.description_cases {
    color: rgb(255, 255, 255);
    font-size: 11.5px;
}

.info_cases {
    gap: 6px;
    display: flex;
    background: rgba(255, 136, 161, 0.1);
    width: 16px;
    height: 16px;
    margin-bottom: 8px;
    color: rgb(255, 132, 157);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 6px !important;
}

.info_cases i {
}

.user img {
    width: 32px;
    border-radius: 50px;
    position: relative;
    top: 3.5px;
    margin-right: 12px;
    margin-left: 7px;
}

.user span {
    display: inline-block;
    font-size: 10px;
    color: rgb(23, 23, 23);
    height: 0px;
    border-radius: 3px;
    position: relative;
    top: -2px;
    font-weight: 500;
}

.user a[href^="../profile"]:not(:first-child) {
    display: block;
    width: 100%;
    font-weight: 600;
    line-height: 26px;
    font-size: 14px;
    margin: 5px 0px;
    color: rgb(255, 255, 255);
}

.user .btn {
    width: 100%;
    margin-bottom: 0px;
}

.detailed-profile {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(24, 24, 24);
    margin-bottom: 32px;
}

.detailed-profile > div:nth-child(1) {
    position: relative;
    height: 92px;
    background: rgb(30, 30, 30);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px;
    padding: 16px;
}

.detailed-profile > div:nth-child(1) .avatar {
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 4px;
    float: left;
}

.detailed-profile > div:nth-child(1) .avatar img {
    height: 60px;
    width: 60px;
    border-radius: 4px;
    float: left;
}

.detailed-profile > div:nth-child(1) > div {
    float: right;
    width: calc(100% - 60px);
    padding: 13px 24px 13px 16px;
}

.detailed-profile > div:nth-child(1) > div span {
    display: block;
}

.detailed-profile > div:nth-child(1) > div span:first-child {
    color: white;
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
}

.detailed-profile > div:nth-child(1) > div span:last-child {
    font-weight: 500;
    line-height: 16px;
    font-size: 12px;
}

.detailed-profile > div:nth-child(1) > a:not(.avatar) {
    color: rgb(152, 161, 177);
    position: absolute;
    top: 38px;
    right: 16px;
    font-size: 20px;
}

.detailed-profile table {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

.detailed-profile table tr td:nth-child(1) {
    padding: 10px 15px;
    width: 62px;
}

.detailed-profile table tr td:nth-child(1) i {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    background: rgb(49, 49, 49);
    font-size: 16px;
    color: white;
}

.detailed-profile table tr td:nth-child(2) {
    border-bottom: 1px solid rgb(49, 49, 49);
    width: 200px !important;
}

.detailed-profile table tr td:nth-child(2) span {
    display: block;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: white;
    width: 204px !important;
}

.detailed-profile table tr td:nth-child(2) p {
    font-weight: 500;
    line-height: 12px;
    font-size: 12px;
    color: rgb(138, 148, 166);
}

.detailed-profile table tr:last-child td:first-child {
    border-bottom: 1px solid rgb(49, 49, 49);
}

.detailed-profile ul {
    margin-bottom: 15px;
}

.detailed-profile ul li a {
    padding: 10px 15px;
    display: block;
    border: 1px solid rgb(49, 49, 49);
    margin: 4px 15px;
    border-radius: 4px;
    color: white;
    font-size: 13px;
}

.detailed-profile ul li a .m-icon {
    font-size: 12px;
    margin-right: 5px;
}

.detailed-profile ul li a[href^="../messages"] {
    border: 1px solid rgb(12, 102, 255);
    background: rgb(12, 102, 255);
}

.detailed-profile .go-exit {
    color: white;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    display: block;
    margin: 15px;
}

.detailed-profile .go-exit i {
    line-height: 20px;
    color: rgb(138, 148, 166);
    margin-right: 10px;
}

.money-info-block {
    display: block;
    background: rgb(12, 102, 255);
    padding: 11px 16px;
    color: white;
    height: 60px;
    margin: 18px 15px 0px;
}

.money-info-block div {
    width: 50%;
    float: left;
}

.money-info-block div i {
    font-size: 18px;
    float: left;
    line-height: 38px;
    margin-right: 9px;
}

.money-info-block div p {
    color: rgba(255, 255, 255, 0.8);
    margin: 0px;
}

.money-info-block div span {
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
}

.money-info-block:hover {
    color: white !important;
}

.profile-top-menu {
    margin-right: auto;
    overflow: auto hidden;
    margin-bottom: 15px;
    height: 48px;
    width: 102%;
    margin-left: auto;
    list-style: none;
    background: rgba(255, 255, 255, 0);
    flex-wrap: nowrap;
}

.profile-top-menu li {
    display: inline-block;
}

.profile-top-menu li a {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 40px;
    padding: 0px 26.6px;
    color: rgb(96, 103, 126);
    border-radius: 10px;
    top: 3px;
    position: relative;
    background: rgb(33, 37, 49);
    margin: 0px 7px 0px 0px;
    font-weight: 600;
}

.profile-top-menu li a.active, .profile-top-menu li a:hover {
    color: rgb(255, 255, 255);
    background: rgb(48, 53, 70);
}

.profile-page h2 {
    font-size: 16px;
    margin-top: -4px;
}

.profile-page table.profile-table {
    width: calc(100% + 32px);
    margin: -24px -16px;
    display: none;
}

.profile-page table.profile-table tr {
    border-bottom: 1px solid rgba(241, 242, 244, 0);
}

.profile-page table.profile-table tr:last-child {
    border-bottom: 0px;
}

.profile-page table.profile-table tr td:nth-child(1) {
    width: 66px;
    padding: 14px 17px;
}

.profile-page table.profile-table tr td:nth-child(1) i {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: rgb(48, 53, 70);
    display: block;
    text-align: center;
    line-height: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: rgb(255, 255, 255);
}

.profile-page table.profile-table tr td:nth-child(1) i:not([class^="fa"]) {
    font-weight: 600;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-discord {
    color: white;
    line-height: 35px;
    background: rgb(112, 98, 231);
    box-shadow: rgba(129, 112, 255, 0) 0px 0px 25px;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-Telegram {
    color: white;
    background: rgb(0, 120, 202);
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-telegram-plane {
    color: white;
    box-shadow: rgba(129, 112, 255, 0) 0px 0px 25px;
    background: rgb(76, 137, 207);
    line-height: 34px;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-Telegram {
    color: white;
    line-height: 34px;
    background: rgb(55, 98, 255);
    box-shadow: rgba(129, 112, 255, 0) 0px 0px 25px;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-steam-symbol {
    color: white;
    background: black;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-facebook-f {
    color: white;
    background: rgb(66, 103, 178);
}

.profile-page table.profile-table tr td:nth-child(2) {
    padding: 14px 0px;
}

.profile-page table.profile-table tr td:nth-child(2) p {
    position: relative;
    margin: 0px 0px 0px 1px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 11.5px;
    line-height: 18px;
    letter-spacing: 0.5px;
}

.profile-page table.profile-table tr td:nth-child(2) p a {
    color: rgb(255, 255, 255);
}

.profile-page table.profile-table tr td:nth-child(2) p img {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    right: 20px;
    top: 2px;
}

.profile-page table.profile-table tr td:nth-child(2) span {
    line-height: 16px;
    font-size: 11px;
    font-weight: 600;
    color: rgb(96, 103, 126);
}

.profile-page #last_activity, .profile-page #mybans {
    margin-top: -24px;
}

.profile-page #last_activity .empty-element, .profile-page #mybans .empty-element {
    height: auto;
    border: 0px;
    padding-top: 14px !important;
}

.profile-page .block.dialogs #chat .input-group {
    margin-bottom: -24px;
}

.pay-area {
    border-radius: 6px;
    margin-bottom: 30px;
    position: relative;
    padding: 20px 16px 0px;
    background: url("../img/pay-area.jpg") center center / 100%;
}

.pay-area b {
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    display: block;
    margin-bottom: 16px;
}

.pay-area .money-info-block {
    padding: 0px;
    margin: 0px;
    background: transparent;
    max-width: 230px;
}

.pay-area span[data-toggle] {
    cursor: pointer;
    height: 32px;
    display: inline-block;
    line-height: 30px;
    color: rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.36);
    padding: 0px 16px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    float: right;
    margin: 6px 0px;
}

.pay-area .pay-input {
    height: 48px;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 32px);
}

.pay-area .pay-input input, .pay-area .pay-input .custom-file label, .custom-file .pay-area .pay-input label {
    height: 48px;
    line-height: 48px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0px;
    padding-right: 100px;
}

.pay-area .pay-input button {
    position: absolute;
    right: 8px;
    top: 8px;
    margin: 0px;
}

.pay-area .pay-input .error_message {
    display: none !important;
}

@media (max-width: 991.99px) {
    .pay-area {
        background-size: auto 100%;
    }

    .pay-area span[data-toggle] {
        width: 100%;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 26px;
    }
}

#operations .with-icon {
    padding-left: 60px;
}

#operations .with-icon i {
    left: 10px;
    top: 14px;
    width: 24px;
    margin-left: 5px;
    height: 24px;
    border-radius: 6px;
    border: 7px solid;
    text-align: center;
    line-height: 20px;
    font-size: 8px;
}

#operations .with-icon i.fa-plus {
    color: rgb(255, 255, 255);
    background: rgb(122, 185, 129);
    border: 2px solid rgb(122, 185, 129);
}

#operations .with-icon i.fa-minus {
    color: rgb(255, 255, 255);
    line-height: 20px;
    background: rgb(233, 131, 131);
    border: 2px solid rgb(233, 131, 131);
}

.profile-settings h2 {
    font-size: 16px;
    color: rgb(255, 255, 255);
}

.profile-settings .btn i.fa-pencil {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 24px;
    font-size: 15px !important;
}

.profile-settings .m-icon {
    display: none;
}

.profile-settings #vk_user img, .profile-settings #steam_user img, .profile-settings #fb_user img {
    height: 30px;
    width: 30px;
    margin-right: 8px;
    border-radius: 50%;
}

.profile-settings #vk_user span, .profile-settings #steam_user span, .profile-settings #fb_user span {
    display: inline;
}

.profile-settings table tr td[colspan="2"] {
    white-space: normal !important;
}

.profile-settings small.input-title {
    font-size: 11px;
    display: block;
    color: rgb(107, 191, 150);
    margin-bottom: 0px;
    border-radius: 10px;
    margin-top: 0px;
}

.profile-settings .edit-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 20px;
}

.profile-settings .edit-privacy p {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    margin-bottom: -16px;
}

.profile-settings .edit-date .col-12:last-child {
    position: relative;
}

.profile-settings .edit-date .col-12:last-child small {
    position: absolute;
    left: 15px;
    top: -24px;
}

.profile-settings .edit-date .col-3 .btn {
    margin-top: 7px;
}

#stats table {
    max-width: 100%;
}

#stats tr td {
    max-width: 200px;
}

#stats tr td .rank {
    width: 80px;
    height: 30px;
    display: block;
    margin: 0px auto;
}

#stats tr td a i {
    font-style: normal !important;
}

#stats .progress {
    position: relative;
    height: 17px;
    margin-top: 5px;
    width: 100%;
}

#stats .progress span {
    position: absolute;
    color: rgb(255, 255, 255);
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 9.5px;
    top: -1px;
}

#stats .area-label {
    padding-top: 15px;
}

#stats .label {
    padding: 3px 6px;
    border-radius: 2px;
    background-color: whitesmoke;
    color: rgb(93, 108, 132);
    border: 1px solid rgb(234, 234, 234);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#stats .label.label-primary {
    background-color: rgb(12, 102, 255);
    color: rgb(255, 255, 255);
    border: 0px;
}

#stats .label.label-success {
    background-color: rgb(227, 245, 220);
    color: rgb(11, 176, 123);
    border-color: rgb(205, 232, 195);
}

#stats .label.label-info {
    background-color: rgb(225, 239, 250);
    color: rgb(10, 31, 68);
    border-color: rgb(202, 221, 237);
}

#stats .label.label-warning {
    background-color: rgb(255, 240, 210);
    color: rgb(255, 173, 13);
    border-color: rgb(232, 221, 202);
}

#stats .label.label-danger {
    background-color: rgb(252, 227, 227);
    color: rgb(240, 61, 61);
    border-color: rgb(232, 202, 202);
}

.new {
    padding-top: 16px;
}

.new > p:last-child {
    margin: 16px -16px -10px;
    padding: 21px 16px 0px;
    border-top: 1px solid rgba(241, 242, 244, 0);
}

.new > p:last-child span {
    margin-top: 10px;
    padding: 5px 10px;
    background: rgb(48, 53, 70);
    margin-bottom: 10px;
    font-size: 10px;
    border-radius: 7px;
    color: rgb(255, 255, 255);
}

.new > p:last-child span a {
    color: rgb(255, 255, 255);
}

#news a.small-new {
    margin: 0px -16px;
    padding: 10px 16px;
    display: block;
    height: 60px;
    width: calc(100% + 32px);
}

#news a.small-new img {
    height: auto;
    width: 70px;
    display: none;
    border-radius: 4px;
    margin-right: 10px;
    float: left;
}

#news a.small-new div {
    width: calc(100% - 80px);
}

#news a.small-new div p {
    font-size: 12px;
    margin: 0px;
    line-height: 13.5px;
    display: block;
    color: rgb(88, 95, 116);
}

#news a.small-new:last-child {
}

#main-slider.carousel {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 40px;
    margin-bottom: 30px;
    height: 400px;
    top: 60px;
}

#main-slider.carousel .carousel-inner {
    height: 100%;
    margin-top: 160px;
}

#main-slider.carousel .carousel-inner .carousel-item {
    height: 100%;
}

#main-slider.carousel .carousel-inner .carousel-item img {
    height: 100%;
    width: 100%;
}

#main-slider.carousel .he {
    height: 288px;
    width: 211px;
    position: absolute;
    top: 0px;
    left: calc(50% - 90px);
    z-index: 11;
}

#main-slider.carousel .carousel-caption {
    left: 30px;
    top: 20px;
    border-radius: 15px;
    bottom: auto;
    height: 100px;
    width: 70%;
    padding: 30px;
    background-color: rgb(34, 40, 62);
    position: relative;
    z-index: 10;
    color: rgb(255, 255, 255);
    text-align: left;
}

#main-slider.carousel .carousel-caption h1 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 30px;
}

#main-slider.carousel .carousel-caption h1 a {
    color: rgb(255, 255, 255);
}

#main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next {
    height: 48px;
    width: 48px;
    top: 210px;
    padding-right: 1px;
    background: rgba(38, 44, 68, 0);
    bottom: 2px;
    opacity: 1;
    border-radius: 50%;
}

#main-slider.carousel .carousel-control-prev i, #main-slider.carousel .carousel-control-next i {
    color: rgb(255, 255, 255);
}

#main-slider.carousel .carousel-control-prev:hover i, #main-slider.carousel .carousel-control-next:hover i {
    color: rgb(255, 255, 255);
}

#main-slider.carousel .carousel-control-prev {
    left: 245px;
}

#main-slider.carousel .carousel-control-next {
    left: 788px;
}

@media (max-width: 991.99px) {
    #main-slider.carousel {
        height: 250px;
    }

    #main-slider.carousel .he {
        display: none;
    }

    #main-slider.carousel .carousel-caption {
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        border-radius: 4px;
        padding: 20px;
    }

    #main-slider.carousel .carousel-caption h1 {
        font-size: 200%;
        line-height: 100%;
        margin-bottom: 10px;
    }

    #main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next {
        height: 40px;
        width: 40px;
    }

    #main-slider.carousel .carousel-control-prev {
        left: auto;
    }
}

.Telegram-widgets .block {
    padding-bottom: 0px;
}

.Telegram-widgets a[id^="admin_widget"] {
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
}

.Telegram-widgets a[id^="admin_widget"] img {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 8px;
}

.Telegram-widgets a[id^="admin_widget"] span {
    display: block;
    width: calc(100% - 40px);
    float: right;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    color: rgb(255, 255, 255);
    font-size: 13px;
}

.Telegram-widgets a[id^="admin_widget"]::after {
    clear: both;
    display: table;
    content: " ";
}

.disp-b {
    display: block;
}

.disp-n {
    display: none;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
    background: rgb(61, 62, 75);
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-thumb:horizontal:hover {
    background: rgb(61, 62, 75);
}

.stors {
}

.stors__img {
    border-radius: 5px;
}

#my_cases_area {
    margin-top: 10px;
    border-radius: 5px;
}

.opened-case {
}

.onlines {
    float: right;
    background: rgba(255, 255, 255, 0);
    height: 5px;
    padding: 15px 0px 15px 10px;
    margin-top: 18px;
    border-radius: 0px;
    font-size: 11px;
    line-height: 0px;
}

.profile-lvl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 200%;
}

.help {
    opacity: 1;
    transition: 0.2s;
}

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

.popover {
    z-index: 1060;
    display: block;
    max-width: 210px;
    height: 205px;
    width: 200px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-transform: none;
    box-shadow: rgba(0, 0, 0, 0.11) 0px 5px 10px;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    border: 1px solid rgba(0, 0, 0, 0);
    line-break: auto;
    font-size: 0.875rem;
    overflow-wrap: break-word;
    background-color: rgb(53, 53, 65);
    background-clip: padding-box;
    border-radius: 15px;
    left: -41px !important;
    top: -15px !important;
}

:root {
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: auto;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0px, 0px);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0px);
    backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper: :before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper: :before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center;
}

.swiper-virtual .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0px);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0px;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
    content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
    content: "next";
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translate3d(0px, 0px, 0px);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0px;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

button.swiper-pagination-bullet {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0px;
    top: 0px;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0px;
    top: 0px;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0px;
    top: 0px;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50% center;
    box-sizing: border-box;
    border-top-style: ;
    border-top-width: ;
    border-right-color: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-color: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear 0s infinite normal none running swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0px auto;
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0px 0px;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0px;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow::before {
    content: "";
    background: rgb(0, 0, 0);
    position: absolute;
    inset: 0px;
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.number_max {
    color: rgb(255, 255, 255);
    font-size: 8px;
    transition: 0.2s;
    height: 12px;
    position: relative;
    background: rgb(49, 63, 93);
    top: -0.5px;
    margin-left: 3px;
    display: inline-block;
    line-height: 13px;
    border-radius: 50px;
    padding: 0px 9px;
}

.circlee {
    width: 5px;
    height: 5px;
    background-color: rgb(29, 157, 100);
    border-radius: 50%;
    position: absolute;
}

.ringring {
    border: 2px solid rgba(29, 157, 100, 0.32);
    border-radius: 50px;
    height: 13px;
    width: 13px;
    position: absolute;
    animation: 1s ease-out 0s infinite normal none running pulsate;
    opacity: 0;
}

.circle_profile {
    width: 5px;
    height: 5px;
    background-color: rgb(29, 157, 100);
    border-radius: 50%;
    position: absolute;
}

.ringring_profile {
    border: 2px solid rgba(29, 157, 100, 0.32);
    border-radius: 50px;
    height: 13px;
    width: 13px;
    position: absolute;
    animation: 1s ease-out 0s infinite normal none running pulsate;
    opacity: 0;
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.tabs__buttons--container {
    display: flex;
    margin-bottom: 10px;
}

.tabs__tab-btn {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 12px 35px;
    background: rgb(36, 49, 76);
    border-radius: 10px;
    margin-right: 7px;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.tabs__tab-btn--not-selected {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 12px 35px;
    background: rgb(28, 39, 64);
    border-radius: 10px;
    margin-right: 7px;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.tabs__tab-btn:hover {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 12px 35px;
    background: rgb(36, 49, 76);
    border-radius: 10px;
    margin-right: 7px;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.tabs__tab--hide {
    display: none;
}

.tabs__tab--show {
    display: block;
}

.tabs__tab {
    animation: 0.6s ease 0s 1 normal none running tabApear;
}

@keyframes tabApear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.message_button {
    color: rgb(255, 255, 255);
    font-weight: 600;
    height: 33px;
    border-radius: 9px;
    font-size: 14px;
    opacity: 0.7;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 10px;
    display: flex;
    width: 33px;
    transition: 0.2s;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.message_button:hover {
    opacity: 1;
    color: rgb(255, 255, 255);
}

.profile_button {
    color: rgb(121, 121, 142);
    font-weight: 600;
    height: 33px;
    border-radius: 9px;
    font-size: 14px;
    display: flex;
    width: 33px;
    transition: 0.2s;
    background: linear-gradient(25deg, rgb(67, 67, 79) 30%, rgb(75, 75, 90) 100%);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.profile_button:hover {
    opacity: 0.7;
    color: rgb(137, 143, 167);
}

.name_players {
    text-overflow: ellipsis;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
}

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

.date_forum {
    color: rgb(113, 113, 131);
    font-weight: 600;
    padding: 0px 0px 10px;
    margin-bottom: 20px;
    display: block;
    border-bottom: 1px dashed rgba(113, 113, 131, 0.47);
    width: 100%;
    font-size: 11.5px !important;
}

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

.buttons_friends {
    display: none;
}

.buttons_friends_new {
    display: flex;
    gap: 10px;
}

.contacts_profile {
    display: flex;
    gap: 7px;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
}

.page-authorization-meatpers {
    max-width: 50rem;
}

.tabes {
    border: 1px solid rgb(62, 62, 77);
    border-radius: 50px;
    padding: 7px;
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.tabes .tab {
    cursor: pointer;
    height: 50px;
    display: flex;
    font-weight: 600;
    border-radius: 50px;
    color: rgb(99, 99, 119);
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.tabes .tab.active {
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.52) 1px 0px 10px;
    box-shadow: rgba(68, 174, 123, 0.26) 0px 10px 40px;
}

.tabes .tab.active:hover {
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.52) 1px 0px 10px;
    box-shadow: rgba(68, 174, 123, 0.26) 0px 10px 40px;
}

.tabes .tab:hover {
    color: rgb(255, 255, 255);
    background: rgb(58, 58, 72);
}

.tab-contentes {
    display: none;
}

.tab-contentes.active {
    display: block;
}

.form_control_auth {
    font-size: 11.5px;
    font-weight: 600;
    width: 86%;
    border-radius: 0px 11px 11px 0px;
    text-indent: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    color: rgb(255, 255, 255);
    background: rgb(55, 55, 68) !important;
}

.form_control_auth:focus {
    border-color: rgb(55, 55, 68);
    color: rgb(255, 255, 255);
    box-shadow: none;
    background: rgb(55, 55, 68) !important;
}

.login_place {
    display: flex;
    flex-direction: column;
}

.input_login {
    display: flex;
    margin-bottom: 9px;
    background: rgb(55, 55, 68);
    border-radius: 11px;
    align-items: center;
}

.block_purse_base {
    border-radius: 15px;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    padding: 20px 20px 10px;
    margin-bottom: 12px;
}

.buy_purse {
    transition: 0.2s;
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 10px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 15px 20px;
    height: 55px;
    position: relative;
    font-size: 11px;
    border-radius: 11px;
    top: 1px;
    font-weight: 600;
}

.buy_purse:hover {
    opacity: 0.7;
}

.button_summa {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 10px;
    border-radius: 9px;
    cursor: pointer;
    transition: 0.2s;
    width: 70px;
    background: linear-gradient(1deg, rgba(76, 76, 90, 0.65) 30%, rgb(76, 76, 90) 100%);
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.button_summa:hover {
    opacity: 0.7;
}

.select_number {
    padding: 15px;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    border-radius: 15px;
    display: flex;
    gap: 6px;
    margin-bottom: 15px;
}

.input_login i {
    height: 39px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #59596a 0, #41414f 100%));
    text-shadow: rgba(0, 0, 0, 0.46) 1px 0px 10px;
    display: flex;
    width: 39px;
    margin-left: 7px;
    color: rgb(120, 120, 135);
    margin-right: 8px;
    font-size: 17px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.button_social {
    display: flex;
    width: 100%;
    gap: 8px;
}

.authorization_welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    gap: 5px;
    font-weight: bolder;
}

.text_welcome {
    font-size: 18px;
}

.second_welcome {
    color: rgb(96, 96, 117);
    font-weight: bolder;
    text-align: center;
    line-height: 17px;
}

.flex_authorization_page {
    height: 87%;
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.line_social {
    background: rgb(61, 63, 77);
    height: 3px;
    width: 70%;
    border-radius: 150%;
    display: flex;
    margin-bottom: 5px;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
}

.circle_social {
    background: rgb(61, 65, 77);
    width: 16px;
    box-shadow: rgba(64, 151, 109, 0.94) 0px 10px 40px;
    height: 16px;
    border: 3px solid rgb(64, 151, 109);
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.circle_in_social {
    width: 4px;
    height: 4px;
    display: block;
    background: rgb(255, 255, 255);
    border-radius: 50%;
}

.privacy-policy {
    font-size: 12px;
    padding: 9px 11px;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    color: rgb(96, 96, 117);
}

.info_discount {
    padding: 20px;
    border: 1px dashed rgb(70, 70, 86);
    border-radius: 15px;
    background: rgba(52, 52, 64, 0.58);
}

.flex_discount {
    margin-bottom: 6px;
    display: flex;
    gap: 7px;
    align-items: center;
}

.flex_discount i {
    font-size: 18px;
    color: rgb(92, 191, 144);
}

.flex_discount span {
    font-weight: bold;
    font-size: 14px;
}

.text_discount_info {
    color: rgb(116, 116, 137);
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    display: block;
}

.left_auth_block {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.text_auth_block {
    font-size: 60px;
    font-weight: 500;
    gap: 10px;
    line-height: 80px;
    display: flex;
    letter-spacing: 1px;
    flex-direction: column;
}

.future_text {
    font-size: 23px;
    border-radius: 50px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.52) 1px 0px 10px;
    box-shadow: rgba(68, 174, 123, 0.26) 0px 10px 40px;
    width: auto;
    font-weight: 600;
    color: rgb(255, 255, 255);
    display: inline-flex;
    padding: 1px 50px;
}

.text_description_auth {
    color: rgb(96, 96, 108);
    font-size: 15px;
    display: block;
    line-height: 22px;
    font-weight: bolder;
}

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

.site_name_auth {
    padding: 17px 30px;
    border: 1px solid rgba(104, 104, 124, 0.71);
    border-radius: 50px;
    color: rgb(104, 104, 124);
    width: fit-content;
    font-size: 15px;
    font-weight: bold;
}

.text_social {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 16px;
}

.desp_social {
    font-weight: bold;
    color: rgb(96, 96, 108);
    font-size: 13px;
}

.recovery_back {
    display: flex;
    gap: 8px;
    align-items: center;
    border: 1px solid rgb(62, 62, 77);
    border-radius: 50px;
    padding: 7px;
    margin-bottom: 20px;
}

.active_recovery {
    cursor: pointer;
    height: 50px;
    width: 100%;
    display: flex;
    font-weight: 600;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.52) 1px 0px 10px;
    box-shadow: rgba(68, 174, 123, 0.26) 0px 10px 40px;
    border-radius: 50px;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.back_recovery {
    cursor: pointer;
    height: 50px;
    display: flex;
    font-weight: 600;
    border-radius: 50px;
    width: 100%;
    color: rgb(99, 99, 119);
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.back_recovery:hover {
    background: rgb(58, 58, 72);
    color: rgb(255, 255, 255);
}

.flex_social_text {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    line-height: 18px;
}

.stable i {
    border-radius: 7px;
    font-size: 14px;
    color: rgb(101, 206, 155);
    display: flex;
    padding-left: 1px;
    width: 26px;
    height: 26px;
    background: rgba(76, 216, 148, 0.14);
    align-items: center;
    justify-content: center;
}

.stable {
    display: flex;
    position: relative;
    letter-spacing: 1px;
    transform: skewX(348deg);
    gap: 10px;
    background: linear-gradient(4deg, rgba(78, 228, 155, 0.03) 0%, rgba(78, 228, 155, 0.07) 55%);
    padding: 6px 16px 6px 6px;
    align-items: center;
    font-size: 8px;
    color: rgb(117, 211, 165);
    font-weight: 600;
    border-radius: 10px;
}

.circle_stats {
    width: 9px;
    display: block;
    height: 9px;
    position: relative;
    float: right;
    border-radius: 50%;
    border: 2px solid rgb(87, 92, 116);
    margin-top: -26px;
    left: 4px;
    background: rgb(55, 59, 77);
}

.flex_online_block {
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 0px 4px;
    background: rgb(63, 63, 75);
}

.arrow_users_top {
    background: rgb(88, 88, 104);
    height: 33px;
    width: 33px;
    border: 3px solid rgb(63, 63, 75);
    color: rgb(148, 148, 173);
    margin-left: -2px;
    display: flex;
    z-index: 1;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.img_back_friends {
    position: relative;
    filter: blur(6px);
    opacity: 0.3;
    z-index: 0;
    margin-bottom: -55px;
    margin-left: -10px;
    width: 52px !important;
    height: 52px !important;
}

.img_back_user {
    position: relative;
    filter: blur(6px);
    opacity: 0.3;
    z-index: 0;
    border-radius: 14px;
    margin-bottom: 10px;
    margin-right: -59px;
    margin-left: -8px;
    width: 52px !important;
    height: 52px !important;
}

.img_back_head {
    position: relative;
    filter: blur(6px);
    opacity: 0.3;
    margin-bottom: -10px;
    margin-right: -53px;
    right: 10px;
    width: 40px !important;
    height: 40px !important;
}

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

.btn_admin_menu {
    width: 45px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 10px;
    transition: 0.2s;
    height: 45px;
    font-size: 19px;
    display: flex;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.btn_admin_menu:hover {
    opacity: 0.7;
    font-size: 19px;
}

input.form_control_auth, .custom-file label.form_control_auth, input[type="file"], .custom-file label[type="file"], select.form_control_auth, select[type="file"] {
    padding: 6px 3px;
    line-height: 40px;
}

input.form_control_auth::-webkit-input-placeholder, .custom-file label.form-control::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, .custom-file label[type="file"]::-webkit-input-placeholder, select.form_control_auth::-webkit-input-placeholder, select[type="file"]::-webkit-input-placeholder {
    font-size: 13px;
    color: rgb(255, 255, 255);
}

input.form_control_auth::placeholder, .custom-file label.form-control::placeholder, input[type="file"]::placeholder, .custom-file label[type="file"]::placeholder, select.form_control_auth::placeholder, select[type="file"]::placeholder {
    font-size: 11.5px;
    color: rgb(113, 113, 131);
}

.table-row .small_us_avv {
    height: 17px;
    width: 17px;
    margin-right: 3px;
    top: -17px;
    position: relative;
    border-radius: 8px;
}

.absolute_rank_mini {
    position: absolute;
    right: 20px;
}

.sortition_end {
    color: rgb(255, 255, 255);
    font-size: 12px;
}

.sortition_end_down {
    color: rgb(130, 130, 152);
}

.winner_sortition {
    font-weight: bold;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    transform: skewX(348deg);
    position: relative;
    text-shadow: rgba(0, 0, 0, 0.32) 1px 0px 7px;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    padding: 0px 40px;
    border-radius: 10px;
    text-align: center;
}

.winner_sortition_down {
    margin-top: 10px;
    font-weight: 600;
    color: rgb(130, 130, 152);
    margin-bottom: 10px;
}

.flex_winner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.double_btns {
    display: flex;
    gap: 14px;
    align-items: center;
}

.head_mini_stats {
    color: rgb(255, 255, 255);
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

.block_stats_mini {
    padding: 20px;
    background: linear-gradient(169deg, rgb(50, 50, 61) 70%, rgb(61, 61, 75) 100%);
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.block_stats_mini i {
    position: absolute;
    font-size: 100px;
    right: -20px;
    color: rgba(65, 65, 79, 0.79);
    top: -12px;
    transform: rotate(326deg);
}

@keyframes rotate {
    100% {
        stroke-dashoffset: -125.66;
    }
}

#users_online_number, #last_cases_open_time {
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #5c5c71 0, #3f3f4d 100%));
    text-shadow: rgba(0, 0, 0, 0.63) 1px 0px 10px;
    height: 30px;
    display: flex;
    color: rgb(128, 128, 151);
    border-radius: 7px;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.slide_shop {
    background-image: url("/templates/solution2/img/s-1.png?v=1");
}

.slide_unban {
    background-image: url("/templates/solution2/img/s-2.png?v=1");
}

.slide_sortition {
    background-image: url("/templates/solution2/img/slide_sortition.png?v=1");
}

.slide_faq {
    background-image: url("/templates/solution2/img/s-3.png?v=1");
}

.online_now_head {
    height: 45px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: flex;
    transition: 0.2s;
    background: linear-gradient(237deg, rgb(46, 46, 57) 60%, rgba(74, 206, 142, 0.19) 100%);
    padding: 0px 8px;
    font-weight: 600;
    gap: 8px;
    color: rgb(255, 255, 255);
    font-size: 11.5px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.online_now_head i {
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    width: 30px;
    height: 30px;
    display: flex;
    color: rgb(255, 255, 255);
    border-radius: 7px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}

.price_rcon {
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ea4f4f 0, #841313 100%));
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%) skewX(-22deg);
    text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    padding: 8px 24px;
    border-radius: 12px;
    cursor: default;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.price_rcon:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 12px;
}

.btn_buy_rcon {
    width: 100%;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    padding: 14px;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.32) 1px 0px 10px;
    border-radius: 10px;
}

.btn_buy_rcon:hover {
    color: rgb(255, 255, 255);
    opacity: 0.7;
}

.btn_desp_rcon {
    background: linear-gradient(23deg, rgba(59, 59, 73, 0.64) 0%, rgb(62, 62, 75) 55%);
    width: 100%;
    padding: 14px;
    transition: 0.2s;
    color: rgb(255, 255, 255);
    border-radius: 10px;
}

.btn_desp_rcon:hover {
    color: rgb(255, 255, 255);
    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: 1px dashed rgb(70, 70, 84);
    font-weight: 600;
    font-size: 11px;
    background: rgba(62, 62, 75, 0.41);
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.info_buy_rcon i {
    background: rgb(69, 69, 84);
    height: 31px;
    width: 31px;
    color: rgb(131, 131, 160);
    font-size: 14px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.block_tarif_rcon {
    background: linear-gradient(1deg, rgba(52, 52, 64, 0.67) 30%, rgb(53, 53, 64) 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: rgb(255, 255, 255) !important;
    font-size: 12px !important;
    line-height: 0px !important;
}

.title_rcon_btn {
    display: flex;
    height: 23px;
    border-radius: 50px;
    padding: 0px 10px;
    margin-top: -3px;
    background: rgb(84, 84, 102);
    align-items: center;
    color: rgb(159, 159, 183) !important;
    font-size: 10px !important;
    line-height: 0px !important;
}

.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, rgba(70, 70, 86, 0.84) 0%, rgb(74, 74, 88) 55%);
    font-size: 14px;
    color: rgb(130, 130, 153);
    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: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    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, rgb(44, 47, 54) 30%, rgb(52, 56, 64) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    border-radius: 20px;
}

.right_rcon_shop {
    width: 100%;
    padding: 25px;
    height: fit-content;
    background: linear-gradient(1deg, rgb(33, 33, 41) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    border-radius: 20px;
}

.block_info_rcon {
}

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

.description_rcon {
}

.description_rcon p {
    color: rgb(132, 138, 148);
}

.btn_rcon_back {
    height: 45px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    cursor: pointer;
    display: flex;
    transition: 0.2s;
    padding: 0px 23px;
    background: rgb(46, 46, 57);
    font-weight: 600;
    color: rgb(102, 102, 121);
    font-size: 11.5px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.btn_rcon_back:hover {
    background: rgb(58, 58, 71);
    color: rgb(255, 255, 255);
}

.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;
    height: 100%;
    border: 1px solid rgb(59, 59, 71);
    backdrop-filter: blur(3px);
    background: linear-gradient(1deg, rgba(61, 61, 73, 0.38) 30%, rgba(61, 61, 73, 0.95) 100%);
    font-size: 12px;
    color: rgb(121, 121, 139);
    font-weight: 600;
}

.disp_widget b {
    font-size: 12px;
    color: rgb(156, 156, 177);
    font-weight: 600;
}

.block_head_widget {
    margin-bottom: 15px;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    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: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 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: rgba(255, 255, 255, 0);
    align-items: center;
    justify-content: center;
}

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

.text_chat {
    padding-top: 7px;
    border-top: 1px dashed rgb(72, 72, 88);
}

.dropdown_language {
    height: 40px;
    position: relative;
}

.dropdown_language .select {
    color: rgb(255, 255, 255);
    line-height: 34px;
    height: 44px;
    padding: 0px 10px;
    display: flex;
    position: relative;
    z-index: 1;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    transition: 0.2s;
    cursor: pointer;
    border-radius: 50px;
    background-image: linear-gradient(360deg, rgba(36, 114, 254, 0) 0%, rgb(61, 61, 72) 458%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    top: 10px;
    align-items: center;
    justify-content: center;
    background-color: rgb(42, 42, 52) !important;
}

.dropdown_language .select:hover {
    background-image: linear-gradient(360deg, rgba(36, 114, 254, 0) 0%, rgb(61, 61, 72) 458%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(46, 46, 57) !important;
}

.dropdown_language .select:hover i {
    background: rgb(77, 77, 92);
    transform: rotate(90deg);
    color: rgb(255, 255, 255) !important;
}

.dropdown_language .select i {
    z-index: 1111;
    transition: 0.2s;
    background: rgb(69, 69, 84);
    width: 18px;
    transform: rotate(270deg);
    border-radius: 50px;
    height: 18px;
    margin-left: 1px;
    align-items: center;
    justify-content: center;
    display: flex !important;
    font-size: 12px !important;
    color: rgb(122, 122, 148) !important;
}

.dropdown_language .dropdown-menu_language {
    max-width: 180px;
    min-width: 180px;
    background: linear-gradient(1deg, rgb(44, 44, 55) 30%, rgb(50, 50, 61) 100%);
    position: absolute;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    z-index: 100;
    top: 65px;
    border-radius: 15px;
    display: none;
    margin: 0px !important;
    padding: 0px 11px !important;
}

.dropdown_language .dropdown-menu_language li {
    transition: 0.2s ease-in-out;
    cursor: pointer;
    width: -webkit-fill-available;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    padding: 12px;
    margin: 0px !important;
}

.dropdown_language .dropdown-menu_language li:hover {
    background: rgb(59, 59, 72);
}

.flag_img {
    margin-right: 4px;
    width: 17px;
    height: 17px;
    position: relative;
    top: -1px;
}

.dropdown_language .dropdown-menu_language {
    padding: 0px;
    list-style: none;
}

#selected-lang-image {
    width: 21px;
    height: 21px;
}

.line_promo_up {
    display: flex;
    width: 100%;
    gap: 5px;
    box-shadow: rgba(75, 215, 148, 0.85) 0px 5px 30px;
}

.input_promo {
    background-image: linear-gradient(23deg, rgba(72, 199, 137, 0.24) 0%, rgba(72, 199, 137, 0.12) 55%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(220, 119, 134, 0) !important;
    border: 1px dashed rgba(72, 199, 137, 0.7) !important;
    color: rgb(255, 255, 255) !important;
    padding-left: 45px !important;
}

.color_text_promo {
    left: 45px !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

.striped-circle {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    height: 70px;
    top: -30px;
    position: absolute;
    width: 100%;
    --stripe-color: #4bd79436;
    background: repeating-linear-gradient(90deg, var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px);
    mask-image: radial-gradient(closest-side, black, transparent);
}

.micro_line {
    display: block;
    width: 20px;
    border-radius: 50px;
    background: rgb(58, 113, 87);
    height: 3px;
}

.big_line {
    display: block;
    width: 100%;
    border-radius: 50px;
    background: linear-gradient(358deg, rgb(58, 113, 87) 0%, rgb(77, 222, 151) 55%);
    height: 3px;
}

.progress-circle {
    width: 60px;
    transition: 0.2s;
    display: flex;
    height: 60px;
    top: 2px;
    position: relative;
}

.progress-circle:hover {
    opacity: 0.6;
}

.progress-circle svg {
    transform: rotate(-90deg);
}

.bg-info {
    background-image: radial-gradient(circle, rgba(111, 240, 179, 0.18) 2%, rgba(58, 63, 82, 0) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    stroke: rgb(0, 255, 134) !important;
    background-color: rgba(81, 143, 255, 0) !important;
}

.bg-success {
    background-image: radial-gradient(circle, rgba(111, 240, 179, 0.18) 2%, rgba(58, 63, 82, 0) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    stroke: rgb(68, 182, 128) !important;
    background-color: rgba(81, 143, 255, 0) !important;
}

.bg-warning {
    background-image: radial-gradient(circle, rgba(255, 130, 130, 0.27) 2%, rgba(58, 63, 82, 0) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    stroke: rgb(226, 98, 98) !important;
    background-color: rgba(81, 143, 255, 0) !important;
}

.bg-danger {
    background-image: radial-gradient(circle, rgba(255, 130, 130, 0.27) 2%, rgba(58, 63, 82, 0) 52%);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    stroke: rgb(226, 98, 98) !important;
    background-color: rgba(81, 143, 255, 0) !important;
}

.now_online_server {
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-align: center;
    display: flex;
    height: 60px;
    position: absolute;
    width: 60px;
    z-index: 1;
    transition: 0.2s;
    font-size: 13px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.circle-bg {
    fill: none;
    stroke: rgb(70, 71, 86);
    stroke-width: 5;
}

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

.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: rgb(255, 255, 255);
    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: rgb(130, 130, 151);
    margin-top: 5px;
    border-bottom: 1px dashed;
}

.connect_server:hover {
    color: rgb(255, 255, 255) !important;
}

.player_number_info {
    display: flex;
    position: relative;
    height: 30px;
    width: 90px;
    background: rgba(71, 193, 134, 0.14);
    align-items: center;
    font-size: 11px;
    color: rgb(94, 197, 147);
    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, rgb(39, 39, 48) 6%, rgba(38, 38, 47, 0.67) 100%);
}

.server_info {
    width: 100%;
    display: flex;
    height: 200px;
    background-image: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(57, 61, 80);
    justify-content: center;
    align-items: center;
    background-size: cover !important;
}

.position_player {
    border-radius: 9px;
    height: 35px;
    background: rgba(72, 199, 137, 0.16);
    align-items: center;
    justify-content: center;
    color: rgb(72, 199, 137) !important;
    font-size: 11px !important;
    width: 35px !important;
    display: flex !important;
    left: 1px !important;
    position: absolute !important;
    top: 8px !important;
}

.signature_forum {
    margin-bottom: 0px;
}

.signature_forum p {
    margin-bottom: 0px;
    color: rgb(133, 133, 155);
    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: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    margin-bottom: 15px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    display: flex;
    flex-direction: column;
}

.flip-tr_edit {
    background: rgb(52, 52, 64);
    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: 16px;
    padding: 8px 8px 8px 18px;
    background: linear-gradient(1deg, rgba(75, 75, 88, 0.58) 30%, rgb(77, 77, 90) 100%);
    align-items: center;
}

.user_info_forum:hover {
    opacity: 0.7;
}

.error_text_h1 {
    font-size: 20px;
    color: rgb(68, 180, 126);
}

.error_text_h2 {
    color: rgb(92, 92, 113);
    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;
}

.box {
    width: 350px;
    height: 100%;
    border-radius: 20px;
    position: relative;
    & .box__ghost {
        padding: 15px 25px 25px;
        position: absolute;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -30%);
        & .symbol {
            &:nth-child(1) {
                opacity: 0.2;
                animation: 4s ease-in-out 3s infinite normal none running shine;
                &::before, &::after {
                    content: "";
                    width: 12px;
                    height: 4px;
                    background: rgb(127, 127, 168);
                    position: absolute;
                    border-radius: 5px;
                    bottom: 65px;
                    left: 0px;
                }

                &::before {
                    transform: rotate(45deg);
                }

                &::after {
                    transform: rotate(-45deg);
                }
            }

            &:nth-child(2) {
                position: absolute;
                left: -5px;
                top: 30px;
                height: 18px;
                width: 18px;
                border: 4px solid rgb(127, 127, 168);
                border-radius: 50%;
                opacity: 0.2;
                animation: 4s ease-in-out 1.3s infinite normal none running shine;
            }

            &:nth-child(3) {
                opacity: 0.2;
                animation: 3s ease-in-out 0.5s infinite normal none running shine;
                &::before, &::after {
                    content: "";
                    width: 12px;
                    height: 4px;
                    background: rgb(127, 127, 168);
                    position: absolute;
                    border-radius: 5px;
                    top: 5px;
                    left: 40px;
                }

                &::before {
                    transform: rotate(90deg);
                }

                &::after {
                    transform: rotate(180deg);
                }
            }

            &:nth-child(4) {
                opacity: 0.2;
                animation: 6s ease-in-out 1.6s infinite normal none running shine;
                &::before, &::after {
                    content: "";
                    width: 15px;
                    height: 4px;
                    background: rgb(127, 127, 168);
                    position: absolute;
                    border-radius: 5px;
                    top: 10px;
                    right: 30px;
                }

                &::before {
                    transform: rotate(45deg);
                }

                &::after {
                    transform: rotate(-45deg);
                }
            }

            &:nth-child(5) {
                position: absolute;
                right: 5px;
                top: 40px;
                height: 12px;
                width: 12px;
                border: 3px solid rgb(127, 127, 168);
                border-radius: 50%;
                opacity: 0.2;
                animation: 1.7s ease-in-out 7s infinite normal none running shine;
            }

            &:nth-child(6) {
                opacity: 0.2;
                animation: 2s ease-in-out 6s infinite normal none running shine;
                &::before, &::after {
                    content: "";
                    width: 15px;
                    height: 4px;
                    background: rgb(127, 127, 168);
                    position: absolute;
                    border-radius: 5px;
                    bottom: 65px;
                    right: -5px;
                }

                &::before {
                    transform: rotate(90deg);
                }

                &::after {
                    transform: rotate(180deg);
                }
            }
        }

        & .box__ghost-container {
            width: 100px;
            height: 100px;
            background: linear-gradient(360deg, rgb(57, 109, 84) 0%, rgb(65, 197, 134) 85%);
            border-radius: 100px 100px 0px 0px;
            position: relative;
            margin: 0px auto;
            animation: 3s ease-in-out 0s infinite normal none running upndown;
            & .box__ghost-eyes {
                position: absolute;
                left: 50%;
                top: 45%;
                transform: translate(-50%, -45%);
                height: 12px;
                width: 70px;
                & .box__eye-left {
                    width: 12px;
                    height: 12px;
                    background: rgb(33, 35, 48);
                    border-radius: 50%;
                    margin: 0px 10px;
                    position: absolute;
                    left: 0px;
                }

                & .box__eye-right {
                    width: 12px;
                    height: 12px;
                    background: rgb(33, 35, 48);
                    border-radius: 50%;
                    margin: 0px 10px;
                    position: absolute;
                    right: 0px;
                }
            }

            & .box__ghost-bottom {
                display: flex;
                position: absolute;
                top: 100%;
                left: 0px;
                right: 0px;
                & div {
                    flex-grow: 1;
                    position: relative;
                    top: -10px;
                    height: 20px;
                    border-radius: 100%;
                    background: linear-gradient(1deg, rgb(58, 118, 89) 0%, rgb(58, 118, 89) 280%);
                    &:nth-child(2n) {
                        top: -12px;
                        margin: 0px;
                        background: rgb(23, 24, 29);
                    }
                }
            }
        }

        & .box__ghost-shadow {
            height: 10px;
            box-shadow: rgba(47, 47, 58, 0.65) 0px 50px 15px 5px;
            border-radius: 50%;
            margin: 0px auto;
            animation: 3s ease-in-out 0s infinite normal none running smallnbig;
        }
    }
}

@keyframes upndown {
    0% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(5px);
    }
}

@keyframes smallnbig {
    0% {
        width: 90px;
    }

    50% {
        width: 100px;
    }

    100% {
        width: 90px;
    }
}

@keyframes shine {
    0% {
        opacity: 0.2;
    }

    25% {
        opacity: 0.1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
    }
}

.center_message_support {
    display: flex;
    gap: 10px;
    font-size: 11px;
    font-weight: bold;
    color: rgb(117, 117, 139);
    flex-direction: column;
    align-items: center;
}

.btn_ticket_support {
    padding: 12px;
    border-radius: 13px;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    display: flex;
    gap: 6px;
}

.close_ticket {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    font-weight: 600;
    border-radius: 10px;
    padding: 14px 25px;
    transition: 0.2s;
}

.close_ticket:hover {
    opacity: 0.7;
}

.delete_ticket:hover {
    opacity: 0.7;
}

.delete_ticket {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    color: rgb(255, 255, 255);
    font-weight: 600;
    background: linear-gradient(0deg, rgba(71, 71, 86, 0.55) 30%, rgb(73, 73, 89) 100%);
    border-radius: 10px;
    padding: 14px 25px;
    transition: 0.2s;
}

.demo_btn_ticket {
    background: rgba(135, 170, 165, 0.21);
    padding: 14px 25px;
    display: flex;
    color: rgb(141, 170, 165);
    transition: 0.2s;
    font-size: 11.5px;
    border-radius: 10px;
    width: fit-content;
}

.demo_btn_ticket:hover {
    background: rgba(135, 170, 165, 0.42);
    color: rgb(255, 255, 255);
}

.comment_ticket {
    padding: 17px 17px 1px;
    background: rgb(55, 55, 68);
    border-radius: 13px;
    line-height: 16px;
    margin-bottom: 15px;
    font-size: 11px;
}

.comment_ticket img {
    width: fit-content;
    max-width: 100%;
    height: fit-content;
    max-height: 100%;
}

.demo_ticket {
    padding: 17px;
    background: rgb(55, 55, 68);
    border-radius: 11px;
    margin-bottom: 15px;
    font-weight: bold;
    color: rgb(123, 123, 146);
    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 17px 12px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    margin-bottom: 20px;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
}

.block_complaints1 {
    border-radius: 20px;
    background: linear-gradient(1deg, rgb(40, 43, 59) 30%, rgb(48, 51, 69) 100%);
    padding: 0px 15px 12px;
    margin-bottom: -10px;
}

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

.status_block i {
    color: rgb(118, 118, 137);
    font-size: 20px;
    left: -4px;
    top: 1px;
    position: relative;
}

.status_block span {
    color: rgb(255, 255, 255);
    font-size: 12px;
    margin-left: 8px;
    top: -3px;
    position: relative;
}

.left_my_stores {
    width: 50%;
    background: linear-gradient(1deg, rgba(65, 69, 89, 0.65) 30%, rgb(75, 79, 100) 100%);
    border-radius: 15px;
}

.block_my_stores {
    border-radius: 20px;
    padding: 20px;
    background: linear-gradient(1deg, rgb(33, 33, 41) 30%, rgb(41, 41, 50) 100%);
    margin-bottom: 20px;
}

.block_support_add {
    border-radius: 20px;
    padding: 27px 20px 20px;
    background: linear-gradient(1deg, rgb(44, 47, 54) 30%, rgb(52, 56, 64) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
}

.noty_block_success {
    background: linear-gradient(1deg, rgba(115, 152, 146, 0.28) 0%, rgba(115, 152, 146, 0.37) 55%);
    padding: 25px;
    border: 1px dashed rgba(124, 159, 153, 0.63);
    margin-bottom: 20px;
    display: flex;
    line-height: 21px;
    flex-direction: column;
    border-radius: 15px;
}

.noty_block_error {
    background: linear-gradient(1deg, rgba(185, 124, 124, 0.23) 0%, rgba(185, 124, 124, 0.37) 55%);
    padding: 25px;
    border: 1px dashed rgb(185, 124, 124);
    margin-bottom: 20px;
    display: flex;
    line-height: 21px;
    flex-direction: column;
    border-radius: 15px;
}

.text_succes_purse {
    font-weight: bold;
    font-size: 16px;
    color: rgb(172, 203, 199);
}

.text_error_purse {
    font-weight: bold;
    font-size: 16px;
    color: rgb(243, 145, 145);
}

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

.login_purse_info {
}

.category_content {
    font-weight: bold;
    font-size: 11px;
    color: rgb(150, 153, 174);
    margin-top: 18px;
}

.select_content {
    display: flex;
    position: relative;
    letter-spacing: 1px;
    width: 210px;
    gap: 8px;
    padding: 6px 16px 6px 6px;
    background: rgba(72, 195, 136, 0.18);
    align-items: center;
    font-size: 9.5px;
    color: rgb(102, 197, 151);
    font-weight: 600;
    border-radius: 50px;
}

.select_content i {
    border-radius: 50%;
    color: rgb(99, 200, 151);
    font-size: 13px;
    display: flex;
    padding-left: 1px;
    width: 22px;
    height: 22px;
    background: rgba(74, 205, 141, 0.25);
    align-items: center;
    justify-content: center;
}

.text_top_content {
    font-size: 17px;
}

.desp_top_content {
    font-size: 11px;
    color: rgb(129, 135, 148);
}

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

.accordion-container {
    width: 100%;
}

.flex_accordion_text {
    display: flex;
    gap: 12px;
    align-items: center;
}

.accordion-item {
    margin-top: 10px;
    background: rgb(45, 45, 55);
    border-radius: 15px;
}

.accordion-header .flex_accordion_text i {
    color: rgb(255, 255, 255);
    width: 37px;
    height: 37px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    font-size: 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-header {
    color: rgb(255, 255, 255);
    padding: 14px;
    background: linear-gradient(1deg, rgba(55, 55, 66, 0.59) 30%, rgb(57, 57, 70) 100%);
    font-size: 12px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 100%;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    transition: background-color 0.3s;
}

.accordion-header:hover {
    background-color: rgb(58, 58, 70);
}

.accordion-content {
    overflow: hidden;
    padding: 0px 20px;
    max-height: 0px;
    border-radius: 15px;
    transition: max-height 0.3s;
}

.accordion-content p {
    margin: 15px 0px;
    line-height: 1.5;
    font-size: 11.5px;
    color: rgb(118, 118, 135);
}

.icon {
    transition: transform 0.2s;
    width: 25px;
    height: 25px;
    display: flex;
    font-size: 12px;
    align-items: center;
    color: rgb(123, 123, 147);
    background: rgb(69, 69, 84);
    border-radius: 50%;
    justify-content: center;
}

.active .icon {
    transform: rotate(180deg);
}

.support_btn_top {
    display: flex;
    gap: 8px;
    align-items: center;
    border: 1px solid rgb(61, 61, 75);
    border-radius: 14px;
    padding: 8px;
    width: 100%;
}

.content_support {
}

#content2, #content3, #content4 {
    display: none;
}

#btn_supp {
    width: 100%;
}

.flex_text_supp {
    display: flex;
    flex-direction: column;
}

.add_ticket_support {
    transition: 0.2s;
    display: flex;
    height: 50px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.47) 1px 0px 15px;
    opacity: 0.7;
    color: rgb(255, 255, 255);
    font-size: 11.5px;
    cursor: pointer;
    border-radius: 11px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.add_ticket_support:hover {
    opacity: 1;
}

.btn_support_top {
    cursor: pointer;
    height: 50px;
    display: flex;
    font-weight: 600;
    font-size: 11.5px;
    border-radius: 11px;
    width: 100%;
    color: rgb(125, 125, 144);
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.btn_support_top:hover {
    color: rgb(255, 255, 255);
    font-size: 11.5px;
    background: rgb(57, 57, 68);
}

.active_btn_support_top {
    cursor: pointer;
    height: 50px;
    width: 100%;
    display: flex;
    font-size: 11.5px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.47) 1px 0px 15px;
    font-weight: 600;
    box-shadow: rgba(73, 197, 137, 0.15) 0px 10px 40px;
    border-radius: 11px;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.block_forum_item {
    padding: 17px;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    margin-bottom: 10px;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
}

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

.block_support_left {
    padding: 19px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    gap: 12px;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    width: 32%;
    display: flex;
    border-radius: 20px;
    flex-direction: column;
}

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

.btn_support:hover {
    opacity: 0.7;
}

.btn_support i {
    background: rgba(90, 90, 108, 0.41);
    width: 40px;
    border: 1px dashed rgb(97, 97, 117);
    height: 40px;
    color: rgb(128, 128, 148);
    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: rgb(255, 255, 255);
}

.desp_support_btn {
    font-size: 11px;
    font-weight: bold;
    color: rgb(112, 112, 131);
}

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

.block_support_right {
    width: 68%;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    border-radius: 20px;
    padding: 20px;
}

.flex_block_forum_profile {
    display: flex;
    background: linear-gradient(262deg, rgba(71, 189, 132, 0.05) 30%, rgba(71, 189, 132, 0.2) 100%);
    gap: 12px;
    border-radius: 15px;
    padding: 13px;
}

.forum_close_top {
    background: linear-gradient(23deg, rgba(255, 131, 131, 0.65) 0%, rgb(255, 131, 131) 55%);
    text-shadow: rgba(0, 0, 0, 0.29) 1px 0px 7px;
    width: 24px;
    height: 24px;
    display: flex;
    color: rgba(255, 255, 255, 0.89);
    font-size: 12px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.forum_fixed_top {
    width: 24px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.83) 1px 0px 7px;
    height: 24px;
    display: flex;
    color: rgb(255, 255, 255);
    font-size: 12px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.forum_answer_top {
    padding: 2px 10px;
    gap: 4px;
    border: 1px solid rgb(74, 74, 88);
    background: rgba(81, 81, 95, 0.3);
    display: flex;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50px;
    align-items: center;
}

.forum_answer_top i {
    font-size: 14px;
    color: rgb(255, 191, 129);
    text-shadow: rgba(255, 191, 129, 0.9) 1px 0px 10px;
}

.forum_views_top {
    padding: 2px 10px;
    border: 1px solid rgb(74, 74, 88);
    background: rgba(81, 81, 95, 0.3);
    gap: 4px;
    display: flex;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50px;
    align-items: center;
}

.forum_views_top i {
    font-size: 15px;
    color: rgb(90, 215, 155);
    text-shadow: rgb(90, 215, 155) 1px 0px 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: rgb(134, 134, 153);
    background: linear-gradient(1deg, rgba(75, 75, 88, 0.58) 30%, rgb(77, 77, 90) 100%);
    font-size: 11px;
    padding: 14px 47px;
    align-items: center;
    justify-content: center;
}

.forum_name_user {
    font-size: 16px;
    position: relative;
    top: 3px;
    color: rgb(135, 135, 156);
}

.forum_name_theme {
    color: rgb(255, 255, 255);
    text-overflow: ellipsis;
    width: 135px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.forum_date {
    color: rgb(125, 125, 144);
    font-weight: bold;
    font-size: 11px;
}

.name_forum {
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.desp_forum {
    color: rgb(125, 125, 144);
    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;
}

@media (max-width: 576px) {
    .cases_count, .ruleschat {
        display: none;
    }

    .cases_count_mobile {
        margin-bottom: 15px;
        transform: skewX(348deg);
    }

    .flex_online_users {
        margin-bottom: 0px;
    }

    .flex_head_block {
        flex-direction: column;
        align-items: start !important;
    }

    .profile_frame_wrap {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .left_bottom_logo {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }

    .slide_shop {
        background-image: url("/templates/solution2/img/slide_shop_mobile.png?v=1");
    }

    .slide_unban {
        background-image: url("/templates/solution2/img/slide_unban_mobile.png?v=1");
    }

    .slide_sortition {
        background-image: url("/templates/solution2/img/slide_sortition_mobile.png?v=1");
    }

    .slide_faq {
        background-image: url("/templates/solution2/img/slide_faq_mobile.png?v=1");
    }
}

@media (min-width: 577px) {
    .cases_count_mobile {
        display: none;
    }
}

.block_select_friends {
    padding: 13px 15px;
    border-radius: 50px;
    background: linear-gradient(1deg, rgb(39, 39, 48) 30%, rgb(50, 50, 61) 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, rgb(44, 47, 54) 30%, rgb(52, 56, 64) 100%);
    margin-bottom: 10px;
    justify-content: space-between;
}

.desp_user {
    font-size: 11px;
}

.contacts_setting_block {
    padding: 18px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    border-radius: 20px;
    gap: 4px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.discount_block {
    background: linear-gradient(1deg, rgba(234, 124, 125, 0.12) 30%, rgba(234, 124, 125, 0.31) 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, rgb(254, 149, 68) 0%, rgb(229, 118, 141) 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;
}

.discount_text_h2 {
    font-weight: bold;
    font-size: 11px;
    color: rgb(255, 163, 160);
}

.discount_procent {
    height: 50px;
    display: flex;
    background: linear-gradient(23deg, rgb(254, 149, 68) 0%, rgb(229, 118, 141) 55%);
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 25px;
    border-radius: 10px;
}

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

.flip-container {
    border-radius: 15px;
    margin-bottom: 20px;
}

.flip-container:hover .flipper {
    transform: rotateY(180deg);
    cursor: pointer;
}

.flip-container.hover .flipper {
    transform: rotateY(180deg);
    cursor: pointer;
}

.front {
    height: 200px;
    padding: 6px 25px 20px;
    display: flex;
    background-image: linear-gradient(16deg, rgba(104, 143, 138, 0.35) 0%, rgba(104, 143, 138, 0.18) 65%);
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    border-radius: 20px;
    justify-content: space-between;
    background-size: cover !important;
}

.front h3 {
    text-align: center;
    font-size: 18px;
    font-family: Poppins, sans-serif;
    color: white;
}

.front img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.back {
    height: 200px;
    border-radius: 20px;
    backface-visibility: hidden;
    width: 100%;
    backdrop-filter: blur(4px);
    position: absolute;
    background: linear-gradient(23deg, rgb(56, 100, 79) 0%, rgb(46, 149, 100) 55%);
    padding: 20px;
    top: 0px;
    left: 0px;
    transform: rotateY(180deg);
    font-size: 18px;
    color: white;
}

.back h3 {
    margin-top: 20px;
}

.back p {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    margin-right: 15px;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.referal_block {
    display: flex;
    margin-bottom: 18px;
    gap: 15px;
    justify-content: space-between;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    padding: 30px;
    backdrop-filter: blur(3px);
    border-radius: 14px;
}

.number_referal {
    background: rgb(73, 73, 88);
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: auto;
    display: flex;
    font-weight: bold;
    font-size: 11px;
    color: rgb(130, 130, 153);
    margin-top: -27px;
    top: 25px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.referal_block_info {
    display: flex;
    background: linear-gradient(1deg, rgba(62, 62, 75, 0.61) 30%, rgb(62, 62, 75) 100%);
    padding: 20px;
    border-radius: 17px;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.referal_block_info i {
    background: rgba(73, 202, 141, 0.16);
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: rgb(96, 200, 150);
    margin-bottom: 10px;
    font-size: 19px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

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

.desp_referal {
    font-weight: bold;
    font-size: 11px;
    color: rgb(121, 121, 144);
    text-align: center;
    width: 80%;
    line-height: 14px;
}

.checkbox.style-h {
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0px;
    top: 0px;
}

.checkbox.style-h input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0px;
    width: 0px;
}

.checkbox.style-h input:checked ~ .checkbox__checkmark {
    background-color: rgb(247, 203, 21);
}

.checkbox.style-h input:checked ~ .checkbox__checkmark::after {
    opacity: 1;
    top: -3px;
}

.checkbox.style-h input:checked ~ .checkbox__body {
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.51) 1px 0px 10px;
}

.checkbox.style-h input:checked:hover ~ .checkbox__body {
    opacity: 1;
}

.checkbox.style-h:hover input ~ .checkbox__checkmark {
    background-color: rgb(247, 203, 21);
}

.checkbox.style-h:hover input:checked ~ .checkbox__checkmark {
    background-color: rgb(247, 203, 21);
}

.checkbox.style-h .checkbox__checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    display: none;
    height: 22px;
    width: 22px;
    background-color: rgb(247, 203, 21);
    transition: background-color 0.25s;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px inset, rgba(255, 255, 255, 0.4) -2px -2px 4px inset;
}

.checkbox.style-h .checkbox__checkmark::after {
    content: "";
    position: absolute;
    left: 10px;
    top: -15px;
    width: 10px;
    height: 20px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 4px 4px 0px;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s, top 0.25s;
}

.checkbox.style-h .checkbox__body {
    color: rgb(255, 255, 255);
    line-height: 1.4;
    font-size: 11px;
    font-weight: bold;
    background: linear-gradient(0deg, rgba(67, 67, 81, 0.57) 30%, rgb(67, 67, 84) 100%);
    padding: 17px 20px;
    border-radius: 11px;
    text-align: center;
    width: 130px;
    transition: 0.2s;
}

.checkbox.style-h .checkbox__body:hover {
    opacity: 0.7;
}

.block_date_edit {
    background: rgb(52, 52, 64);
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0px 15px 30px;
}

.privaty_block {
    padding: 11px;
    background: linear-gradient(270deg, rgba(82, 87, 112, 0) 10%, rgb(52, 52, 64) 100%);
    border-radius: 13px;
    display: flex;
    gap: 6px;
    margin-bottom: 11px;
}

#edit_user_birth_result {
    font-size: 11px;
    color: rgb(160, 192, 187);
    width: 100%;
    display: flex;
    gap: 8px;
    font-weight: bold;
    padding-bottom: 0px;
    padding-top: 0px;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
}

.btn_edit_date {
    margin-top: 25px;
    width: 100%;
    transition: 0.2s;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    background: linear-gradient(0deg, rgba(82, 87, 112, 0.53) 30%, rgb(82, 87, 112) 100%);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 14px;
}

.btn_edit_date:hover {
    opacity: 0.7;
}

.text_date_edit {
    font-weight: bold;
    margin-bottom: -25px;
    padding: 10px 0px;
    display: block;
    font-size: 10.5px;
    color: rgb(118, 118, 137);
}

.flex_edit_date {
    display: flex;
    gap: 4px;
}

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

.top_info_index i {
    font-size: 19px;
    color: rgb(100, 100, 119);
    line-height: 0px;
}

.block_public_info {
    margin-top: -10px;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.active-setting {
    color: rgb(255, 255, 255);
    font-weight: 600;
    background: rgba(102, 135, 130, 0.42);
    border-radius: 7px;
    height: 23px;
    width: 23px;
}

.non-active-setting {
    color: rgb(255, 255, 255);
    font-weight: 600;
    background: rgb(81, 86, 112);
    border-radius: 7px;
    transition: 0.2s;
    height: 23px;
    width: 23px;
}

.settings_ul {
    background: linear-gradient(1deg, rgb(45, 48, 65) 30%, rgb(56, 61, 81) 100%);
    border-radius: 20px;
    margin-top: 20px;
}

.img_header_drop {
    width: 38px;
    transition: 0.2s;
    height: 38px;
    border-radius: 50px;
}

.img_header_drop:hover {
    opacity: 0.7;
}

.mechant_name {
    font-weight: bold;
    font-size: 13px;
    text-overflow: ellipsis;
    width: calc(100% - 120px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.dropdown_header {
    display: inline-block;
    position: relative;
    font-size: 14px;
    padding: 0px;
    top: 7px;
    color: rgb(71, 71, 71);
    height: 100%;
    text-align: left;
}

.dropdown_header .select_header {
    cursor: pointer;
    display: block;
}

.dropdown_header .select_header > i {
    font-size: 12px;
    color: rgb(152, 158, 180);
    background: rgb(71, 76, 98);
    border: 3px solid rgb(33, 35, 48);
    cursor: pointer;
    padding: 1px;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    float: right;
}

.dropdown_header.active .select_header > i {
    transform: rotate(-180deg);
}

.dropdown_header .dropdown_menu_header {
    position: absolute;
    width: 320px;
    z-index: 1000;
    overflow: hidden auto;
    display: none;
    max-height: 144px;
    height: auto;
    top: 55px;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    padding: 15px;
    border-radius: 20px;
    background: linear-gradient(45deg, rgb(46, 49, 65) 30%, rgb(53, 58, 76) 100%);
}

.dropdown_header .dropdown_menu_header li {
    padding: 10px;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.dropdown_header .dropdown_menu_header {
    list-style: none;
}

.dropdown_header .dropdown_menu_header li:hover {
    background-color: rgb(242, 242, 242);
}

.dropdown_header .dropdown_menu_header li:active {
    background-color: rgb(226, 226, 226);
}

input[type="checkbox"].switch_1 {
    font-size: 30px;
    appearance: none;
    width: 40px;
    height: 20px;
    background: rgb(52, 52, 64);
    border-radius: 3em;
    position: relative;
    margin-left: 0px;
    top: 0px;
    cursor: pointer;
    outline: none;
    transition: 0.2s ease-in-out;
}

input[type="checkbox"].switch_1:checked {
    background: rgb(60, 153, 109);
}

input[type="checkbox"].switch_1::after {
    position: absolute;
    content: "";
    width: 16px;
    top: 2px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.25em;
    transform: scale(0.7);
    left: 3px;
    transition: 0.2s ease-in-out;
}

input[type="checkbox"].switch_1:checked::after {
    left: calc(100% - 18px);
}

.blocked_block {
    height: 360px;
    background: 0% 0% / cover rgb(40, 43, 59);
    padding: 20px 25px;
    display: flex;
    border-radius: 20px;
    margin-bottom: 20px;
}

.head_block {
    display: flex;
    margin-bottom: 25px;
    border-radius: 20px;
    justify-content: space-between;
}

.block_stats_bans {
    display: flex;
    gap: 15px;
    width: 100%;
    margin-bottom: -7px;
}

.stats_info_bans {
    width: 100%;
    display: flex;
    border-radius: 15px;
    background-image: linear-gradient(1deg, rgb(62, 65, 86) 30%, rgb(75, 78, 101) 100%);
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    padding: 0px 20px;
    flex-direction: column;
    height: 100px;
    align-items: center;
    justify-content: space-between;
    background-size: 900px !important;
}

.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, rgba(75, 212, 145, 0.08) 30%, rgba(75, 212, 145, 0.25) 100%);
    font-size: 10.6px;
    backdrop-filter: blur(3px);
    display: flex;
    padding-bottom: 11px;
    color: rgb(255, 255, 255);
    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, rgba(255, 86, 88, 0.06) 30%, rgba(255, 86, 88, 0.24) 100%);
    font-size: 10.6px;
    backdrop-filter: blur(3px);
    display: flex;
    padding-bottom: 11px;
    color: rgb(255, 255, 255);
    height: 45px;
    border-radius: 16px 16px 0px 0px;
    width: 230px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.id_link {
    background: rgba(255, 255, 255, 0.16);
    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-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    font-size: 15px;
    color: rgb(255, 255, 255);
    width: 30px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 7px;
    height: 30px;
    padding-top: 3px;
    transition: 0.2s;
}

.copy_ref:hover {
    opacity: 0.7;
}

.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;
}

.tab-contents {
    height: 98%;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.page_auth_left {
    width: 100%;
    display: flex;
    background-image: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(26, 29, 39);
    justify-content: center;
    align-items: center;
    background-size: cover !important;
}

.page_authorization {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.login_block {
    height: 100%;
    max-width: 480px;
    border: 1px solid rgb(56, 56, 70);
    border-radius: 25px;
    padding: 35px;
    background: linear-gradient(0deg, rgb(41, 41, 51) 30%, rgb(46, 46, 57) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
}

.page_auth_right {
    display: flex;
    padding: 70px 0px;
    justify-content: center;
    width: 100%;
    background-color: rgb(33, 33, 41);
    border-radius: 20px;
}

#new_news {
    margin-bottom: 20px;
}

.head_block:hover {
    background-size: 101%;
}

.bottom_stats {
    padding: 13px;
    border-radius: 50px;
    border: 1px solid rgb(61, 61, 74);
    background: linear-gradient(1deg, rgba(62, 62, 75, 0.29) 30%, rgb(62, 62, 75) 100%);
    width: 100%;
    margin-top: 20px;
}

.stats_vnutr {
    display: flex;
    position: relative;
    gap: 10px;
}

.online2 {
    position: relative;
    width: 15px;
    height: 15px;
    display: flex;
    margin-right: -7px;
    margin-left: 7px;
    border-radius: 8px;
    padding: 16px;
    align-items: center;
    justify-content: center;
}

.online2::before, .online2::after {
    border: 2px solid rgba(48, 167, 114, 0.2);
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
}

.online2::before {
    width: 6px;
    height: 6px;
    border-bottom-color: rgb(48, 167, 114);
    border-left-color: rgb(48, 167, 114);
    animation: 0.75s linear 0s infinite reverse none running spinner-1o3y8q;
}

.online2::after {
    animation: 1.5s linear 0s infinite normal none running spinner-1o3y8q;
    height: 14px;
    width: 14px;
    border-right-color: rgb(48, 167, 114);
    border-top-color: rgb(48, 167, 114);
}

@keyframes spinner-1o3y8q {
    100% {
        transform: rotate(360deg);
    }
}

.online3 {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(75, 183, 136, 0.08);
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.online3::before, .online3::after {
    border: 2px solid rgba(51, 173, 120, 0.25);
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
}

.online3::before {
    width: 6px;
    height: 6px;
    border-bottom-color: rgb(51, 173, 120);
    border-left-color: rgb(51, 173, 120);
    animation: 0.75s linear 0s infinite reverse none running spinner-1o3y8q;
}

.online3::after {
    animation: 1.5s linear 0s infinite normal none running spinner-1o3y8q;
    height: 14px;
    width: 14px;
    border-right-color: rgb(51, 173, 120);
    border-top-color: rgb(51, 173, 120);
}

.bottom_prev {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0);
}

.bottom_name {
    position: relative;
    top: 7px;
}

.sdg_watermark {
    background: rgb(52, 52, 64);
    width: 47px;
    font-size: 19px;
    transition: 0.2s;
    display: flex;
    color: rgb(99, 99, 119);
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.sdg_watermark:hover {
    background: rgb(0, 119, 255);
    color: rgb(255, 255, 255);
}

.icon-Telegram {
    background: rgb(52, 52, 64);
    width: 47px;
    font-size: 19px;
    transition: 0.2s;
    display: flex;
    color: rgb(99, 99, 119);
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.icon-Telegram:hover {
    background: rgb(0, 119, 255);
    color: rgb(255, 255, 255);
}

.icon-tg {
    background: rgb(52, 52, 64);
    width: 47px;
    font-size: 19px;
    transition: 0.2s;
    display: flex;
    color: rgb(99, 99, 119);
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.icon-tg:hover {
    background: rgb(43, 160, 217);
    color: rgb(255, 255, 255);
}

.icon-ds {
    background: rgb(52, 52, 64);
    width: 47px;
    font-size: 19px;
    transition: 0.2s;
    display: flex;
    color: rgb(99, 99, 119);
    height: 47px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.icon-ds:hover {
    background: rgb(88, 101, 242);
    color: rgb(255, 255, 255);
}

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

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

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

.info_user_profile {
    color: rgb(135, 135, 157);
    font-weight: bold;
    transition: 0.2s;
    font-size: 11px;
    border-bottom: 1px dashed rgba(135, 135, 157, 0.84);
    width: fit-content;
}

.info_user_profile:hover {
    color: rgb(255, 255, 255);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.63);
}

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

.hello_sidebar {
    color: rgb(119, 119, 139);
}

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

.name_privileges {
    font-size: 12.1px;
}

.second_name_privileges {
    font-size: 10.5px;
    color: rgb(139, 144, 168);
}

.online_pro {
    position: relative;
    border-radius: 50%;
}

.online_prcr {
    position: absolute;
    background: linear-gradient(1deg, rgb(44, 44, 55) 30%, rgb(50, 50, 61) 100%);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 35px 20px 0px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility linear 0.2s;
    z-index: 9999;
    top: 54px;
    width: 274px;
    right: 0px;
    border-radius: 15px;
    padding: 14px 14px 9px;
    left: 32%;
    margin-left: -156px;
}

.online_prcr .user_online_top {
    display: none;
}

.online_pro:hover .online_prcr {
    display: block;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.arrtar::after {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0px;
}

.arrtar::after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    margin-left: -15px;
    border-bottom: 20px solid rgba(255, 255, 255, 0);
    top: -20px;
}

.arrtar::after {
    left: 53%;
}

.prom {
    margin-top: 15px;
}

.online_prcr label {
    display: block;
}

.online_prcr select {
    width: 100%;
    padding: 10px 20px;
}

.privaty_text {
    margin-bottom: 5px;
    display: block;
    color: rgb(132, 134, 146);
    margin-top: 6px;
    font-weight: bold;
}

.block_avatar_edit {
    background: linear-gradient(1deg, rgba(63, 63, 77, 0.45) 30%, rgb(63, 63, 77) 100%);
    padding: 20px 20px 10px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.link_setting_block {
    padding: 17px;
    border-radius: 20px;
    background: linear-gradient(1deg, rgba(63, 63, 77, 0.45) 30%, rgb(63, 63, 77) 100%);
    margin-top: 10px;
    margin-bottom: 20px;
}

.password_setting_block {
    padding: 0px 17px 11px;
    border-radius: 16px;
    background: rgb(52, 52, 64);
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-direction: column;
}

.link_text_setting {
    background: rgba(73, 201, 139, 0.09);
    display: flex;
    gap: 13px;
    padding: 20px;
    color: rgb(96, 200, 150);
    border: 1px dashed rgba(73, 201, 139, 0.53);
    margin-bottom: -5px;
    font-weight: bold;
    border-radius: 15px;
    font-size: 11px;
}

.link_text_setting i {
    display: flex;
    width: 40px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.51) 1px 0px 10px;
    height: 40px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    border-radius: 11px;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.privaty_block_settings {
    margin-bottom: 20px;
}

.save_signature {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 14px;
    background: linear-gradient(0deg, rgba(65, 65, 80, 0.58) 30%, rgb(65, 65, 80) 100%);
    color: rgb(255, 255, 255);
    margin-top: 4px;
    transition: 0.2s;
    font-weight: 600;
    width: 100%;
    border-radius: 10px;
}

.save_signature:hover {
    opacity: 0.7;
}

.save_all {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 14px;
    color: rgb(255, 255, 255);
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.51) 1px 0px 10px;
    transition: 0.2s;
    font-weight: 600;
    width: 100%;
    border-radius: 10px;
}

.save_all:hover {
    opacity: 0.7;
}

.save_all_info {
    color: rgb(107, 191, 150);
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0px;
}

#edit_user_route_result {
    color: rgb(160, 192, 187);
    font-weight: bold;
    font-size: 11px;
    margin-top: 5px;
}

.flex_edit_avatar_setting {
    display: flex;
    gap: 20px;
}

.flex_edit_avatars {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.img_edit_settings {
    width: 110px;
    height: 110px;
    border-radius: 16px;
}

.btn_avatar_setting {
    background: linear-gradient(0deg, rgba(66, 66, 81, 0.63) 30%, rgb(66, 66, 81) 100%);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    height: 49px;
    border-radius: 10px;
    font-weight: bold;
    width: 150px;
    margin-top: 21px;
    font-size: 11px;
    cursor: pointer;
    transition: 0.2s;
    color: rgb(255, 255, 255);
}

.btn_avatar_setting:hover {
    opacity: 0.7;
}

.buttons_referal {
    margin-top: 30px;
    display: flex;
    gap: 15px;
}

.btn_referal {
    border-width: medium medium 1px;
    border-style: none none dashed;
    border-color: currentcolor currentcolor rgba(255, 255, 255, 0.67);
    border-image: initial;
    transition: 0.2s;
    background: none;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.btn_referal:hover {
    opacity: 0.7;
}

.reveral_link_info {
    font-size: 11px;
    line-height: 15px;
    display: block;
    width: 90%;
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin-top: 13px;
}

#edit_user_avatar_result {
    color: rgb(160, 192, 187);
    font-weight: bold;
    font-size: 11px;
    margin-top: 10px;
}

.link_info_setting {
    color: rgb(255, 255, 255);
    display: block;
    line-height: 16px;
    margin-bottom: 6px;
}

.signature_block_setting, .contacts_setting_block {
    padding: 18px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    border-radius: 20px;
    gap: 4px;
    display: flex;
    flex-direction: column;
}

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

.flex_link_setting {
    width: 80%;
}

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

.head_privileges_store i {
    width: 38px;
    background: linear-gradient(1deg, rgba(85, 85, 102, 0.71) 30%, rgb(89, 89, 106) 100%);
    display: flex;
    height: 38px;
    color: rgb(133, 133, 157);
    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-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: linear-gradient(0deg, rgba(69, 69, 85, 0.58) 30%, rgb(69, 69, 85) 100%);
    font-weight: 600;
    height: 42px;
    transition: 0.2s;
    width: 150px;
    border-radius: 9px;
    color: rgb(255, 255, 255);
}

.btn_editing_admins:hover {
    opacity: 0.7;
}

.block_editing_admins {
    padding: 6px 6px 6px 20px;
    border-radius: 10px;
    background: linear-gradient(270deg, rgba(82, 87, 112, 0) 10%, rgb(57, 57, 70) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_table_forum {
    display: flex;
    align-items: center;
    background: linear-gradient(1deg, rgba(58, 58, 68, 0.55) 30%, rgb(57, 57, 68) 100%);
    border-radius: 15px;
    gap: 30px;
    padding: 15px 20px;
    margin-bottom: 10px;
    justify-content: space-between;
}

.new_table_forum .btn-default {
    width: 55px;
    justify-content: center;
    display: flex !important;
    transition: 0.2s !important;
    background: linear-gradient(26deg, rgb(55, 89, 85) 0%, rgb(102, 135, 130) 55%) !important;
    height: 55px !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 12px !important;
}

.new_table_forum .btn-default i {
    color: rgb(255, 255, 255) !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: 25px;
    align-items: center;
    margin-bottom: 30px;
}

.new_table_privileges {
    background: rgb(52, 52, 64);
    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: rgb(113, 113, 133);
}

.text_table_new {
    font-size: 12px;
}

.timer_new_privileges {
    background: rgba(255, 255, 255, 0);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: bold;
}

.flex_flags_new {
    display: flex;
    align-items: center;
    border: 1px solid rgb(72, 72, 88);
    padding: 7px;
    border-radius: 50px;
}

.info_privileges_store {
    padding: 18px;
    background: linear-gradient(17deg, rgba(56, 56, 68, 0.47) 30%, rgb(56, 56, 68) 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-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    transition: 0.2s;
    margin-right: 4px;
    text-shadow: rgba(0, 0, 0, 0.39) 1px 0px 10px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    display: flex;
    width: 24px;
    border-radius: 50%;
    height: 24px;
    align-items: center;
    justify-content: center;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%)) !important;
}

.btn_flags:hover {
    opacity: 0.7;
}

.cont_s_text_setting {
    color: rgb(180, 186, 232);
    font-size: 11px;
}

.cont_text_setting {
    color: rgb(173, 210, 255);
    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: rgb(255, 255, 255);
}

.desp_flex_privileges {
    color: rgb(109, 109, 126);
    font-size: 12px;
}

.text_flex_complaint {
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.desp_flex_complaint {
    color: rgb(112, 112, 137);
    font-size: 11px;
}

.delete_privileges {
    position: absolute;
    right: 27px;
    margin-top: -37px;
    transition: 0.2s;
    font-size: 12px;
    color: rgb(105, 105, 125);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
}

.delete_privileges:hover {
    color: rgb(255, 255, 255);
}

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

#users {
    margin-bottom: 15px;
    margin-top: 15px;
}

.right_user_top {
    display: flex;
    gap: 9px;
    align-items: center;
    width: 35%;
}

.heading_block_user {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    transform: skewX(348deg);
    justify-content: space-between;
}

.select_filter_user {
    font-size: 11px;
    padding-top: 16px;
    background: rgb(58, 61, 81);
    font-weight: 600;
    padding-left: 50px;
    height: 55px;
    top: -1px;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 10px;
    color: rgb(255, 255, 255);
}

.block_companion {
    display: flex;
    border-radius: 13px;
    background: linear-gradient(0deg, rgba(61, 61, 75, 0.59) 30%, rgb(61, 61, 75) 100%);
    backdrop-filter: blur(1px);
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    align-items: center;
    justify-content: space-between;
    padding-left: 17px !important;
}

.img_companion {
    width: 37px;
    height: 37px;
    border-radius: 10px;
}

.btn_send_message {
    border-radius: 50px;
    width: 32px;
    display: flex;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    position: absolute;
    text-shadow: rgba(0, 0, 0, 0.73) 1px 0px 10px;
    height: 32px;
    padding-left: 1px;
    font-size: 14px;
    top: 8px;
    right: 28px;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255) !important;
}

.btn_send_message:hover {
    opacity: 0.7;
}

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

.btn-primary {
    background: rgb(46, 46, 57);
    border-radius: 10px;
    color: rgb(102, 102, 121);
    padding: 0px 25px !important;
    height: 45px !important;
}

.btn-primary:hover {
    height: 100%;
    background: rgb(54, 54, 67) !important;
    padding: 0px 25px !important;
}

.send_comment_btn {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    margin-right: 8px;
    padding: 0px 20px;
    height: 41px;
    background: rgb(55, 55, 69);
    transition: 0.2s;
    font-size: 11px;
    font-weight: bold;
    color: rgb(120, 120, 141);
    border-radius: 9px;
}

.send_comment_btn:hover {
    background: rgb(61, 61, 77);
    color: rgb(255, 255, 255);
}

.desp_companion {
    font-size: 11px;
    color: rgb(126, 126, 148);
}

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

.flex_info_new {
    display: flex;
    flex-direction: column;
}

.flex_companion {
    display: flex;
    gap: 12px;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
}

.companion_btn {
    font-weight: 600;
    height: 37px;
    border-radius: 10px;
    font-size: 15px;
    opacity: 1;
    display: flex;
    width: 37px;
    background: linear-gradient(25deg, rgb(69, 69, 86) 30%, rgb(80, 80, 99) 100%);
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    color: rgb(141, 141, 162) !important;
}

.companion_btn:hover {
    opacity: 0.7;
}

.news_flex {
    display: flex;
    gap: 20px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.head_news {
    padding: 15px;
    border-radius: 15px;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    display: flex;
    font-weight: bold;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-between;
}

.head_news .bx-message-square-dots {
    background: linear-gradient(23deg, rgba(78, 78, 97, 0.51) 30%, rgb(80, 80, 97) 100%);
    border-radius: 12px;
    width: 43px;
    height: 43px;
    font-size: 18px;
    min-width: 43px;
    color: rgb(124, 124, 146);
    display: flex;
    align-items: center;
    justify-content: center;
}

.name_news_img {
    font-size: 17px;
    margin-bottom: 10px;
    margin-left: -13px;
    padding: 20px 50px;
    backdrop-filter: blur(4px);
    border-radius: 0px 50px 50px 0px;
    background: rgba(72, 194, 135, 0.15);
}

.block_comments {
    border-radius: 20px;
    padding: 20px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
}

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

.text_news_info {
    font-size: 13px;
}

.img_edit_news {
    width: 100%;
    border-radius: 18px;
    height: 246px;
    background-size: cover;
}

.flex_edit_img {
    margin-top: -65px;
}

.flex_img_edit_full {
    display: flex;
    flex-direction: column;
}

.desp_news_info {
    color: rgb(121, 121, 139);
    font-size: 11px;
}

.edit_news_btn {
    background: linear-gradient(23deg, rgba(75, 75, 90, 0.68) 30%, rgb(81, 81, 97) 100%);
    border-radius: 12px;
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    font-size: 13px;
    justify-content: center;
    color: rgb(123, 123, 144) !important;
}

.edit_news_btn:hover {
    opacity: 0.7;
}

.head_news_btn {
    gap: 8px;
    display: flex;
}

.block_edit_news {
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
}

.edit_news_left {
    width: 33%;
}

.block_forum {
    border-radius: 20px;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    margin-bottom: 20px;
    padding: 20px !important;
}

.custom_file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2px + 2.25rem);
    margin-bottom: 0px;
}

.load {
    width: 100%;
    height: 50px;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    backdrop-filter: blur(2px);
    cursor: pointer;
    z-index: 2;
    transition: 0.2s;
    color: rgb(106, 200, 154);
    font-size: 11px;
    font-weight: 600;
    background-color: rgba(73, 203, 140, 0.15);
    border-radius: 11px;
    padding: 0px 16px;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(73, 203, 140, 0.45) !important;
}

.load:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(73, 203, 140, 0.26);
    border: 1px dashed rgb(84, 169, 122) !important;
}

.btn_admin_forum_full {
    background: rgb(52, 52, 64);
    display: flex;
    height: 50px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 130px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    border-radius: 12px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    color: rgb(104, 104, 123) !important;
}

.btn_admin_forum_full:hover {
    background: rgb(63, 63, 77);
    color: rgb(255, 255, 255) !important;
}

.btn_admin_forum {
    background: rgb(52, 52, 64);
    display: flex;
    height: 45px;
    font-size: 13px;
    border-radius: 12px;
    width: 45px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    color: rgb(104, 104, 123) !important;
}

.btn_admin_forum:hover {
    background: rgb(63, 63, 77);
    color: rgb(255, 255, 255) !important;
}

.btn_edit_news_img {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 100%;
    background: rgb(58, 58, 71);
    color: rgb(116, 116, 138);
    transition: 0.2s;
    cursor: pointer;
    border-radius: 10px;
    font-weight: bold;
    padding: 14px;
}

.btn_edit_news_img:hover {
    background: rgb(69, 69, 83);
    color: rgb(255, 255, 255);
}

.flex_btn_news_img {
    display: flex;
    gap: 10px;
    margin-top: -4px;
}

.edit_news_right {
    width: 67%;
}

.custom_file_padding {
    padding: 0px 20px 20px;
}

.flex_head_news {
    display: flex;
    gap: 12px;
    align-items: center;
}

.img_forum_setting {
    height: 55px;
    width: 55px;
    border-radius: 12px;
}

.block_content_new {
    width: 60%;
    padding: 20px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    border-radius: 20px;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
}

.left_news {
    width: 40%;
    padding: 20px 20px 10px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    border-radius: 20px;
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
}

.btn_forum_setting_mini {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 55px;
    transition: 0.2s;
    height: 55px;
    background: linear-gradient(24deg, rgba(76, 76, 93, 0.61) 30%, rgb(76, 76, 93) 100%);
    color: rgb(112, 112, 131);
    border-radius: 12px;
    font-size: 17px;
}

.btn_forum_setting_mini:hover {
    opacity: 0.7;
}

.btn_forum_setting_min {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 55px;
    transition: 0.2s;
    background: linear-gradient(24deg, rgba(76, 76, 93, 0.61) 30%, rgb(76, 76, 93) 100%);
    height: 55px;
    color: rgb(112, 112, 131);
    border-radius: 12px;
    font-size: 18px;
}

.btn_forum_setting_min:hover {
    opacity: 0.7;
}

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

.sections_list {
    position: relative;
    z-index: 1;
    display: flex;
    width: 1px;
    top: -26px;
    align-items: center;
}

.sections_list i {
    position: relative;
    color: rgb(130, 132, 144);
    font-size: 20px;
    left: 16px;
}

.sections_list span {
    position: relative;
    z-index: 1;
    top: -8px;
    margin-left: 30px;
    color: rgb(130, 132, 144);
    font-weight: bold;
    font-size: 11px;
}

.table_group_forum {
    margin-bottom: 7px;
}

.modal_btn_forum {
    padding: 13px 30px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 10px;
    transition: 0.2s;
    font-size: 11px;
    color: rgb(113, 113, 129);
    background: rgb(58, 58, 71);
    font-weight: 600;
}

.modal_btn_forum:hover {
    color: rgb(255, 255, 255);
    background: rgb(67, 67, 81);
}

.btn_admin_topic {
    display: flex;
    gap: 7px;
}

.flex_btn_modal_forum {
    padding-top: 15px;
    border-top: 1px solid rgb(51, 51, 64);
}

.img_add_forum {
    width: 109px;
    opacity: 1;
    height: 109px;
    border-radius: 15px;
    transition: 0.2s;
}

.btn_forum_setting_delete {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 55px;
    transition: 0.2s;
    background: linear-gradient(26deg, rgb(178, 64, 64) 0%, rgb(255, 96, 96) 55%);
    height: 55px;
    color: rgb(255, 255, 255);
    border-radius: 12px;
    font-size: 17px;
}

.btn_forum_setting_delete:hover {
    opacity: 0.7;
}

.btn-group-toggle {
    display: flex;
    flex-wrap: wrap;
    padding-right: 7px;
    margin-bottom: 26px;
}

.head_block_topic_full {
    display: flex;
    gap: 11px;
    align-items: center;
}

.head_block_topic_full i {
    width: 45px;
    height: 45px;
    background: linear-gradient(23deg, rgba(56, 56, 67, 0.71) 0%, rgb(61, 61, 73) 55%);
    border-radius: 12px;
    display: flex;
    margin-bottom: 4px;
    color: rgb(116, 116, 135);
    font-size: 18px;
    min-width: 45px;
    align-items: center;
    justify-content: center;
}

.row_img_edit_forum {
    display: flex;
}

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

.block_top_topic {
    padding: 20px;
    background: linear-gradient(1deg, rgb(37, 37, 46) 30%, rgb(41, 41, 50) 100%);
    box-shadow: rgba(19, 21, 26, 0.31) 0px 5px 10px;
    border-radius: 20px;
    margin-bottom: 20px;
}

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

.btn_add_forum {
    width: 100%;
    display: flex;
    background: linear-gradient(1deg, rgb(47, 47, 59) 30%, rgb(59, 59, 73) 100%);
    padding: 18px;
    font-size: 12px;
    align-items: center;
    border-radius: 11px;
    justify-content: center;
    color: rgb(255, 255, 255) !important;
}

.btn_add_forum:hover {
    opacity: 0.7;
    font-size: 12px;
}

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

.name_topic_forum {
    font-size: 15px;
    font-weight: bold;
}

.block_forum_profile_top {
    border-radius: 17px;
    background: linear-gradient(1deg, rgba(58, 58, 70, 0.47) 30%, rgb(58, 58, 70) 100%);
    margin-bottom: 10px;
    display: flex;
    gap: 15px;
    padding: 18px;
    flex-direction: column;
}

.flex_text_forum {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 17px;
}

.name_user_forum {
    font-size: 13px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    display: block;
    text-align: left;
    text-overflow: ellipsis;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
}

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

.img_forum_user {
    width: 45px;
    height: 45px;
    border-radius: 11px;
    transition: 0.2s;
    position: relative;
    z-index: 1;
}

.img_forum_user:hover {
    opacity: 0.7;
}

.img_forum_user_back {
    position: relative;
    filter: blur(5px);
    opacity: 0.3;
    z-index: 0;
    border-radius: 13px;
    margin-left: -10px;
    margin-right: -47px;
    width: 44px;
    height: 44px;
}

.avatar_profile {
    width: 133px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(50deg, rgba(82, 85, 107, 0) 30%, rgb(108, 128, 109) 100%);
    padding: 3px;
    position: relative;
    top: -3px;
}

.name_reaction_forum {
    font-size: 11px;
    color: rgb(91, 204, 150);
}

.info_reactions_profile {
    display: flex;
    background: linear-gradient(262deg, rgba(71, 189, 132, 0.05) 30%, rgba(71, 189, 132, 0.2) 100%);
    gap: 12px;
    border-radius: 15px;
    padding: 13px;
    flex-direction: column;
}

.flex_user_info_topic {
    display: flex;
    gap: 14px;
    align-items: center;
}

.search_flex_users {
    display: flex;
    gap: 8px;
    width: 500px;
}

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

.block_top_users {
    padding: 15px;
    border-radius: 50px;
    background: linear-gradient(1deg, rgb(39, 39, 48) 30%, rgb(50, 50, 61) 100%);
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .new_table_forum {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .block_support_left {
        max-height: 520px;
    }

    .block_stats_bans {
        flex-direction: column;
    }

    .left_blocked {
        width: 60%;
        padding: 20px;
    }

    .flex_mini_user {
        display: none;
    }
}

@media (max-width: 991.99px) {
    .new_table_privileges {
        background: rgb(58, 61, 81);
        align-items: flex-start;
        border-radius: 15px;
        gap: 15px;
        padding: 25px;
        flex-direction: column;
        margin-bottom: 17px;
    }

    .flex_mini_user {
        display: flex;
    }

    .block_top_users {
        border-radius: 20px;
    }

    .search_flex_users {
        flex-direction: column;
        gap: 0px;
    }

    .search_flex_users .custom-select.with-title > select {
        border-radius: 11px !important;
    }

    .search_btn {
        border-radius: 9px;
    }

    .search_flex_users .custom-select i {
        border-radius: 9px !important;
    }

    .block_message {
        gap: 0px;
        flex-direction: column;
    }

    .block_message_right {
        width: 100%;
    }

    .delete_privileges {
        position: absolute;
        right: 32px;
        margin-top: -12px;
        font-size: 13px;
        transition: 0.2s;
    }

    .number_referal {
        margin-left: 0px;
    }

    .right_user_top {
        display: flex;
        gap: 9px;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .right_user_top .custom-select {
        width: 100% !important;
    }

    .heading_block_user {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }

    .edit_news_right {
        width: 100%;
    }

    .block_search {
        border-radius: 10px;
        margin-top: 7px;
        width: 100%;
    }

    .block_select_friends {
        padding: 15px;
        border-radius: 20px;
    }

    .block_forum_item {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .desp_forum {
        font-size: 11px;
        line-height: 13px;
    }

    .flex_info_forum {
        line-height: 25px;
    }

    .flex_forum_info_right {
        border-left-width: medium;
        border-left-style: none;
        border-left-color: currentcolor;
        width: auto;
    }

    .block_btn_forum_top {
        gap: 10px;
    }

    .new_table_forum {
        display: flex;
        border-radius: 15px;
        flex-direction: column;
        gap: 17px;
        align-items: flex-start;
    }

    .new_tr_forum_flex {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .new_tr_forum {
        width: 100%;
    }

    .name_info_block_topic {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .block_support {
        flex-direction: column;
    }

    .block_support_left {
        max-height: max-content;
        width: 100%;
    }

    .block_support_right {
        width: 100%;
    }

    .info_server {
        margin-top: 20px;
    }

    .status_block {
        display: flex !important;
        flex-direction: row !important;
        margin-bottom: 0px !important;
        height: 56px !important;
    }

    .status_block small {
        font-size: 12px;
        position: relative;
        top: 10px;
        color: rgb(255, 255, 255) !important;
    }

    .div_edit_user {
        flex-direction: column;
    }

    .btn_ticket_support {
        flex-wrap: wrap;
    }

    .block_select_servers_blocked {
        padding: 15px;
        border-radius: 20px;
        justify-content: space-between;
        flex-direction: column;
    }

    .blocked_block {
        height: fit-content;
        padding: 15px;
    }

    .edit_news_left {
        width: 100%;
    }

    .flex_blocked {
        margin-bottom: 15px;
    }

    .btns_blocked {
        display: none;
    }

    .blocked_text {
        font-size: 19px;
    }

    .blocked_desp {
        font-size: 11.5px;
    }

    .left_blocked {
        width: 100%;
    }

    .block_stats_bans {
        flex-direction: column;
    }

    .avatar_edit {
        padding: 20px;
        flex-direction: column;
    }

    .flex_user_avatar_edit {
        width: 100%;
    }

    .avatar_edit_result {
        width: 100px;
        height: 100px;
        border-radius: 17px;
        margin-left: -15px;
    }

    .select_number {
        flex-wrap: wrap;
    }

    .flex_edit_news {
        flex-direction: column;
    }

    .transparent_tr {
        align-items: flex-start;
        background: rgba(255, 255, 255, 0) !important;
        height: max-content !important;
        padding: 0px !important;
    }

    .status_purse_minus {
        box-shadow: none;
    }

    .status_purse_plus {
        box-shadow: none;
    }

    #loader {
        margin: -65px 0px 0px -25px;
    }

    .block_select_support {
        border-radius: 15px;
    }

    .prof_l {
        flex-direction: column;
        align-items: flex-start;
    }

    .contacts_profile {
        flex-wrap: wrap;
    }

    .profile_contact_discord {
        width: fit-content;
    }

    .status_user_chat {
        display: none;
    }

    .news_flex {
        flex-direction: column;
    }

    .left_news {
        width: 100%;
    }

    .name_news_img {
        font-size: 14px;
    }

    .block_content_new {
        width: 100%;
    }

    .slider_menu {
        display: none;
    }

    .img_edit_news {
        height: 180px;
    }

    .discount_block {
        height: auto;
        gap: 15px;
        align-items: flex-start;
        flex-direction: column;
    }

    .flex_yes_or_no {
        margin-bottom: 15px;
    }

    .name_server_info {
        max-width: 300px;
    }

    .position_player {
        display: none !important;
    }
}

.img_edit_news[src*="news_imgs/none.jpg"], .img_add_forum[src*="forums_imgs/none.jpg"] {
    object-fit: cover !important;
    background: rgb(17, 18, 24) !important;
}

.pb-map-with-fallback {
    background-color: rgba(17, 18, 24, 0.92) !important;
    background-size: cover !important;
    background-position: center center !important;
}

.pb-map-with-fallback::after {
    content: "";
    position: absolute;
    inset: 0px;
    pointer-events: none;
    background-image: url("../img/pbgame_engine_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: min(42%, 150px);
    opacity: 0.1;
    z-index: 0;
}

.pb-server-card__map, .map_back_server, .map-image {
    position: relative !important;
    overflow: hidden !important;
}

.contacts_profile.profile_contacts_unified {
    display: flex;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
}

.profile_contacts_unified a, .profile_contacts_unified span {
    text-decoration: none;
}

.profile_contacts_unified .tg_contact, .profile_contacts_unified .steam_contact, .profile_contacts_unified .google_contact, .profile_contacts_unified .discord_contact_profile {
    transition: 0.2s;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.profile_contacts_unified .tg_contact {
    color: rgb(255, 255, 255) !important;
    background: linear-gradient(216deg, rgb(106, 181, 255) 0%, rgb(51, 144, 236) 55%) !important;
}

.profile_contacts_unified .steam_contact {
    color: rgb(255, 255, 255) !important;
    background: rgb(66, 70, 92) !important;
}

.profile_contacts_unified .steam_contact:hover {
    background: rgb(83, 86, 127) !important;
}

.profile_contacts_unified .google_contact {
    color: rgb(255, 255, 255) !important;
    background: linear-gradient(135deg, rgba(66, 133, 244, 0.95) 0%, rgba(52, 168, 83, 0.92) 46%, rgba(251, 188, 5, 0.92) 72%, rgba(234, 67, 53, 0.95) 100%) !important;
    box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset, rgba(66, 133, 244, 0.22) 0px 0px 18px !important;
}

.profile_contacts_unified .discord_contact_profile {
    color: rgb(255, 255, 255) !important;
    background: rgb(88, 101, 242) !important;
}

.profile_contacts_unified .tg_contact:hover, .profile_contacts_unified .steam_contact:hover, .profile_contacts_unified .google_contact:hover, .profile_contacts_unified .discord_contact_profile:hover {
    transform: translateY(-1px);
    color: rgb(255, 255, 255) !important;
}

.profile_contacts_unified .tg_contact i, .profile_contacts_unified .steam_contact i, .profile_contacts_unified .google_contact i, .profile_contacts_unified .discord_contact_profile i {
    font-size: 18px !important;
    line-height: 1 !important;
    margin: 0px !important;
}

.settings-modern {
    --settings-surface: rgba(38, 38, 48, .94);
    --settings-panel: rgba(49, 49, 62, .86);
    --settings-field: rgba(59, 59, 73, .92);
    --settings-border: rgba(255, 255, 255, .075);
    --settings-muted: #8f92aa;
    --settings-text: #ffffff;
    --settings-accent: #4fea9f;
}

.settings-modern .heading_block {
    margin-bottom: 16px;
}

.settings-modern-tabs {
    gap: 12px;
    margin-bottom: 14px;
}

.navigation-setting.with-icons.settings-modern-tabs li a, .navigation-setting.with-icons.settings-modern-tabs li a:hover, .navigation-setting.with-icons.settings-modern-tabs li a:focus {
    min-height: 58px;
    height: auto;
    padding: 10px 14px;
    border-radius: 14px;
    border: 1px solid var(--settings-border);
    background: linear-gradient(rgba(52, 54, 72, 0.92) 0%, rgba(37, 38, 50, 0.96) 100%);
    box-shadow: rgba(10, 12, 18, 0.22) 0px 12px 26px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset;
}

.navigation-setting.with-icons.settings-modern-tabs li a.active, .navigation-setting.with-icons.settings-modern-tabs li.active a {
    border-color: rgba(79, 234, 159, 0.48);
    background: linear-gradient(rgba(57, 66, 82, 0.95) 0%, rgba(42, 44, 59, 0.98) 100%);
    box-shadow: rgba(10, 12, 18, 0.28) 0px 14px 30px, rgba(79, 234, 159, 0.08) 0px 0px 0px 1px inset;
}

.settings-modern-tabs .flex_tab_settings {
    gap: 10px;
    color: inherit;
}

.settings-modern-tabs .active-setting-square {
    right: 14px;
}

.settings-modern-card {
    border-radius: 18px;
    background: linear-gradient(rgba(39, 39, 50, 0.96) 0%, rgba(32, 33, 42, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: rgba(7, 9, 14, 0.28) 0px 18px 38px, rgba(255, 255, 255, 0.024) 0px 1px 0px inset;
    padding: 18px !important;
}

.settings-modern .block_setting_top {
    align-items: flex-start;
    gap: 18px;
}

.settings-modern .block_setting_left, .settings-modern .block_setting_right {
    min-width: 0px;
}

.settings-modern .top_info_index {
    gap: 8px;
    margin: 0px 0px 10px;
}

.settings-modern .top_info_index i, .settings-modern .flex_top_setting > i {
    width: 22px;
    height: 22px;
    min-width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(79, 234, 159, 0.08);
    border-radius: 7px;
    font-size: 14px;
    color: var(--settings-accent) !important;
}

.settings-modern .pretext_index, .settings-modern .name_top_usr {
    color: var(--settings-text);
    font-size: 13px;
    line-height: 1.2;
}

.settings-modern .block_public_info, .settings-modern .password_setting_block, .settings-modern .contacts_setting_block, .settings-modern .privaty_block_settings, .settings-modern .signature_block_setting, .settings-modern .link_setting_block, .settings-modern .block_avatar_edit, .settings-modern .black_list {
    border-radius: 16px;
    border: 1px solid var(--settings-border);
    background: linear-gradient(rgba(51, 51, 64, 0.88) 0%, rgba(42, 42, 54, 0.92) 100%);
    box-shadow: rgba(255, 255, 255, 0.024) 0px 1px 0px inset;
}

.settings-modern .block_public_info {
    padding: 14px;
    gap: 8px;
}

.settings-action-row {
    grid-template-columns: minmax(0px, 1fr) 126px;
    gap: 6px;
    align-items: center;
    min-height: 62px;
    padding: 6px;
    margin: 0px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    background: var(--settings-field);
    box-shadow: rgba(255, 255, 255, 0.024) 0px 1px 0px inset;
}

.settings-action-row .custom-input {
    height: 50px;
}

.settings-action-row .custom-input > input, .settings-modern .password_setting_block .custom-input > input, .settings-modern .link_setting_block .custom-input > input {
    height: 50px;
    border-radius: 10px;
    border: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.settings-action-row .custom-input.with-title span {
    top: 9px;
}

.settings-action-row .custom-input.with-title input:focus + span, .settings-action-row .custom-input.with-title input:not(:placeholder-shown) + span {
    top: 7px;
}

.settings-action-btn, .settings-modern .password_setting, .settings-modern .btn_avatar_setting, .settings-modern .password_setting_block .btn, .settings-confirm-btn, .settings-modern .save_signature, .settings-modern .save_all, .settings-modern .black_list_button {
    min-height: 48px;
    border-radius: 11px;
    padding: 0px 16px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: rgba(0, 0, 0, 0.51) 1px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 18px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    border: 0px !important;
    color: rgb(255, 255, 255) !important;
}

.settings-action-btn:hover, .settings-modern .password_setting:hover, .settings-modern .btn_avatar_setting:hover, .settings-modern .password_setting_block .btn:hover, .settings-confirm-btn:hover, .settings-modern .save_signature:hover, .settings-modern .save_all:hover, .settings-modern .black_list_button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.settings-modern .input-title, .settings-modern #edit_user_route_result, .settings-modern #edit_user_avatar_result, .settings-modern .save_all_info {
    display: block;
    min-height: 13px;
    margin: 2px 0px 0px;
    color: rgb(117, 217, 167);
    font-size: 11px;
    font-weight: 700;
}

.settings-modern .block_date_edit {
    margin-top: 0px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    background: var(--settings-field);
}

.settings-modern .text_date_edit, .settings-modern .privaty_text {
    color: var(--settings-muted);
    font-size: 11px;
    font-weight: 800;
}

.settings-modern .flex_edit_date {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.settings-modern .flex_edit_date .custom-select select {
    height: 48px;
    border-radius: 10px;
    border: 0px !important;
    background: rgba(67, 67, 82, 0.78) !important;
}

.settings-modern .password_setting_block {
    padding: 14px;
    margin: 0px 0px 16px;
}

.settings-modern .password_setting_block .custom-input {
    margin-bottom: 0px;
    border-radius: 12px;
    background: var(--settings-field);
}

.settings-modern .password_setting, .settings-modern .password_setting_block .btn, .settings-confirm-btn, .settings-modern .save_signature {
    width: 100%;
    margin-top: 8px;
}

.settings-modern .block_avatar_edit {
    padding: 16px;
    margin: 0px;
}

.settings-modern .flex_edit_avatar_setting {
    align-items: center;
}

.settings-modern .img_edit_settings {
    border: 1px solid rgba(79, 234, 159, 0.32);
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 24px;
}

.settings-modern .custom-file-label {
    height: 48px;
    display: flex;
    align-items: center;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 11px;
    background: rgba(59, 59, 73, 0.78);
    color: var(--settings-muted);
    font-size: 11px;
    font-weight: 800;
}

.settings-modern .btn_avatar_setting {
    width: 150px;
    margin-top: 8px;
}

.settings-modern .privaty_block_settings, .settings-modern .signature_block_setting, .settings-modern .link_setting_block {
    padding: 16px;
    margin: 0px 0px 16px;
}

.settings-modern .privaty_block {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 8px;
    margin: 8px 0px 14px;
}

.settings-modern .checkboxes__item {
    min-width: 0px;
}

.settings-modern .checkbox.style-h {
    height: 48px;
    margin: 0px;
    padding: 0px 12px;
    border-radius: 12px;
    background: rgba(59, 59, 73, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.055);
}

.settings-modern .checkbox.style-h .checkbox__body {
    color: rgb(215, 217, 232);
    font-weight: 800;
    font-size: 11px;
}

.settings-modern .signature_block_setting textarea {
    min-height: 150px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    background: rgba(59, 59, 73, 0.85);
    color: rgb(255, 255, 255);
    padding: 12px;
}

.settings-modern .link_text_setting {
    margin: 0px 0px 10px;
    border-radius: 13px;
    background: rgba(79, 234, 159, 0.08);
}

.settings-modern .black_list {
    margin: 0px;
    padding: 14px;
}