.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*/
.chatbox-1{background-color:#fff;border-left:4px solid #f2f2f2}.my_text.chatbox-1::before{border-left-color:#fff}.chatbox-1 .username, .chatbox-1 .cdate{color:#800080}.chatbox-1-text{color:#800080}
.chatbox-2{background-color:#000;border-left:4px solid #F00}.my_text.chatbox-2::before{border-left-color:#000}.chatbox-2 .username,.chatbox-2 .cdate{color:#F3E7D3}.chatbox-2-text{color:#F3E7D3}
.chatbox-3{background-color:#FFF0F5;border-left:4px solid #FF69B4}.my_text.chatbox-3::before{border-left-color:#FFF0F5}.chatbox-3 .username,.chatbox-3 .cdate{color:#FF1493}.chatbox-3-text{color:#C71585}
.chatbox-4{background-color:#FFEBEE;border-left:4px solid #FF0000}.my_text.chatbox-4::before{border-left-color:#FFEBEE}.chatbox-4 .username,.chatbox-4 .cdate{color:#D32F2F}.chatbox-4-text{color:#B71C1C}
.chatbox-5{background-color:#E1F5FE;border-left:4px solid #007BFF}.my_text.chatbox-5::before{border-left-color:#E1F5FE}.chatbox-5 .username,.chatbox-5 .cdate{color:#004CCB}.chatbox-5-text{color:#003399}
.chatbox-6{background-color:#E8F5E9;border-left:4px solid #4CAF50}.my_text.chatbox-6::before{border-left-color:#E8F5E9}.chatbox-6 .username,.chatbox-6 .cdate{color:#388E3C}.chatbox-6-text{color:#1B5E20}
.chatbox-7{background-color:#F3E5F5;border-left:4px solid #9C27B0}.my_text.chatbox-7::before{border-left-color:#F3E5F5}.chatbox-7 .username,.chatbox-7 .cdate{color:#7B1FA2}.chatbox-7-text{color:#4A148C}
.chatbox-8{background-color:#FFF3E0;border-left:4px solid #FF9800}.my_text.chatbox-8::before{border-left-color:#FFF3E0}.chatbox-8 .username,.chatbox-8 .cdate{color:#F57C00}.chatbox-8-text{color:#E65100}
.chatbox-9{background-color:#FFFDE7;border-left:4px solid #FBC02D}.my_text.chatbox-9::before{border-left-color:#FFFDE7}.chatbox-9 .username,.chatbox-9 .cdate{color:#F9A825}.chatbox-9-text{color:#827717}
.chatbox-10{background-color:#E0F2F1;border-left:4px solid #009688}.my_text.chatbox-10::before{border-left-color:#E0F2F1}.chatbox-10 .username,.chatbox-10 .cdate{color:#00796B}.chatbox-10-text{color:#004D40}
.chatbox-11{background-color:#F5F5F5;border-left:4px solid #9E9E9E}.my_text.chatbox-11::before{border-left-color:#F5F5F5}.chatbox-11 .username,.chatbox-11 .cdate{color:#616161}.chatbox-11-text{color:#212121}
.chatbox-12{background-color:#E0F7FA;border-left:4px solid #00838F}.my_text.chatbox-12::before{border-left-color:#E0F7FA}.chatbox-12 .username,.chatbox-12 .cdate{color:#006064}.chatbox-12-text{color:#004D40}
/*-------OWNER AIHAM---------*/
.chatbox-13{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.5)),url("../../www.yemenn.net/css/log/13.jpg")center/cover;border-left:4px solid #ffcc00;position:relative;overflow:hidden}.chatbox-13::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:skewX(-25deg);animation:glass 4s infinite ease-in-out}.my_text.chatbox-13::before{content:none!important;display:none!important}.chatbox-13 .username{font-size:0!important;display:inline-block}.chatbox-13 .username::after{content:"ايـۦِٰـ↬👑👑↫ــۦِٰـهم";color:#ffcc00;font-weight:700;font-size:12px;display:inline-block;text-shadow:1px 1px 2px #000}.chatbox-13 .cdate{color:#ccc;font-size:10px}.chatbox-13-text{color:#fff;font-weight:700;font-size:11px;background:0 0;padding:2px 0;display:inline-block}@keyframes glass{0%{left:-150%}30%{left:150%}100%{left:150%}}
/*-------OWNER AiMY---------*/
.chatbox-14{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.6)),url("../../www.yemenn.net/css/log/io14.jpg")center/cover;border-left:4px solid #C0C0C0;position:relative;overflow:hidden}.chatbox-14::after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:skewX(-25deg);animation:shining 3s infinite}.my_text.chatbox-14::before{content:none!important;display:none!important}.chatbox-14 .username{font-size:0!important;display:inline-block}.chatbox-14 .username::after{content:"『⇣𝐀i𝐌𝐘⇡』";color:#fff;font-weight:700;font-size:12px;display:inline-block;text-shadow:1px 1px 2px #000}.chatbox-14 .cdate{color:#ccc;font-size:10px}.chatbox-14-text{color:#fff;font-weight:700;font-size:11px;background:0 0;padding:2px 0;display:inline-block}@keyframes shining{0%{left:-150%}100%{left:150%}}
/*-------ADMIN MOZHELA---------*/
.chatbox-15{background:linear-gradient(rgba(40,0,0,.4),rgba(0,0,0,.3)),url("../../www.yemenn.net/css/log/15.jpg")center/cover;border-left:4px solid red;position:relative;overflow:hidden}.my_text.chatbox-15::before{content:none!important;display:none!important}.chatbox-15 .username{color:#fc0!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-15 .username::after{content:none!important}.chatbox-15 .cdate{color:#ccc;font-size:10px}.chatbox-15-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------ADMIN RMOSHA---------*/
.chatbox-16{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.3)),url("../../www.yemenn.net/css/log/f16.jpg")center/cover;border-left:4px solid #C0C0C0;position:relative;overflow:hidden}.my_text.chatbox-16::before{content:none!important;display:none!important}.chatbox-16 .username{color:#fff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-16 .username::after{content:none!important}.chatbox-16 .cdate{color:#ccc;font-size:10px}.chatbox-16-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------KUD---------*/
.chatbox-17{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,20,40,0.3)),url("../../www.yemenn.net/css/log/bg17.jpg")center/cover;border-left:4px solid #00d4ff;position:relative;overflow:hidden}.my_text.chatbox-17::before{content:none!important;display:none!important}.chatbox-17 .username{color:#00d4ff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-17 .username::after{content:none!important}.chatbox-17 .cdate{color:#ccc;font-size:10px}.chatbox-17-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------ADMIN SUZAN---------*/
.chatbox-18{background:linear-gradient(rgba(0,0,0,0.5),rgba(40,0,70,0.3)),url("../../www.yemenn.net/css/log/c18.jpg")center/cover;border-left:4px solid #8A2BE2;position:relative;overflow:hidden}.my_text.chatbox-18::before{content:none!important;display:none!important}.chatbox-18 .username{color:#da70d6!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-18 .username::after{content:none!important}.chatbox-18 .cdate{color:#ccc;font-size:10px}.chatbox-18-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------ADMIN MUSTAFAZA---------*/
.chatbox-19{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.3)),url("../../www.yemenn.net/css/log/cd19.jpg")center/cover;border-left:4px solid #fff;position:relative;overflow:hidden}.my_text.chatbox-19::before{content:none!important;display:none!important}.chatbox-19 .username{color:#0ff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-19 .username::after{content:none!important}.chatbox-19 .cdate{color:#ccc;font-size:10px}.chatbox-19-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------SYSTEM---------*/
.chatbox-20{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-left:4px solid #00d4ff;position:relative;overflow:hidden}.my_text.chatbox-20::before{content:none!important}.chatbox-20 .username{font-size:0;display:inline-block;margin-left:-5px}.chatbox-20 .username::after{content:"SYSTEM-AIHAM";display:inline-block;background:#00d4ff;color:#000;font-size:8px;padding:1px 5px;border-radius:4px 0 0 4px;font-weight:800;transform:translateY(-5px);border:1px solid #00d4ff;border-right:1px solid rgba(0,0,0,0.3);vertical-align:middle}.chatbox-20 .username::before{content:"\f544";font-family:"Font Awesome 5 Free";font-weight:900;display:inline-block;background:#000;color:#00d4ff;font-size:9px;padding:1px 5px;border-radius:0 4px 4px 0;transform:translateY(-5px);border:1px solid #00d4ff;vertical-align:middle}.chatbox-20-text{color:#e0f7ff;font-weight:600;background:rgba(0,212,255,0.05);padding:3px 7px;border-radius:5px;display:inline-block;font-size:11px;border-right:2px solid #00d4ff}.chatbox-20 .cdate{color:#00d4ff;font-size:9px;opacity:0.7}
/*-------RYTAL---------*/
.chatbox-21{background:linear-gradient(rgba(0,10,30,.6),rgba(0,5,15,.3)),url("../../www.yemenn.net/css/log/g21.jpg")center/cover;border-left:4px solid #00d4ff;position:relative;overflow:hidden}.my_text.chatbox-21::before{content:none!important;display:none!important}.chatbox-21 .username{color:#fff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-21 .username::after{content:none!important}.chatbox-21 .cdate{color:#ccc;font-size:10px}.chatbox-21-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------MSHKLGY---------*/
.chatbox-22{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.3)),url("../../www.yemenn.net/css/log/f22.jpg")center/cover;border-left:4px solid #333;position:relative;overflow:hidden}.my_text.chatbox-22::before{content:none!important;display:none!important}.chatbox-22 .username{color:#fff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-22 .username::after{content:none!important}.chatbox-22 .cdate{color:#ccc;font-size:10px}.chatbox-22-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------SANYORA---------*/
.chatbox-23{background:linear-gradient(rgba(0,0,0,.5),rgba(0,20,50,.3)),url("../../www.yemenn.net/css/log/ui23.jpg")center/cover;border-left:4px solid #00d4ff;position:relative;overflow:hidden}.my_text.chatbox-23::before{content:none!important;display:none!important}.chatbox-23 .username{color:#00d4ff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-23 .username::after{content:none!important}.chatbox-23 .cdate{color:#ccc;font-size:10px}.chatbox-23-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------QAMAR---------*/
.chatbox-24{background:linear-gradient(rgba(0,10,30,.6),rgba(0,5,20,.3)),url("../../www.yemenn.net/css/log/ff24.jpg")center/cover;border-left:4px solid #00d4ff;position:relative;overflow:hidden}.my_text.chatbox-24::before{content:none!important;display:none!important}.chatbox-24 .username{color:#00d4ff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-24 .username::after{content:none!important}.chatbox-24 .cdate{color:#ccc;font-size:10px}.chatbox-24-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------ASHRAF---------*/
.chatbox-25{background:linear-gradient(rgba(0,10,40,.7),rgba(80,0,0,.3)),url("../../www.yemenn.net/css/log/f25.jpg")center/cover;border-left:4px solid red;position:relative;overflow:hidden}.my_text.chatbox-25::before{content:none!important;display:none!important}.chatbox-25 .username{color:#fc0!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-25 .username::after{content:none!important}.chatbox-25 .cdate{color:#ccc;font-size:10px}.chatbox-25-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------SAHE---------*/
.chatbox-26{background:linear-gradient(rgba(0,20,50,.7),rgba(0,50,100,.3)),url("../../www.yemenn.net/css/log/d26.jpg")center/cover;border-left:4px solid #007bff;position:relative;overflow:hidden}.my_text.chatbox-26::before{content:none!important;display:none!important}.chatbox-26 .username{color:#00d2ff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-26 .username::after{content:none!important}.chatbox-26 .cdate{color:#ccc;font-size:10px}.chatbox-26-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------NOOTEEL---------*/
.chatbox-27{background:linear-gradient(rgba(0,40,20,.7),rgba(0,80,40,.3)),url("../../www.yemenn.net/css/log/resized27.png")center/cover;border-left:4px solid #2ecc71;position:relative;overflow:hidden}.my_text.chatbox-27::before{content:none!important;display:none!important}.chatbox-27 .username{color:#2ecc71!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-27 .username::after{content:none!important}.chatbox-27 .cdate{color:#ccc;font-size:10px}.chatbox-27-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}
/*-------AAETF---------*/
.chatbox-28{background:#e0f7ff;border-left:4px solid #00d2ff;position:relative;overflow:hidden}.my_text.chatbox-28::before{content:none!important;display:none!important}.chatbox-28 .username{font-size:13px!important;font-weight:700;color:#005580!important;display:inline-block;position:relative;padding:0 25px;background:url("../../www.yemenn.net/css/log/g28.gif") no-repeat left center,url("../../www.yemenn.net/css/log/g28.gif") no-repeat right center;background-size:20px auto;text-shadow:none!important}.chatbox-28 .username::after{content:none!important}.chatbox-28 .cdate{color:#668899;font-size:10px}.chatbox-28-text{color:#003344;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block}
/*-------MADFA---------*/
.chatbox-29{background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("../../www.yemenn.net/css/log/dd29.jpg")center/cover;border-left:4px solid #7030a0;position:relative;overflow:hidden}.my_text.chatbox-29::before{content:none!important;display:none!important}.chatbox-29 .username{color:#ffcc00!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-29 .username::after{content:none!important}.chatbox-29 .cdate{color:#ddd;font-size:10px}.chatbox-29-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}

.chatbox-30{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../../www.yemenn.net/css/log/x30.jpg")center/cover;border-left:4px solid #9b59b6;position:relative;overflow:hidden}.my_text.chatbox-30::before{content:none!important;display:none!important}.chatbox-30 .username{color:#00d4ff!important;font-weight:700;font-size:13px!important;text-shadow:none!important;display:inline-block}.chatbox-30 .username::after{content:none!important}.chatbox-30 .cdate{color:#ddd;font-size:10px}.chatbox-30-text{color:#fff;font-weight:700;font-size:12px;background:0 0;padding:2px 0;display:inline-block;text-shadow:none!important}






.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;

}
.chatbox-30-text {
  color: #2E4D14;
}
/*----------------*/
.chatbox-31 {
  background-color: #eeff41;
  border-left: 4px solid #C4DA33;
}
.my_text.chatbox-31::before {
  border-left-color: #eeff41;
}
.chatbox-31 .username,
.chatbox-31 .cdate {
  color: #283314;
}
.chatbox-31-text {
  color: #283314;
}
/*----------------*/
.chatbox-32 {
  background-color: #ffeb3b;
  border-left: 4px solid #D4C137;
}
.my_text.chatbox-32::before {
  border-left-color: #ffeb3b;
}
.chatbox-32 .username,
.chatbox-32 .cdate {
  color: #332800;
}
.chatbox-32-text {
  color: #332800;
}
/*----------------*/
.chatbox-33 {
  background-color: #fbc02d;
  border-left: 4px solid #D89F24;
}
.my_text.chatbox-33::before {
  border-left-color: #fbc02d;
}
.chatbox-33 .username,
.chatbox-33 .cdate {
  color: #382200;
}
.chatbox-33-text {
  color: #382200;
}
/*----------------*/
.chatbox-34 {
  background-color: #ffff00;
  border-left: 4px solid #CFCF17;
}
.my_text.chatbox-34::before {
  border-left-color: #ffff00;
}
.chatbox-34 .username,
.chatbox-34 .cdate {
  color: #282000;
}
.chatbox-34-text {
  color: #282000;
}
/*----------------*/
.chatbox-35 {
  background-color: #fff8e1;
  border-left: 4px solid #d6c69c;
}
.my_text.chatbox-35::before {
  border-left-color: #fff8e1;
}
.chatbox-35 .username,
.chatbox-35 .cdate {
  color: #33220E;
}
.chatbox-35-text {
  color: #33220E;
}
/*----------------*/
.chatbox-36 {
  background-color: #C2B280;
  border-left: 4px solid #9e8e59;
}
.my_text.chatbox-36::before {
  border-left-color: #C2B280;
}
.chatbox-36 .username,
.chatbox-36 .cdate {
  color: #5D4630;
}
.chatbox-36-text {
  color: #5D4630;
}
/*----------------*/
.chatbox-37 {
  background-color: #C19A6B;
  border-left: 4px solid #9b7246;
}
.my_text.chatbox-37::before {
  border-left-color: #C19A6B;
}
.chatbox-37 .username,
.chatbox-37 .cdate {
  color: #5E3F1B;
}
.chatbox-37-text {
  color: #5E3F1B;
}
/*----------------*/
.chatbox-38 {
  background-color: #E5AA70;
  border-left: 4px solid #bd8046;
}
.my_text.chatbox-38::before {
  border-left-color: #E5AA70;
}
.chatbox-38 .username,
.chatbox-38 .cdate {
  color: #8B5A2B;
}
.chatbox-38-text {
  color: #8B5A2B;
}
/*----------------*/
.chatbox-39 {
  background-color: #fbe9e7;
  border-left: 4px solid #dfc2bd;
}
.my_text.chatbox-39::before {
  border-left-color: #fbe9e7;
}
.chatbox-39 .username,
.chatbox-39 .cdate {
  color: #3D1F17;
}
.chatbox-39-text {
  color: #3D1F17;
}
/*----------------*/
.chatbox-40 {
  background-color: #ffccbc;
  border-left: 4px solid #d6a390;
}
.my_text.chatbox-40::before {
  border-left-color: #ffccbc;
}
.chatbox-40 .username,
.chatbox-40 .cdate {
  color: #482516;
}
.chatbox-40-text {
  color: #482516;
}
/*----------------*/
.chatbox-41 {
  background-color: #efebe9;
  border-left: 4px solid #c9c3c0;
}
.my_text.chatbox-41::before {
  border-left-color: #efebe9;
}
.chatbox-41 .username,
.chatbox-41 .cdate {
  color: #2B2118;
}
.chatbox-41-text {
  color: #2B2118;
}
/*----------------*/
.chatbox-42 {
  background-color: #d7ccc8;
  border-left: 4px solid #b7aba5;
}
.my_text.chatbox-42::before {
  border-left-color: #d7ccc8;
}
.chatbox-42 .username,
.chatbox-42 .cdate {
  color: #2A1E14;
}
.chatbox-42-text {
  color: #2A1E14;
}
/*----------------*/
.chatbox-43 {
  background-color: #ADFF2F;
  border-left: 4px solid #83cc16;
}
.my_text.chatbox-43::before {
  border-left-color: #ADFF2F;
}
.chatbox-43 .username,
.chatbox-43 .cdate {
  color: #1A2F00;
}
.chatbox-43-text {
  color: #1A2F00;
}
/*----------------*/
.chatbox-44 {
  background-color: #FFFAFA;
  border-left: 4px solid #DCCECE;
}
.my_text.chatbox-44::before {
  border-left-color: #FFFAFA;
}
.chatbox-44 .username,
.chatbox-44 .cdate {
  color: #2A1C1C;
}
.chatbox-44-text {
  color: #2A1C1C;
}
/*----------------*/
.chatbox-45 {
  background-color: #F2D2BD;
  border-left: 4px solid #C9A98E;
}
.my_text.chatbox-45::before {
  border-left-color: #F2D2BD;
}
.chatbox-45 .username,
.chatbox-45 .cdate {
  color: #3D2110;
}
.chatbox-45-text {
  color: #3D2110;
}
/*----------------*/
.chatbox-46 {
  background-color: #F0FFFF;
  border-left: 4px solid #B4D7DF;
}
.my_text.chatbox-46::before {
  border-left-color: #F0FFFF;
}
.chatbox-46 .username,
.chatbox-46 .cdate {
  color: #10252C;
}
.chatbox-46-text {
  color: #10252C;
}
/*----------------*/
.chatbox-47 {
  background-color: #B2CD9C;
  border-left: 4px solid #8CA977;
}
.my_text.chatbox-47::before {
  border-left-color: #B2CD9C;
}
.chatbox-47 .username,
.chatbox-47 .cdate {
  color: #1D2612;
}
.chatbox-47-text {
  color: #1D2612;
}
/*----------------*/
.chatbox-48 {
  background-color: #FFF5EE;
  border-left: 4px solid #D5C2B2;
}
.my_text.chatbox-48::before {
  border-left-color: #FFF5EE;
}
.chatbox-48 .username,
.chatbox-48 .cdate {
  color: #3D281B;
}
.chatbox-48-text {
  color: #3D281B;
}
/*----------------*/
.chatbox-49 {
  background-color: #F0E68C;
  border-left: 4px solid #C8BD63;
}
.my_text.chatbox-49::before {
  border-left-color: #F0E68C;
}
.chatbox-49 .username,
.chatbox-49 .cdate {
  color: #2B2412;
}
.chatbox-49-text {
  color: #2B2412;
}
/*----------------*/
.chatbox-50 {
  background-color: #F8C8DC;
  border-left: 4px solid #D69FB7;
}
.my_text.chatbox-50::before {
  border-left-color: #F8C8DC;
}
.chatbox-50 .username,
.chatbox-50 .cdate {
  color: #3D2110;
}
.chatbox-50-text {
  color: #3D2110;
}
/*----------------*/
.chatbox-51 {
  background-color: #E0BFB8;
  border-left: 4px solid #B6978F;
}
.my_text.chatbox-51::before {
  border-left-color: #E0BFB8;
}
.chatbox-51 .username,
.chatbox-51 .cdate {
  color: #3D211C;
}
.chatbox-51-text {
  color: #3D211C;
}
/*----------------*/
.chatbox-52 {
  background-color: #E6E6FA;
  border-left: 4px solid #B7B7D0;
}
.my_text.chatbox-52::before {
  border-left-color: #E6E6FA;
}
.chatbox-52 .username,
.chatbox-52 .cdate {
  color: #251A39;
}
.chatbox-52-text {
  color: #251A39;
}
/*----------------*/
.chatbox-53 {
  background-color: #FF2400;
  border-left: 4px solid #C81B00;
}
.my_text.chatbox-53::before {
  border-left-color: #FF2400;
}
.chatbox-53 .username,
.chatbox-53 .cdate {
  color: #FFFFFF;
}
.chatbox-53-text {
  color: #FFFFFF;
}
/*----------------*/
.chatbox-54 {
  background-color: #C2B280;
  border-left: 4px solid #9E8E59;
}
.my_text.chatbox-54::before {
  border-left-color: #C2B280;
}
.chatbox-54 .username,
.chatbox-54 .cdate {
  color: #5D4630;
}
.chatbox-54-text {
  color: #5D4630;
}
/*----------------*/
.chatbox-55 {
  background-color: #A0522D;
  border-left: 4px solid #844023;
}
.my_text.chatbox-55::before {
  border-left-color: #A0522D;
}
.chatbox-55 .username,
.chatbox-55 .cdate {
  color: #E3C4B5;
}
.chatbox-55-text {
  color: #E3C4B5;
}
/*----------------*/
.chatbox-56 {
  background-color: #D2B48C;
  border-left: 4px solid #A78A66;
}
.my_text.chatbox-56::before {
  border-left-color: #D2B48C;
}
.chatbox-56 .username,
.chatbox-56 .cdate {
  color: #604D30;
}
.chatbox-56-text {
  color: #604D30;
}
/*----------------*/
.chatbox-57 {
  background-color: #483C32;
  border-left: 4px solid #2F2820;
}
.my_text.chatbox-57::before {
  border-left-color: #483C32;
}
.chatbox-57 .username,
.chatbox-57 .cdate {
  color: #C2B280;
}
.chatbox-57-text {
  color: #C2B280;
}
/*----------------*/
.chatbox-58 {
  background-color: #F5DEB3;
  border-left: 4px solid #D2B084;
}
.my_text.chatbox-58::before {
  border-left-color: #F5DEB3;
}
.chatbox-58 .username,
.chatbox-58 .cdate {
  color: #856046;
}
.chatbox-58-text {
  color: #856046;
}
/*----------------*/
.chatbox-59 {
  background-color: #B2BEB5;
  border-left: 4px solid #89988F;
}
.my_text.chatbox-59::before {
  border-left-color: #B2BEB5;
}
.chatbox-59 .username,
.chatbox-59 .cdate {
  color: #4F6054;
}
.chatbox-59-text {
  color: #4F6054;
}
/*----------------*/
.chatbox-60 {
  background-color: #7393B3;
  border-left: 4px solid #50739A;
}
.my_text.chatbox-60::before {
  border-left-color: #7393B3;
}
.chatbox-60 .username,
.chatbox-60 .cdate {
  color: #F0F8FF;
}
.chatbox-60-text {
  color: #F0F8FF;
}
/*----------------*/
.chatbox-61 {
  background-color: #36454F;
  border-left: 4px solid #222D34;
}
.my_text.chatbox-61::before {
  border-left-color: #36454F;
}
.chatbox-61 .username,
.chatbox-61 .cdate {
  color: #C2BEB5;
}
.chatbox-61-text {
  color: #C2BEB5;
}
/*----------------*/
.chatbox-62 {
  background-color: #A9A9A9;
  border-left: 4px solid #848484;
}
.my_text.chatbox-62::before {
  border-left-color: #A9A9A9;
}
.chatbox-62 .username,
.chatbox-62 .cdate {
  color: #333333;
}
.chatbox-62-text {
  color: #333333;
}
/*----------------*/
.chatbox-63 {
  background-color: #6082B6;
  border-left: 4px solid #466496;
}
.my_text.chatbox-63::before {
  border-left-color: #6082B6;
}
.chatbox-63 .username,
.chatbox-63 .cdate {
  color: #E8F1FA;
}
.chatbox-63-text {
  color: #E8F1FA;
}
/*----------------*/
.chatbox-64 {
  background-color: #A87C7C;
  border-left: 4px solid #835E5E;
}
.my_text.chatbox-64::before {
  border-left-color: #A87C7C;
}
.chatbox-64 .username,
.chatbox-64 .cdate {
  color: #F9F3F3;
}
.chatbox-64-text {
  color: #F9F3F3;
}
/*----------------*/
.chatbox-65 {
  background-color: #818589;
  border-left: 4px solid #63676A;
}
.my_text.chatbox-65::before {
  border-left-color: #818589;
}
.chatbox-65 .username,
.chatbox-65 .cdate {
  color: #E6E6E6;
}
.chatbox-65-text {
  color: #E6E6E6;
}
/*----------------*/
.chatbox-66 {
  background-color: #D3D3D3;
  border-left: 4px solid #A6A6A6;
}
.my_text.chatbox-66::before {
  border-left-color: #D3D3D3;
}
.chatbox-66 .username,
.chatbox-66 .cdate {
  color: #505050;
}
.chatbox-66-text {
  color: #505050;
}
/*----------------*/
.chatbox-67 {
  background-color: #899499;
  border-left: 4px solid #6C767A;
}
.my_text.chatbox-67::before {
  border-left-color: #899499;
}
.chatbox-67 .username,
.chatbox-67 .cdate {
  color: #E4E8EA;
}
.chatbox-67-text {
  color: #E4E8EA;
}
/*----------------*/
.chatbox-68 {
  background-color: #E5E4E2;
  border-left: 4px solid #B7B6B4;
}
.my_text.chatbox-68::before {
  border-left-color: #E5E4E2;
}
.chatbox-68 .username,
.chatbox-68 .cdate {
  color: #5A5A5A;
}
.chatbox-68-text {
  color: #5A5A5A;
}
/*----------------*/
.chatbox-69 {
  background-color: #8A9A5B;
  border-left: 4px solid #6C7A45;
}
.my_text.chatbox-69::before {
  border-left-color: #8A9A5B;
}
.chatbox-69 .username,
.chatbox-69 .cdate {
  color: #F2E6D5;
}
.chatbox-69-text {
  color: #F2E6D5;
}
/*----------------*/
.chatbox-70 {
  background-color: #C0C0C0;
  border-left: 4px solid #999999;
}
.my_text.chatbox-70::before {
  border-left-color: #C0C0C0;
}
.chatbox-70 .username,
.chatbox-70 .cdate {
  color: #404040;
}
.chatbox-70-text {
  color: #404040;
}
/*----------------*/
.chatbox-71 {
  background-color: #708090;
  border-left: 4px solid #4A5A68;
}
.my_text.chatbox-71::before {
  border-left-color: #708090;
}
.chatbox-71 .username,
.chatbox-71 .cdate {
  color: #E0E6F0;
}
.chatbox-71-text {
  color: #E0E6F0;
}
/*----------------*/
.chatbox-72 {
  background-color: #848884;
  border-left: 4px solid #646864;
}
.my_text.chatbox-72::before {
  border-left-color: #848884;
}
.chatbox-72 .username,
.chatbox-72 .cdate {
  color: #E6E6E6;
}
.chatbox-72-text {
  color: #E6E6E6;
}
/*----------------*/
.chatbox-73 {
  background-color: #71797E;
  border-left: 4px solid #545A5E;
}
.my_text.chatbox-73::before {
  border-left-color: #71797E;
}
.chatbox-73 .username,
.chatbox-73 .cdate {
  color: #E1E4E6;
}
.chatbox-73-text {
  color: #E1E4E6;
}
/*----------------*/
.chatbox-74 {
  background-color: #454B1B;
  border-left: 4px solid #2F3410;
}
.my_text.chatbox-74::before {
  border-left-color: #454B1B;
}
.chatbox-74 .username,
.chatbox-74 .cdate {
  color: #D2D2B0;
}
.chatbox-74-text {
  color: #D2D2B0;
}
/*----------------*/
.chatbox-75 {
  background-color: #088F8F;
  border-left: 4px solid #056868;
}
.my_text.chatbox-75::before {
  border-left-color: #088F8F;
}
.chatbox-75 .username,
.chatbox-75 .cdate {
  color: #D2F7F7;
}
.chatbox-75-text {
  color: #D2F7F7;
}
/*----------------*/
.chatbox-76 {
  background-color: #5F9EA0;
  border-left: 4px solid #417375;
}
.my_text.chatbox-76::before {
  border-left-color: #5F9EA0;
}
.chatbox-76 .username,
.chatbox-76 .cdate {
  color: #E3F6F6;
}
.chatbox-76-text {
  color: #E3F6F6;
}
/*----------------*/
.chatbox-77 {
  background-color: #097969;
  border-left: 4px solid #066255;
}
.my_text.chatbox-77::before {
  border-left-color: #097969;
}
.chatbox-77 .username,
.chatbox-77 .cdate {
  color: #C1E8E2;
}
.chatbox-77-text {
  color: #C1E8E2;
}
/*----------------*/
.chatbox-78 {
  background-color: #AFE1AF;
  border-left: 4px solid #84B584;
}
.my_text.chatbox-78::before {
  border-left-color: #AFE1AF;
}
.chatbox-78 .username,
.chatbox-78 .cdate {
  color: #3D5F3D;
}
.chatbox-78-text {
  color: #3D5F3D;
}
/*----------------*/
.chatbox-79 {
  background-color: #E4D00A;
  border-left: 4px solid #B9AB08;
}
.my_text.chatbox-79::before {
  border-left-color: #E4D00A;
}
.chatbox-79 .username,
.chatbox-79 .cdate {
  color: #5A4A00;
}
.chatbox-79-text {
  color: #5A4A00;
}
/*----------------*/
.chatbox-80 {
  background-color: #023020;
  border-left: 4px solid #011D13;
}
.my_text.chatbox-80::before {
  border-left-color: #023020;
}
.chatbox-80 .username,
.chatbox-80 .cdate {
  color: #B4E1C5;
}
.chatbox-80-text {
  color: #B4E1C5;
}
/*----------------*/
.chatbox-81 {
  background-color: #7DF9FF;
  border-left: 4px solid #54D1D7;
}
.my_text.chatbox-81::before {
  border-left-color: #7DF9FF;
}
.chatbox-81 .username,
.chatbox-81 .cdate {
  color: #005F73;
}
.chatbox-81-text {
  color: #005F73;
}
/*----------------*/
.chatbox-82 {
  background-color: #50C878;
  border-left: 4px solid #3B9D5C;
}
.my_text.chatbox-82::before {
  border-left-color: #50C878;
}
.chatbox-82 .username,
.chatbox-82 .cdate {
  color: #F1FFF0;
}
.chatbox-82-text {
  color: #F1FFF0;
}
/*----------------*/
.chatbox-83 {
  background-color: #90D1CA;
  border-left: 4px solid #68A59F;
}
.my_text.chatbox-83::before {
  border-left-color: #90D1CA;
}
.chatbox-83 .username,
.chatbox-83 .cdate {
  color: #1F2E2E;
}
.chatbox-83-text {
  color: #1F2E2E;
}
/*----------------*/
.chatbox-84 {
  background-color: #4F7942;
  border-left: 4px solid #385A30;
}
.my_text.chatbox-84::before {
  border-left-color: #4F7942;
}
.chatbox-84 .username,
.chatbox-84 .cdate {
  color: #E6F2E1;
}
.chatbox-84-text {
  color: #E6F2E1;
}
/*----------------*/
.chatbox-85 {
  background-color: #8A9A5B;
  border-left: 4px solid #6C7A45;
}
.my_text.chatbox-85::before {
  border-left-color: #8A9A5B;
}
.chatbox-85 .username,
.chatbox-85 .cdate {
  color: #F2E6D5;
}
.chatbox-85-text {
  color: #F2E6D5;
}
/*----------------*/
.chatbox-86 {
  background-color: #ECFFDC;
  border-left: 4px solid #BCD9AB;
}
.my_text.chatbox-86::before {
  border-left-color: #ECFFDC;
}
.chatbox-86 .username,
.chatbox-86 .cdate {
  color: #3A5731;
}
.chatbox-86-text {
  color: #3A5731;
}
/*----------------*/
.chatbox-87 {
  background-color: #C1E1C1;
  border-left: 4px solid #94B694;
}
.my_text.chatbox-87::before {
  border-left-color: #C1E1C1;
}
.chatbox-87 .username,
.chatbox-87 .cdate {
  color: #355C35;
}
.chatbox-87-text {
  color: #355C35;
}
/*----------------*/
.chatbox-88 {
  background-color: #C9CC3F;
  border-left: 4px solid #9EA330;
}
.my_text.chatbox-88::before {
  border-left-color: #C9CC3F;
}
.chatbox-88 .username,
.chatbox-88 .cdate {
  color: #3E3F15;
}
.chatbox-88-text {
  color: #3E3F15;
}
/*----------------*/
.chatbox-89 {
  background-color: #B4C424;
  border-left: 4px solid #8F9C1C;
}
.my_text.chatbox-89::before {
  border-left-color: #B4C424;
}
.chatbox-89 .username,
.chatbox-89 .cdate {
  color: #3A3D09;
}
.chatbox-89-text {
  color: #3A3D09;
}
/*----------------*/
.chatbox-90 {
  background-color: #93C572;
  border-left: 4px solid #749F56;
}
.my_text.chatbox-90::before {
  border-left-color: #93C572;
}
.chatbox-90 .username,
.chatbox-90 .cdate {
  color: #2F4822;
}
.chatbox-90-text {
  color: #2F4822;
}
/*----------------*/
.chatbox-91 {
  background-color: #96DED1;
  border-left: 4px solid #6FB3A8;
}
.my_text.chatbox-91::before {
  border-left-color: #96DED1;
}
.chatbox-91 .username,
.chatbox-91 .cdate {
  color: #265C58;
}
.chatbox-91-text {
  color: #265C58;
}
/*----------------*/
.chatbox-92 {
  background-color: #FFBF00;
  border-left: 4px solid #D79F00;
}
.my_text.chatbox-92::before {
  border-left-color: #FFBF00;
}
.chatbox-92 .username,
.chatbox-92 .cdate {
  color: #6E4F00;
}
.chatbox-92-text {
  color: #6E4F00;
}
/*----------------*/
.chatbox-93 {
  background-color: #FBCEB1;
  border-left: 4px solid #D4A586;
}
.my_text.chatbox-93::before {
  border-left-color: #FBCEB1;
}
.chatbox-93 .username,
.chatbox-93 .cdate {
  color: #7C4A3A;
}
.chatbox-93-text {
  color: #7C4A3A;
}
/*----------------*/
.chatbox-94 {
  background-color: #F2D2BD;
  border-left: 4px solid #C5A990;
}
.my_text.chatbox-94::before {
  border-left-color: #F2D2BD;
}
.chatbox-94 .username,
.chatbox-94 .cdate {
  color: #8C5A3A;
}
.chatbox-94-text {
  color: #8C5A3A;
}
/*----------------*/
.chatbox-95 {
  background-color: #FFAC1C;
  border-left: 4px solid #D78D13;
}
.my_text.chatbox-95::before {
  border-left-color: #FFAC1C;
}
.chatbox-95 .username,
.chatbox-95 .cdate {
  color: #774000;
}
.chatbox-95-text {
  color: #774000;
}
/*----------------*/
.chatbox-96 {
  background-color: #FFF5EE;
  border-left: 4px solid #DDC5B5;
}
.my_text.chatbox-96::before {
  border-left-color: #FFF5EE;
}
.chatbox-96 .username,
.chatbox-96 .cdate {
  color: #8C5A3E;
}
.chatbox-96-text {
  color: #8C5A3E;
}
/*----------------*/
.chatbox-97 {
  background-color: #FF4433;
  border-left: 4px solid #C12C20;
}
.my_text.chatbox-97::before {
  border-left-color: #FF4433;
}
.chatbox-97 .username,
.chatbox-97 .cdate {
  color: #6E1E16;
}
.chatbox-97-text {
  color: #6E1E16;
}
/*----------------*/
.chatbox-98 {
  background-color: #FFE5B4;
  border-left: 4px solid #D4B280;
}
.my_text.chatbox-98::before {
  border-left-color: #FFE5B4;
}
.chatbox-98 .username,
.chatbox-98 .cdate {
  color: #805C30;
}
.chatbox-98-text {
  color: #805C30;
}
/*----------------*/
.chatbox-99 {
  background-color: #9F2B68;
  border-left: 4px solid #7C1D4F;
}
.my_text.chatbox-99::before {
  border-left-color: #9F2B68;
}
.chatbox-99 .username,
.chatbox-99 .cdate {
  color: #F5D1E1;
}
.chatbox-99-text {
  color: #F5D1E1;
}
/*----------------*/
.chatbox-100 {
  background-color: #F2D2BD;
  border-left: 4px solid #C7A585;
}
.my_text.chatbox-100::before {
  border-left-color: #F2D2BD;
}
.chatbox-100 .username,
.chatbox-100 .cdate {
  color: #8C5A3A;
}
.chatbox-100-text {
  color: #8C5A3A;
}
/*----------------*/
.chatbox-101 {
  background-color: #DE3163;
  border-left: 4px solid #A02042;
}
.my_text.chatbox-101::before {
  border-left-color: #DE3163;
}
.chatbox-101 .username,
.chatbox-101 .cdate {
  color: #5A0E21;
}
.chatbox-101-text {
  color: #5A0E21;
}
/*----------------*/
.chatbox-102 {
  background-color: #811331;
  border-left: 4px solid #5E0F25;
}
.my_text.chatbox-102::before {
  border-left-color: #811331;
}
.chatbox-102 .username,
.chatbox-102 .cdate {
  color: #F2C2D5;
}
.chatbox-102-text {
  color: #F2C2D5;
}
/*----------------*/
.chatbox-103 {
  background-color: #FF7F50;
  border-left: 4px solid #D4643C;
}
.my_text.chatbox-103::before {
  border-left-color: #FF7F50;
}
.chatbox-103 .username,
.chatbox-103 .cdate {
  color: #5C2E10;
}
.chatbox-103-text {
  color: #5C2E10;
}
/*----------------*/
.chatbox-104 {
  background-color: #F88379;
  border-left: 4px solid #CC655C;
}
.my_text.chatbox-104::before {
  border-left-color: #F88379;
}
.chatbox-104 .username,
.chatbox-104 .cdate {
  color: #802E26;
}
.chatbox-104-text {
  color: #802E26;
}
/*----------------*/
.chatbox-105 {
  background-color: #DC143C;
  border-left: 4px solid #A40F2E;
}
.my_text.chatbox-105::before {
  border-left-color: #DC143C;
}
.chatbox-105 .username,
.chatbox-105 .cdate {
  color: #F8E4E8;
}
.chatbox-105-text {
  color: #F8E4E8;
}
/*----------------*/
.chatbox-106 {
  background-color: #3A0519;
  border-left: 4px solid #23030F;
}
.my_text.chatbox-106::before {
  border-left-color: #3A0519;
}
.chatbox-106 .username,
.chatbox-106 .cdate {
  color: #FAE4F4;
}
.chatbox-106-text {
  color: #FAE4F4;
}
/*----------------*/
.chatbox-107 {
  background-color: #C9A9A6;
  border-left: 4px solid #9F7E7B;
}
.my_text.chatbox-107::before {
  border-left-color: #C9A9A6;
}
.chatbox-107 .username,
.chatbox-107 .cdate {
  color: #5E3E3B;
}
.chatbox-107-text {
  color: #5E3E3B;
}
/*----------------*/
.chatbox-108 {
  background-color: #FFD6BA;
  border-left: 4px solid #D8AE8F;
}
.my_text.chatbox-108::before {
  border-left-color: #FFD6BA;
}
.chatbox-108 .username,
.chatbox-108 .cdate {
  color: #3A2C2A;
}
.chatbox-108-text {
  color: #3A2C2A;
}
/*----------------*/
.chatbox-109 {
  background-color: #FF69B4;
  border-left: 4px solid #CC4A8E;
}
.my_text.chatbox-109::before {
  border-left-color: #FF69B4;
}
.chatbox-109 .username,
.chatbox-109 .cdate {
  color: #662E4D;
}
.chatbox-109-text {
  color: #662E4D;
}
/*----------------*/
.chatbox-110 {
  background-color: #FFB6C1;
  border-left: 4px solid #D98E9A;
}
.my_text.chatbox-110::before {
  border-left-color: #FFB6C1;
}
.chatbox-110 .username,
.chatbox-110 .cdate {
  color: #803D4A;
}
.chatbox-110-text {
  color: #803D4A;
}
/*----------------*/
.chatbox-111 {
  background-color: #F3CFC6;
  border-left: 4px solid #D7A89B;
}
.my_text.chatbox-111::before {
  border-left-color: #F3CFC6;
}
.chatbox-111 .username,
.chatbox-111 .cdate {
  color: #864F40;
}
.chatbox-111-text {
  color: #864F40;
}
/*----------------*/
.chatbox-112 {
  background-color: #DA70D6;
  border-left: 4px solid #B553B0;
}
.my_text.chatbox-112::before {
  border-left-color: #DA70D6;
}
.chatbox-112 .username,
.chatbox-112 .cdate {
  color: #652C65;
}
.chatbox-112-text {
  color: #652C65;
}
/*----------------*/
.chatbox-113 {
  background-color: #F8C8DC;
  border-left: 4px solid #DBA3B9;
}
.my_text.chatbox-113::before {
  border-left-color: #F8C8DC;
}
.chatbox-113 .username,
.chatbox-113 .cdate {
  color: #83475D;
}
.chatbox-113-text {
  color: #83475D;
}
/*----------------*/
.chatbox-114 {
  background-color: #FAA0A0;
  border-left: 4px solid #D37A7A;
}
.my_text.chatbox-114::before {
  border-left-color: #FAA0A0;
}
.chatbox-114 .username,
.chatbox-114 .cdate {
  color: #843C3C;
}
.chatbox-114-text {
  color: #843C3C;
}
/*----------------*/
.chatbox-115 {
  background-color: #FFC0CB;
  border-left: 4px solid #D999A5;
}
.my_text.chatbox-115::before {
  border-left-color: #FFC0CB;
}
.chatbox-115 .username,
.chatbox-115 .cdate {
  color: #843C4A;
}
.chatbox-115-text {
  color: #843C4A;
}
/*----------------*/
.chatbox-116 {
  background-color: #673147;
  border-left: 4px solid #4C2434;
}
.my_text.chatbox-116::before {
  border-left-color: #673147;
}
.chatbox-116 .username,
.chatbox-116 .cdate {
  color: #D8A7B1;
}
.chatbox-116-text {
  color: #D8A7B1;
}
/*----------------*/
.chatbox-117 {
  background-color: #F33A6A;
  border-left: 4px solid #C1214F;
}
.my_text.chatbox-117::before {
  border-left-color: #F33A6A;
}
.chatbox-117 .username,
.chatbox-117 .cdate {
  color: #751E38;
}
.chatbox-117-text {
  color: #751E38;
}
/*----------------*/
.chatbox-118 {
  background-color: #E0BFB8;
  border-left: 4px solid #B1908A;
}
.my_text.chatbox-118::before {
  border-left-color: #E0BFB8;
}
.chatbox-118 .username,
.chatbox-118 .cdate {
  color: #7A524C;
}
.chatbox-118-text {
  color: #7A524C;
}
/*----------------*/
.chatbox-119 {
  background-color: #FFF5EE;
  border-left: 4px solid #D9C8BC;
}
.my_text.chatbox-119::before {
  border-left-color: #FFF5EE;
}
.chatbox-119 .username,
.chatbox-119 .cdate {
  color: #8C5A3E;
}
.chatbox-119-text {
  color: #8C5A3E;
}
/*----------------*/
.chatbox-120 {
  background-color: #D8BFD8;
  border-left: 4px solid #B496B4;
}
.my_text.chatbox-120::before {
  border-left-color: #D8BFD8;
}
.chatbox-120 .username,
.chatbox-120 .cdate {
  color: #654D64;
}
.chatbox-120-text {
  color: #654D64;
}
/*----------------*/
.chatbox-121 {
  background-color: #702963;
  border-left: 4px solid #521D48;
}
.my_text.chatbox-121::before {
  border-left-color: #702963;
}
.chatbox-121 .username,
.chatbox-121 .cdate {
  color: #D9B6D4;
}
.chatbox-121-text {
  color: #D9B6D4;
}
/*----------------*/
.chatbox-122 {
  background-color: #AA336A;
  border-left: 4px solid #872554;
}
.my_text.chatbox-122::before {
  border-left-color: #AA336A;
}
.chatbox-122 .username,
.chatbox-122 .cdate {
  color: #F5D1E1;
}
.chatbox-122-text {
  color: #F5D1E1;
}
/*----------------*/
.chatbox-123 {
  background-color: #AFDDFF;
  border-left: 4px solid #87B0CC;
}
.my_text.chatbox-123::before {
  border-left-color: #AFDDFF;
}
.chatbox-123 .username,
.chatbox-123 .cdate {
  color: #2B4867;
}
.chatbox-123-text {
  color: #2B4867;
}
/*----------------*/
.chatbox-124 {
  background-color: #483248;
  border-left: 4px solid #372638;
}
.my_text.chatbox-124::before {
  border-left-color: #483248;
}
.chatbox-124 .username,
.chatbox-124 .cdate {
  color: #D3B8D3;
}
.chatbox-124-text {
  color: #D3B8D3;
}
/*----------------*/
.chatbox-125 {
  background-color: #5D3FD3;
  border-left: 4px solid #452FA5;
}
.my_text.chatbox-125::before {
  border-left-color: #5D3FD3;
}
.chatbox-125 .username,
.chatbox-125 .cdate {
  color: #D6C3F7;
}
.chatbox-125-text {
  color: #D6C3F7;
}
/*----------------*/
.chatbox-126 {
  background-color: #E6E6FA;
  border-left: 4px solid #B9B9D0;
}
.my_text.chatbox-126::before {
  border-left-color: #E6E6FA;
}
.chatbox-126 .username,
.chatbox-126 .cdate {
  color: #5B5B85;
}
.chatbox-126-text {
  color: #5B5B85;
}
/*----------------*/
.chatbox-127 {
  background-color: #CBC3E3;
  border-left: 4px solid #A69DC0;
}
.my_text.chatbox-127::before {
  border-left-color: #CBC3E3;
}
.chatbox-127 .username,
.chatbox-127 .cdate {
  color: #5D527D;
}
.chatbox-127-text {
  color: #5D527D;
}
/*----------------*/
.chatbox-128 {
  background-color: #CF9FFF;
  border-left: 4px solid #A570D1;
}
.my_text.chatbox-128::before {
  border-left-color: #CF9FFF;
}
.chatbox-128 .username,
.chatbox-128 .cdate {
  color: #5B3A85;
}
.chatbox-128-text {
  color: #5B3A85;
}
/*----------------*/
.chatbox-129 {
  background-color: #AA98A9;
  border-left: 4px solid #887789;
}
.my_text.chatbox-129::before {
  border-left-color: #AA98A9;
}
.chatbox-129 .username,
.chatbox-129 .cdate {
  color: #5E4A5E;
}
.chatbox-129-text {
  color: #5E4A5E;
}
/*----------------*/
.chatbox-130 {
  background-color: #915F6D;
  border-left: 4px solid #744A56;
}
.my_text.chatbox-130::before {
  border-left-color: #915F6D;
}
.chatbox-130 .username,
.chatbox-130 .cdate {
  color: #F2D2D9;
}
.chatbox-130-text {
  color: #F2D2D9;
}
/*----------------*/
.chatbox-131 {
  background-color: #CCCCFF;
  border-left: 4px solid #9999CC;
}
.my_text.chatbox-131::before {
  border-left-color: #CCCCFF;
}
.chatbox-131 .username,
.chatbox-131 .cdate {
  color: #555599;
}
.chatbox-131-text {
  color: #555599;
}
/*----------------*/
.chatbox-132 {
  background-color: #51414F;
  border-left: 4px solid #3A2F39;
}
.my_text.chatbox-132::before {
  border-left-color: #51414F;
}
.chatbox-132 .username,
.chatbox-132 .cdate {
  color: #C2AEBB;
}
.chatbox-132-text {
  color: #C2AEBB;
}
/*----------------*/
.chatbox-133 {
  background-color: #D70040;
  border-left: 4px solid #A00030;
}
.my_text.chatbox-133::before {
  border-left-color: #D70040;
}
.chatbox-133 .username,
.chatbox-133 .cdate {
  color: #680022;
}
.chatbox-133-text {
  color: #680022;
}
/*----------------*/
.chatbox-134 {
  background-color: #DE3163;
  border-left: 4px solid #B32850;
}
.my_text.chatbox-134::before {
  border-left-color: #DE3163;
}
.chatbox-134 .username,
.chatbox-134 .cdate {
  color: #730026;
}
.chatbox-134-text {
  color: #730026;
}
/*----------------*/
.chatbox-135 {
  background-color: #FF3131;
  border-left: 4px solid #CC2727;
}
.my_text.chatbox-135::before {
  border-left-color: #FF3131;
}
.chatbox-135 .username,
.chatbox-135 .cdate {
  color: #7A0000;
}
.chatbox-135-text {
  color: #7A0000;
}
/*----------------*/
.chatbox-136 {
  background-color: #FAA0A0;
  border-left: 4px solid #D48686;
}
.my_text.chatbox-136::before {
  border-left-color: #FAA0A0;
}
.chatbox-136 .username,
.chatbox-136 .cdate {
  color: #843C3C;
}
.chatbox-136-text {
  color: #843C3C;
}
/*----------------*/
.chatbox-137 {
  background-color: #EDEADE;
  border-left: 4px solid #C6C1B1;
}
.my_text.chatbox-137::before {
  border-left-color: #EDEADE;
}
.chatbox-137 .username,
.chatbox-137 .cdate {
  color: #6D6655;
}
.chatbox-137-text {
  color: #6D6655;
}
/*----------------*/
.chatbox-138 {
  background-color: #F5F5DC;
  border-left: 4px solid #CDCDB3;
}
.my_text.chatbox-138::before {
  border-left-color: #F5F5DC;
}
.chatbox-138 .username,
.chatbox-138 .cdate {
  color: #6F6A45;
}
.chatbox-138-text {
  color: #6F6A45;
}
/*----------------*/
.chatbox-139 {
  background-color: #474F7A;
  border-left: 4px solid #35405E;
}
.my_text.chatbox-139::before {
  border-left-color: #474F7A;
}
.chatbox-139 .username,
.chatbox-139 .cdate {
  color: #E8ECFF;
}
.chatbox-139-text {
  color: #E8ECFF;
}
/*----------------*/
.chatbox-140 {
  background-color: #FFF8DC;
  border-left: 4px solid #D9C99E;
}
.my_text.chatbox-140::before {
  border-left-color: #FFF8DC;
}
.chatbox-140 .username,
.chatbox-140 .cdate {
  color: #6D5F39;
}
.chatbox-140-text {
  color: #6D5F39;
}
/*----------------*/
.chatbox-141 {
  background-color: #F0EAD6;
  border-left: 4px solid #C8C0A6;
}
.my_text.chatbox-141::before {
  border-left-color: #F0EAD6;
}
.chatbox-141 .username,
.chatbox-141 .cdate {
  color: #746C5F;
}
.chatbox-141-text {
  color: #746C5F;
}
/*----------------*/
.chatbox-142 {
  background-color: #FFFDF0;
  border-left: 4px solid #D9D7C0;
}
.my_text.chatbox-142::before {
  border-left-color: #FFFDF0;
}
.chatbox-142 .username,
.chatbox-142 .cdate {
  color: #666666;
}
.chatbox-142-text {
  color: #666666;
}
/*----------------*/
.chatbox-143 {
  background-color: #57B4BA;
  border-left: 4px solid #3F8E93;
}
.my_text.chatbox-143::before {
  border-left-color: #57B4BA;
}
.chatbox-143 .username,
.chatbox-143 .cdate {
  color: #143143;
}
.chatbox-143-text {
  color: #143143;
}
/*----------------*/
.chatbox-144 {
  background-color: #FE4F2D;
  border-left: 4px solid #D74223;
}
.my_text.chatbox-144::before {
  border-left-color: #FE4F2D;
}
.chatbox-144 .username,
.chatbox-144 .cdate {
  color: #FFFFFF;
}
.chatbox-144-text {
  color: #FFD6C1;
}
/*----------------*/
.chatbox-145 {
  background-color: #854836;
  border-left: 4px solid #6B3828;
}
.my_text.chatbox-145::before {
  border-left-color: #854836;
}
.chatbox-145 .username,
.chatbox-145 .cdate {
  color: #EAD2C5;
}
.chatbox-145-text {
  color: #F5E5DA;
}
/*----------------*/
.chatbox-146 {
  background-color: #FF90BB;
  border-left: 4px solid #D57097;
}
.my_text.chatbox-146::before {
  border-left-color: #FF90BB;
}
.chatbox-146 .username,
.chatbox-146 .cdate {
  color: #581E37;
}
.chatbox-146-text {
  color: #732849;
}
/*----------------*/
.chatbox-147 {
  background-color: #FFC1DA;
  border-left: 4px solid #D99DB8;
}
.my_text.chatbox-147::before {
  border-left-color: #FFC1DA;
}
.chatbox-147 .username,
.chatbox-147 .cdate {
  color: #5C2A3D;
}
.chatbox-147-text {
  color: #7A3D57;
}
/*----------------*/
.chatbox-148 {
  background-color: #8ACCD5;
  border-left: 4px solid #63A5AE;
}
.my_text.chatbox-148::before {
  border-left-color: #8ACCD5;
}
.chatbox-148 .username,
.chatbox-148 .cdate {
  color: #28565F;
}
.chatbox-148-text {
  color: #3B7480;
}
/*----------------*/
.chatbox-149 {
  background-color: #4B352A;
  border-left: 4px solid #37251D;
}
.my_text.chatbox-149::before {
  border-left-color: #4B352A;
}
.chatbox-149 .username,
.chatbox-149 .cdate {
  color: #D9B89C;
}
.chatbox-149-text {
  color: #E6C7AD;
}
/*----------------*/
.chatbox-150 {
  background-color: #CA7842;
  border-left: 4px solid #A25F32;
}
.my_text.chatbox-150::before {
  border-left-color: #CA7842;
}
.chatbox-150 .username,
.chatbox-150 .cdate {
  color: #3E2514;
}
.chatbox-150-text {
  color: #573620;
}
/*----------------*/
.chatbox-151 {
  background-color: #210F37;
  border-left: 4px solid #3C1C5D;
}
.my_text.chatbox-151::before {
  border-left-color: #210F37;
}
.chatbox-151 .username,
.chatbox-151 .cdate {
  color: #B8A6D9;
}
.chatbox-151-text {
  color: #D3C3EB;
}
/*----------------*/
.chatbox-152 {
  background-color: #4F1C51;
  border-left: 4px solid #702C74;
}
.my_text.chatbox-152::before {
  border-left-color: #4F1C51;
}
.chatbox-152 .username,
.chatbox-152 .cdate {
  color: #D1A3D5;
}
.chatbox-152-text {
  color: #E5C2E8;
}
/*----------------*/
.chatbox-153 {
  background-color: #A55B4B;
  border-left: 4px solid #843F34;
}
.my_text.chatbox-153::before {
  border-left-color: #A55B4B;
}
.chatbox-153 .username,
.chatbox-153 .cdate {
  color: #F1D3C6;
}
.chatbox-153-text {
  color: #E6C0B2;
}
/*----------------*/
.chatbox-154 {
  background-color: #DCA06D;
  border-left: 4px solid #B47F50;
}
.my_text.chatbox-154::before {
  border-left-color: #DCA06D;
}
.chatbox-154 .username,
.chatbox-154 .cdate {
  color: #5A341E;
}
.chatbox-154-text {
  color: #75492D;
}
/*----------------*/
.chatbox-155 {
  background-color: #222831;
  border-left: 4px solid #404957;
}
.my_text.chatbox-155::before {
  border-left-color: #222831;
}
.chatbox-155 .username,
.chatbox-155 .cdate {
  color: #A1B0BC;
}
.chatbox-155-text {
  color: #C0CFDC;
}
/*----------------*/
.chatbox-156 {
  background-color: #393E46;
  border-left: 4px solid #5B6573;
}
.my_text.chatbox-156::before {
  border-left-color: #393E46;
}
.chatbox-156 .username,
.chatbox-156 .cdate {
  color: #A7BBC7;
}
.chatbox-156-text {
  color: #C3D1DC;
}
/*----------------*/
.chatbox-157 {
  background-color: #948979;
  border-left: 4px solid #7A6D5E;
}
.my_text.chatbox-157::before {
  border-left-color: #948979;
}
.chatbox-157 .username,
.chatbox-157 .cdate {
  color: #E0D8C8;
}
.chatbox-157-text {
  color: #F1EAE0;
}
/*----------------*/
.chatbox-158 {
  background-color: #DFD0B8;
  border-left: 4px solid #BCA37A;
}
.my_text.chatbox-158::before {
  border-left-color: #DFD0B8;
}
.chatbox-158 .username,
.chatbox-158 .cdate {
  color: #5F4A34;
}
.chatbox-158-text {
  color: #715C43;
}
/*----------------*/
.chatbox-159 {
  background-color: #3C3D37;
  border-left: 4px solid #56564C;
}
.my_text.chatbox-159::before {
  border-left-color: #3C3D37;
}
.chatbox-159 .username,
.chatbox-159 .cdate {
  color: #C2C3B9;
}
.chatbox-159-text {
  color: #D6D7CD;
}
/*----------------*/
.chatbox-160 {
  background-color: #2C2C2C;
  border-left: 4px solid #464646;
}
.my_text.chatbox-160::before {
  border-left-color: #2C2C2C;
}
.chatbox-160 .username,
.chatbox-160 .cdate {
  color: #B8B8B8;
}
.chatbox-160-text {
  color: #D0D0D0;
}
/*----------------*/
.chatbox-161 {
  background-color: #F0A8D0;
  border-left: 4px solid #D47AB0;
}
.my_text.chatbox-161::before {
  border-left-color: #F0A8D0;
}
.chatbox-161 .username,
.chatbox-161 .cdate {
  color: #73234F;
}
.chatbox-161-text {
  color: #943165;
}
/*----------------*/
.chatbox-162 {
  background-color: #03A791;
  border-left: 4px solid #027F72;
}
.my_text.chatbox-162::before {
  border-left-color: #03A791;
}
.chatbox-162 .username,
.chatbox-162 .cdate {
  color: #E3F7F5;
}
.chatbox-162-text {
  color: #E3F7F5;
}
/*----------------*/
.chatbox-163 {
  background-color: #FFC6C6;
  border-left: 4px solid #D99F9F;
}
.my_text.chatbox-163::before {
  border-left-color: #FFC6C6;
}
.chatbox-163 .username,
.chatbox-163 .cdate {
  color: #702D2D;
}
.chatbox-163-text {
  color: #8B3A3A;
}
/*----------------*/
.chatbox-164 {
  background-color: #E4E0E1;
  border-left: 4px solid #BEBABB;
}
.my_text.chatbox-164::before {
  border-left-color: #E4E0E1;
}
.chatbox-164 .username,
.chatbox-164 .cdate {
  color: #5A5456;
}
.chatbox-164-text {
  color: #746C6F;
}
/*----------------*/
.chatbox-165 {
  background-color: #D6C0B3;
  border-left: 4px solid #B79F90;
}
.my_text.chatbox-165::before {
  border-left-color: #D6C0B3;
}
.chatbox-165 .username,
.chatbox-165 .cdate {
  color: #5A4437;
}
.chatbox-165-text {
  color: #745A4B;
}
/*----------------*/
.chatbox-166 {
  background-color: #AB886D;
  border-left: 4px solid #8F6D56;
}
.my_text.chatbox-166::before {
  border-left-color: #AB886D;
}
.chatbox-166 .username,
.chatbox-166 .cdate {
  color: #5C3F2B;
}
.chatbox-166-text {
  color: #735340;
}
/*----------------*/
.chatbox-167 {
  background-color: #FF0B55;
  border-left: 4px solid #C30941;
}
.my_text.chatbox-167::before {
  border-left-color: #FF0B55;
}
.chatbox-167 .username,
.chatbox-167 .cdate {
  color: #FAF0F5;
}
.chatbox-167-text {
  color: #FAF0F5;
}
/*----------------*/
.chatbox-168 {
  background-color: #DDF6D2;
  border-left: 4px solid #B0DFA2;
}
.my_text.chatbox-168::before {
  border-left-color: #DDF6D2;
}
.chatbox-168 .username,
.chatbox-168 .cdate {
  color: #466A3E;
}
.chatbox-168-text {
  color: #5C8751;
}
/*----------------*/
.chatbox-169 {
  background-color: #B0DB9C;
  border-left: 4px solid #8FC37D;
}
.my_text.chatbox-169::before {
  border-left-color: #B0DB9C;
}
.chatbox-169 .username,
.chatbox-169 .cdate {
  color: #416835;
}
.chatbox-169-text {
  color: #5A844A;
}
/*----------------*/
.chatbox-170 {
  background-color: #735557;
  border-left: 4px solid #5C4344;
}
.my_text.chatbox-170::before {
  border-left-color: #735557;
}
.chatbox-170 .username,
.chatbox-170 .cdate {
  color: #DEC9CB;
}
.chatbox-170-text {
  color: #EBD9DB;
}
/*----------------*/
.chatbox-171 {
  background-color: #213448;
  border-left: 4px solid #2E4D69;
}
.my_text.chatbox-171::before {
  border-left-color: #213448;
}
.chatbox-171 .username,
.chatbox-171 .cdate {
  color: #A9C2D8;
}
.chatbox-171-text {
  color: #C2D9EC;
}
/*----------------*/
.chatbox-172 {
  background-color: #547792;
  border-left: 4px solid #395968;
}
.my_text.chatbox-172::before {
  border-left-color: #547792;
}
.chatbox-172 .username,
.chatbox-172 .cdate {
  color: #D0DFE8;
}
.chatbox-172-text {
  color: #E3EFF7;
}
/*----------------*/
.chatbox-173 {
  background-color: #94B4C1;
  border-left: 4px solid #6E8D9A;
}
.my_text.chatbox-173::before {
  border-left-color: #94B4C1;
}
.chatbox-173 .username,
.chatbox-173 .cdate {
  color: #2C4855;
}
.chatbox-173-text {
  color: #3E5E6D;
}
/*----------------*/
.chatbox-174 {
  background-color: #F14A00;
  border-left: 4px solid #C43A00;
}
.my_text.chatbox-174::before {
  border-left-color: #F14A00;
}
.chatbox-174 .username,
.chatbox-174 .cdate {
  color: #FFF0E6;
}
.chatbox-174-text {
  color: #FFE4D3;
}
/*----------------*/
.chatbox-175 {
  background-color: #533B4D;
  border-left: 4px solid #3E2A3A;
}
.my_text.chatbox-175::before {
  border-left-color: #533B4D;
}
.chatbox-175 .username,
.chatbox-175 .cdate {
  color: #EAD6E0;
}
.chatbox-175-text {
  color: #DCC2CF;
}
/*----------------*/
.chatbox-176 {
  background-color: #F564A9;
  border-left: 4px solid #C94F89;
}
.my_text.chatbox-176::before {
  border-left-color: #F564A9;
}
.chatbox-176 .username,
.chatbox-176 .cdate {
  color: #1C0D22;
}
.chatbox-176-text {
  color: #1C0D22;
}
/*----------------*/
.chatbox-177 {
  background-color: #B9B4C7;
  border-left: 4px solid #918AA2;
}
.my_text.chatbox-177::before {
  border-left-color: #B9B4C7;
}
.chatbox-177 .username,
.chatbox-177 .cdate {
  color: #342E4B;
}
.chatbox-177-text {
  color: #342E4B;
}
/*----------------*/
.chatbox-178 {
  background-color: #FAE3C6;
  border-left: 4px solid #D9C0A1;
}
.my_text.chatbox-178::before {
  border-left-color: #FAE3C6;
}
.chatbox-178 .username,
.chatbox-178 .cdate {
  color: #5A341B;
}
.chatbox-178-text {
  color: #5A341B;
}
/*----------------*/
.chatbox-179 {
  background-color: #7F55B1;
  border-left: 4px solid #623F8D;
}
.my_text.chatbox-179::before {
  border-left-color: #7F55B1;
}
.chatbox-179 .username,
.chatbox-179 .cdate {
  color: #E3D6FA;
}
.chatbox-179-text {
  color: #E3D6FA;
}
/*----------------*/
.chatbox-180 {
  background-color: #9B7EBD;
  border-left: 4px solid #7D62A1;
}
.my_text.chatbox-180::before {
  border-left-color: #9B7EBD;
}
.chatbox-180 .username,
.chatbox-180 .cdate {
  color: #F0E9FF;
}
.chatbox-180-text {
  color: #F0E9FF;
}
/*----------------*/
.chatbox-181 {
  background-color: #F49BAB;
  border-left: 4px solid #D87E90;
}
.my_text.chatbox-181::before {
  border-left-color: #F49BAB;
}
.chatbox-181 .username,
.chatbox-181 .cdate {
  color: #25131A;
}
.chatbox-181-text {
  color: #25131A;
}
/*----------------*/
.chatbox-182 {
  background-color: #FFE1E0;
  border-left: 4px solid #E0B5B4;
}
.my_text.chatbox-182::before {
  border-left-color: #FFE1E0;
}
.chatbox-182 .username,
.chatbox-182 .cdate {
  color: #6E2F2C;
}
.chatbox-182-text {
  color: #6E2F2C;
}
/*----------------*/
.chatbox-183 {
  background-color: #F1EFEC;
  border-left: 4px solid #CFCBC5;
}
.my_text.chatbox-183::before {
  border-left-color: #F1EFEC;
}
.chatbox-183 .username,
.chatbox-183 .cdate {
  color: #3E3B36;
}
.chatbox-183-text {
  color: #3E3B36;
}
/*----------------*/
.chatbox-184 {
  background-color: #D4C9BE;
  border-left: 4px solid #B2A89A;
}
.my_text.chatbox-184::before {
  border-left-color: #D4C9BE;
}
.chatbox-184 .username,
.chatbox-184 .cdate {
  color: #3E3730;
}
.chatbox-184-text {
  color: #3E3730;
}
/*----------------*/
.chatbox-185 {
  background-color: #123458;
  border-left: 4px solid #0C253F;
}
.my_text.chatbox-185::before {
  border-left-color: #123458;
}
.chatbox-185 .username,
.chatbox-185 .cdate {
  color: #C0DCF2;
}
.chatbox-185-text {
  color: #C0DCF2;
}
/*----------------*/
.chatbox-186 {
  background-color: #030303;
  border-left: 4px solid #1A1A1A;
}
.my_text.chatbox-186::before {
  border-left-color: #030303;
}
.chatbox-186 .username,
.chatbox-186 .cdate {
  color: #D9D9D9;
}
.chatbox-186-text {
  color: #D9D9D9;
}
/*----------------*/
.chatbox-187 {
  background-color: #222831;
  border-left: 4px solid #3A404D;
}
.my_text.chatbox-187::before {
  border-left-color: #222831;
}
.chatbox-187 .username,
.chatbox-187 .cdate {
  color: #D6D6D6;
}
.chatbox-187-text {
  color: #D6D6D6;
}
/*----------------*/
.chatbox-188 {
  background-color: #393E46;
  border-left: 4px solid #555C66;
}
.my_text.chatbox-188::before {
  border-left-color: #393E46;
}
.chatbox-188 .username,
.chatbox-188 .cdate {
  color: #D6D6D6;
}
.chatbox-188-text {
  color: #D6D6D6;
}
/*----------------*/
.chatbox-189 {
  background-color: #948979;
  border-left: 4px solid #7B6E5F;
}
.my_text.chatbox-189::before {
  border-left-color: #948979;
}
.chatbox-189 .username,
.chatbox-189 .cdate {
  color: #F1EDE6;
}
.chatbox-189-text {
  color: #F1EDE6;
}
/*----------------*/
.chatbox-190 {
  background-color: #DFD0B8;
  border-left: 4px solid #BCA27F;
}
.my_text.chatbox-190::before {
  border-left-color: #DFD0B8;
}
.chatbox-190 .username,
.chatbox-190 .cdate {
  color: #5C4F3D;
}
.chatbox-190-text {
  color: #3D3226;
}
/*----------------*/
.chatbox-191 {
  background-color: #3D0301;
  border-left: 4px solid #66110D;
}
.my_text.chatbox-191::before {
  border-left-color: #3D0301;
}
.chatbox-191 .username,
.chatbox-191 .cdate {
  color: #FFB3B3;
}
.chatbox-191-text {
  color: #FFB3B3;
}
/*----------------*/
.chatbox-192 {
  background-color: #B03052;
  border-left: 4px solid #8E2642;
}
.my_text.chatbox-192::before {
  border-left-color: #B03052;
}
.chatbox-192 .username,
.chatbox-192 .cdate {
  color: #FFD6E1;
}
.chatbox-192-text {
  color: #FFC0D0;
}
/*----------------*/
.chatbox-193 {
  background-color: #D76C82;
  border-left: 4px solid #B14E65;
}
.my_text.chatbox-193::before {
  border-left-color: #D76C82;
}
.chatbox-193 .username,
.chatbox-193 .cdate {
  color: #5A1F31;
}
.chatbox-193-text {
  color: #5A1F31;
}
/*----------------*/
.chatbox-194 {
  background-color: #EBE8DB;
  border-left: 4px solid #C4C0AD;
}
.my_text.chatbox-194::before {
  border-left-color: #EBE8DB;
}
.chatbox-194 .username,
.chatbox-194 .cdate {
  color: #5C5A50;
}
.chatbox-194-text {
  color: #3F3D37;
}
/*----------------*/
.chatbox-195 {
  background-color: #A86523;
  border-left: 4px solid #814E1C;
}
.my_text.chatbox-195::before {
  border-left-color: #A86523;
}
.chatbox-195 .username,
.chatbox-195 .cdate {
  color: #E6C07A;
}
.chatbox-195-text {
  color: #E6C07A;
}
/*----------------*/
.chatbox-196 {
  background-color: #E9A319;
  border-left: 4px solid #C08012;
}
.my_text.chatbox-196::before {
  border-left-color: #E9A319;
}
.chatbox-196 .username,
.chatbox-196 .cdate {
  color: #261202;
}
.chatbox-196-text {
  color: #261202;
}
/*----------------*/