@import https://fonts.googleapis.com/css?family=Noto+Naskh+Arabic+UI;
@import https://fonts.googleapis.com/css?family=Noto+Kufi+Arabic;
.in_room_name,.page_drop_text,.page_menu_text,.toplist_name{
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle;
    overflow:hidden
}
.in_room_icon,.profile_close{
    font-size:20px;
    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{
    color:#fff!important
}
#submit_button,.pro_title,.quiz_bad,.quiz_good,.quiz_hint,.quiz_question,.ranking_lm{
    font-weight:700
}
body{
    font-family:noto kufi arabic,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:12px;
    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{
    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
}

.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:12px
}
.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
}

::-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{
    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:monospace;
    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
}
/**/
/* your custom style here */
/* .my_text::before {
    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;
}