.in_room_name, .page_drop_text, .page_menu_text, .toplist_name {
    font-family: 'El Messiri', sans-serif; /* تغيير نوع الخط إلى El Messiri */
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
}
.in_room_icon,.profile_close {
    font-size: 30px;
    text-align: center
}

.over2,.over3,.over_pro {
    pointer-events: none
}

.bcell_mid_center,.centered_element,.in_room_icon,.profile_close,.tcenter {
    text-align: center
}

#submit_button,.sub_gift .chat_message {
    color: #fff!important
}

#submit_button,.chat_message,.pro_title,.quiz_bad,.quiz_good,.quiz_hint,.quiz_question,.ranking_lm {
    font-weight: 700
}

body {
font-family: 'El Messiri', sans-serif, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    line-height: 1.2
}

.boy,.sex-boy {
    border-color: #2px solid #03add8
}

.girle,.sex-girl {
    border-color: #2px solid #f9f
}

.other,.sex-other {
    border: 2px solid #ccc
}

.seenn {
    background: #ffe6f2;
    color: #330019
}

.profile_close {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 15px;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer
}

.toplist_avatar,.toplist_avatar2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.toplist_avatar {
    position: relative;
    width: 70px;
    height: 70px
}

.toplist_avatar2 {
    position: relative;
    width: 48px;
    height: 48px
}

.topav_default {
    margin-left: 15px
}

.topav_circle {
    border-radius: 50%;
    display: block;
    width: 36px;
    height: 36px
}

.toplist_name {
    display: table-cell;
    padding: 0 5px
}

.in_room_element,.toplist_item2 {
    display: table;
    table-layout: fixed;
    width: 100%
}

input {
    -webkit-user-select: text
}

.toplist_item2 {
    padding: 10px 5px 5px;
    margin-bottom: 5px;
    height: 64px
}

.in_room_element {
    height: 40px;
    cursor: pointer
}

.in_room_name,.page_drop_text,.page_menu_text {
    display: table-cell
}

.in_room_count {
    width: 65px;
    padding: 5px
}

.in_room_icon {
    width: 40px;
    position: relative
}

.in_room_count,.in_room_icon {
    vertical-align: middle;
    display: table-cell
}

.noview {
    background: #2b2b2b12
}

.glens {
    height: 50px
}

.chat_system {
    color: #000
}

.inline {
    display: inline!important
}

.iblock {
    display: inline-block
}

.flexcenter,.my_text2 {
    display: table-cell
}

.chat_avatar {
    width: 23px
}

.icon_action {
    display: inline-block;
    margin: 0 3px;
    font-size: 16px;
    width: 16px;
    color: #9b9b9b
}

.other_logs {
    padding: 7px 8px
}

.back_chat {
    background: #ededed;
    color: #000
}

.quiz_bad span,.quiz_good span,.quiz_hint span,.quiz_question span,.send_btn {
    color: #fff
}

#disabled_content,#main_input,#main_load_content {
    height: 38px;
    width: 100%
}

#main_header,#my_menu,#page_wrapper,.btable_height,.input_table,.intro_social_btn,.out_page_container,.page_drop_item,.page_full,.page_menu_item,.split,.ulist_item,.user_item,.warning_box {
    table-layout: fixed
}

.main_item {
    width: 38px;
    height: 100%;
    font-size: 20px;
    display: table-cell;
    position: relative
}

#submit_button {
    width: 100%;
    float: right;
    height: 100%!important;
    box-shadow: none!important;
    padding: 0;
    border: none!important;
    font-size: 16px
}

.send_btn {
    border-radius: 100px;
    background: #222
}

#emo_item {
    padding: 0;
    top: 6px;
    width: auto;
    height: 26px
}

#emo_item,#emo_item_priv,.prev_right_btn {
    right: 12px;
    position: absolute
}

#content,#message_content {
    width: 100%;
    height: 100%;
    padding: 0 32px 0 12px;
    float: left;
    font-size: 16px;
    border-radius: 100px
}

.logmsg {
    background: rgba(107,61,85,.13);
    color: red;
    padding: 3px;
    font-size: 1.1em
}

.chat_message {
    font-family: 'El Messiri', sans-serif, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    vertical-align: middle;
    display: inline
}

.grad_bigger_border,.grad_small_border {
    border-radius: 1000px;
    background: gray;
    display: flex
}

.grad_bigger_border {
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center
}

.grad_small_border {
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center
}

.small_av {
    height: 23px!important;
    width: 23px!important
}

.absolute_center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.user_item_frame_avatar_new {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    position: relative
}

.over,.over2,.over3,.overlist,.under {
    position: absolute
}

.user_item_frame_inner {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.overlist {
    z-index: 1;
    left: 0
}

.ul_fr_bg {
    width: 46px;
    top: -6px
}

.ul_fr_av {
    left: 5px;
    top: 5px
}

.over {
    z-index: 1;
    left: 0;
    top: 0
}

.over2 {
    z-index: 1;
    left: 0
}

.chat_frame_avatar {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 33px
}

.chat_frame_avatar_inner2 {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer
}

.ch_fr_av {
    left: 0;
    top: 4px
}

.ch_fr_bg {
    width: 39px;
    top: -5px
}

.over_pro {
    position: absolute;
    z-index: 1;
    left: 0
}

.avatar_profile_round {
    width: 100px;
    height: 100px;
    cursor: pointer;
    display: block;
    border-radius: 100px;
    top: 30px;
    left: 14px
}

.gift___message {
    background-image: linear-gradient(143.3deg,#d81b60 33.1%,#ed6b9a 74.9%)!important;
    outline: #d9e167 dashed 1px;
    outline-offset: -4px;
    box-shadow: inset 0 0 10px #e7d074;
    padding: 8px
}

#av_menu,.user_item {
    border-radius: 0
}

.footer_item {
    width: 50px
}

.adnoyer_log {
    padding: 3px;
    background: linear-gradient(0deg,#2ca98587,transparent);
    border: 1px solid #f5f5dc;
    margin: 3px 0
}

.chat_ico_inv {
    position: absolute;
    top: 14px;
    right: -2px;
    background: #fff;
    border-radius: 10px;
    font-size: 15px
}

.user_item_flag img {
    width: 18px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 2px
}

.modal_top {
    border-radius: 5px 5px 0 0
}

.modal_pad {
    padding: 0 0 20px
}

#over_modal_content,#small_modal_content {
    padding: 15px 15px 0
}

.form_split {
    width: 100%
}

.clear,.clear10,.clear15,.clear20,.clear25,.clear3,.clear30,.clear5,.form_split,.ptdate {
    clear: both
}

.label {
    margin: 5px 0;
    font-size: 16px
}

.selectboxit-btn {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.pdetails_icon {
    display: table-cell;
    vertical-align: middle;
    width: 22px
}

#large_modal,#small_modal {
    -webkit-tap-highlight-color: transparent
}

.modal_back {
    backdrop-filter: blur(3px)
}

.in_room_element {
    border-bottom: 1px solid #e2e2e2
}

.chat_video_container_old {
    width: 173px;
    max-width: 100%!important;
    position: relative;
    margin-top: 5px
}

.bg_pro_cover {
    display: table;
    width: 100%;
    position: relative;
    height: inherit;
    transition: 1.5s
}

.border_bottom,.box_title,.list_element,.listing_element,.panel_bar,.post_element,.ulist_item,.user_item {
    border-bottom: 1px solid #ededed
}

.pro_title {
    padding-bottom: 3px
}

.text_small {
    font-size: 13px
}

.listing_element {
    padding: 5px 0
}

.aclist:first-child,.avitem:first-child,.background_reply:first-child,.elem_in:first-child,.list_element:first-child,.listing_element:first-child,.page_drop_item:first-child,.panel_list:first-child,.post_element:first-child,.status_option:first-child,.sub_list:first-child,.sub_list_item:first-child,.sub_menu_item:first-child,.ulist_item:first-child {
    border-top: none!important
}

.aclist:last-child,.avitem:last-child,.background_reply:last-child,.elem_in:last-child,.list_element:last-child,.listing_element:last-child,.page_drop_item:last-child,.panel_list:last-child,.post_element:last-child,.status_option:last-child,.sub_list:last-child,.sub_list_item:last-child,.sub_menu_item:last-child,.ulist_item:last-child,.user_item:last-child {
    border-bottom: none!important
}

.avatar_spin {
    border: none
}

.round5,.sub_gift {
    border-radius: 5px
}

.my_notice {
    color: #fff;
    background: #673ab7;
    padding: 5px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 5px;
    font-weight: bold;
    font-family: 'Almarai',sans-serif
}


@media (min-width: 300px) {
    body {
    font-family: 'El Messiri', sans-serif, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    }

    .chat_message {
    font-family: 'El Messiri', sans-serif, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 600px) {
    body {
    font-family: 'El Messiri', sans-serif, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    }

    .chat_message {
    font-family: 'El Messiri', sans-serif, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    }
}

::-webkit-scrollbar {
    width: .4em
}

::-webkit-scrollbar-thumb {
    background: #d3d3d3
}

* {
    scrollbar-width: thin
}

.loading_av {
    animation: 1s linear infinite loading_av;
    background-image: linear-gradient(0deg,#f0d,#07f,red,#f0d,#07f);
    background-size: 100% 400%;
    padding: 1px
}

@keyframes loading_av {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 100%
    }
}

.inline-block {
    display: inline-block!important
}

.lheight15 {
    line-height: 17px!important;
    vertical-align: middle
}

.gift_image {
    cursor: pointer;
    height: 80px;
    width: 80px
}

.sub_gift {
    background: linear-gradient(to top,#77a7ef,#024f63)!important;
    padding: 10px 0;
    box-shadow: 0 0 10px #008eff
}

.quiz_question {
    background: #03add8;
    color: #012832
}

.quiz_bad {
    background: #c00;
    color: orange
}

.quiz_good {
    background: #74b20e;
    color: #030
}

.quiz_hint {
    background: #ac00e6;
    color: #39004d
}

.quiz_text {
    border-radius: 3px;
    padding: 2px 10px;
    margin-top: 5px;
    display: inline-block
}

.ranking_lm,.score_lm {
    display: table-cell;
    vertical-align: middle;
    width: 30px
}

.quiz_text .my_notice {
    background: 0 0!important
}

.score_lm {
    text-align: right;
    padding: 0 5px
}

.ranking_lm {
    text-align: center
}

.quiz_leaderbox {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto
}

.friends-container {
    display: flex;
    flex-direction: column;
    color: #fff
}

.friend {
    display: flex;
    align-items: center;
    background-color: #ededed;
    padding: 10px;
    margin: 5px 0;
    border-radius: 8px;
    transition: background-color .3s
}

.friend:hover {
    background-color: #f6f6f6
}

.profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px
}

.friend-info {
    flex-grow: 1
}

.friend-info h4 {
    margin: 0;
    font-size: 14px;
    color: #222
}

.friend-info p {
    margin: 5px 0 0;
    color: #a3a3a3;
    font-size: 11px
}

.friend-actions {
    margin-left: auto
}

.friend-actions button {
    background-color: #3a3b3c;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px
}

.friend-actions button:hover {
    background-color: #4e4f50
}

.friend-actions .fa {
    color: #222;
    font-size: 24px
}

.user_item_sex {
    width: 24px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 20px
}

.girl {
    border-color: #f9f;
    color: #f9f
}

.boy {
    border-color: #03add8;
    color: #03add8
}

.nosex {
    color: #a1a1a1;
    border-color: #a1a1a1
}

.over3 {
    z-index: 1;
    left: -4px
}

.sub_gift {
    background: linear-gradient(to top,#77a7ef,#024f63)!important;
    padding: 10px 0;
    border-radius: 5px;
    box-shadow: 0 0 10px #008eff
}

.sub_gift .chat_message {
    color: #fff!important
}

.room_icon_placeholder {
    width: 20px;
    height: 20px;
    margin: 9px 10px;
    box-sizing: border-box
}

.placeholder {
    background-color: #eee;
    animation: placeholder ease-in-out .8s infinite
}

.w100 {
    width: 100%
}

.pl30 {
    padding-left: 30px
}

@keyframes placeholder {
    0% {
        background-color: #eee
    }

    50% {
        background-color: #ccc
    }

    100% {
        background-color: #eee
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 100%
    }
}

.code-editor-container {
    display: flex;
    flex-direction: row-reverse;
    height: 300px
}

.line-counter {
    flex: 0 0 auto;
    padding: 10px;
    background-color: #1e1e1e;
    color: #ccc;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    border-left: 1px solid #ccc
}

.textarea-container {
    flex: 1 1 auto;
    direction: ltr
}

#code-editor {
    font-family: El Messiri;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    border: none;
    border-radius: 0;
    background-color: #1e1e1e;
    color: #fff;
    width: 100%;
    height: 100%;
    resize: none;
    direction: ltr;
    text-align: left
}

.backup-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    padding: 20px 10px;
    overflow: hidden;
    border: 1px solid #ddd
}

.backup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

.backup-date {
    font-size: 14px;
    color: #333;
    white-space: nowrap
}

.btn {
    padding: 10px 20px;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .3s
}

.btn-primary {
    background-color: #007bff;
    color: #fff
}

.btn-primary:hover {
    background-color: #0056b3
}

.no-backup {
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
    color: #333;
    margin-top: 15px
}

/**/
/*  {
    content:" ";
    position:absolute;
    right:-19px;
    top:10px;
    color:#fff;
    width:0;
    height:0;
    border:10px solid #fff;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent
} */
.my_text::before {
    content: " ";
    position: absolute;
    right: -19px;
    top: 0px;
    color: #fff;
    width: 0;
    height: 0;
    border: 10px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.my_text {
    position: relative;
    padding: 1px 8px 5px 2px !important;
    border-radius: 0 0 12px 12px;
    min-width: 200px;
}
.cdate {
    font-family: 'Tajawal',sans-serif;
    font-size: 9px;
}
/* الواان السهم */

.my_text.chatbox-red::before {
    border-left-color:#f7cfcf
}
.my_text.chatbox-green::before {
    border-left-color:#dff0c7
}
.my_text.chatbox-blue::before {
    border-left-color:#b9e7f3
}
.my_text.chatbox-purple::before {
    border-left-color:#e6d4f5
}
.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.my_text.chatbox-pink::before {
    border-left-color:#fbcde8
}


/* الوان الاسم */

:root {
    --shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.chatbox-pink .username {
    color: #76002D;
    text-shadow: var(--shadow);
}

.chatbox-orange .username {
    color: #7A4100;
    text-shadow: var(--shadow);
}

.chatbox-blue .username {
    color: #004466;
    text-shadow: var(--shadow);
}

.chatbox-red .username {
    color: #660000;
    text-shadow: var(--shadow);
}

.chatbox-green .username {
    color: #2D6600;
    text-shadow: var(--shadow);
}

.chatbox-purple .username {
    color: #5A2585;
    text-shadow: var(--shadow);
}


/* الوان تاريخ */

.chatbox-red .cdate {
    color: #880000;
    font-size: 10px;
}

.chatbox-blue .cdate {
    color: #00546e;
    font-size: 10px;
}

.chatbox-green .cdate {
    color: #2d4600;
    font-size: 10px;
}

.chatbox-purple .cdate {
    color: #7826a5;
    font-size: 10px;
}

.chatbox-orange .cdate {
    color: #804000;
    font-size: 10px;
}

.chatbox-pink .cdate {
    color: #901085;
    font-size: 10px;
}

/* ألوان الصناديق */
:root {
    --padding: 15px;
    --border-radius: 10px;
    --border-color: rgba(0, 0, 0, 0.2);
    --shadow-default: 2px 2px 6px rgba(0, 0, 0, 0.08);
    --shadow-hover: 4px 4px 10px rgba(0, 0, 0, 0.15);
    --scale-hover: 1.04;
}

/* تصميم الصندوق */
.chatbox {
    padding: var(--padding);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-default);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.chatbox:hover {
    transform: scale(var(--scale-hover));
    box-shadow: var(--shadow-hover);
}

/* ألوان الصناديق باستخدام متغيرات */
.chatbox-red { background-color: #f7cfcf; border-left: 4px solid #d87b7b; }
.chatbox-green { background-color: #dff0c7; border-left: 4px solid #93b36b; }
.chatbox-blue { background-color: #b9e7f3; border-left: 4px solid #5ba1bd; }
.chatbox-purple { background-color: #e6d4f5; border-left: 4px solid #9e7bb8; }
.chatbox-orange { background-color: #f3e6d4; border-left: 4px solid #b9976b; }
.chatbox-pink { background-color: #fbcde8; border-left: 4px solid #d874a2; }


/* اكواد خاصه */

.chatbox-black2 .username {
    color:#ff0000;
    border-bottom: 2px dotted red;
  border-left: 2px dotted red;
  border-radius: 20px 0px 0px 20px;
  padding: 0px 0px 0px 3px;
}

.chatbox-black2 {
     background: linear-gradient(to left, #ece9ff, #D4B0FF);
     border-left: 5px solid #ff0000;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.chatbox-black2-text-border {
    border:1px solid;
    border-color:#ff0000;
    box-shadow: 0px 0px 1px #ff0000, 0px 0px 4px #ff0000, 0px 0px 5px #ff0000;
}

.my_text.chatbox-black2::before {
    border-left-color:#ece9ff
}

.chatbox-black2 .cdate {
    color: #000000;
    font-size: 10px;
}

.chatbox-black .username {
    color:#000000
}
.my_text.chatbox-black::before {
    border-left-color:#ece9ff
}
.chatbox-black .cdate {
    color: #000000;
    font-size: 10px;
}
.chatbox-black {
     background: linear-gradient(to left, #ece9ff, #fff);
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
     border-left: 5px solid #000;
}
.chatbox-black-text {
    color:#ffffef
}
.chatbox-black-text-border {
    border:1px solid;
    border-color:#000;
    box-shadow: 0px 0px 1px #000000, 0px 0px 4px #000000, 0px 0px 5px #000000;
}


/* الوان كتابه */

.chatbox-red-text {
    color: #880000;
}

.chatbox-green-text {
    color: #2d4600;
}

.chatbox-blue-text {
    color: #00546e;
}

.chatbox-purple-text {
    color: #7826a5;
}

.chatbox-orange-text {
    color: #804000;
}

.chatbox-pink-text {
    color: #901085;
}


.chat_message {

    font-weight: bold;
}

body {
  user-select: none;
}
    
.video-container {
  position: relative;
  padding-bottom: 70%;
  height: 0;
    
}

.video-container video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	
	
.video-js{
  position: absolute !important;
  height: 100%;
  width: 100%;
}


#chat_right_data::-webkit-scrollbar{display:none}#chat_right_data{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:.21em}::-webkit-scrollbar-thumb{background:#a4a4a4}*{scrollbar-width:thin}
	
.user-box {
  position: relative;
    
}

/* تعريف متغيرات للألوان والخصائص لتعزيز المرونة */
:root {
  --primary-color: #000000;
  --secondary-color: #545454;
  --border-color: #fff;
  --focus-color: #000;
  --label-color-hover: #222;
  --bg-transparent: transparent;
  --shadow-light: rgba(0, 0, 0, 0.2);
}

/* تحسين تصميم حقول الإدخال */
.user-box input {
  width: 100%;
  padding: 8px 0; /* تقليل الحشو لجعل العنصر أكثر كفاءة */
  font-size: 15px; /* تحسين حجم النص ليكون متناسبًا */
  color: var(--primary-color);
  margin-bottom: 20px; /* تقليل التباعد بين العناصر */
  border: none;
  border-bottom: 1px solid var(--border-color);
  outline: none;
  background: var(--bg-transparent);
  transition: all 0.3s ease-out; /* تحسين استجابة الإدخال */
}

/* تحسين ظهور النص */
.user-box label {
  position: absolute;
  top: 0;
  left: 78%;
  padding: 4px 0;
  font-size: 14px;
  color: var(--secondary-color);
  pointer-events: none;
  transition: 0.2s ease-out;
}

/* تحسين التفاعل عند التركيز */
.user-box input:focus ~ label,
.user-box input:valid ~ label {
  top: -12px;
  left: 79%;
  color: var(--focus-color);
  font-size: 12px;
}

/* تحسين التأثيرات عند التفاعل */
.user-box input:focus {
  border-bottom: 1px solid var(--focus-color);
  box-shadow: 0px 2px 6px var(--shadow-light);
}

.user-box label:hover {
  color: var(--label-color-hover);
}



/* تحسين الهوامش والمسافات */
.k2_18 {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 15px;
}

/* تحسين الأبعاد والصور الرمزية */
.k2_11 {
    width: 25px;
    height: 25px;
    padding-top: 3px;
}

/* جعل العناصر دائرية وإضافة تأثير ظل ناعم */
.k2_2 {
    border-radius: 50px;
    border: 1px solid #000000 !important;
    transition: border-color 0.3s ease-in-out;
}

.disr {
    border-radius: 50px;
    border: 0px solid #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
}

/* تحسين الخلفية */
.k2_3 {
    background: #fff;
}

/* تحسين النصوص */
.k2_4 {
    margin-right: -1%;
    margin-top: 10%;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

/* تحسين حواف العناصر */
.k2_5 {
    padding: 25%;
}

.k2_6 {
    margin-top: -15%;
    margin-right: 88%;
}

/* جعل العناصر ثابتة عند التمرير */
.k2_60ak {
    position: sticky;
    margin-top: -15%;
    margin-right: 88%;
}

/* تحسين الهوامش الداخلية */
.ketoXx {
    padding-left: 5%;
}

.k2_12 {
    border-radius: 50px;
}

/* تحسين حجم النصوص */
.k2_13 {
    font-size: 40px;
    position: absolute;
    margin-top: -85px;
    margin-right: 60px;
    transition: transform 0.3s ease-in-out;
}

.k2_13:hover {
    transform: scale(1.05);
}

/* تحسين الصور */
.k2_14 {
    width: 90px;
    height: 90px;
    margin-top: 15px;
    margin-left: -25px;
    border-radius: 10px;
}

/* تحسين التباعد الداخلي */
.ketoXxX {
    padding-top: 3%;
    padding-right: 35%;
}

/* تحسين الهوامش الخارجية */
.k2_19 {
    margin-right: 6%;
    margin-left: 6%;
}

/* تنسيق صندوق إدخال البيانات */
.k2user-box {
    position: relative;
}

/* تحسين حقول الإدخال */
.k2user-box input {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    background: transparent;
    transition: border-bottom 0.3s ease-in-out;
}

.k2user-box input:focus {
    border-bottom: 1px solid #000;
}

/* تحسين تنسيق الملصقات */
.k2user-box label {
    position: absolute;
    top: -1px;
    left: 90%;
    padding: 5px 0;
    font-size: 15px;
    color: #545454;
    pointer-events: none;
    transition: .2s;
}

/* تأثير عند الكتابة */
.k2user-box input:focus ~ label,
.k2user-box input:valid ~ label {
    top: -14px;
    left: 91%;
    color: #000;
    font-size: 13px;
}

/* تحسين تنظيم العناصر */
.K2_AaA {
    display: flex;
    justify-content: space-between;
    width: 95%;
}
/* your custom style here */
.my_text::before {
    content:" ";
    position:absolute;
    right:-19px;
    top:12px;
    color:#fff;
    width:0;
    height:0;
    border:10px solid #000;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent
}
/*color_app_text*/

.my_text.chatbox-app::before {
    border-left-color:#30d5c8
}
.my_text.chatbox-Turquoise::before {
    border-left-color:#30d5c8
}
.my_text.chatbox-pink0blue::before {
    border-left-color:#ef32d9
}
.my_text.chatbox-gold::before {
    border-left-color:#FDD017
}
.my_text.chatbox-red::before {
    border-left-color:#f3d5d5
}
.my_text.chatbox-red::before {
    border-left-color:#f3d5d5
}
.my_text.chatbox-green::before {
    border-left-color:#e9f4d4
}
.my_text.chatbox-blue::before {
    border-left-color:#d5eef5
}
.my_text.chatbox-purple::before {
    border-left-color:#e9dcee
}
.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.my_text.chatbox-black::before {
    border-left-color:#ece9ff
}
.my_text.chatbox-pink::before {
    border-left-color:#fad5f6
}

.my_text.chatbox-black2::before {
    border-left-color:#ece9ff
}
}
.my_text.chatbox-cyan::before {
    border-left-color: #00FFFF; /* Cyan */
}
.my_text.chatbox-teal::before {
    border-left-color: #008080; /* Teal */
}
.my_text.chatbox-navy::before {
    border-left-color: #000080; /* Navy */
}
.my_text.chatbox-lime::before {
    border-left-color: #00FF00; /* Lime */
}

.chatbox-black .username {
    color:#666666
}
/*
.chatbox-black2 .cdate {
    color:#ff0000
}*/

.chatbox-black2 .username {
    color:#ff0000;
    border-bottom: 2px dotted red;
  border-left: 2px dotted red;
  border-radius: 20px 0px 0px 20px;
  padding: 0px 0px 0px 3px;
} 

.chatbox-black .cdate {
    color:#666666
}

.chatbox-pink .username {
    color:#575757
}
.chatbox-pink .cdate {
    color:#575757
}
/*color_app_user*/
/**/

.chatbox-app {
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    /*background-size: 400% 400%;*/
    animation: gradient 1s ease infinite
}
.chatbox-Turquoise {
    background: rgb(48,213,200)
}
.chatbox-pink0blue {
    background:linear-gradient(to left, #ef32d9, #89fffd)
}
.chatbox-gold {
    background:linear-gradient(to left, #FDD017, #827B60)
}
.chatbox-bblack {
    background-color:#000000
}
.chatbox-red {
    background-color:#f3d5d5
}
.chatbox-green {
    background-color:#e9f4d4
}
.chatbox-blue {
    background-color:#d5eef5
}
.chatbox-purple {
    background-color:#e9dcee
}
.chatbox-orange {
    background-color:#f3e6d4
}
}
.chatbox-cyan {
    background-color: #00FFFF; /* Cyan */
}
.chatbox-teal {
    background-color: #008080; /* Teal */
}
.chatbox-navy {
    background-color: #000080; /* Navy */
}
.chatbox-lime {
    background-color: #00FF00; /* Lime */
}
.chatbox-black {
     background: linear-gradient(to left, #ece9ff, #fff);
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
     border-left: 5px solid #000;
}

.chatbox-black2 {
     background: linear-gradient(to left, #ece9ff, #D4B0FF);
     border-left: 5px solid #ff0000;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.chatbox-pink {
    background-color:#fad5f6
}
/**/

.chatbox-app-text {
color:#30d5c8
    
}
.chatbox-Turquoise-text {
color:#30d5c8
    
}
.chatbox-pink0blue-text {
color:#ef32d9
    
}
.chatbox-gold-text {
color:#cc0001
    
}
.chatbox-bblack-text {
    color:#000000
}
.chatbox-red-text {
    color:#cc0001
}
.chatbox-green-text {
    color:#3d5c00
}
.chatbox-blue-text {
    color:#01698c
}
.chatbox-purple-text {
    color:#9a33cc
}
.chatbox-orange-text {
    color:#9f5401
}
.chatbox-black-text {
    color:#ffffef
}
.chatbox-pink-text {
    color:#ab12a6
}
}
.chatbox-cyan-text {
    color: #00FFFF; /* Cyan */
}
.chatbox-teal-text {
    color: #008080; /* Teal */
}
.chatbox-navy-text {
    color: #000080; /* Navy */
}
.chatbox-lime-text {
    color: #00FF00; /* Lime */
}
.chat_message {

    font-weight: bold;
}
.chatbox-red-text-border {
    border:1px solid;
    border-color:#cc0001
}
/**/
.chatbox-app-text-border {
    border:1px solid;
    border-color:#30d5c8
}
.chatbox-bblack-text-border {
    border:1px solid;
    border-color:#000000
}
.chatbox-Turquoise-text-border {
    border:1px solid;
    border-color:#30d5c8
}
.chatbox-pink0blue-text-border {
    border:1px solid;
    border-color:#ef32d9
}
.chatbox-gold-text-border {
    border:1px solid;
    border-color:#cc0001
}
.chatbox-green-text-border {
    border:1px solid;
    border-color:#3d5c00
}
.chatbox-blue-text-border {
    border:1px solid;
    border-color:#01698c
}
.chatbox-purple-text-border {
    border:1px solid;
    border-color:#9a33cc
}
.chatbox-orange-text-border {
    border:1px solid;
    border-color:#9f5401
}
.chatbox-black-text-border {
    border:1px solid;
    border-color:#000;
    box-shadow: 0px 0px 1px #000000, 0px 0px 4px #000000, 0px 0px 5px #000000;
}

.chatbox-pink-text-border {
    border:1px solid;
    border-color:#e600ff
}

.chatbox-black2-text-border {
    border:1px solid;
    border-color:#ff0000;
    box-shadow: 0px 0px 1px #ff0000, 0px 0px 4px #ff0000, 0px 0px 5px #ff0000;
}



body {
  user-select: none;
}
    
.video-container {
  position: relative;
  padding-bottom: 70%;
  height: 0;
    
}

.video-container video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	
	
.video-js{
  position: absolute !important;
  height: 100%;
  width: 100%;
}


#chat_right_data::-webkit-scrollbar{display:none}#chat_right_data{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:.21em}::-webkit-scrollbar-thumb{background:#a4a4a4}*{scrollbar-width:thin}
	
.user-box {
  position: relative;
    
}

.user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
    
    
}
.user-box label {
  position: absolute;
  top:-1px;
  left: 80%;
  padding: 5px 0;
  font-size: 15px;
  color: #545454;
  pointer-events: none;
  transition: .2s;
 
    
    
}

.user-box input:focus ~ label,
.user-box input:valid ~ label {
  top: -14px;
  left: 81%;
  color: #000000;
  font-size: 13px;
 
    
}

.k2_18 {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 15px;
}

.k2_11{width: 25px; height: 25px; padding-top:3px;}
.k2_2{border-radius: 50px; border:1px solid #000000!important; }
.disr {border-radius: 50px; border:0px solid #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);}
.k2_3{background:#fff}
.k2_4{ margin-right:-1%; margin-top:10%; color:#000000; font-size:15px;}
.k2_5{padding:25%;}
.k2_6{ margin-top:-15%; margin-right:88%;}
.k2_60ak{ position:sticky; margin-top:-15%; margin-right:88%;}
.ketoXx{padding-left:5%;}

.k2_12{border-radius: 50px;}
.k2_13{font-size:40px; position: absolute; margin-top:-85px;  margin-right:60px;}
.k2_14{width: 90px; height: 90px; margin-top:15px; margin-left:-25px;}
.ketoXxX{padding-top:3%; padding-right:35%;}


.k2_19{margin-right: 6%; margin-left: 6%; }

.k2user-box {
  position: relative;
    
}

.k2user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
    
    
}
.k2user-box label {
  position: absolute;
  top:-1px;
  left: 90%;
  padding: 5px 0;
  font-size: 15px;
  color: #545454;
  pointer-events: none;
  transition: .2s;
 
    
    
}

.k2user-box input:focus ~ label,
.k2user-box input:valid ~ label {
  top: -14px;
  left: 91%;
  color: #000000;
  font-size: 13px;
    
}

.K2_AaA { display:table; table-layout:fixed; width:95%; }
/**/
.my_text.chatbox-lavender::before {
    border-left-color:#e6e6fa
}

.my_text.chatbox-black1::before {
    border-left-color:#000000
}
.my_text.chatbox-Seashell::before {
    border-left-color:#f0f0f0
}
.my_text.chatbox-maroon::before {
    border-left-color:#800000
}
.my_text.chatbox-gray::before {
    border-left-color:#808080
}
.my_text.chatbox-mediumseagreen::before {
    border-left-color:#3cb371
}
.my_text.chatbox-Cerulea::before {
    border-left-color:#a0ed98
} 
.my_text.chatbox-RedRibbon::before {
    border-left-color:#f11b4b
}
.my_text.chatbox-dar::before {
    border-left-color:#00008b
}
.my_text.chatbox-Woody::before {
    border-left-color:#ffb70b
}
.my_text.chatbox-Thunder::before {
    border-left-color:#a0335a
}
.my_text.chatbox-Portage::before {
    border-left-color:#9298de
}
.my_text.chatbox-Ribbon::before {
    border-left-color:#778ee0
}
.my_text.chatbox-Melon::before {
   border-left-color:#fabfb3
}
.my_text.chatbox-Salmon::before {
    border-left-color:#6b3a6d
}
.my_text.chatbox-res: :before {
border-left-color :#6093ea
}
.my_text.chatbox-flower: :before {
border-left-color :#f78fa7
}
.my_text.chatbox-Tan: :before {
border-left-color :#e36593
}
.my_text.chatbox-Gray98: :before {
border-left-color :#fafafa
}
.my_text.chatbox-Opal: :before {
border-left-color :#22aade8
}



/**/
.chatbox-lavender {
    background-color:#e6e6fa
}
.chatbox-black1 {
    background-color:#000000
}
.chatbox-Seashell {
    background-image: linear-gradient(25deg, #516aeb, #9394ee, #c4c1f0, #f0f0f0);
}
.chatbox-maroon{
     background-color:#800000
}
.chatbox-gray {
     background-color:#808080
}
.chatbox-mediumseagreen {
      background-color:#3cb371
}
.chatbox-Cerulean {
     background-image: linear-gradient(25deg, #304cb4, #697fae, #89b5a5, #a0ed98);
}
.chatbox-RedRibbon {
      background-image: linear-gradient(25deg, #1b1140, #651845, #aa1c49, #f11b4b);
}    

.chatbox-dar {
     background-color:#00008b
}
.chatbox-Woody {
     background-image: linear-gradient(243deg, #483235, #825b35, #bf872c, #ffb70b);
}
.chatbox-Thunder {
    background-image: linear-gradient(25deg, #3f2934, #5e2e40, #7f324d, #a0335a);
}
.chatbox-Portage {
     background-image: linear-gradient(25deg, #5e4628, #756061, #877b9e, #9298de);
}
.chatbox-Ribbon {
     background-image: linear-gradient(25deg, #2750e8, #3a6bca, #3582ad, #0c998e);
}
 .chatbox-Melon {
     background-image: linear-gradient(119deg, #d43f32, #e56e5b, #f19786, #fabfb3);
} 
.chatbox-Salmon {
    background-image: linear-gradient(330deg, #2d1d5b, #6b3a6d, #a75b7e, #e37f8f);
}
.chatbox-res {
    background:linear-gradient(135deg, #f02fc2 0%,#6094ea 100%);
}
.chatbox-flower {
    background-color :#f78fa7
}
.chatbox-Tan {
    background-image: linear-gradient(25deg, #e42096, #e36593, #e0908e, #d9b589)
    
}  
.chatbox-Gray98{
     background-color:#fafafa
}
.chatbox-Opal{
     background-image: linear-gradient(25deg, #3071e8, #3485e8, #3299e8, #2aade8);
}    

/**/

 .chatbox-black1-text {
    color:#ffffef
}
 .chatbox-Seashell-text {
    color:#ab12a6
}    
  .chatbox-lavender-text {
     color:#ffffff
}
 .chatbox-maroon-text {
     color: #ffffef
}
 .chatbox-gray-text {
     color:#ffffef
} 
 .chatbox-mediumseagreen-text {
    color:#ffffff
 
}
 .chatbox-Cerulean-text {
      color:#ffffef 
}
 .chatbox-RedRibbon-text {
     color: #ffffef 
 }     
.chatbox-dar-text {
    color:#ffffef 
}
 .chatbox-Woody-text {
   color:#ffffef 
} 
 .chatbox-Thunder-text {
  color:#ffffef 
}
  .chatbox-Portage-text {
      color:#ffffef 
 }
  .chatbox-Ribbon-text {
     color:#ffffef 
}
.chatbox-Melon-text {
    color:#ffffff
}
.chatbox-Salmon-text {
   color:#ffffef
}
.chatbox-res-text {
   color:#ffffff
}
.chatbox-flower-text {
    color:#ffffff
}
.chatbox-Tan-text {
    color:#e36593
} 
 .chatbox-Gray98-text {
   color:#000000
 }
  .chatbox-Opal-text {
   color:#ffffff
  }  
/*--------------------------DEV MOGREM------------------------------*/

/* MOGREM */

.chatbox-bcolor1 {
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    /*background-size: 400% 400%;*/
    animation: gradient 1s ease infinite
}
.chatbox-bcolor2 {
    background: rgb(48,213,200)
}
.chatbox-bcolor3 {
    background:linear-gradient(to left, #ef32d9, #89fffd)
}
.chatbox-bcolor4 {
    background:linear-gradient(to left, #FDD017, #827B60)
}
.chatbox-bcolor5 {
    background-color:#000000
}
.chatbox-bcolor6 {
    background-color:#f3d5d5
}
.chatbox-bcolor7 {
    background-color:#e9f4d4
}
.chatbox-bcolor8 {
    background-color:#d5eef5
}
.chatbox-bcolor9 {
    background-color:#e9dcee
}
.chatbox-bcolor10 {
    background-color:#f3e6d4
}
}
.chatbox-bcolor11 {
    background-color: #00FFFF; /* bcolor11 */
}
.chatbox-bcolor12 {
    background-color: #008080; /* bcolor12 */
}
.chatbox-bcolor13 {
    background-color: #000080; /* bcolor13 */
}
.chatbox-bcolor14 {
    background-color: #00FF00; /* bcolor14 */
}
.chatbox-bcolor15 {
     background: linear-gradient(to left, #ece9ff, #fff);
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
     border-left: 5px solid #000;
}

.chatbox-bcolor16 {
     background: linear-gradient(to left, #ece9ff, #D4B0FF);
     border-left: 5px solid #ff0000;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.chatbox-bcolor17 {
    background-color:#fad5f6
}
.my_text.chatbox-bcolor18::before {
    border-left-color:#e6e6fa
}

.my_text.chatbox-bcolor19::before {
    border-left-color:#000000
}
.my_text.chatbox-bcolor20::before {
    border-left-color:#f0f0f0
}
.my_text.chatbox-bcolor21::before {
    border-left-color:#800000
}
.my_text.chatbox-bcolor22::before {
    border-left-color:#808080
}
.my_text.chatbox-bcolor23::before {
    border-left-color:#3cb371
}
.my_text.chatbox-bcolor24::before {
    border-left-color:#a0ed98
} 
.my_text.chatbox-bcolor25::before {
    border-left-color:#f11b4b
}
.my_text.chatbox-bcolor26::before {
    border-left-color:#00008b
}
.my_text.chatbox-bcolor27::before {
    border-left-color:#ffb70b
}
.my_text.chatbox-bcolor28::before {
    border-left-color:#a0335a
}
.my_text.chatbox-bcolor29::before {
    border-left-color:#9298de
}
.my_text.chatbox-bcolor30::before {
    border-left-color:#778ee0
}
.my_text.chatbox-bcolor31::before {
   border-left-color:#fabfb3
}
.my_text.chatbox-bcolor32::before {
    border-left-color:#6b3a6d
}
.my_text.chatbox-bcolor33: :before {
border-left-color :#6093ea
}
.my_text.chatbox-bcolor34: :before {
border-left-color :#f78fa7
}
.my_text.chatbox-bcolor35: :before {
border-left-color :#e36593
}
.my_text.chatbox-bcolor36: :before {
border-left-color :#fafafa
}
.my_text.chatbox-bcolor37: :before {
border-left-color :#22aade8
}



/**/
.chatbox-bcolor18 {
    background-color:#e6e6fa
}
.chatbox-bcolor19 {
    background-color:#000000
}
.chatbox-bcolor20 {
    background-image: linear-gradient(25deg, #516aeb, #9394ee, #c4c1f0, #f0f0f0);
}
.chatbox-bcolor21{
     background-color:#800000
}
.chatbox-bcolor22 {
     background-color:#808080
}
.chatbox-bcolor23 {
      background-color:#3cb371
}
.chatbox-bcolor24 {
     background-image: linear-gradient(25deg, #304cb4, #697fae, #89b5a5, #a0ed98);
}
.chatbox-bcolor25 {
      background-image: linear-gradient(25deg, #1b1140, #651845, #aa1c49, #f11b4b);
}    

.chatbox-bcolor26 {
     background-color:#00008b
}
.chatbox-bcolor27 {
     background-image: linear-gradient(243deg, #483235, #825b35, #bf872c, #ffb70b);
}
.chatbox-bcolor28 {
    background-image: linear-gradient(25deg, #3f2934, #5e2e40, #7f324d, #a0335a);
}
.chatbox-bcolor29 {
     background-image: linear-gradient(25deg, #5e4628, #756061, #877b9e, #9298de);
}
.chatbox-bcolor30 {
     background-image: linear-gradient(25deg, #2750e8, #3a6bca, #3582ad, #0c998e);
}
 .chatbox-bcolor31 {
     background-image: linear-gradient(119deg, #d43f32, #e56e5b, #f19786, #fabfb3);
} 
.chatbox-bcolor32 {
    background-image: linear-gradient(330deg, #2d1d5b, #6b3a6d, #a75b7e, #e37f8f);
}
.chatbox-bcolor33 {
    background:linear-gradient(135deg, #f02fc2 0%,#6094ea 100%);
}
.chatbox-bcolor34 {
    background-color :#f78fa7
}
.chatbox-bcolor35 {
    background-image: linear-gradient(25deg, #e42096, #e36593, #e0908e, #d9b589)
    
}  
.chatbox-bcolor36{
     background-color:#fafafa
}
.chatbox-bcolor37{
     background-image: linear-gradient(25deg, #3071e8, #3485e8, #3299e8, #2aade8);
}    

/* MOGREM #2 */

/* MOGREM */

.chatbox-bneon1 {
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    /*background-size: 400% 400%;*/
    animation: gradient 1s ease infinite
}
.chatbox-bneon2 {
    background: rgb(48,213,200)
}
.chatbox-bneon3 {
    background:linear-gradient(to left, #ef32d9, #89fffd)
}
.chatbox-bneon4 {
    background:linear-gradient(to left, #FDD017, #827B60)
}
.chatbox-bneon5 {
    background-color:#000000
}
.chatbox-bneon6 {
    background-color:#f3d5d5
}
.chatbox-bneon7 {
    background-color:#e9f4d4
}
.chatbox-bneon8 {
    background-color:#d5eef5
}
.chatbox-bneon9 {
    background-color:#e9dcee
}
.chatbox-bneon10 {
    background-color:#f3e6d4
}
}
.chatbox-bneon11 {
    background-color: #00FFFF; /* bneon11 */
}
.chatbox-bneon12 {
    background-color: #008080; /* bneon12 */
}
.chatbox-bneon13 {
    background-color: #000080; /* bneon13 */
}
.chatbox-bneon14 {
    background-color: #00FF00; /* bneon14 */
}
.chatbox-bneon15 {
     background: linear-gradient(to left, #ece9ff, #fff);
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
     border-left: 5px solid #000;
}

.chatbox-bneon16 {
     background: linear-gradient(to left, #ece9ff, #D4B0FF);
     border-left: 5px solid #ff0000;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.chatbox-bneon17 {
    background-color:#fad5f6
}
.my_text.chatbox-bneon18::before {
    border-left-color:#e6e6fa
}

.my_text.chatbox-bneon19::before {
    border-left-color:#000000
}
.my_text.chatbox-bneon20::before {
    border-left-color:#f0f0f0
}
.my_text.chatbox-bneon21::before {
    border-left-color:#800000
}
.my_text.chatbox-bneon22::before {
    border-left-color:#808080
}
.my_text.chatbox-bneon23::before {
    border-left-color:#3cb371
}
.my_text.chatbox-bneon24::before {
    border-left-color:#a0ed98
} 
.my_text.chatbox-bneon25::before {
    border-left-color:#f11b4b
}
.my_text.chatbox-bneon26::before {
    border-left-color:#00008b
}
.my_text.chatbox-bneon27::before {
    border-left-color:#ffb70b
}
.my_text.chatbox-bneon28::before {
    border-left-color:#a0335a
}
.my_text.chatbox-bneon29::before {
    border-left-color:#9298de
}
.my_text.chatbox-bneon30::before {
    border-left-color:#778ee0
}
.my_text.chatbox-bneon31::before {
   border-left-color:#fabfb3
}
.my_text.chatbox-bneon32::before {
    border-left-color:#6b3a6d
}
.my_text.chatbox-bneon33: :before {
border-left-color :#6093ea
}
.my_text.chatbox-bneon34: :before {
border-left-color :#f78fa7
}
.my_text.chatbox-bneon35: :before {
border-left-color :#e36593
}
.my_text.chatbox-bneon36: :before {
border-left-color :#fafafa
}
.my_text.chatbox-bneon37: :before {
border-left-color :#22aade8
}



/**/
.chatbox-bneon18 {
    background-color:#e6e6fa
}
.chatbox-bneon19 {
    background-color:#000000
}
.chatbox-bneon20 {
    background-image: linear-gradient(25deg, #516aeb, #9394ee, #c4c1f0, #f0f0f0);
}
.chatbox-bneon21{
     background-color:#800000
}
.chatbox-bneon22 {
     background-color:#808080
}
.chatbox-bneon23 {
      background-color:#3cb371
}
.chatbox-bneon24 {
     background-image: linear-gradient(25deg, #304cb4, #697fae, #89b5a5, #a0ed98);
}
.chatbox-bneon25 {
      background-image: linear-gradient(25deg, #1b1140, #651845, #aa1c49, #f11b4b);
}    

.chatbox-bneon26 {
     background-color:#00008b
}
.chatbox-bneon27 {
     background-image: linear-gradient(243deg, #483235, #825b35, #bf872c, #ffb70b);
}
.chatbox-bneon28 {
    background-image: linear-gradient(25deg, #3f2934, #5e2e40, #7f324d, #a0335a);
}
.chatbox-bneon29 {
     background-image: linear-gradient(25deg, #5e4628, #756061, #877b9e, #9298de);
}
.chatbox-bneon30 {
     background-image: linear-gradient(25deg, #2750e8, #3a6bca, #3582ad, #0c998e);
}
 .chatbox-bneon31 {
     background-image: linear-gradient(119deg, #d43f32, #e56e5b, #f19786, #fabfb3);
} 
.chatbox-bneon32 {
    background-image: linear-gradient(330deg, #2d1d5b, #6b3a6d, #a75b7e, #e37f8f);
}
.chatbox-bneon33 {
    background:linear-gradient(135deg, #f02fc2 0%,#6094ea 100%);
}
.chatbox-bneon34 {
    background-color :#f78fa7
}
.chatbox-bneon35 {
    background-image: linear-gradient(25deg, #e42096, #e36593, #e0908e, #d9b589)
    
}  
.chatbox-bneon36{
     background-color:#fafafa
}
.chatbox-bneon37{
     background-image: linear-gradient(25deg, #3071e8, #3485e8, #3299e8, #2aade8);
}    

/* MOGREM #3*/

/* MOGREM */

.chatbox-bgrad1 {
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    /*background-size: 400% 400%;*/
    animation: gradient 1s ease infinite
}
.chatbox-bgrad2 {
    background: rgb(48,213,200)
}
.chatbox-bgrad3 {
    background:linear-gradient(to left, #ef32d9, #89fffd)
}
.chatbox-bgrad4 {
    background:linear-gradient(to left, #FDD017, #827B60)
}
.chatbox-bgrad5 {
    background-color:#000000
}
.chatbox-bgrad6 {
    background-color:#f3d5d5
}
.chatbox-bgrad7 {
    background-color:#e9f4d4
}
.chatbox-bgrad8 {
    background-color:#d5eef5
}
.chatbox-bgrad9 {
    background-color:#e9dcee
}
.chatbox-bgrad10 {
    background-color:#f3e6d4
}
}
.chatbox-bgrad11 {
    background-color: #00FFFF; /* bgrad11 */
}
.chatbox-bgrad12 {
    background-color: #008080; /* bgrad12 */
}
.chatbox-bgrad13 {
    background-color: #000080; /* bgrad13 */
}
.chatbox-bgrad14 {
    background-color: #00FF00; /* bgrad14 */
}
.chatbox-bgrad15 {
     background: linear-gradient(to left, #ece9ff, #fff);
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
     border-left: 5px solid #000;
}

.chatbox-bgrad16 {
     background: linear-gradient(to left, #ece9ff, #D4B0FF);
     border-left: 5px solid #ff0000;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.chatbox-bgrad17 {
    background-color:#fad5f6
}
.my_text.chatbox-bgrad18::before {
    border-left-color:#e6e6fa
}

.my_text.chatbox-bgrad19::before {
    border-left-color:#000000
}
.my_text.chatbox-bgrad20::before {
    border-left-color:#f0f0f0
}
.my_text.chatbox-bgrad21::before {
    border-left-color:#800000
}
.my_text.chatbox-bgrad22::before {
    border-left-color:#808080
}
.my_text.chatbox-bgrad23::before {
    border-left-color:#3cb371
}
.my_text.chatbox-bgrad24::before {
    border-left-color:#a0ed98
} 
.my_text.chatbox-bgrad25::before {
    border-left-color:#f11b4b
}
.my_text.chatbox-bgrad26::before {
    border-left-color:#00008b
}
.my_text.chatbox-bgrad27::before {
    border-left-color:#ffb70b
}
.my_text.chatbox-bgrad28::before {
    border-left-color:#a0335a
}
.my_text.chatbox-bgrad29::before {
    border-left-color:#9298de
}
.my_text.chatbox-bgrad30::before {
    border-left-color:#778ee0
}
.my_text.chatbox-bgrad31::before {
   border-left-color:#fabfb3
}
.my_text.chatbox-bgrad32::before {
    border-left-color:#6b3a6d
}
.my_text.chatbox-bgrad33: :before {
border-left-color :#6093ea
}
.my_text.chatbox-bgrad34: :before {
border-left-color :#f78fa7
}
.my_text.chatbox-bgrad35: :before {
border-left-color :#e36593
}
.my_text.chatbox-bgrad36: :before {
border-left-color :#fafafa
}
.my_text.chatbox-bgrad37: :before {
border-left-color :#22aade8
}



/**/
.chatbox-bgrad18 {
    background-color:#e6e6fa
}
.chatbox-bgrad19 {
    background-color:#000000
}
.chatbox-bgrad20 {
    background-image: linear-gradient(25deg, #516aeb, #9394ee, #c4c1f0, #f0f0f0);
}
.chatbox-bgrad21{
     background-color:#800000
}
.chatbox-bgrad22 {
     background-color:#808080
}
.chatbox-bgrad23 {
      background-color:#3cb371
}
.chatbox-bgrad24 {
     background-image: linear-gradient(25deg, #304cb4, #697fae, #89b5a5, #a0ed98);
}
.chatbox-bgrad25 {
      background-image: linear-gradient(25deg, #1b1140, #651845, #aa1c49, #f11b4b);
}    

.chatbox-bgrad26 {
     background-color:#00008b
}
.chatbox-bgrad27 {
     background-image: linear-gradient(243deg, #483235, #825b35, #bf872c, #ffb70b);
}
.chatbox-bgrad28 {
    background-image: linear-gradient(25deg, #3f2934, #5e2e40, #7f324d, #a0335a);
}
.chatbox-bgrad29 {
     background-image: linear-gradient(25deg, #5e4628, #756061, #877b9e, #9298de);
}
.chatbox-bgrad30 {
     background-image: linear-gradient(25deg, #2750e8, #3a6bca, #3582ad, #0c998e);
}
 .chatbox-bgrad31 {
     background-image: linear-gradient(119deg, #d43f32, #e56e5b, #f19786, #fabfb3);
} 
.chatbox-bgrad32 {
    background-image: linear-gradient(330deg, #2d1d5b, #6b3a6d, #a75b7e, #e37f8f);
}
.chatbox-bgrad33 {
    background:linear-gradient(135deg, #f02fc2 0%,#6094ea 100%);
}
.chatbox-bgrad34 {
    background-color :#f78fa7
}
.chatbox-bgrad35 {
    background-image: linear-gradient(25deg, #e42096, #e36593, #e0908e, #d9b589)
    
}  
.chatbox-bgrad36{
     background-color:#fafafa
}
.chatbox-bgrad37{
     background-image: linear-gradient(25deg, #3071e8, #3485e8, #3299e8, #2aade8);
}    

/**/
.my_text.chatbox-custom1::before {
    border-left-color:#BAD8B6
}
.chatbox-custom1{
     background-color:#BAD8B6
}
.my_text.chatbox-custom2::before {
    border-left-color:#F5ECD5
}
.chatbox-custom2{
     background-color:#F5ECD5
}
.my_text.chatbox-custom3::before {
    border-left-color:#FFD65A
}
.chatbox-custom3{
     background-color:#FFD65A
}
.my_text.chatbox-custom4::before {
    border-left-color:#E8E7AB
}
.chatbox-custom4{
     background-color:#E8E7AB
}
.my_text.chatbox-custom5::before {
    border-left-color:#FFF2C2
}
.chatbox-custom5{
     background-color:#FFF2C2
}
.my_text.chatbox-custom6::before {
    border-left-color:#FFCFCF
}
.chatbox-custom6{
     background-color:#FFCFCF
}
.my_text.chatbox-custom7::before {
    border-left-color:#FFF574
}
.chatbox-custom7{
     background-color:#FFF574
}
.my_text.chatbox-custom8::before {
    border-left-color:#CDC1FF
}
.chatbox-custom8{
     background-color:#CDC1FF
}
.my_text.chatbox-custom9::before {
    border-left-color:#A7D477
}
.chatbox-custom9{
     background-color:#A7D477
}
.my_text.chatbox-mloky::before {
    border-left-color:#000
}
.chatbox-mloky {
    background-image: url('https://elements-resized.envatousercontent.com/elements-video-cover-images/files/7d14ccba-2d9b-43df-ba6d-db7a59ffa4ef/inline_image_preview.jpg?w=500&cf_fit=cover&q=85&format=auto&s=7b0952f7f6a5250bfcf4693639e946de57612ce7bc44f641ff857d5081b65647');
    background-size: cover;
    background-position: bottom;
}

.my_text.chatbox-ngm::before {
    border-left-color:#000
}
.chatbox-ngm {
    background-image: url('https://media4.giphy.com/media/2FpmF9VGJ6Q4wZ8BX2/giphy_s.gif?cid=6c09b9524ynilk2cv6t4wwby5034fmopa2q4eoh6vdokxg6z&ep=v1_gifs_search&rid=giphy_s.gif&ct=g');
    background-size: cover;
    background-position: center;
}

.my_text.chatbox-fire::before {
    border-left-color:#000
}
.chatbox-fire {
    background-image: url('https://i.makeagif.com/media/6-04-2024/KoHV6F.gif');
    background-size: cover;
    background-position: bottom;
}
.ulist_label{
    position: relative;
    z-index: 1;
    display: table;
    table-layout: fixed;
    width: 100%;
    font-family: arial;
    font-weight: bold;
    border-radius: 3px;
    padding: 5px 8px;
    text-shadow: 0px 1px 2px #000;
    transition: all 0.15s ease;
}
.ulist_label::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 50%;
    background: url('https://i.imgur.com/eqGvZEC.gif');
}
.ulist_label_icon{
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    text-align: center;
}
.ulist_label_data{
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0 8px;
}
}
/* Onair Dj */
.ulist_onairdj{
    background: linear-gradient(to bottom, #5A86FF, #335AD0);
    color: #FFFFFF;
    border: solid #7CAFFF 1px;
    box-shadow: 0px 2px 3px #0D2444;
}

/* Owner */
.ulist_owner{
    background: radial-gradient(circle,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    color: #FFFFFF;
    border: solid #FFE779 1px;
    box-shadow: 0px 2px 3px #44370D;
}

/* Superadmin */
.ulist_sadmin{
    background: radial-gradient(circle,rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
    color: #FFFFFF;
    border: solid #FF7A77 1px;
    box-shadow: 0px 2px 3px #440F0D;
}

/* Admin */
.ulist_admin{
    background: radial-gradient(circle,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
    color: #FFFFFF;
    border: solid #E17BFF 1px;
    box-shadow: 0px 2px 3px #3A0C44;
}

/* Moderator */
.ulist_mod{
    background: radial-gradient( circle 349px at 0.3% 48.6%,  rgba(0,0,0,1) 0%, rgba(87,124,253,0.89) 100.7% );
    color: #FFFFFF;
    border: solid #999999 1px;
    box-shadow: 0px 2px 3px #444444;
}

/* Bot */
.ulist_bot{
    background: radial-gradient( circle 283px at 1.7% 8.6%,  rgba(141,254,235,1) 0%, rgba(232,176,254,1) 90% );
    color: #FFFFFF;
    border: solid #83FF79 1px;
    box-shadow: 0px 2px 3px #13440D;
}

/* VIP */
.ulist_vip{
    background: radial-gradient( circle farthest-corner at 6.9% 15%,  rgba(198,255,221,1) 0%, rgba(255,226,89,1) 40.9%, rgba(255,167,81,1) 59.7%, rgba(247,121,125,1) 90.1% );
    color: #FFFFFF;
    border: solid #79FFFB 1px;
    box-shadow: 0px 2px 3px #0D4441;
}
/* VIP2 */
.ulist_vip2{
    background: radial-gradient( circle farthest-corner at 1.1% 2.5%,  rgba(0,113,208,1) 0%, rgba(0,160,247,1) 24%, rgba(96,255,176,1) 71.9%, rgba(0,229,115,1) 99.7% );
    color: #FFFFFF;
    border: solid #79fffb 1px;
    box-shadow: 0px 2px 3px #0d4441;
}
/* VIP3 */
.ulist_vip3{
    background: radial-gradient( circle farthest-corner at 6.3% 21.8%,  rgba(236,6,117,1) 0%, rgba(13,32,67,1) 90% );
    color: #FFFFFF;
    border: solid #79fffb 1px;
    box-shadow: 0px 2px 3px #0d4441;
}

/* User */
.ulist_user{
    background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(253,115,200,1) 0%, rgba(0,92,141,1) 90.5% );
    color: #FFFFFF;
    border: solid #DDDBDB 1px;
    box-shadow: 0px 2px 3px #444444;
}

/* Guest */
.ulist_guest{
    background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(234,251,86,0.88) 0%, rgba(165,225,27,1) 90% );
    color: #FFFFFF;
    border: solid #F9FF7B 1px;
    box-shadow: 0px 2px 3px #44410C;
}

/* Offline */
.ulist_offline{
    background: radial-gradient( circle 1292px at -13.6% 51.7%,  rgba(0,56,68,1) 0%, rgba(163,217,185,1) 51.5%, rgba(255,252,247,1) 88.6% );
    color: #FFFFFF;
    border: solid #000000 1px;
    box-shadow: 0px 2px 3px #444444;
}