/**========================================================================
* ?ABOUT
* @author         :  Tech Creativity For Web Solutions
* @email          :  info@tcjo.net
* @store          :  https://tcjo.net/
* @product        :  tcjo (theme)
* @version        :  v6.0
*========================================================================**/

@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@800&display=swap");
        @import url("https://fonts.googleapis.com/css2?family=El+Messiri:wght@700&display=swap");
        @import url("https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap");
.emo_select {
    height: 25px;
    width: 25px;
    display: block;
    margin-right: 5px;
}
.avatar_menu {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    border: 2px #ffffff solid;
}
.top_status {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 5px;
    border: 1px solid #fff;
    background: #fff;
}
.stat_icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #fff;
    display: block;
    margin: 0 auto;
    float: left;
}
.cdate {
    display: table-cell;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
}
.emo_content .emoticon img {
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 25px;
}
.emo_chat {
    vertical-align: middle;
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 25px;
}
.emo_content_priv .emoticon img{
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 25px;
}
.puser_score {
    text-align: right;
}
.topic_log {
    background: linear-gradient(-45deg, #00BCD4, #9C27B0, #d4ba00, #ff0080);
    color: #ffffff;
    border: 1px solid rgb(231 173 29 / 41%) !important;
    border-radius: 4px;
    margin-top: 3px;
    font-family: 'el messiri', 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica;
    background-size: 400% 400%;
    animation: gradient 7s ease infinite;
}
.ch_logs {
    padding: 3px 8px;
}
.sysname {
    font-weight: 300;
    pointer-events: auto;
    font-size: 15px;
    font-style: normal;
    background: 0 0;
    background-image: none;
    -webkit-background-clip: inherit;
    color: #005f73;
    background-size: 100% 100%;
}
.chat_rank {
    display: inline-block;
    width: auto;
    height: 15px;
    margin: 0 3px 0 0;
}