/*
.----------------------------------------------------------------------.
|                                                                      |
|  ____                 _                      _   ____                |
| |  _ \  _____   _____| | ___  _ __   ___  __| | | __ ) _   _         |
| | | | |/ _ \ \ / / _ \ |/ _ \| '_ \ / _ \/ _` | |  _ \| | | |        |
| | |_| |  __/\ V /  __/ | (_) | |_) |  __/ (_| | | |_) | |_| |        |
| |____/ \___| \_/ \___|_|\___/| .__/ \___|\__,_| |____/ \__, |        |
|                              |_|                       |___/         |
|  _____         _        ____                _   _       _ _          |
| |_   _|__  ___| |__    / ___|_ __ ___  __ _| |_(_)_   _(_) |_ _   _  |
|   | |/ _ \/ __| '_ \  | |   | '__/ _ \/ _` | __| \ \ / / | __| | | | |
|   | |  __/ (__| | | | | |___| | |  __/ (_| | |_| |\ V /| | |_| |_| | |
|   |_|\___|\___|_| |_|  \____|_|  \___|\__,_|\__|_| \_/ |_|\__|\__, | |
|                                                               |___/  |
|                                                                      |
'----------------------------------------------------------------------'
Tech Creativity .Inc
@package Tech Creativity (Codychat)
@author www.tcjo.net
@copyright 2026
@terms any use of this script without a legal license is prohibited
All the content of Tech Creativity is the property of Tech Creativity and cannot be used for another project.*/


/* Scrollbar Dimensions */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 20px;
}

/* Body Structure */
body {
    font-family: 'el messiri',sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
}

/* Chat Header & Footer Structure */
#chat_head {
    height: 50px;
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.centered_element {
    text-align: center !important;
    direction: rtl;
}
.border_flogin {
    padding-top: 10px;
}
.page_ticon {
    width: 45px;
    height: 45px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
}

/* Edit Post Wall & news Structure */
.btn_tpost {
    direction: rtl;
}
.title_tpost {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    height: 30px;
    text-decoration: none;
    margin: 0 auto;
    direction: rtl;
}
.main_post_control {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 40px;
    direction: rtl;
}
.description_tpost {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}
.like_count {
    float: right;
    padding: 7px;
    border-radius: 5px;
    cursor: pointer;
}
.wlike_icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border-radius: 50%;
}
.post_content {
    direction: rtl;
    border-radius: 6px;
    margin-top: 5px;
    padding: 10px 10px;
    font-weight: bold;
    line-height: 1.6em;
}
.post_menu {
    text-align: right;
    direction: rtl;
    right: auto;
    left: 0;
    width: 175px;
}
.add_comment_zone {
    text-align: right;
    direction: rtl;
}
.post_title, .post_control {
    direction: rtl;
}
.add_comment {
    border-radius: 6px;
}
.reply_item {
    direction: rtl;
    border-radius: 6px;
    margin-bottom: 5px;
}
.post_input_container {
    direction: rtl;
    border-radius: 6px;
    cursor: pointer;
}
.news_reply_form, .friend_reply_form {
    border-radius: 6px;
}
.blist {
    direction: rtl;
}
.back_box {
    direction: ltr;
}
.sub_date {
    margin-top: 5px;
}
.mroom_text {
    max-width: 115px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mroom_name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    max-width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.menuname {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 125px;
}
.menuranktxt {
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.menuranking {
    height: 11px;
    width: auto;
    border-radius: 50%;
}
.list_mood {
    margin-top: 2px;
}
.post_edit {
    cursor: pointer;
    width: 40px;
    font-size: 15px;
    position: relative;
}
.comment_count {
    text-align: right;
    cursor: pointer;
}
.reply_delete {
    text-align: center;
    width: 30px;
    cursor: pointer;
}
.reply_content {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px;
}
.noview {
    font-weight: 700;
}

/* Chat Logs Structure */
.inline_tcjo {
    display: inline !important;
}
.my_text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 8px;
    position: relative;
}
.chat_message {
    display: inline-block !important;
    max-width: 100%;
    font-size: 17px;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    direction: rtl;
    vertical-align: middle;
    text-align: left;
}
.boomaudio, .chat_audio {
    display: inline-block;
}
.rtl_fright_tcjo {
    float: left;
    padding-right: 5px;
    vertical-align: middle;
    display: inline;
}
.username {
    font-weight: 300;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-size: 16px;
    direction: rtl;
}
.cname_tcjo {
    display: inline;
    vertical-align: middle;
    line-height: 1.4em;
}
.cname_point_tcjo {
    font-family: 'Tahoma';
    font-size: 13px;
    font-weight: bold;
}
.my_text .username {
    font-size: 16px;
}
.cavatar {
    height: 28px;
    width: 28px;
    border-radius: 50%;
}
#content, #message_content {
    border-radius: 5px;
    font-size: 17px;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-weight: normal;
    direction: rtl;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    float: left;
}
.ch_logs {
    cursor: pointer;
    padding: 3px;
    word-wrap: break-word;
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 100%;
    overflow: hidden;
    border-radius: 4px;
    margin-top: 3px;
    line-height: 1.4em;
}
#show_chat ul {
    position: absolute;
    max-height: 100%;
    overflow-y: auto;
    bottom: 3px;
    line-height: 15px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0;
}
.chat_avatar {
    display: table-cell;
    width: 25px;
    vertical-align: top;
    position: relative;
}
.topic_log {
    margin-top: 3px;
    border-radius: 4px;
    font-family: inherit;
}
.topic_content {
    font-family: 'lemonada', cursive;
    font-size: 12px;
    line-height: 1.6em;
}
.tpclear {
    display: table-cell;
    width: 24px;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
.tpicon {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.title_topic {
    font-weight: 300;
    font-family: 'lemonada', cursive;
    font-size: 12px;
    display: inline-block;
    line-height: 2em;
}
.topic_icon {
    right: 6px;
    width: 25px;
}
.chat_file {
    height: 35px;
    margin-top: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.chat_uvideo, .chat_cvideo, .chat_video {
    display: inline-block;
    cursor: pointer;
}
#wrap_stream video {
    width: 99.7%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.sys_log {
    padding: 3px 0px;
    word-wrap: break-word;
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 100%;
    overflow: hidden;
    border-radius: 4px;
    margin-top: 3px;
}
.system_text {
    border-radius: 0px 10px 10px 10px;
    margin-top: 0;
    font-size: 14px;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    padding: 0 10px;
    font-style: normal;
}
.savatar {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto;
}
.chat_savatar {
    display: table-cell;
    width: 33px;
    vertical-align: top;
    position: relative;
}
.puser_avatar img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
}
.cqav img {
    border-radius: 50%;
}
.qavatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
}
.chat_video_container {
    width: 200px;
    height: 113px;
    position: relative;
    margin-top: 5px;
    border-radius: 6px;
    overflow: hidden;
}
.cquote {
    border-left: 4px solid; /* أکآ§أ™â€‍أ™â€‍أ™ث†أ™â€  أ™إ أکآ­أکآ¯أکآ¯ أ™â€‍أکآ§أکآ­أ™â€ڑأکآ§أ™â€¹ أ™â€‍أ™ئ’أ™â€  أکآ§أ™â€‍أ™â€ أ™â€¦أکآ· أ™â€،أ™إ أ™ئ’أ™â€‍أ™إ  */
}
.cqmess .chat_file {
    height: 35px;
    cursor: pointer;
}
.qcancel {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    font-size: 16px;
    text-align: center;
}
.cqname {
    font-size: 15px;
    font-weight: 300;
    font-family: 'hacen',sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
    direction: rtl;
    text-align: left;
}
#quoted_user {
    font-size: 15px;
    font-weight: 300;
    font-family: 'hacen',sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    direction: rtl;
    text-align: left;
}
.cqmess {
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    line-height: 1.4em;
    font-size: 15px;
    direction: rtl;
    text-align: left;
}

/* Panels Structure */
#chat_right_data {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%;
    padding-bottom: 5px;
}
#chat_right {
    border-right: none !important;
    border: none;
}
.cright, .cright2 {
    width: 280px;
}
#player_menu, #station_menu {
    width: 320px;
}
.float_pad {
    padding-right: 5px;
    padding-left: 5px;
}
.text_xsmall {
    font-size: 11px;
}
.top_mod_option {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    width: 40px;
    height: 40px;
}
.list_status {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 18px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    padding: 1px;
    z-index: 100;
}
.info_item {
    border-radius: 5px;
}
.stat_icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    float: left;
}
.editstatus {
    padding-top: 5px;
    padding-bottom: 5px;
}
.mroom_change {
    width: 75px;
    font-size: 18px;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
}
.avmmenu img, .roomcv img {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: block;
}
#chat_main_menu, #status_menu, #bank_menu, #setting_menu {
    width: 250px;
    direction: rtl;
}
.float_tcjo_top, #status_menu_content {
    direction: rtl;
}
#private_menu, #notification_menu, #report_menu, #friends_menu {
    width: 300px;
}
#private_menu_content, #notification_menu_content, #report_menu_content, #friends_menu_content {
    direction: rtl;
}
#bank_menu_content {
    padding-right: 10px;
}
.player_wrap {
    padding-left: 15px;
    padding-right: 15px;
}
.cookie_wrap {
    position: fixed;
    display: table;
    padding: 25px;
    z-index: 9999;
    width: 80%;
    left: 10%;
    border-radius: 10px;
    bottom: 15px;
    direction: rtl;
}
.emo_head {
    width: 100%;
    height: 40px;
    display: table;
    table-layout: fixed;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.emo_select {
    height: 25px;
    width: 25px;
    display: block;
    margin-left: 8px;
}
.emo_content .emoticon img, .post_emo_content .emoticon img, .emo_content_priv .emoticon img {
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 25px;
}
.emo_content .sticker img, .emo_content_priv .sticker img {
    height: auto;
    max-height: 35px;
    max-width: 100px;
}
.sticker_chat {
    vertical-align: middle;
    height: auto;
    max-width: 100px;
    max-height: 35px;
}
.emo_chat, .post_element .emo_chat {
    vertical-align: middle;
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 25px;
}
.emo_content_priv {
    width: 100%;
    height: 155px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px;
}
.plikes {
    font-family: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
    font-size: 14px;
}
.tcjo_plike {
    font-size: 11px;
    font-weight: 700;
    font-family: 'el messiri',sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
}
.plike_count {
    font-size: 11px;
    font-weight: bold;
    padding: 0 2px;
    font-family: 'el messiri',sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
}
#container_user, #container_friends, #usearch_result {
    padding: 0 !important;
}
.user_item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user_item_flag img {
    width: 23px;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
}
.user_item_icon {
    display: table-cell;
    width: 24px;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}
.user_item_flag {
    text-align: center;
    width: auto;
    height: 16px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 2px;
    vertical-align: unset;
}
.user_item_avatar .acav {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
.user_item_avatar {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    position: relative;
}
.user_item_data, .user_item_name {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    line-height: 1.1em;
}
.panel_bar_item, .panel_option, .left_bar_item {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 53px !important;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
}
.panel_option {
    width: 52px;
}
.panel_bar {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 53px;
    border-top: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#left_panel_bar {
    direction: rtl;
}
.avatar_menu {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}
.top_status {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 8px;
}
.tcjo_chat_right {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
}
.tcjo_chat_head {
    font-size: 10px;
    text-align: center;
    font-weight: 700;
}
.tcjo_rlist_open {
    font-size: 11px;
    text-align: center;
    font-weight: 700;
}
.tcjo_i {
    font-size: 16px;
    text-align: center;
}
.footer_item {
    width: 60px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    display: table-cell;
    max-width: 16.66666666%;
    vertical-align: middle;
    position: relative;
    right: 5px;
}
.footer_tcjo_item {
    width: 50px;
    left: 0px;
}
.send_btn {
    border-radius: 4px;
    width: 40px!important;
    height: 100% !important;
}
.rounded_button, .ok_btn, .default_btn {
    border-radius: 5px;
}
.up_file_remove {
    width: 24px;
    height: 24px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    cursor: pointer;
    border-radius: 50%;
}
.vip_checkbox {
    width: 40px;
    font-size: 24px;
    text-align: center;
}
.pag_btn, .delete_btn, .ok_btn, .theme_btn, .back_default, .back_theme, .ucount_btn, .default_btn, .back_default {
    font-family: 'el messiri','FontAwesome';
}
.fright {
    float: left;
}
.tcjo_priv {
    overflow: hidden;
    table-layout: fixed;
    font-size: 0;
}
input, textarea {
    font-weight: 700;
}
.evolve_users {
    direction: rtl;
}
#search_chat_room {
    text-align: right;
}
.full_input, .full_textarea {
    font-family: 'el messiri','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-weight: bold;
    line-height: 1.6em;
    padding: 10px 10px;
    direction: rtl;
}
#search_friend {
    text-align: right;
}
#log_menu {
    width: 200px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -5000px;
    z-index: 99;
    border-radius: 15px;
    overflow: hidden;
}
.logmenu {
    width: 100%;
    display: block;
    position: relative;
    direction: rtl;
}
.subm_title {
    font-size: 13px;
    font-weight: bold;
}
#main_emoticon {
    width: 530px;
    max-width: calc(100% - 10px);
    border-radius: 15px;
    height: 222px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
    margin: 5px;
}
#main_input_extra {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 5px;
    display: none;
    border-radius: 5px;
    margin: 5px;
    max-width: 380px;
}
.main_item {
    width: 40px;
    height: 100%;
    text-align: center;
    font-size: 23px;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.sub_options, .psub_options {
    width: 46px;
    height: 46px;
    padding: 5px;
    margin: 3px;
    float: left;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
}
.psub_options {
    width: 40px;
    height: 40px;
}
#priv_input_extra {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 3px;
    display: none;
    border-radius: 5px;
    max-width: 240px;
    margin: 5px;
}
#chat_left {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    max-width: 100% !important;
}
#chat_left_data {
    width: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    direction: rtl;
}
.float_top {
    height: 50px;
}
.fmenu_avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
}
.notify_avatar img, .ulist_avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
.ulist_avatar img {
    margin: 0 auto;
}
.notify_icon {
    border-radius: 50% !important;
}
.notify_details {
    display: table-cell;
    padding: 0 8px;
    line-height: 1.3em;
}
#chat_left_menu, #room_options_menu, #tool_menu, #store_menu, #game_menu, #leaderboard_menu, #app_menu, #help_menu {
    width: 250px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 202;
    display: none;
    text-align: initial;
}
.room_cdescription {
    font-size: 11px;
    padding: 1px 0px 0px 5px;
    display: block;
    vertical-align: bottom;
    cursor: pointer;
    table-layout: fixed;
    max-height: 33px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4em;
    direction: rtl;
    text-align: left;
}
.room_ccount {
    font-size: 14px;
    font-weight: inherit;
    text-align: right;
    font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, 'FontAwesome' !important;
}
.room_cname {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 165px;
    direction: rtl;
    text-align: left;
}
.room_celem {
    display: table;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
}
.room_cicon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: block;
}
.pad_tcjo {
    padding: 0px;
}
#room_filter {
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.tcjo_rtl {
    direction: rtl;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -10px;
    padding-bottom: 5px !important;
    margin-right: 0 !important;
    padding-top: 0 !important;
}
#chat_toping {
    z-index: 201;
    max-height: 30px;
    overflow: hidden;
}
#HideNote {
    position: absolute;
    text-align: center;
    top: auto;
    z-index: 3;
    right: 15px;
    font-size: 17px;
    border-radius: 25px;
}
.note_tcjo_text, .note_tcjo_text_console {
    cursor: pointer;
}
.note_tcjo_text_console {
    line-height: 1;
}
.note_tcjo_image {
    height: 18px;
    width: 18px;
}
.tcjo_note {
    height: auto;
    max-height: 30px;
    position: relative;
}
#ToggleNote {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    padding: 0px 10px 0px 10px;
}
#notification_menu_content {
    border-radius: 5px;
}
.more_img, .smile_img, .stop_img, .mic-img {
    height: 20px;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}
.send_img {
    height: 33px;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}
.fmenu_item {
    padding: 12px 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    text-shadow: none;
    border-radius: 0;
}
.fmenu_option {
    width: 30px;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    text-align: center;
}
.float_content {
    overflow-y: auto;
    padding: 0;
}
.user_count, .onair_count {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    height: 30px;
    text-decoration: none;
    margin: 0 auto;
    direction: rtl;
}
.ucount {
    border-radius: 15px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, 'FontAwesome' !important;
}
.vpad2023, .vpad02023 {
    padding-top: 0px!important;
    padding-bottom: 5px;
}
.welcome_user {
    font-weight: 700;
    font-size: 15px;
    font-family: 'aref-ruqaa';
    direction: rtl;
    line-height: 2em;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    margin-top: -5px;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 270px;
}
.welcome_tumb {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    vertical-align: bottom;
}
.welcome_lobby, .welcome_rlobby {
    font-weight: 700;
    font-family: 'el messiri';
    direction: rtl;
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.welcome_lobby {
    font-size: 12px;
    line-height: 1.4em;
    cursor: pointer;
}
.welcome_rlobby {
    font-size: 10px;
}
#main_disabled, #private_disabled {
    padding: 4px;
    font-weight: 700;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 46px;
    line-height: 46px;
    font-family: 'el messiri','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 13px;
}
.emo_menu {
    width: 40px;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 15px;
}

/* AV Menu & Profile */
#av_menu {
    width: 240px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -5000px;
    z-index: 99;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    direction: rtl;
}
.avavatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.avitem {
    padding: 12px 10px;
    text-align: center;
    cursor: pointer;
    text-align: right;
}
.avitem i {
    padding: 0 3px;
}
.profile_info_box {
    font-size: 11px;
    padding: 10px 15px;
    text-align: right;
    direction: rtl;
}
.avusername {
    font-weight: 300;
    font-size: 18px;
    width: 100%;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
}
.pro_name {
    font-size: 25px;
    font-weight: 300;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    direction: rtl;
}
.avatar_spin {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 30;
}
.modal_mback, .modal_menu, #mprofilemenu, #madminuser, #meditprofile {
    direction: rtl;
}
.modal_menu {
    font-size: 0px;
    padding: 5px 0;
}
.bold { font-weight: bold; }
.prodata { width: 50%; font-size: 13px; }
.pgcard {
    width: calc((100% / 5) - 10px);
    height: 70px;
    margin: 5px;
    display: grid;
    align-items: center;
    float: right;
    position: relative;
    border-radius: 10px;
}
.proicon { width: 24px; }
.modal_menu ul li {
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    margin: 0 5px 0 0;
    border-radius: 5px;
}
.avbackground {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.tcjo_modal_title {
    font-size: 10px;
    font-weight: 700;
    font-family: 'el messiri',sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
}

/* Audio Stream */
#wrap_stream_audio {
    width: auto;
    height: auto;
}

/* Private Options */
.private_opt {
    width: 40px;
    text-align: center;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
}
#private_opt {
    width: 200px;
    direction: rtl;
}
#private_top {
    width: 100%;
    display: table;
    height: 54px;
    padding: 0 5px;
}
.pboxed {
    position: absolute;
    bottom: 50px;
    right: 0;
    overflow: hidden;
    z-index: 150;
    max-width: 100% !important;
    height: 415px !important;
    width: 400px !important;
}
#private_box {
    width: 100%;
    overflow: hidden;
}
#private_name {
    cursor: pointer;
    font-size: 16px;
    padding: 0 8px;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    direction: rtl;
    text-align: left;
}
#private_av {
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
}
.target_private, .hunter_private {
    padding: 10px;
    max-width: 220px;
    display: inline-block;
    word-wrap: break-word;
    line-height: 1.4em;
    font-weight: 300;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-size: 16px;
    direction: rtl;
}
.target_private {
    border-radius: 0px 10px 10px 10px;
    text-align: right;
}
.hunter_private {
    border-radius: 10px 0px 10px 10px;
    text-align: right;
}
.hunt_quote, .targ_quote {
    padding: 10px;
    margin-bottom: -6px;
    max-width: 220px;
    display: inline-block;
    word-wrap: break-word;
    line-height: 1.4em;
    border-radius: 10px;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-size: 16px;
}
/* Select Box RTL */
.selectboxit-arrow-container {
    position: absolute;
    left: 0 !important;
    right: auto;
}
.selectboxit-container .selectboxit-options {
    text-align: right;
}
.selectboxit-option-icon-container, .selectboxit-text {
    float: right;
}

/* Join Room & Ranks */
.tcjo_join_room {
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px;
    padding: 2px 0px;
    width: auto;
}
.tcjo_join_rank {
    font-weight: 300;
}

/* Modals */
.modal_pad {
    padding: 55px 20px 20px 20px;
}
.label {
    margin: 0 0 8px 0;
    font-size: 13px;
    font-weight: bold;
    direction: rtl;
}
.action_item {
    margin-bottom: 3px;
    border-radius: 5px;
    direction: rtl;
}
.modal_control {
    padding-top: 15px;
    text-align: center;
    direction: ltr;
}
.modal_title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: right;
}
.contact_tcjo {
    direction: rtl;
    padding: 5px;
    border-radius: 5px;
}
.cont_vpad15 {
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}
.titel_cont {
    font-weight: bold;
}
.ulist_item {
    width: 100%;
    height: auto;
    table-layout: fixed;
    display: table;
    padding: 8px;
    cursor: pointer;
    border-radius: 5px;
    direction: rtl;
}
.vip_table_list {
    direction: rtl;
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;
    border-radius: 5px;
    padding: 5px;
}
.viptop {
    text-align: center;
}
.modal_close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    text-align: center;
    display: table;
}
.gold_icon2 img {
    width: 16px;
    height: 16px;
    display: block;
    margin-left: 345px;
}
.gold_text2 {
    padding-right: 20px !important;
}
.tab_menu {
    direction: rtl;
}
.preview_zone {
    margin-bottom: 20px;
    text-align: center;
}
.reg_menu {
    direction: rtl;
    border-radius: 3px;
}
.tmargin15, #set_ublock, .sound_menu_settings {
    margin-top: 15px;
    direction: rtl;
}
#over_modal_in {
    text-align: right !important;
}
.switch_wrap {
    direction: ltr;
}
.switch_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 3px;
    border-radius: 5px;
    direction: rtl;
}
.gift_edit_img {
    height: 100px;
    width: auto;
    max-width: 100%;
    border-radius: 10px;
}
.ricon_current {
    width: 120px;
    height: 120px;
    border-radius: 20px;
    display: block;
}
.form_control {
    padding-top: 15px;
    text-align: right;
}
.rtl_elem {
    padding-bottom: 0;
    padding-top: 30px;
    margin-right: 10px;
    direction: rtl;
}
#page_main_menu {
    width: 250px;
    direction: rtl;
}
#header_full {
    width: 100%;
    height: 50px;
    position: fixed;
    z-index: 202;
}
#pages_wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    direction: rtl;
}
#pages_content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    height: auto;
    padding: 70px 5px;
}
#page_content {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    height: auto;
    padding: 20px 0px;
}
.page_element_control {
    padding: 5px 0;
}
.page_indata {
    display: table;
    vertical-align: top;
}
.tcjo_description {
    height: 30px;
    max-height: 30px;
    overflow: hidden;
    font-size: 13px;
    margin-bottom: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rtcjo_count {
    font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, 'FontAwesome' !important;
}
.room_icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: block;
    padding: 2px;
}
.rtcjo_elem {
    display: table;
    padding: 25px 15px;
    margin: 5px;
    table-layout: fixed;
    width: calc(33% - 6px);
    float: left;
    cursor: pointer;
    border-radius: 15px !important;
    font-family: 'el messiri';
}
#page_wtcjo {
    width: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 5px;
}

/* System Messages Structure */
.chat_system, .tcjo_action_text, .tcjo_user_text, .tcjo_action_hunter {
    font-weight: 300;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-size: 14px;
    text-shadow: none;
    font-style: normal;
    background: none;
    direction: rtl;
}
.chat_system { text-align: left; padding: 0 0 0 8px; }
.sysname {
    font-weight: 300;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    pointer-events: auto;
    font-size: 16px;
    text-shadow: none;
    font-style: normal;
    background: url(/default_images/icons/welcom.gif) 100% 68%;
    width: auto;
    height: 20px;
}

/* User Info & Popup */
.peep_avatar_field_preview {
    width: 100px;
    height: 100px;
    position: relative;
    cursor: pointer;
    float: left;
}
.peep_avatar_field_preview span {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
}
.side_block_avatar {
    float: left;
    margin: 0 15px 5px 5px;
    position: relative;
    background-size: 100%;
}
.side_block_avatar .peep_avatar {
    width: 42px!important;
    height: 42px!important;
    padding: 4px;
}
.peep_greeting {
    position: relative;
    top: 20px;
    left: 0;
    font-size: 11px;
}
#greeting_ico {
    width: 50px;
    height: 50px;
    z-index: 9;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: -10px;
}
.quick-report-side {
    float: left;
    padding: 10px 0;
    width: 100%;
}
.quick-report-side>span {
    float: left;
    font-size: 12px;
    width: 100%;
}
.quick-report-side>ul {
    display: inline;
    list-style: outside none none;
    margin: 0 -1px;
    padding: 0;
}
.quick-report-side>ul>li {
    float: left;
    padding: 0 1px;
    width: 33.334%;
}
.quick-report-side>ul>li>div {
    float: left;
    margin-top: 16px;
    padding: 11px 0 16px;
    text-align: center;
    width: 100%;
}
.quick-report-side div>strong {
    float: left;
    font-size: 17px;
    font-weight: 500;
    width: 100%;
}
.user-info-wrapper {
    display: block;
    margin: 0;
    margin-bottom: 0;
    margin-left: 17px;
}
.user-info-wrapper.sm {
    margin-left: 0;
    cursor: pointer;
}
.user-info-wrapper .profile-wrapper {
    border-radius: 100px;
    position: relative;
}
.user-info-wrapper .profile-wrapper.sm {
    overflow: visible;
    top: 10px;
    margin-bottom: 10px;
}
.user-info-wrapper .profile-wrapper.sm img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.user-info-wrapper .profile-wrapper .availability-bubble {
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 25px;
    right: -15px;
    border-radius: 100px;
}
.user-info-wrapper .user-info {
    display: inline-block;
    float: left;
    margin-left: 35px;
    margin-bottom: 10px;
    font-size: 18px;
}
.user-info-wrapper .user-info.sm .status {
    margin-bottom: 20px;
    margin-top: 0;
}
.user-info-wrapper .user-info .status {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 2px;
    font-weight: 400;
}
.user-info-wrapper .user-info .profile {
    float: right;
    display: inline;
}
.user-info-wrapper .user-info .btn-set {
    margin-top: 10px;
}
.user-info-wrapper .user-info .greeting {
    font-size: 19px;
    font-weight: 600;
    position: relative;
    top: 1.5px;
}
.user-info-wrapper .user-info .status-icon {
    margin: 0 5px;
}
.user-info-wrapper .user-info .collapse {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 15px;
    margin-top: 10px;
}
.user-info-wrapper .user-info .collapse i {
    position: relative;
    margin-top: -8px;
    top: -2px;
    left: 3px;
}
.username2 {
    font-size: 16px;
    font-weight: 300;
    padding: 4px 0;
    overflow: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    font-family: 'hacen', 'FontAwesome', sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
}
.welcome-text {
    margin-top: 0;
    margin-left: -35px;
    text-align: center;
    padding: 0 10px;
    line-height: 1.2;
    direction: rtl;
}
.greeting_time {
    font-weight: 300;
    font-size: 18px;
    font-family: 'aref-ruqaa';
}
.greeting_message {
    font-weight: 400;
    font-size: 12px;
}
#current-date, #current-time {
    margin-top: 5px;
}
.fa-signal {
    font-size: 20px;
}
.user_profile_header {
    position: relative;
}
.welcome-text1 {
    text-align: center;
    padding: 0 10px;
}
.greeting_time1 {
    font-weight: 700;
    font-size: 15px;
    background-size: 100% 100%;
    font-family: 'aref-ruqaa';
    direction: rtl;
    line-height: 2.6em;
    display: inline-block;
}
.tcjo_version {
    text-align: center;
}
#private_send {
    width: 100%;
    height: 100% !important;
    cursor: pointer;
    font-size: 18px;
    float: right;
    margin-right: 3px;
}
.prevent-interaction {
    pointer-events: none;
}
.tcjo_text_like, .tcjo_text_disliked, .tcjo_text_love, .tcjo_text_funny {
    font-size: 10px;
    font-weight: 700;
}
.my_notice {
    margin-top: 0;
    font-family: 'hacen','FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-size: 16px;
    text-shadow: none !important;
    font-style: normal !important;
}
.console_log {
    direction: rtl;
    text-align: left;
}
#preview_text {
    line-height: 1.4em;
    display: inline-block;
    direction: rtl;
}
.text_box {
    max-height: 500px;
    overflow-y: auto;
    padding: 10px;
}
.tit_login {
    text-align: center;
}
.des_login {
    text-align: center;
    font-size: 12px;
    direction: rtl;
}
.rules_t {
    text-align: center;
    font-size: 12px;
    direction: rtl;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
}
.user_stage {
    top: 0;
    z-index: 2;
    font-size: 8px;
    position: absolute;
    left: 21px;
    bottom: 12px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}
.list {
    padding: 15px;
    direction: rtl;
}

/* About Chat & Popups */
.icon.tcjo2024 {
    font-family: sans-serif, "trebuchet ms", "lucida grande", "lucida sans unicode", arial, helvetica;
    font-size: 24px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.popup.tcjo2024 {
    width: 400px;
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica;
}
.popup.tcjo2024.show {
    display: block;
}
.popup-header.tcjo2024 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-header.tcjo2024 h2 {
    font-size: 16px;
    margin: 0;
    font-family: 'El Messiri';
}
.close-btn.tcjo2024 {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}
.popup-content.tcjo2024 {
    padding: 10px 30px 5px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-content.tcjo2024 .left {
    text-align: left;
}
.popup-content.tcjo2024 .left a {
    text-decoration: none;
}
.popup-content.tcjo2024 .left img {
    width: 150px;
    height: auto;
    cursor: pointer;
}
.popup-content.tcjo2024 .left p {
    margin: 5px 0 0;
    font-size: 12px;
}
.popup-content.tcjo2024 .right {
    text-align: right;
    line-height: 1;
}
.popup-content.tcjo2024 .right a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center;
}
.popup.tcjo2024 p {
    margin: 10px 0;
    font-size: 14px;
    text-align: center;
    line-height: 1;
}
.separator.tcjo2024 {
    margin: 10px 0;
}
.overlay.tcjo2024 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    border-radius: 0 !important;
}
.overlay.tcjo2024.show {
    display: block;
}
@media screen and (max-width:768px){
    .popup.tcjo2024 { width: 350px !important; }
}

.icon_m { font-size: 20px; }
.icon { font-size: 20px; }

/* New Style V7 Structure */
.gcard_img {
    width: 45px;
    max-height: 45px;
    margin: 0 auto;
}
.puser_score { text-align: left; }
.boom_opt_container { z-index: 200; margin-top: 5px; border-radius: 4px; }
#leader_selection { border-radius: 4px; }
.list_flag { height: 16px; }
.progress_box { border-radius: 15px; }
.proitem ,.progress_zone { direction: rtl; }
.pbadge { float: right; }
.modal_user { margin-top: -10px; margin-bottom: 10px; direction: rtl; }
.uprogress {
    width: 140px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 99;
}
.tcjopad5 {
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.6em;
    direction: rtl;
    font-weight: bold;
    word-wrap: break-word;
    text-align: right;
}
.tcwarn {
    margin-bottom: 15px;
}
#leaderboard_container, #xp_lead {
    overflow: hidden;
    overflow-y: auto;
    border-radius: 5px;
    padding: 5px;
}
#leaderboard_container { max-height: 395px; }
#xp_lead { padding-top: 15px; padding-bottom: 15px; direction: ltr; max-height: 500px; border-radius: 10px; }

.cclear, .spclear, .tpclear {
    display: table-cell;
    width: 15px;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
#current_play_btn { font-size: 32px; }
.footer_play { font-size: 20px; }

/* Notification Alert */
.tcjo-notification {
    display: none;
    padding: 15px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    direction: rtl;
    align-items: center;
    justify-content: center;
}
.tcjo-online { direction: rtl; }
.tcjo-offline-icon, .tcjo-online-icon {
    margin-left: 10px;
    direction: rtl;
    width: 35px;
    height: 35px;
}
buttonalert {
    background-color: transparent;
    border: none;
    font-size: 16px;
    cursor: pointer;
    margin-right: 15px;
    direction: rtl;
}

/* Main Input Icons */
#main_input_icons {
    position: relative;
    width: 100%;
    height: 36px;
}
.minput_icon_list {
    position: absolute;
    top: 0;
    left: 4px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow-x: auto;
}
.minput_icon {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 100%;
    gap: 10px;
    padding: 0 10px;
    font-size: 20px;
    cursor: pointer;
}
.minput_title { font-size: 13px; }
.menui_img { width: 20px; height: auto; }
#main_mob_menu_head {
    display: table-cell;
    vertical-align: middle;
    width: 42px;
    position: relative;
    cursor: pointer;
}
#left_menu_content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    direction: rtl;
    padding: 0;
}
.head_option {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.cleft2 {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 201;
    padding-bottom: 0;
    max-width: calc(100% - 50px) !important;
}
.cdate {
    display: table-cell;
    width: 65px;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica;
}
.cquote {
    padding: 8px;
    border-radius: 10px;
    display: inline-block;
    max-width: calc(100% - 10px);
    margin-bottom: -5px;
}
.side_notify {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: none;
    position: absolute;
    top: unset;
    left: unset;
    bottom: 8px !important;
    right: 0 !important;
    vertical-align: middle;
}
.fmenu_notify {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.puser_item {
    padding: 8px 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    text-shadow: none;
    direction: rtl;
}
.progress_bar {
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    box-sizing: border-box;
}
.progress_bar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* User Greeting Custom */
.user_greeting_full_custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}
.greeting_left_custom {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
.greeting_avatar_custom {
    position: relative;
}
.avatar_menu_custom {
    width: 45px;
    height: 45px;
    border-radius: 15px;
    object-fit: cover;
    cursor: pointer;
}
.user_item_icon_custom {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, 160%);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.greeting_info_custom {
    display: flex;
    flex-direction: column;
}
.greeting_name_custom {
    font-family: 'hacen', 'FontAwesome', sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
    font-size: 16px;
    margin-top: 0;
    direction: rtl;
    line-height: 1.4;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 115px;
}
.greeting_text_custom {
    line-height: 1.6em;
    font-family: 'aref-ruqaa';
    font-size: 18px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 115px;
}
.greeting_right_custom {
    display: flex;
    gap: 10px;
    align-items: center;
}
.icon_box_custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.icon_img_custom {
    width: 25px;
    height: 25px;
}
.greeting_box_custom {
    border-radius: 0 0 15px 15px;
    overflow: hidden;
    top: 0;
    z-index: 9999;
}
.user_count_custom {
    display: flex;
    justify-content: center;
    padding: 23px 15px;
}
.bcell_custom {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
}
.icon_count_custom {
    vertical-align: middle;
    width: 22px;
    height: 22px;
}
.ucount_custom {
    display: inline-block;
    cursor: pointer;
}
.search_icon_custom {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 8px;
}
/*addons bobby style*/
#set_bobby_instruction{
    display:none;
}

 .user_stage { color: white; position: absolute; top: 0; left: 0; font-size: 8px; padding: 1px 2px; border-radius: 25px; text-align: center; z-index: 2; } 
 .user_stager { color: white; position: absolute; top: 0; left: 0; font-size: 8px; padding: 1px 2px; border-radius: 25px; text-align: center; z-index: 2; } 



.user_stage_2023 {
color: white; position: absolute; top: 0; left: 0; font-size: 8px; padding: 1px 2px; border-radius: 25px; text-align: center; z-index: 2;
}