@import url('https://fonts.googleapis.com/css2?family=Marhey:wght@300..700&display=swap');


.list_mood { font-size:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;   font-family: "Marhey", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;}


input{direction:rtl;}


body {background:#ededed; color:#333;font-family: 'El Messiri', sans-serif;font-size: 12px;}
button { background:transparent; color:#fff; font-family: 'El Messiri', sans-serif;font-size: 12px;}
input, textarea, .post_input_container { background:#fff; border:2px solid #e6e6e6 !important; color:#666; font-family: 'El Messiri', sans-serif;font-size: 12px;}


.chat_message {line-height:1.4em;/* display:inline-block; */max-width:100%;font-family: 'El Messiri', sans-serif;font-size: 13px;}
font-size: 14px;}
.my_text .username { font-family: 'El Messiri', sans-serif;font-size: 12px;}
#content, #message_content {width:100%;height:100%;padding:0;padding: 0 12px;float:left;font-size:16px;border-radius:100px;border-radius: 5px 15px 5px 15px;font-family: 'El Messiri', sans-serif;font-size: 13px;}



.username {font-weight:bold;cursor:pointer;display:inline-block;font-family: 'Almarai', sans-serif;font-size: 12px;}



.selectboxit-container span, .selectboxit-container .selectboxit-options a { height:46px; line-height:46px; font-family: 'El Messiri', sans-serif;font-size:13px; }


.user_count  {box-shadow:  0px 0px 13px #566573; color:#566573;padding:4px;border-radius: 5px 15px 5px 15px;text-align:center;margin-top:5px; font-family: 'El Messiri', sans-serif;font-size:13px;}


 




.input_item{color:#D7A8ED;box-shadow: 0 1px 7px #5D6D7E;color: #ffffff;border-radius: 5px 15px 5px 15px;background: #774c75;background: linear-gradient(to right, #0d1b2a, #778da9);} 
#submit_button {width:100%;float:right;height:100% !important;font-weight:bold;box-shadow:none !important;padding:0;border:none !important;font-size:16px;background: #774c75;background: linear-gradient(to right, #0d1b2a, #778da9);color:#fff;border-radius: 5px 15px 5px 15px;font-family: 'El Messiri', sans-serif}
#private_send {width:100%;height:100% !important;cursor:pointer;font-size:16px;background: #774c75;background: linear-gradient(to right, #0d1b2a, #778da9);color:#fff;border-radius: 5px 15px 5px 15px;font-family: 'El Messiri', sans-serif}




.avatar_menu { width:36px; height:36px;  display:block; cursor:pointer; margin:0 auto; border-radius:  10px 10px 10px 10px;font-size: 18px;box-shadow: 1px 2px 8px #ffffff;width:35px;  } 



.fmenu_text { display:table-cell; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:initial; padding:0 5px; font-family: 'El Messiri', sans-serif;font-size: 12px;}







.head_option {background: ;color: #fff;border-radius:  5px 15px 5px 15px;font-size: 18px;box-shadow: 1px 2px 8px #ffffff;width:35px;}




.footer_item {width: 58px;height:100%;text-align:center;cursor:pointer;display:table-cell;max-width:16.66666666%;vertical-align:middle;position:relative;background: linear-gradient(to right, #0d1b2a, #778da9);/* color: #8c0500; */border-radius: 5px 15px 5px 15px;box-shadow: 1px 2px 8px #5D6D7E;}


.bselected {color:#fff;border-radius:10px;box-shadow:1px 2px 8px #fdfdfd}


.panel_bar{background: linear-gradient(to right, #0d1b2a, #778da9);color:#fff;border-top:none;border-top-left-radius:10px;border-top-right-radius:10px}

.reg_button { border-radius: 5px 15px 5px 15px;font-family: 'El Messiri', sans-serif;font-size:11px; }

.private_opt {width:28px;text-align:center;cursor:pointer;display:table-cell;vertical-align:middle;position:relative;border-radius:  5px 15px 5px 15px;font-size: 15px;box-shadow: 1px 2px 8px #edf2fa;}
.private_avatar {display:table-cell;width: 51px;vertical-align:top;padding:0 7px;}
.avatar_private { display:block; height:26px; width:26px; border-radius:6px; overflow:hidden; }

#private_content {background: url("https://tajam3na.com/default_images/k1.png") no-repeat center;background-size: contain;/* opacity: 0.3; */- 1.0 ???? ?????? */}
.hunter_private {background:#fff;color:#5D6D7E;border-radius: 0px 8px 8px 8px;padding: 8px 5px;box-shadow: 0 2px 20px #5D6D7E;margin-right: 14px;position: relative;font-size: 13px;font-family: 'El Messiri', sans-serif;font-weight: bold;}
.hunter_private:after {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-right-color: #5d718a;
    border-left: 0;
    border-top: 0;
    margin-top: -11.5px;
    margin-left: -14px;
}

.target_private {background:#fff;color: #314255;border-radius: 8px 0px 8px 8px;padding: 8px 5px;box-shadow: 0 2px 20px #edf2fa;margin-right: 11px;position: relative;font-family: 'El Messiri', sans-serif;font-size:13px}

.target_private:before {
    content: '';
    position: absolute;
    right: -14px;
    top: 13px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-left-color: #50637b;
    border-right: 0;
    border-top: 0;
    margin-top: -11.5px;
    margin-left: -14px;
}


.topic_log {background: linear-gradient(-45deg, #2e272f, #624161, #764b74, #2c3e50);background: linear-gradient(to right, #0d1b2a, #778da9);background-size: 400% 400%;animation: gradient 7s ease infinite;color: #ffffff;}



@keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}

/*.topic_log { background:rgb(82, 176, 253); color:rgb(5, 4, 4); }*/

.seen { background:#ffe6f2; color:#330019; }



.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 #d8e7ff;border-radius:5px;margin-top:3px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-left: solid #1e2e3f;border-left-width:3pxborder:1px solid #e8daef;border-radius:5px;margin-top:3px}
.ch_logs.log2{border-left:solid #566573;border-left-width:3px}