@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
}
/**/
.sparks {
	background-repeat: no-repeat;
	background-position: left 0 bottom 0
}

.sparks-1 {
	background-image: url(../default_images/icons/spark-1.png);
	width: 45px;
	height: 86px;
	right: 0;
	left: 0;
	top: 0;
	background-position: left 0 bottom 0;
	animation-name: sparks-1;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.sparks-2,
.sparks-3 {
	width: 50px;
	top: 0;
	background-position: left 0 bottom 0;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	right: 0
}

@keyframes sparks-1 {
	0% {
		right: 380px;
		bottom: 100px;
		opacity: 0
	}

	33% {
		right: 390px;
		bottom: 110px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 400px;
		bottom: 120px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 410px;
		bottom: 130px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.sparks-2 {
	background-image: url(../default_images/icons/spark-2.png);
	height: 58px;
	left: -26px;
	animation-name: sparks-2;
	animation-delay: .5s
}

@keyframes sparks-2 {
	0% {
		right: 360px;
		bottom: 130px;
		opacity: 0
	}

	33% {
		right: 370px;
		bottom: 140px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 380px;
		bottom: 150px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 390px;
		bottom: 160px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.sparks-3 {
	background-image: url(../default_images/icons/spark-3.png);
	height: 40px;
	left: 0;
	animation-name: sparks-3;
	animation-delay: 1s
}

@keyframes sparks-3 {
	0% {
		right: 300px;
		bottom: 130px;
		opacity: 0
	}

	33% {
		right: 320px;
		bottom: 150px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 340px;
		bottom: 170px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 360px;
		bottom: 190px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.offline-modal-titbgs {
	position: absolute;
	top: 235px;
	left: 0;
	width: 100%;
	height: 172px;
	transform: translateY(-100%)
}

.offline-modal-titbgs .over-gift-light {
	height: 390px;
	animation-name: big-light;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

@keyframes big-light {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(380deg)
	}
}

.over-gift-ico {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 300px;
	top: 20px;
	z-index: 99;
	animation-name: big-car;
	animation-duration: 3s;
	animation-iteration-count: infinite
}

.over-gift-spark-1,
.over-gift-spark-2,
.over-gift-spark-3 {
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	right: 0;
	left: 0;
	position: absolute
}

@keyframes big-car {

	0%,
	100% {
		height: 300px
	}

	50% {
		height: 280px
	}
}
.sparks {
    background-repeat: no-repeat;
    background-position: center;
    animation: spark-animation 1.5s infinite linear;
}
@keyframes spark-animation {
    0% { opacity: 0; transform: scale(0.8); }
    50% { opacity: 0.7; transform: scale(1.1); }
    100% { opacity: 0; transform: scale(1.2); }
}
.centered,
.centered_element,
.main-slide-gift,
.offline-modals {
	text-align: center
}

.gcard_price,
.notify_icon,
.sparks {
	position: absolute
}
/**/
/**/
/*.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)}}