@import https://fonts.googleapis.com/css?family=Noto+Naskh+Arabic+UI;
@import https://fonts.googleapis.com/css?family=Noto+Kufi+Arabic;
.in_room_name,.page_drop_text,.page_menu_text,.toplist_name{
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle;
    overflow:hidden
}
.in_room_icon,.profile_close{
    font-size:20px;
    text-align:center
}
.over2,.over3,.over_pro{
    pointer-events:none
}
.bcell_mid_center,.centered_element,.in_room_icon,.profile_close,.tcenter{
    text-align:center
}
#submit_button,.sub_gift .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:noto kufi arabic,sans-serif,trebuchet ms,lucida grande,lucida sans unicode,arial,helvetica,sans-serif;
    line-height:1.2
}
.boy,.sex-boy{
    border-color:#2px solid #03add8
}
.girle,.sex-girl{
    border-color:#2px solid #f9f
}
.other,.sex-other{
    border:2px solid #ccc
}
.seenn{
    background:#ffe6f2;
    color:#330019
}
.profile_close{
    display:table-cell;
    vertical-align:middle;
    position:absolute;
    top:0;
    right:0;
    padding:8px 15px;
    margin:0 auto;
    z-index:2;
    cursor:pointer
}
.toplist_avatar,.toplist_avatar2{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.toplist_avatar{
    position:relative;
    width:70px;
    height:70px
}
.toplist_avatar2{
    position:relative;
    width:48px;
    height:48px
}
.topav_default{
    margin-left:15px
}
.topav_circle{
    border-radius:50%;
    display:block;
    width:36px;
    height:36px
}
.toplist_name{
    display:table-cell;
    padding:0 5px
}
.in_room_element,.toplist_item2{
    display:table;
    table-layout:fixed;
    width:100%
}
input{
    -webkit-user-select:text
}
.toplist_item2{
    padding:10px 5px 5px;
    margin-bottom:5px;
    height:64px
}
.in_room_element{
    height:40px;
    cursor:pointer
}
.in_room_name,.page_drop_text,.page_menu_text{
    display:table-cell
}
.in_room_count{
    width:65px;
    padding:5px
}
.in_room_icon{
    width:40px;
    position:relative
}
.in_room_count,.in_room_icon{
    vertical-align:middle;
    display:table-cell
}
.noview{
    background:#2b2b2b12
}
.glens{
    height:50px
}
.chat_system{
    color:#000
}
.inline{
    display:inline!important
}
.iblock{
    display:inline-block
}
.flexcenter,.my_text2{
    display:table-cell
}
.chat_avatar{
    width:23px
}
.icon_action{
    display:inline-block;
    margin:0 3px;
    font-size:12px;
    width:16px;
    color:#9b9b9b
}
/*.other_logs{*/
/*    padding:7px 8px*/
/*}*/
.back_chat{
    /*background:#ededed;*/
    color:#000
}
.quiz_bad span,.quiz_good span,.quiz_hint span,.quiz_question span,.send_btn{
    color:#fff
}
#disabled_content,#main_input,#main_load_content{
    height:38px;
    width:100%
}
#main_header,#my_menu,#page_wrapper,.btable_height,.input_table,.intro_social_btn,.out_page_container,.page_drop_item,.page_full,.page_menu_item,.split,.ulist_item,.user_item,.warning_box{
    table-layout:fixed
}
.main_item{
    width:38px;
    height:100%;
    font-size:20px;
    display:table-cell;
    position:relative
}
#submit_button{
    width:100%;
    float:right;
    height:100%!important;
    box-shadow:none!important;
    padding:0;
    border:none!important;
    font-size:16px
}
.send_btn{
    border-radius:100px;
    background:#222
}
#emo_item{
    /*padding:0;*/
    /*top:6px;*/
    /*width:auto;*/
    /*height:26px*/
}
#emo_item,#emo_item_priv,.prev_right_btn{
    /*right:12px;*/
    /*position:absolute*/
}
#content,#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:HelveticaNeue,noto kufi arabic,Arial,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:12px
}
.selectboxit-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important
}
.pdetails_icon{
    display:table-cell;
    vertical-align:middle;
    width:22px
}
#large_modal,#small_modal{
    -webkit-tap-highlight-color:transparent
}
.modal_back{
    backdrop-filter:blur(3px)
}
.in_room_element{
    border-bottom:1px solid #e2e2e2
}
.chat_video_container_old{
    width:173px;
    max-width:100%!important;
    position:relative;
    margin-top:5px
}
.bg_pro_cover{
    display:table;
    width:100%;
    position:relative;
    height:inherit;
    transition:1.5s
}
.border_bottom,.box_title,.list_element,.listing_element,.panel_bar,.post_element,.ulist_item,.user_item{
    border-bottom:1px solid #ededed
}
.pro_title{
    padding-bottom:3px
}
.text_small{
    font-size:13px
}
.listing_element{
    padding:5px 0
}
.aclist:first-child,.avitem:first-child,.background_reply:first-child,.elem_in:first-child,.list_element:first-child,.listing_element:first-child,.page_drop_item:first-child,.panel_list:first-child,.post_element:first-child,.status_option:first-child,.sub_list:first-child,.sub_list_item:first-child,.sub_menu_item:first-child,.ulist_item:first-child{
    border-top:none!important
}
.aclist:last-child,.avitem:last-child,.background_reply:last-child,.elem_in:last-child,.list_element:last-child,.listing_element:last-child,.page_drop_item:last-child,.panel_list:last-child,.post_element:last-child,.status_option:last-child,.sub_list:last-child,.sub_list_item:last-child,.sub_menu_item:last-child,.ulist_item:last-child,.user_item:last-child{
    border-bottom:none!important
}
.avatar_spin{
    border:none
}
.round5,.sub_gift{
    border-radius:5px
}
.my_notice{
    background:#000000;
    color:#fff;
    /*padding:0*/
}

::-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:monospace;
    font-size:14px;
    line-height:1.5;
    padding:10px;
    border:none;
    border-radius:0;
    background-color:#1e1e1e;
    color:#fff;
    width:100%;
    height:100%;
    resize:none;
    direction:ltr;
    text-align:left
}
.backup-card{
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
    margin-bottom:15px;
    padding:20px 10px;
    overflow:hidden;
    border:1px solid #ddd
}
.backup-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap
}
.backup-date{
    font-size:14px;
    color:#333;
    white-space:nowrap
}
.btn{
    padding:10px 20px;
    font-size:12px;
    border:none;
    border-radius:4px;
    cursor:pointer;
    transition:background-color .3s
}
.btn-primary{
    background-color:#007bff;
    color:#fff
}
.btn-primary:hover{
    background-color:#0056b3
}
.no-backup{
    padding:10px;
    background:#fff;
    border-radius:8px;
    border:1px solid #ddd;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
    text-align:center;
    color:#333;
    margin-top:15px
}
/*molok*/
.user_stage {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px;
    font-weight: 600;
    padding: 1px 3px;
    border-radius: 0 25px 25px 25px;
    text-align: center;
}
.user_stage {
        color: white;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 8px;
        font-weight: 600;
        padding: 1px 3px;
        border-radius: 0 25px 25px 25px;
        text-align: center;
}
.user_stage123 {
    color: white;
    position: absolute;
    top: 40px;
    left: 0px;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 3px;
    border-radius: 0px 0px 100px 100px;
    text-align: center;
    border: solid 1px #ffffff;
    box-shadow: #6666662b 0px 4px 0px 0px;
    width: 48px;
}
/* .ch_logs {*/
/*    padding: 4px;*/
/*    word-wrap: break-word;*/
/*    display:table;*/
/*    width:100%;*/
/*    table-layout:fixed;*/
/*    max-width:100%;*/
/*    overflow:hidden;*/
/*    cursor:pointer;*/
/*    border: 1px solid #ffffff;*/
/*    margin-top: 2px;*/
/*}*/

/*.over_log{*/
/*    position:absolute;*/
/*    z-index:1;*/
/*    left:-1px;*/
/*    pointer-events:none*/
/*}*/
/*.ati_logs{*/
/*    display:table-cell;*/
/*    vertical-align:middle;*/
/*    width:27px;*/
/*    height:27px;*/
/*    position:relative*/
/*}*/
/*.av_logs{*/
/*    width:27px;*/
/*    height:27px;*/
/*    border-radius:50%;*/
/*    display:block;*/
/*    cursor:pointer*/
/*}*/


 .ameer_text{height:auto;text-align:center;color:#f0f8ff!important;font-size:11px}.ameer_text{text-align:center;color:#daa25e}.overlay-ribbon{position:absolute;width:13em;height:14em;z-index:9999;top:0;right:2%;background:#2ec4b6;padding:5px 0;background-image:-ms-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-moz-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-o-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-webkit-gradient(radial,center top,0,center top,487,color-stop(0,#cbf3f0),color-stop(1,#2ec4b6));background-image:-webkit-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:radial-gradient(circle farthest-side at center top,#cbf3f0 0%,#2ec4b6 100%);-webkit-box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);-moz-box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;animation:slidein 3s ease-in-out forwards}.ribbon-content{z-index:99999;position:relative;margin:0 5px}.ribbon-content h3{margin:0;padding:5px 0 5px 0;line-height:16px;font-family:'Hammersmith One',sans-serif;color:#24505a;text-align:center}.ribbon-content > p,.ribbon-content > p span{color:#24505a;margin:0;padding:0}.ribbon-content p span{display:block}.close-x{position:absolute;top:5px;right:5px;z-index:99}.close-x a:link,.close-x a:visited{background:#2ec4b6;color:#fff;padding:0 4px;font-weight:normal;text-decoration:none}.close-x a:hover{background:#ff9f1c}.overlay-ribbon:before{content:"";position:absolute;bottom:-9em;left:0;width:0;height:0;border-top:10em solid #2ec4b6;border-right:10em solid transparent;z-index:997}.overlay-ribbon:after{content:"";position:absolute;bottom:-9em;right:0;width:0;height:0;border-top:10em solid #2ec4b6;border-left:10em solid transparent;z-index:998}.slideout{animation:slideout 1s ease-in-out forwards}@-webkit-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-o-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-moz-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-webkit-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@-o-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@-moz-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}} 
 /* your custom style here */
/*radio*/
.input_fasts {
    position: absolute;
    bottom: 49px;
    right: 0;
    flex-direction: column-reverse;
    cursor: pointer;
    text-align: center;
    display: flex;
}
.inputfast {
    background: linear-gradient(#fff,#d8e2eb);
    border-radius: 7px;
    padding: 9px;
}
.help_item{
	background:linear-gradient(to top,#000046,#1cb5e0);font-family:lemonada; border-radius: 3px;padding: 2px 10px; margin-top: 5px; display: inline-block;color: #ffffff;font-weight: bold; font-size: 10px;
}
.help_head{
	margin: 3px;
    text-align: center;
    padding-top: 4px;
    border: 1px dashed red;
    border-radius: 7px;
    padding-bottom: 4px;
}
.default_btn_custom {
    background: linear-gradient(#ffffffd4,#d7a8a8);
    color: #000;
	border-radius: 9px;
}
.input_item50{

    color: #232222;
}

/* your custom style here */
.my_text::before {
    content:" ";
    position:absolute;
    right:-19px;
    top:12px;
    color:#fff;
    width:0;
    height:0;
    border:10px solid #000;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent
}
/*color_app_text*/

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

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

.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-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
}
.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-lavender-text {
     color:#000000
}
 .chatbox-black1-text {
    color:#ffffef
}
 .chatbox-Seashell-text {
    color:#ab12a6
}    
  .chatbox-lavender-text {
     color:#000000
}
 .chatbox-maroon-text {
     color: #ffffef
}
 .chatbox-gray-text {
     color:#ffffef
} 
 .chatbox-mediumseagreen-text {
    color:#ffffef
 
}
 .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:#000000
}
.chatbox-Salmon-text {
   color:#ffffef
}
.chatbox-res-text {
   color:#000000
}
.chatbox-flower-text {
    color:#000000
}
.chatbox-Tan-text {
    color:#e36593
} 
 .chatbox-Gray98-text {
   color:#000000
 }
  .chatbox-Opal-text {
   color:#000000
  }  



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