@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:35px;
    height:35px;
    align-items:center;
    justify-content:center
}
.small_av{
    height:32px!important;
    width:32px!important
}
/*.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
}
/*yomak*/

/* your custom style here */
@import url(https://fonts.googleapis.com/css?family=Noto+Naskh+Arabic+UI);
@import url(https://fonts.googleapis.com/css?family=Noto+Kufi+Arabic);
body{
  font-family:noto kufi arabic,sans-serif,trebuchet ms,lucida grande,lucida sans unicode,arial,helvetica,sans-serif
}
.chat_message{
  font-family:HelveticaNeue,noto kufi arabic,Arial,sans-serif
}

.boy {border:2px solid #03add8;}
.girle {border:2px solid #f9f;}
.other {border:2px solid #ccc;}
.Arabic1,.Arabic10,.Arabic11,.Arabic12,.Arabic13,.Arabic14,.Arabic15,.Arabic16,.Arabic17,.Arabic18,.Arabic19,.Arabic2,.Arabic20,.Arabic21,.Arabic22,.Arabic23,.Arabic24,.Arabic25,.Arabic26,.Arabic27,.Arabic28,.Arabic29,.Arabic3,.Arabic30,.Arabic31,.Arabic32,.Arabic33,.Arabic34,.Arabic35,.Arabic36,.Arabic37,.Arabic38,.Arabic39,.Arabic4,.Arabic40,.Arabic41,.Arabic42,.Arabic43,.Arabic44,.Arabic45,.Arabic46,.Arabic47,.Arabic48,.Arabic49,.Arabic5,.Arabic50,.Arabic51,.Arabic52,.Arabic53,.Arabic54,.Arabic6,.Arabic7,.Arabic8,.Arabic9{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;-webkit-background-clip:text;color:transparent;background-size:100% 100%}.Arabic1{background-image:url(../default_images/lens/1.gif)}.Arabic2{background-image:url(../default_images/lens/2.gif)}.Arabic3{background-image:url(../default_images/lens/3.gif)}.Arabic4{background-image:url(../default_images/lens/4.gif)}.Arabic5{background-image:url(../default_images/lens/5.gif)}.Arabic6{background-image:url(../default_images/lens/6.gif)}.Arabic7{background-image:url(../default_images/lens/7.gif)}.Arabic8{background-image:url(../default_images/lens/8.gif)}.Arabic9{background-image:url(../default_images/lens/9.gif)}.Arabic10{background-image:url(../default_images/lens/10.gif)}.Arabic11{background-image:url(../default_images/lens/11.gif)}.Arabic12{background-image:url(../default_images/lens/12.gif)}.Arabic13{background-image:url(../default_images/lens/13.gif)}.Arabic14{background-image:url(../default_images/lens/14.gif)}.Arabic15{background-image:url(../default_images/lens/15.gif)}.Arabic16{background-image:url(../default_images/lens/16.gif)}.Arabic17{background-image:url(../default_images/lens/17.gif)}.Arabic18{background-image:url(../default_images/lens/18.gif)}.Arabic19{background-image:url(../default_images/lens/19.gif)}.Arabic20{background-image:url(../default_images/lens/20.gif)}.Arabic21{background-image:url(../default_images/lens/21.gif)}.Arabic22{background-image:url(../default_images/lens/22.gif)}.Arabic23{background-image:url(../default_images/lens/23.gif)}.Arabic24{background-image:url(../default_images/lens/24.gif)}.Arabic25{background-image:url(../default_images/lens/25.gif)}.Arabic26{background-image:url(../default_images/lens/26.gif)}.Arabic27{background-image:url(../default_images/lens/27.gif)}.Arabic28{background-image:url(../default_images/lens/28.gif)}.Arabic29{background-image:url(../default_images/lens/29.gif)}.Arabic30{background-image:url(../default_images/lens/30.gif)}.Arabic31{background-image:url(../default_images/lens/31.gif)}.Arabic32{background-image:url(../default_images/lens/32.gif)}.Arabic33{background-image:url(../default_images/lens/33.gif)}.Arabic34{background-image:url(../default_images/lens/34.gif)}.Arabic35{background-image:url(../default_images/lens/35.gif)}.Arabic36{background-image:url(../default_images/lens/36.gif)}.Arabic37{background-image:url(../default_images/lens/37.gif)}.Arabic38{background-image:url(../default_images/lens/38.gif)}.Arabic39{background-image:url(../default_images/lens/39.gif)}.Arabic40{background-image:url(../default_images/lens/40.gif)}.Arabic41{background-image:url(../default_images/lens/41.gif)}.Arabic42{background-image:url(../default_images/lens/42.gif)}.Arabic43{background-image:url(../default_images/lens/43.gif)}.Arabic44{background-image:url(../default_images/lens/44.gif)}.Arabic45{background-image:url(../default_images/lens/45.gif)}.Arabic46{background-image:url(../default_images/lens/46.gif)}.Arabic47{background-image:url(../default_images/lens/47.gif)}.Arabic48{background-image:url(../default_images/lens/48.gif)}.Arabic49{background-image:url(../default_images/lens/49.gif)}.Arabic50{background-image:url(../default_images/lens/50.gif)}.Arabic51{background-image:url(../default_images/lens/51.gif)}.Arabic52{background-image:url(../default_images/lens/52.gif)}.Arabic53{background-image:url(../default_images/lens/53.gif)}.Arabic54{background-image:url(../default_images/lens/54.gif)}
body{
  line-height: 1.2;
}
.list_online {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
}
.status_user_list {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 28px
    }
    .status_mun {
            width: 40px
        }
.toplist_avatar,.toplist_avatar2{display:table-cell;vertical-align:middle;text-align:center}.over{top:0}.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding:0 5px}input{-webkit-user-select:text}
.toplist_item2 {
  width: 100%;
  height: auto;
  table-layout: fixed;
  display: table;
  padding: 5px;
  margin-bottom: 5px;
  height: 64px;
  padding-top: 10px;
}
.glens {height: 50px;}
.chat_system{color:#000;}
.inline{display:inline!important}
.iblock{display:inline-block}
.flexcenter,.my_text2{display:table-cell;vertical-align:middle}
.chat_avatar,.private_avatar{vertical-align:top;display:table-cell}
.chat_avatar{width:40px}
.absolute_center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
.ex_levels {
    position: absolute;
    right: 0;
    /* left: -4px; */
    margin: 0 auto;
    top: 40px;
    width: 21px;
    text-align: center;
    color: #ffffff;
    border-radius: 2px;
    font-size: 8px;
}
.user_item_frame_avatar_new {
  display: table-cell;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  position: relative
}

.user_item_frame_inner {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: block;
  cursor: pointer
}
.under-10 {
    background: #03add8;
}

.under-20 {
    background: #0327d8;
}

.under-30 {
    background: #d803c8;
}

.under-40 {
    background: #d8035b;
}

.under-50 {
    background: #03d8b1;
}

.under-60 {
    background: #129810;
}

.under-70 {
    background: #981010;
}

.under-80 {
    background: #9a603e;
}

.under-90 {
    background: #949019;
}

.under-100 {
    background: #ff43b4;
}

.reach-100 {
    background: #d67701;
}

.border-10 {
    border: 2px solid #03add8;
}

.border-20 {
    border: 2px solid #0327d8;
}

.border-30 {
    border: 2px solid #d803c8;
}

.border-40 {
    border: 2px solid #d8035b;
}

.border-50 {
    border: 2px solid #03d8b1;
}

.border-60 {
    border: 2px solid #129810;
}

.border-70 {
    border: 2px solid #981010;
}

.border-80 {
    border: 2px solid #9a603e;
}

.border-90 {
    border: 2px solid #949019;
}

.border-100 {
    border: 2px solid #ff43b4;
}

.reachborder-100 {
    border: 2px solid #d67701;
}
.overlist {
  position: absolute;
  z-index: 1;
  left: 0;
}
.ul_fr_bg {
  width: 46px;
  top: -6px;
}
.ul_fr_av {
  left: 5px;
  top: 5px;
}
.under {
  position: absolute
}

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

.over2 {
  position: absolute;
  z-index: 1;
  left: -4px;
  pointer-events: none
}

.flexcenter {
  display: table-cell;
  vertical-align: top;
  text-align: center
}
 .prev_right_btn {
    right: 9px;
    position: absolute;
}

.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: 0px;
  top: 4px;
}
.ch_fr_bg{
  width: 38px;
  top: -5px;
}

.over_pro {
  position: absolute;
  z-index: 1;
  left: 0;
  pointer-events: none
}
.avatar_profile_round {
  width: 100px;
  height: auto;
  cursor: pointer;
  display: block;
  border-radius: 100px;
  top: 30px;
  left: 14px;
}
#warp_show_chat,.avatar_private,.ch_logs,.chat_avatar img,.cname,.cname .username,.show_reply{overflow:hidden;}

#main_input, #disabled_content, #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;
    font-weight: 700;
    box-shadow: none!important;
    padding: 0;
    border: none!important;
    font-size: 16px;
}
.send_btn {
    color: #fff;
	border-radius: 100px;
    background: #222;
}

.chat_avatar,.private_avatar{vertical-align:top;display:table-cell}
.chat_avatar{width:35px;
padding: 7px;
    
}

.ulist_tag{width:100%;border-top-right-radius:50px;border-bottom-left-radius:50px;border:2px solid #fff;box-shadow:0 0 4px rgb(100,100,100,5)}
.ulist_intag{display:table;table-layout:fixed;width:100%;padding:5px 10px}
.ulist_ticon{display:table-cell;vertical-align:middle;width:30px;font-size:18px;text-align:center}
.ulist_ticon img{width:25px;height:25px;display:block;margin:0 auto}
.ulist_tdata{display:table-cell;vertical-align:middle;padding:0 8px;text-align:center}
.ulist_ttitle{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.ulist_dj{
    background: linear-gradient(5deg, #000,#612bf5);
    color: #fff;
}
.ulist_owner{
    background: linear-gradient(to bottom, #ffb300 0%,#aa4800 60%);
    color: #fff;
}
.ulist_superadmin{
    background: linear-gradient(to left, #000,#a00);
    color: #fff;
}
.ulist_admin{
    background: linear-gradient(to right, #000,#000991);
    color: #fff;
}
.ulist_moderator{
    background: linear-gradient(to top, #000,#6b6b6b);
    color: #fff;
}
.ulist_vip{
    background: linear-gradient(to top, #000,#009ece);
    color: #fff;
}
.ulist_bot{
    background: #009b20;
    color: #fff;
}
.ulist_normal{
    background: #424242;
    color: #fff;
}
.ulist_offline{
    background: #000;
    color: red;
}
.youtube_video {
    width: 130px;
    height: 70px;
    position: relative;
    margin-top: 5px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer
}

.youtube_img {
    height: 113px;
    width: 100%
}

/* ------------------------------------------------------------ */
/* your custom style here */
img.mySmile {
    height: 33px;
    position: absolute;
    margin-left: 5px;
    margin-top: -7px
}

div.gift-container img {
    padding: 14px 8px 8px;
    height: auto;
    width: 80px;
    height: 80px
}

div.gift-desc {
    padding: 10px 8px;
    text-align: center;
    background: #069;
    font-size: 17px;
    color: #fff
}
 .user_stage { color: white; position: absolute; top: 0; left: 0; font-size: 8px; padding: 1px 2px; border-radius: 25px; text-align: center; z-index: 2; } 
.gift-responsive {
    padding: 6px;
    float: left;
    width: 80%
}

@media only screen and (max-width: 700px) {
    .gift-responsive {
        width: 28%;
        margin: 6px 0
    }
}

@media only screen and (max-width: 500px) {
    .gift-responsive {
        width: 28%
    }
}

.gift-container {
    border: 1px solid #069;
    text-align: center;
    cursor: pointer
}

div.gift-container img {
    height: 65px;
    width: 65px
}

.frame-container {
    border: 1px solid #ccc;
    text-align: center
}

div.frame-container img {
    height: 100px;
    width: 100px
}

.frame-responsive {
    padding: 6px;
    float: left;
    width: 100%
}

@media only screen and (max-width: 700px) {
    .frame-responsive {
        width: 46%;
        margin: 6px 0
    }
}

@media only screen and (max-width: 500px) {
    .frame-responsive {
        width: 46%
    }
}
.absolute_center{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.prev_left_btn,.prev_right_btn{bottom:5px;font-size:16px;width:40px;height:40px;}
.prev_left_btn {
    left: 10px;
    position: absolute;
}
/*---------------------------------------------------------------------------*/
.my_profi8le_top, .admin_pro7file_top {
    height: 240px
}

.my_profil7e_name {
    vertical-align: top
}

.em7o_chat {
    height: auto
}

.firs8t {
    padding-left: 665
}

/* for marquee in the top */
.secon7d {
}

/* for marquee in the top */
bo7dy {
    font-size: 13px
}

.avat7ar_button {
    width: 32%
}

/* -------------------- Users Titles -------------------------- */
.ch_logs {
    padding: 8px;
    word-wrap: break-word;
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 100%;
    overflow: hidden;
    /*padding: 4px;*/
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #8c5689;
    border-radius: 5px;
    margin-top: 3px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: solid #8c0500;
    border-left-width:3px;border:1px solid #e8daef;
    border-radius: 5px;
    margin-top: 3px
}

.ch_logs.log2 {
    border-left: solid #566573;
    border-left-width: 3px
}

/* ------------------------------------------------------------ */
.border-level {
    color: white;
    position: absolute;
    top: 27px;
    right: 0;
    font-size: 9pt;
    font-weight: 600;
    padding: 0 3px;
    border-radius: 27%;
    backgro8und: #012832
}

.onair_u {
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(208, 233, 177) 100%)
}

.mase1_u {
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(163, 217, 230) 100%)
}

.stars_u {
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(255, 177, 216) 100%)
}

.golden_u {
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(208, 233, 177) 100%)
}

.online_u {
    background: linear-gradient(to right, rgb(249, 249, 249) 0%, rgb(201, 203, 243) 100%)
}

.offline_u {
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(255, 168, 168, 1) 100%)
}

/* ------------------------------------------------------------ */
/* -------------------- killowave Colors -------------------------- */
/* ------------------------------------------------------------ */
.move1 {
    background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(255, 0, 0) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(255, 0, 0) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move2 {
    background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(255, 196, 0) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(255, 196, 0) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move3 {
    background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(0, 195, 255) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(0, 195, 255) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move4 {
    background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(0, 255, 115) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(0, 255, 115) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move5 {
    background-image: repeating-linear-gradient(-45deg, rgb(255, 0, 255) 3%, rgb(255, 0, 255) 12.4%, rgb(1, 1, 1) 21.8%, rgb(255, 0, 255) 31.2%, rgb(1, 1, 1) 40.6%, rgb(255, 0, 255) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move6 {
    background-image: repeating-linear-gradient(-45deg, rgb(47, 11, 58) 3%, rgb(47, 11, 58) 18.6667%, rgb(190, 129, 247) 34.3333%, rgb(47, 11, 58) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

.prograd1,
.pgrad1 {
    background: linear-gradient(to top, #f33, #800000)!important;
    
}

.prograd2,
.pgrad2 {
    background: linear-gradient(to top, #f63, #4d1300)!important;
    
}

.prograd3,
.pgrad3 {
    background: linear-gradient(to top, #f93, #4d2600)!important;
    
}

.prograd4,
.pgrad4 {
    background: linear-gradient(to top, #fc3, #806000)!important;
    
}

.prograd5,
.pgrad5 {
    background: linear-gradient(to top, #cc0, #4d4d00)!important;
    
}

.prograd6,
.pgrad6 {
    background: linear-gradient(to top, #9c0, #394d00)!important;
    
}

.prograd7,
.pgrad7 {
    background: linear-gradient(to top, #59b300, #264d00)!important;
    
}

.prograd8,
.pgrad8 {
    background: linear-gradient(to top, #829356, #2b301c)!important;
    
}

.prograd9,
.pgrad9 {
    background: linear-gradient(to top, #008000, #001a00)!important;
    
}

.prograd10,
.pgrad10 {
    background: linear-gradient(to top, #00e639, #00330d)!important;
    
}

.prograd11,
.pgrad11 {
    background: linear-gradient(to top, #00e673, #063)!important;
    
}

.prograd12,
.pgrad12 {
    background: linear-gradient(to top, #00e6ac, #004d39)!important;
    
}

.prograd13,
.pgrad13 {
    background: linear-gradient(to top, #0cc, #004d4d)!important;
    
}

.prograd14,
.pgrad14 {
    background: linear-gradient(to top, #03add8, #013d4b)!important;
    
}

.prograd15,
.pgrad15 {
    background: linear-gradient(to top, #36f, #002080)!important;
    
}

.prograd16,
.pgrad16 {
    background: linear-gradient(to top, #107896, #073845)!important;
    
}

.prograd17,
.pgrad17 {
    background: linear-gradient(to top, #004d99, #66b3ff)!important;
    
}

.prograd18,
.pgrad18 {
    background: linear-gradient(to top, #63f, #c6b3ff)!important;
    
}

.prograd19,
.pgrad19 {
    background: linear-gradient(to top, #93f, #d9b3ff)!important;
    
}

.prograd20,
.pgrad20 {
    background: linear-gradient(to top, #c3f, #ecb3ff)!important;
    
}

.prograd21,
.pgrad21 {
    background: linear-gradient(to top, #f3f, #ffb3ff)!important;
    
}

.prograd22,
.pgrad22 {
    background: linear-gradient(to top, #f3c, #ff99e6)!important;
    
}

.prograd23,
.pgrad23 {
    background: linear-gradient(to top, #f39, #ffb3d9)!important;
    
}

.prograd24,
.pgrad24 {
    background: linear-gradient(to top, #f36, #ffb3c6)!important;
    
}

.prograd25,
.pgrad25 {
    background: linear-gradient(to top, #40e0d0, #ff8c00, #ff0080)!important;
    
}

.prograd26,
.pgrad26 {
    background: linear-gradient(to top, #11998e, #38ef7d)!important;
    
}

.prograd27,
.pgrad27 {
    background: linear-gradient(to top, #108dc7, #ef8e38)!important;
    
}

.prograd28,
.pgrad28 {
    background: linear-gradient(to top, #fc5c7d, #6a82fb)!important;
    
}

.prograd29,
.pgrad29 {
    background: linear-gradient(to top, #fc466b, #3f5efb)!important;
    
}

.prograd30,
.pgrad30 {
    background: linear-gradient(to top, #c94b4b, #4b134f)!important;
    
}

.prograd31,
.pgrad31 {
    background: linear-gradient(to top, #00f260, #0575e6)!important;
    
}

.prograd32,
.pgrad32 {
    background: linear-gradient(to top, #fc4a1a, #f7b733)!important;
    
}

.prograd33,
.pgrad33 {
    background: linear-gradient(to top, #22c1c3, #fdbb2d)!important;
    
}

.prograd34,
.pgrad34 {
    background: linear-gradient(to top, #7f00ff, #e100ff)!important;
    
}

.prograd35,
.pgrad35 {
    background: linear-gradient(to top, #67b26f, #4ca2cd)!important;
    
}

.prograd36,
.pgrad36 {
    background: linear-gradient(to top, #ee0979, #ff6a00)!important;
    
}

.prograd37,
.pgrad37 {
    background: linear-gradient(to top, #00c3ff, #ffff1c)!important;
    
}

.prograd38,
.pgrad38 {
    background: linear-gradient(to top, #fc00ff, #00dbde)!important;
    
}

.prograd39,
.pgrad39 {
    background: linear-gradient(to top, #833ab4, #fd1d1d, #fcb045)!important;
    
}

.prograd40,
.pgrad40 {
    background: linear-gradient(to top, #43cea2, #185a9d)!important;
    
}

.prograd41,
.pgrad41 {
    background: linear-gradient(to top, #bdc3c7, #2c3e50)!important;
    
}

.prograd42,
.pgrad42 {
    background: linear-gradient(to top, #373b44, #4286f4)!important;
    
}

.prograd43,
.pgrad43 {
    background: linear-gradient(to top, #2980b9, #6dd5fa, #fff)!important;
    
}

.prograd44,
.pgrad44 {
    background: linear-gradient(to top, #f09, #493240)!important;
    
}

.prograd45,
.pgrad45 {
    background: linear-gradient(to top, #f953c6, #b91d73)!important;
    
}

.prograd46,
.pgrad46 {
    background: linear-gradient(to left, #c31432, #240b36)!important;
    
}

.prograd47,
.pgrad47 {
    background: linear-gradient(to top, #dd3e54, #6be585)!important;
    
}

.prograd48,
.pgrad48 {
    background: linear-gradient(to top, #8360c3, #2ebf91)!important;
    
}

.prograd49,
.pgrad49 {
    background: linear-gradient(to top, #544a7d, #ffd452)!important;
    
}

.prograd50,
.pgrad50 {
    background: linear-gradient(to top, #009fff, #ec2f4b)!important;
    
}

.prograd51,
.pgrad51 {
    background: linear-gradient(to top, #59c173, #a17fe0, #5d26c1)!important;
    
}

.prograd52,
.pgrad52 {
    background: linear-gradient(to top, #005aa7, #fffde4)!important;
    
}

.prograd53,
.pgrad53 {
    background: linear-gradient(to top, #da4453, #89216b)!important;
    
}

.prograd54,
.pgrad54 {
    background: linear-gradient(to top, #ad5389, #3c1053)!important;
    
}

.prograd55,
.pgrad55 {
    background: linear-gradient(to top, #a8c0ff, #3f2b96)!important;
    
}

.prograd56,
.pgrad56 {
    background: linear-gradient(to top, #333, #dd1818)!important;
    
}

.prograd57,
.pgrad57 {
    background: linear-gradient(to top, #108dc7, #ef8e38)!important;
    
}

.prograd58,
.pgrad58 {
    background: linear-gradient(to top, #23074d, #cc5333)!important;
    
}

.prograd59,
.pgrad59 {
    background: linear-gradient(to top, #fffbd5, #b20a2c)!important;
    
}

.prograd60,
.pgrad60 {
    background: linear-gradient(to top, #0f0c29, #302b63, #24243e)!important;
    
}

.prograd61,
.pgrad61 {
    background: linear-gradient(to top, #800080, #ffc0cb)!important;
    
}

.prograd62,
.pgrad62 {
    background: linear-gradient(to top, #00f260, #0575e6)!important;
    
}

.prograd63,
.pgrad63 {
    background: linear-gradient(to top, #667db6, #0082c8, #ec38bc, #fdeff9)!important;
    
}

.prograd64,
.pgrad64 {
    background: linear-gradient(to top, #e1eec3, #f05053)!important;
    
}

.prograd65,
.pgrad65 {
    background: linear-gradient(to top, #03001e, #7303c0, #ec38bc, #fdeff9)!important;
    
}

.prograd66,
.pgrad66 {
    background: linear-gradient(to top, #1a2a6c, #b21f1f, #fdbb2d)!important;
    
}

.prograd67,
.pgrad67 {
    background: linear-gradient(to top, #000, #0f9b0f)!important;
    
}

.prograd68,
.pgrad68 {
    background: linear-gradient(to top, #36d1dc, #5b86e5)!important;
    
}

.prograd69,
.pgrad69 {
    background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b)!important;
    
}

.prograd70,
.pgrad70 {
    background: linear-gradient(to top, #283c86, #45a247)!important;
    
}

.prograd71,
.pgrad71 {
    background: linear-gradient(to top, #ef3b36, #fff)!important;
    
}

.prograd72,
.pgrad72 {
    background: linear-gradient(to top, #159957, #155799)!important;
    
}

.prograd73,
.pgrad73 {
    background: linear-gradient(to top, #000046, #1cb5e0)!important;
    
}

.prograd74,
.pgrad74 {
    background: linear-gradient(to top, #56ccf2, #2f80ed)!important;
    
}

.prograd75,
.pgrad75 {
    background: linear-gradient(to top, #eb5757, #000)!important;
    
}

.prograd76,
.pgrad76 {
    background: linear-gradient(to top, #20002c, #cbb4d4)!important;
    
}

.prograd77,
.pgrad77 {
    background: linear-gradient(to top, #34e89e, #0f3443)!important;
    
}

.prograd78,
.pgrad78 {
    background: linear-gradient(to top, #bdc3c7, #2c3e50)!important;
    
}

.prograd79,
.pgrad79 {
    background: linear-gradient(to top, #a80077, #6f0)!important;
    
}

.prograd80,
.pgrad80 {
    background: linear-gradient(to top, #000, #656565)!important;
    
}

/* ------------------------------------------------------------ */
.move7 {
    background-image: repeating-linear-gradient(45deg, rgb(25, 25, 112) 3%, rgb(25, 25, 112) 14.75%, rgb(255, 255, 255) 26.5%, rgb(25, 25, 112) 38.25%, rgb(25, 25, 112) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move8 {
    background-image: repeating-linear-gradient(45deg, rgb(242, 58, 181) 3%, rgb(242, 58, 181) 14.75%, rgb(255, 255, 255) 26.5%, rgb(242, 58, 181) 38.25%, rgb(242, 58, 181) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move9 {
    background-image: repeating-linear-gradient(45deg, rgb(242, 184, 58) 3%, rgb(242, 184, 58) 14.75%, rgb(255, 255, 255) 26.5%, rgb(242, 184, 58) 38.25%, rgb(242, 184, 58) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move10 {
    background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(245, 86, 234) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(245, 86, 234) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
    animation-duration: 4s;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    animation: killowave 3s linear infinite normal
}

/* ------------------------------------------------------------ */
.move11 {
    background: linear-gradient(270deg, #0fb48a, #000000, #0fb48a);
    background-size: 100% 100%;
    -webkit-animation: myanime 6s ease infinite;
    -moz-animation: myanime 6s ease infinite;
    animation: myanime 6s ease infinite;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
.nameWave {
    background-image: repeating-linear-gradient(10deg, #444444 3%, #ff00ff 10.8333%, #ff00ff 18.6667%, #ff00ff 26.5%, #ff00ff 34.3333%, #ff00ff 42.1667%, #ff00ff 50%);
    text-shadow: 0 10px 10px #f00;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation-duration: 1s;
    font-family: Audiowide, cursive;
    font-size: 12px;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: nameWave 3s linear infinite normal;
    animation: nameWave 3s linear infinite normal
}

.clip-1 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

.moon {
    background-image: url(../chat/default_images/effects/10.gif);
    text-transform: uppercase;
    color: black;
    -webkit-background-clip: text;
    color: transparent;
    background-size: 100% 100%
}

.backimg1 {
    background-image: url(../default_images/effects/fa.gif);
    background-size: 100% 100%
}

.backimg2 {
    background-image: url(../default_images/effects/colors.gif);
    background-size: 100% 100%
}

.backimg3 {
    background-image: url(../default_images/effects/effect2.gif);
    background-size: 100% 100%
}

.backimg4 {
    background-image: url(../default_images/effects/effect5.gif);
    background-size: 100% 100%
}

.backimg5 {
    background-image: url(../default_images/effects/effect4.gif);
    background-size: 100% 100%
}

.backimg6 {
    background-image: url(../default_images/effects/eff1.gif);
    background-size: 100% 100%
}

.backimg7 {
    background-image: url(../default_images/effects/black1.gif);
    background-size: 100% 100%
}

.genmale {
    color: #0000FF
}

.genfemale {
    color: #FF1493
}

.bezpol {
    color: #f30
}

.gend {
    font-weight: 700;
    font-size: 14px
}

/*
 * Counter button style
 */
/*  ---------------------------------------------------- */
.overlay-ribbon {
    position: absolute;
    width: 13em;
    height: 16em;
    z-index: 9999;
    top: -14%;
    right: -60%;
    background: #012832;
    padding: 5px 0;
    font-size: 14px !important;
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
    /* Opera */
    background-image: -o-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #012832), color-stop(1, #012832));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-side at center top, #012832 0%, #012832 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;
    border-radius: 25px
}

.ribbon-content h3 {
    margin: 0;
    padding: 5px 0 5px 0;
    line-height: 16px;
    font-family: 'Hammersmith One', sans-serif;
    color: #fff;
    text-align: center
}

.ribbon-content > p, .ribbon-content > p span {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 100;
    font-family: 'Cairo';
    font-size: 15px;
    white-space: pre-line;
    width: 100%;
    overflow: hidden;
    line-height: 1.7
}

.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: #012832;
    color: #fff;
    padding: 0 4px;
    font-weight: normal;
    text-decoration: none
}

.close-x a:hover {
    background: #012832
}

.overlay-ribbon:before {
    content: "";
    position: absolute;
    bottom: -9em;
    left: 0;
    width: 0;
    height: 0;
    border-top: 10em solid #012832;
    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 #012832;
    border-left: 10em solid transparent;
    z-index: 998
}

.color-success {
    color: #70b408
}

.color-success:before {
    background: white;
    border-radius: 50%
}

@media screen and (max-width: 768px) {
    .overlay-ribbon {
        right: 9px;
        top: -9%
    }

    .box {
        margin: 0 5px
    }

    .triangle-down {
        width: 0;
        height: 0;
        margin: 0 6px;
        border-left: 39px solid transparent;
        border-right: 40px solid transparent;
        border-top-width: 25px;
        z-index: 3;
        margin-top: -1px
    }

    .btn-outline-danger {
        background: #ec3838;
        border: 1px solid #b82626;
        box-shadow: 0 2px 0 #a31f1f, 2px 4px 6px #e24040;
        margin: 0 0 8px 3px;
        max-width: 50px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%;
        text-align: center
    }

    .Hamouda {
        border-bottom: 1px solid #5f9bab;
        background-image: linear-gradient(rgba(255, 33, 220, 0.9), rgba(0, 0, 0, 0.47));
        clip-path: polygon( 0% 100%, /* top left */ 10px 0%, /* top left */ calc(100% - 10px) 0%, /* top right */ 100% 100%, /* top right */ 100% 100%, /* bottom right */ 100% 100%, /* bottom right */ 100% 100%, /* bottom left */ 100% 100% /* bottom left */ );
        height: 20px;
        width: 100%;
        color: #66dbdb;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        display: table;
        table-layout: fixed;
        padding-top: 2px;
        cursor: pointer;
        font-size: 12px;
        margin-top: 1px
    }

    .ameer_text {
        height: auto;
        text-align: center;
        color: #f0f8ff !important;
        font-size: 14px
    }

    .ameer_text {
        text-align: center;
        color: #daa25e
    }

    .overlay-ribbon {
        position: absolute;
        width: 13em;
        height: 14em;
        z-index: 9999;
        top: 0;
        right: 2%;
        background: #1569C7;
        padding: 5px 0;
        background-image: -ms-radial-gradient(center top, circle farthest-side, #cbf3f0 0%, #1569C7 100%);
        background-image: -moz-radial-gradient(center top, circle farthest-side, #cbf3f0 0%, #1569C7 100%);
        background-image: -o-radial-gradient(center top, circle farthest-side, #cbf3f0 0%, #1569C7 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%, #1569C7 100%);
        background-image: radial-gradient(circle farthest-side at center top, #cbf3f0 0%, #1569C7 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: #1569C7;
        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 #1569C7;
        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 #1569C7;
        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)
        }
    }

    ---------------------------------------------- After completion,empty the cache -------------------------end_Designed and developed by ameer_ps--------------------------------- /* your custom style here */: :-webkit-scrollbar {
        background: -webkit-linear-gradient(left, #FFFFFF 0%, #EEEEEE 100%);
        width: 6px
    }

    ::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 100px rgb(141, 167, 195);
        -webkit-border-radius: 20px;
        background-color: #74a1d2
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
    }

    i:hover {
        font-size: 24px;
        transition: font-size 550ms
    }

    .user_item_avatar .acav {
        width: 35px;
        height: 35px;
        border-radius: 50%
    }

    .avmmenu img {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        display: block
    }

    .cust_pro img {
        height: 11px;
        width: auto
    }

    .cust_pro {
        font-size: 11px;
        color: #9e9e9e
    }

    .status_mun {
        width: 40px
    }

    .avmmenu {
        width: 40px
    }

    .gold_icon {
        width: 18px
    }

    .gold_text {
        font-size: 11px;
        font-family: sans-serif
    }

    .gold_icon img {
        width: 18px;
        height: 18px;
        display: block
    }

    .menuname {
        font-size: 16px;
        font-weight: bold;
        font-family: sans-serif;
        border-bottom: 1px solid #c3c3c3
    }

    .list_pro {
        font-size: 10px;
        font-weight: 700
    }

    .valid_public {
        border-radius: 12px;
        width: 18px;
        height: 18px;
        margin-bottom: -2px;
        margin-right: 6px;
        margin-top: 5px;
        box-shadow: 0 0 2px 1px #2244f5
    }

    .status_user_list {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 28px
    }

    .chat_video_container {
        width: 92px;
        height: 25px;
        position: relative;
        margin-top: 0;
        border-radius: 8px;
        overflow: hidden
    }

    #mstream_img {
        display: block;
        margin: 0 auto;
        width: 30px;
        height: 30px;
        border-radius: 50%
    }

    .streamhide {
        display: none !important
    }

    .streamout {
        left: -10000px !important
    }

    #move_video, #move_audio {
        cursor: pointer
    }

    .blisting {
        border-bottom: 1px solid rgb(0, 0, 0, 0.08)
    }

    .blist, .blisting {
        border-radius: 0
    }

    .proitem {
        padding: 12px
    }

    .prodata {
        width: 50%
    }

    .proicon {
        width: 24px
    }

    /* your custom style here */
    @import "https://fonts.googleapis.com/css?family=Cairo"; .change_icon {
        text-align: center;
        color: #444444;
        font-weight: bold;
        border: 1px solid #c5c5c5;
        margin-left: 5%;
        margin-right: 5%;
        background: #ffffff;
        font-size: 18px;
        padding-bottom: 1px;
        padding-top: 3px;
        border-radius: 6px
    }

    .subm_icon {
        width: 30px;
        text-align: center
    }

    .subi {
        color: #03add8
    }

    .subi-red {
        color: red
    }

    .submenu_item {
        padding: 10px;
        display: table;
        table-layout: fixed;
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        text-shadow: none
    }

    .menuranktxt {
        font-size: 11px
    }

    .click_profile {
        color: red;
        cursor: pointer
    }

    .name_cust {
        color: blue
    }

    .float_ctop {
        border-bottom: 1px solid rgb(0, 0, 0, 0.08)
    }

    .float_top, .float_ctop {
        display: table;
        padding: 5px;
        height: 30px;
        table-layout: auto;
        width: 100%;
        max-width: 100%;
        cursor: pointer;
        background: #f7f7f7;
        color: black;
        font-size: 12px
    }

    /* your custom style here */
    .youtube_play {
        width: 50px;
        height: 50px;
        display: block;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%)
    }

    .youtube_video {
        width: 130px;
        height: 70px;
        position: relative;
        margin-top: 5px;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer
    }

    .youtube_img {
        height: 113px;
        width: 100%
    }

    /* ------------------------------------------------------------ */
    /* your custom style here */
    img.mySmile {
        height: 33px;
        position: absolute;
        margin-left: 5px;
        margin-top: -7px
    }

    div.gift-container img {
        padding: 14px 8px 8px;
        height: auto;
        width: 80px;
        height: 80px
    }

    div.gift-desc {
        padding: 10px 8px;
        text-align: center;
        background: #069;
        font-size: 17px;
        color: #fff
    }

    .gift-responsive {
        padding: 6px;
        float: left;
        width: 80%
    }

    @media only screen and (max-width: 700px) {
        .gift-responsive {
            width: 28%;
            margin: 6px 0
        }
    }

    @media only screen and (max-width: 500px) {
        .gift-responsive {
            width: 28%
        }
    }

    .gift-container {
        border: 1px solid #069;
        text-align: center;
        cursor: pointer
    }

    div.gift-container img {
        height: 65px;
        width: 65px
    }

    .frame-container {
        border: 1px solid #ccc;
        text-align: center
    }

    div.frame-container img {
        height: 100px;
        width: 100px
    }

    .frame-responsive {
        padding: 6px;
        float: left;
        width: 100%
    }

    @media only screen and (max-width: 700px) {
        .frame-responsive {
            width: 46%;
            margin: 6px 0
        }
    }

    @media only screen and (max-width: 500px) {
        .frame-responsive {
            width: 46%
        }
    }

    .my_profile_top, .admin_profile_top {
        height: 240px
    }

    .my_profile_name {
        vertical-align: top
    }

    .emo_ch8at {
        height: auto
    }

    .first {
        padding-left: 665
    }

    /* for marquee in the top */
    .second {
    }

    /* for marquee in the top */
    body {
        font-size: 14px
    }

    .avatar_button {
        width: 32%
    }

    /* -------------------- Users Titles -------------------------- */
    /* ------------------------------------------------------------ */
    .border-level {
        color: white;
        position: absolute;
        top: 27px;
        right: 0;
        font-size: 9pt;
        font-weight: 600;
        padding: 0 3px;
        border-radius: 27%;
        backgro8und: #012832
    }

    .onair_u {
        background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(208, 233, 177) 100%)
    }

    .mase1_u {
        background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(163, 217, 230) 100%)
    }

    .stars_u {
        background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(255, 177, 216) 100%)
    }

    .golden_u {
        background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(208, 233, 177) 100%)
    }

    .online_u {
        background: linear-gradient(to right, rgb(249, 249, 249) 0%, rgb(201, 203, 243) 100%)
    }

    .offline_u {
        background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(255, 168, 168, 1) 100%)
    }

    /* ------------------------------------------------------------ */
    /* -------------------- killowave Colors -------------------------- */
    /* ------------------------------------------------------------ */
    .move1 {
        background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(255, 0, 0) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(255, 0, 0) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move2 {
        background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(255, 196, 0) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(255, 196, 0) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move3 {
        background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(0, 195, 255) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(0, 195, 255) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move4 {
        background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(0, 255, 115) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(0, 255, 115) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move5 {
        background-image: repeating-linear-gradient(-45deg, rgb(255, 0, 255) 3%, rgb(255, 0, 255) 12.4%, rgb(1, 1, 1) 21.8%, rgb(255, 0, 255) 31.2%, rgb(1, 1, 1) 40.6%, rgb(255, 0, 255) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move6 {
        background-image: repeating-linear-gradient(-45deg, rgb(47, 11, 58) 3%, rgb(47, 11, 58) 18.6667%, rgb(190, 129, 247) 34.3333%, rgb(47, 11, 58) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move7 {
        background-image: repeating-linear-gradient(45deg, rgb(25, 25, 112) 3%, rgb(25, 25, 112) 14.75%, rgb(255, 255, 255) 26.5%, rgb(25, 25, 112) 38.25%, rgb(25, 25, 112) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move8 {
        background-image: repeating-linear-gradient(45deg, rgb(242, 58, 181) 3%, rgb(242, 58, 181) 14.75%, rgb(255, 255, 255) 26.5%, rgb(242, 58, 181) 38.25%, rgb(242, 58, 181) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move9 {
        background-image: repeating-linear-gradient(45deg, rgb(242, 184, 58) 3%, rgb(242, 184, 58) 14.75%, rgb(255, 255, 255) 26.5%, rgb(242, 184, 58) 38.25%, rgb(242, 184, 58) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move10 {
        background-image: repeating-linear-gradient(-45deg, rgb(32, 32, 32) 3%, rgb(245, 86, 234) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(245, 86, 234) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);
        animation-duration: 4s;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: killowave 3s linear infinite normal;
        animation: killowave 3s linear infinite normal
    }

    /* ------------------------------------------------------------ */
    .move11 {
        background: linear-gradient(270deg, #0fb48a, #000000, #0fb48a);
        background-size: 100% 100%;
        -webkit-animation: myanime 6s ease infinite;
        -moz-animation: myanime 6s ease infinite;
        animation: myanime 6s ease infinite;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    /* ------------------------------------------------------------ */
    /* ------------------------------------------------------------ */
    .nameWave {
        background-image: repeating-linear-gradient(10deg, #444444 3%, #ff00ff 10.8333%, #ff00ff 18.6667%, #ff00ff 26.5%, #ff00ff 34.3333%, #ff00ff 42.1667%, #ff00ff 50%);
        text-shadow: 0 10px 10px #f00;
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        animation-duration: 1s;
        font-family: Audiowide, cursive;
        font-size: 12px;
        background-size: 200% 100%;
        background-position: 0 0;
        -webkit-animation: nameWave 3s linear infinite normal;
        animation: nameWave 3s linear infinite normal
    }

    .clip-1 {
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

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

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

    .moon {
        background-image: url(../chat/default_images/effects/10.gif);
        text-transform: uppercase;
        color: black;
        -webkit-background-clip: text;
        color: transparent;
        background-size: 100% 100%
    }

    .backimg1 {
        background-image: url(../default_images/effects/fa.gif);
        background-size: 100% 100%
    }

    .backimg2 {
        background-image: url(../default_images/effects/colors.gif);
        background-size: 100% 100%
    }

    .backimg3 {
        background-image: url(../default_images/effects/effect2.gif);
        background-size: 100% 100%
    }

    .backimg4 {
        background-image: url(../default_images/effects/effect5.gif);
        background-size: 100% 100%
    }

    .backimg5 {
        background-image: url(../default_images/effects/effect4.gif);
        background-size: 100% 100%
    }

    .backimg6 {
        background-image: url(../default_images/effects/eff1.gif);
        background-size: 100% 100%
    }

    .backimg7 {
        background-image: url(../default_images/effects/black1.gif);
        background-size: 100% 100%
    }

    .genmale {
        color: #0000FF
    }

    .genfemale {
        color: #FF1493
    }

    .bezpol {
        color: #f30
    }

    .gend {
        font-weight: 700;
        font-size: 14px
    }

    /*
 * Counter button style
 */
    /*  ---------------------------------------------------- */
    .overlay-ribbon {
        position: absolute;
        width: 13em;
        height: 16em;
        z-index: 9999;
        top: -14%;
        right: -60%;
        background: #012832;
        padding: 5px 0;
        font-size: 14px !important;
        /* IE10 Consumer Preview */
        background-image: -ms-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
        /* Mozilla Firefox */
        background-image: -moz-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
        /* Opera */
        background-image: -o-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #012832), color-stop(1, #012832));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-radial-gradient(center top, circle farthest-side, #012832 0%, #012832 100%);
        /* W3C Markup, IE10 Release Preview */
        background-image: radial-gradient(circle farthest-side at center top, #012832 0%, #012832 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;
        border-radius: 25px
    }

    .ribbon-content h3 {
        margin: 0;
        padding: 5px 0 5px 0;
        line-height: 16px;
        font-family: 'Hammersmith One', sans-serif;
        color: #fff;
        text-align: center
    }

    .ribbon-content > p, .ribbon-content > p span {
        color: #fff;
        margin: 0;
        padding: 0;
        text-align: center;
        font-weight: 100;
        font-family: 'Cairo';
        font-size: 15px;
        white-space: pre-line;
        width: 100%;
        overflow: hidden;
        line-height: 1.7
    }

    .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: #012832;
        color: #fff;
        padding: 0 4px;
        font-weight: normal;
        text-decoration: none
    }

    .close-x a:hover {
        background: #012832
    }

    .overlay-ribbon:before {
        content: "";
        position: absolute;
        bottom: -9em;
        left: 0;
        width: 0;
        height: 0;
        border-top: 10em solid #012832;
        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 #012832;
        border-left: 10em solid transparent;
        z-index: 998
    }

    .color-success {
        color: #70b408
    }

    .color-success:before {
        background: white;
        border-radius: 50%
    }

    @media screen and (max-width: 768px) {
        .overlay-ribbon {
            right: 9px;
            top: -9%
        }

        .box {
            margin: 0 5px
        }

        .triangle-down {
            width: 0;
            height: 0;
            margin: 0 6px;
            border-left: 39px solid transparent;
            border-right: 40px solid transparent;
            border-top-width: 25px;
            z-index: 3;
            margin-top: -1px
        }

        .btn-outline-danger {
            background: #ec3838;
            border: 1px solid #b82626;
            box-shadow: 0 2px 0 #a31f1f, 2px 4px 6px #e24040;
            margin: 0 0 8px 3px;
            max-width: 50px;
            position: relative;
            text-decoration: none;
            text-transform: uppercase;
            width: 100%;
            text-align: center
        }

        .Hamouda {
            border-bottom: 1px solid #5f9bab;
            background-image: linear-gradient(rgba(255, 33, 220, 0.9), rgba(0, 0, 0, 0.47));
            clip-path: polygon( 0% 100%, /* top left */ 10px 0%, /* top left */ calc(100% - 10px) 0%, /* top right */ 100% 100%, /* top right */ 100% 100%, /* bottom right */ 100% 100%, /* bottom right */ 100% 100%, /* bottom left */ 100% 100% /* bottom left */ );
            height: 20px;
            width: 100%;
            color: #66dbdb;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            display: table;
            table-layout: fixed;
            padding-top: 2px;
            cursor: pointer;
            font-size: 12px;
            margin-top: 1px
        }

        .ameer_text {
            height: auto;
            text-align: center;
            color: #f0f8ff !important;
            font-size: 14px
        }

        .ameer_text {
            text-align: center;
            color: #daa25e
        }

        .overlay-ribbon {
            position: absolute;
            width: 13em;
            height: 14em;
            z-index: 9999;
            top: 0;
            right: 2%;
            background: #1569C7;
            padding: 5px 0;
            background-image: -ms-radial-gradient(center top, circle farthest-side, #cbf3f0 0%, #1569C7 100%);
            background-image: -moz-radial-gradient(center top, circle farthest-side, #cbf3f0 0%, #1569C7 100%);
            background-image: -o-radial-gradient(center top, circle farthest-side, #cbf3f0 0%, #1569C7 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%, #1569C7 100%);
            background-image: radial-gradient(circle farthest-side at center top, #cbf3f0 0%, #1569C7 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: #1569C7;
            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 #1569C7;
            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 #1569C7;
            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)
            }
        }

        ---------------------------------------------- After completion,empty the cache -------------------------end_Designed and developed by ameer_ps--------------------------------- /* your custom style here */: :-webkit-scrollbar {
            background: -webkit-linear-gradient(left, #FFFFFF 0%, #EEEEEE 100%);
            width: 6px
        }

        ::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 100px rgb(141, 167, 195);
            -webkit-border-radius: 20px;
            background-color: #74a1d2
        }

        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
        }

        i:hover {
            font-size: 24px;
            transition: font-size 550ms
        }

        .user_item_avatar .acav {
            width: 35px;
            height: 35px;
            border-radius: 50%
        }

        .avmmenu img {
            width: 40px;
            height: 40px;
            border-radius: 8px;
            display: block
        }

        .cust_pro img {
            height: 11px;
            width: auto
        }

        .cust_pro {
            font-size: 11px;
            color: #9e9e9e
        }

        .status_mun {
            width: 40px
        }

        .avmmenu {
            width: 40px
        }

        .gold_icon {
            width: 18px
        }

        .gold_text {
            font-size: 11px;
            font-family: sans-serif
        }

        .gold_icon img {
            width: 18px;
            height: 18px;
            display: block
        }

        .menuname {
            font-size: 16px;
            font-weight: bold;
            font-family: sans-serif;
            border-bottom: 1px solid #c3c3c3
        }

        .list_pro {
            font-size: 10px;
            font-weight: 700
        }

        .valid_public {
            border-radius: 12px;
            width: 18px;
            height: 18px;
            margin-bottom: -2px;
            margin-right: 6px;
            margin-top: 5px;
            box-shadow: 0 0 2px 1px #2244f5
        }

        .status_user_list {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 28px
        }

        .chat_video_container {
            width: 92px;
            height: 25px;
            position: relative;
            margin-top: 0;
            border-radius: 8px;
            overflow: hidden
        }

        #mstream_img {
            display: block;
            margin: 0 auto;
            width: 30px;
            height: 30px;
            border-radius: 50%
        }

        .streamhide {
            display: none !important
        }

        .streamout {
            left: -10000px !important
        }

        #move_video, #move_audio {
            cursor: pointer
        }

        .blisting {
            border-bottom: 1px solid rgb(0, 0, 0, 0.08)
        }

        .blist, .blisting {
            border-radius: 0
        }

        .proitem {
            padding: 12px
        }

        .prodata {
            width: 50%
        }

        .proicon {
            width: 24px
        }

        /* your custom style here */
        @import "https://fonts.googleapis.com/css?family=Cairo"; .change_icon {
            text-align: center;
            color: #444444;
            font-weight: bold;
            border: 1px solid #c5c5c5;
            margin-left: 5%;
            margin-right: 5%;
            background: #ffffff;
            font-size: 18px;
            padding-bottom: 1px;
            padding-top: 3px;
            border-radius: 6px
        }

        .subm_icon {
            width: 30px;
            text-align: center
        }

        .subi {
            color: #03add8
        }

        .subi-red {
            color: red
        }

        .submenu_item {
            padding: 10px;
            display: table;
            table-layout: fixed;
            width: 100%;
            cursor: pointer;
            font-size: 14px;
            text-shadow: none
        }

        .menuranktxt {
            font-size: 11px
        }

        .click_profile {
            color: red;
            cursor: pointer
        }

        .name_cust {
            color: blue
        }

        .float_ctop {
            border-bottom: 1px solid rgb(0, 0, 0, 0.08)
        }

        .float_top, .float_ctop {
            display: table;
            padding: 5px;
            height: 30px;
            table-layout: auto;
            width: 100%;
            max-width: 100%;
            cursor: pointer;
            background: #f7f7f7;
            color: black;
            font-size: 12px
        }

/*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
}
 .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)}}