@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:#5D6D7E;border-radius: 5px 15px 5px 15px; } 
#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:#8c0500;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:#8c0500;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:35px; height:100%; text-align:center; cursor:pointer; display:table-cell; max-width:16.66666666%; vertical-align:middle; position:relative; background: #f6f6f6;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,#2c3e50,#bdc3c7);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 #3d646b;}
.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://www.drdchati.store/default_images/proo.png) repeat;}
.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;}
.hunter_private:after {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-right-color: #5D6D7E;
    border-left: 0;
    border-top: 0;
    margin-top: -11.5px;
    margin-left: -14px;
}

.target_private {background:#fff;color:#8c0500;border-radius: 8px 0px 8px 8px;padding: 8px 5px;box-shadow: 0 2px 20px #8c0500;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: #8c0500;
    border-right: 0;
    border-top: 0;
    margin-top: -11.5px;
    margin-left: -14px;
}


.topic_log { background: linear-gradient(-45deg, #2c3e50, #bdc3c7, #bdc3c7, #2c3e50);

	background-size: 400% 400%;

	animation: gradient 7s ease infinite;

}



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