@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;}
body{
  line-height: 1.2;
}
.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:23px}

.footer_item.settings_btn {
    margin-left: auto; /* يدفع زر الاعدادات لليمين في flex container */
}

.chat_log .cdate {
    display: none !important;
}

.i_btm {
    font-size:16px; /* تصغير الأيقونة */
    display:block;
    margin-bottom:2px;
}

.footer_item p {
    font-size:10px; /* تصغير النص */
    margin:0;
}
.user_item{
    background: linear-gradient(to right, #ffffff 85%, #9e9e9e 100%);
    padding: 3px 5px;
    word-wrap: break-word;
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 0.1px solid #9E9E9E;
    border-left: solid #317898;
    border-left-width: 3px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 1px;
    border-right: solid #317898;
    border-right-width: 3px;
}
.user{
    color: #757579;
}
.sub_chat, .sub_priv{
    color: #757579;
}

/*::-webkit-scrollbar{width:.4em}::-webkit-scrollbar-thumb{background:#d3d3d3}*{scrollbar-width:thin}*/
.cavatar {
    height: 30px;
    width: 30px;
}
.frame_photo_log { 
    position: absolute;
    z-index: 30;
    right: -1px;
    pointer-events: none;
    bottom: 2px;
    width: 45px !important;
    height: 50px !important;
}
#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;
}


.input_item {
    color: #999;
}
#content, #message_content {
   font-weight: 700; 
}
.fmenu_text, .back_menu, .bcell_mid, .page_menu_text, .large_button_rounded, .foot, .large_button, .post_content, .switch_item_text, .tpad10, .reg_button,.target_private, .hunter_private, .private_opt, .list_mood {
    font-weight: 700;
}
.ch_logs{padding:2px}.chat_log{margin-top:2px;border-radius:4px;border:0px solid rgba(0,0,0,.15);border-left:3px solid #000}.log2{border-left:3px solid #dd1919;background:rgb(0,0,0,.03)
}
.private_opt {
    width: 50px;
}
.large_modal_in {
    border-radius: 11px;
   
}
/* text colors */
.color_switch { float: left; width: 12%; margin:0.25%; position:relative; min-height:40px; text-align:center; }
.bccheck { font-size:20px; color:#fff; margin-top:9px; }
.open_player { color:#fff !important; }
.my_notice { background-clip:unset; }
.bdisabled { opacity:0.5; }

/* gender colors */
.gen0, .gen1, .gen2, .gen3 { border:2px solid; }
.gen0 { border-color:#ccc; }
.gen1 { border-color:#03add8; }
.gen2 { border-color:#ff99ff;}
.gen3 { border-color:#6600cc;}

/* audio colors */
.audio_color { background:#444; color:#fff; }
.song_title { background:#666; color:#fff; }
.audio_progress { background:#fff; }
.audio_ball { background:#666; }

/* misc colors */
.saved_ok { background-color:rgba(0,102,0,0.8); color:#fff; }
.saved_error { background-color:rgba(255,0,0,0.8); color:#fff; }
.background_stream { background-color:rgba(0,0,0,0.9);}
.lite_olay { background-color:rgba(100,100,100,0.4); color:#fff; }
.olay { background-color:rgba(0,0,0,0.5); color:#fff; }
.dark_olay { background-color:rgba(0,0,0,0.6); color:#fff; }
.cover_text { text-shadow:0 0 2px rgba(0, 0, 0, .8); }
.avatar_spin { border:2px solid #fff; }
.sub_list_active { border:2px solid #fff; }
.avavatar { border:2px solid #fff; }
.grad_olay { background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
.grad_iolay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }

/* alert colors */
.al.alert_warn { color: #0c5460; background: #d1ecf1; border-color: #bee5eb; }

/* special log default colors */
.topic_log {background: linear-gradient(90deg, #eae1ff 35%, #c697ff 100%);
			
			border-radius: 20px;   
			box-shadow: 0 1px 3px rgba(0,0,0,0.06); 
			text-shadow: 0 1px 0 white;  
			padding: 3px 12px; 
		border: 1px dashed #fff;  
			line-height: 18px;  
			direction: rtl; }


.frame_child{position: relative;display: inline-block;}
.frame_av {
    width: 42px;
    position: absolute;
    top: -8px;
    left: -3px;
}
.frame_log {
    width: 37px;
    position: absolute;
    top: -9px;
    left: -3px;
}
.color_back_name{
	padding: 0 9px;
    border-radius: 12px;
}
.icon_log {
    display: inline-block;
    width: 14px;
    height: 11px;
    margin: 0 3px 0 0;
}
.size_name_icon{font-size:14px !important}
.icon_name {
    width: 14px;
    height: 14px;
}
.flex_name{
    display: flex;
    align-items: center;
}
.join_rstyle {
    color: #080606;
    direction: rtl;
    font-weight: 700;
    background: linear-gradient(90deg,rgb(241,243,255) 35%,rgba(195,223,255,1) 100%);
    border-radius: 3px;
    padding: 2px 6px;
    border: 1px solid #b1adad;
    box-shadow: 1px 1px 8px #3e3e3e
}
.join_room_msg{
	display:inline-block;
	margin:2px 0;
	padding:3px 8px;
	color:#fff;
	border-radius:20px;
	background:radial-gradient(circle,#454a46 0%,#5c645c 40%,#2c302a 100%);
	box-shadow:0 0 6px #000;
	font-size:11px;
}

.join_room_msg .jr_rank{
	color:#ffeaa7;
	font-weight:bold;
}

.join_room_msg a{
	margin-right:6px;
	padding:2px 6px;
	border-radius:10px;
	background:#00b894;
	color:#fff;
	text-decoration:none;
	font-size:10px;
}