/* warning box */
.boom_alert { position:relative; border-radius:5px; padding:12px 15px; border:1px solid transparent; width:100%; }
.chat_system{font-family:changa;font-size:12px;font-weight:700;text-shadow:0 1px 10px #9e9e9ecc;direction:rtl;line-height:1.8em;max-width:100%;display:inline-block;color:#3c3c3c}
.ch_logs .username {cursor: pointer;font-size: 18px}
.username {font-weight: 700;cursor: pointer;font-family: tahoma;font-size: 18px;display:inline-block;}
.user {font-family: tahoma;font-size: 13px;}
.cname_ {font-family: tahoma;/* float: left; */font-size: 13px;font-weight: 900;line-height: 1.9em;padding: 0 3px 0 3px;}

body {
    font-family: flat-jooza,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica;
    line-height: 1.2
}
.my_text{cursor:pointer;padding:7px;word-wrap:break-word;margin-top:3px;overflow:hidden;Display:table;width:100%;table-layout:fixed;max-width:100%;border-radius:3px}

/* special log */
.splog { padding:15px 10px; }
.sptext, .tptext { margin-top:2px; }



.chat_message {direction: rtl;vertical-align: middle;display: inline-block;line-height: 1.0em;max-width: 100%;font-size: 16px;font-family: "tahoma";}


.cname {display:inline;/* float:left; */vertical-align:middle;line-height:1.9em;}
#show_chat ul{position:absolute;max-height:100%;overflow-y:auto;bottom:3px;line-height:15px;padding-right:2px;padding-left:2px;width:100%;}

.other_logs{ padding:10px; word-wrap: break-word; display:table; width:100%; table-layout:fixed; max-width:100%; overflow:hidden; }
.chat_avatar {display:table-cell;width: 29px;vertical-align:top;position:relative;}
.cavatar  {height: 25px;width: 25px;border-radius: 20%;display:block;overflow:hidden;cursor:pointer;}



.over2 {
    position: absolute;
    z-index: 1;
    /* Use start for RTL support */
    inset-inline-start: 2px;
    pointer-events: none;
}
.over3 {
    position: absolute;
    z-index: 1;
    /* Adjust left or right based on text direction */
    inset-inline-start: 0px;  /* RTL */
    pointer-events: none;
}
.avatar_profile_round {
    width: 100px;
    height: 100px;
    cursor: pointer;
    display: block;
    border-radius: 100px;
    top: 30px;
    left: 14px
}
.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
}
.user_item_frame_avatar_new {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    position: relative;
}
.topic_message.tptext {
  background: linear-gradient(135deg, #e8f9e9, #f7fff7); /* خلفية ناعمة بلون روحي */
  border: 1px solid #c3e6cb; /* حدود خضراء فاتحة */
  border-radius: 15px;
  padding: 20px;
  color: #2e7d32; /* أخضر داكن للكتابة */
  font-size: 17px;
  line-height: 1.8;
  font-weight: 500;
  text-align: center;
  direction: rtl;
  box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2);
  margin: 15px auto;
  max-width: 600px;
  position: relative;
  overflow: hidden;
}

/* تأثير زخرفي بسيط في الخلفية */
.topic_message.tptext::before {
  content: "﷽";
  position: absolute;
  font-size: 48px;
  color: rgba(46, 125, 50, 0.08);
  top: 10px;
  left: 15px;
  font-family: "Scheherazade", serif;
}

.topic_message.tptext::after {
  content: "🌿";
  position: absolute;
  font-size: 22px;
  color: #81c784;
  bottom: 10px;
  right: 15px;
}

.topic_message.tptext:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(46, 125, 50, 0.3);
  transition: all 0.3s ease;
}
.ul_fr_bg {
    width: 47px;
    top: -3px;
}
.ul_fr_news_bg {
    width: 42px;
    top: -4px;
}
.over1 {
    position: absolute;
    z-index: 1;
    /* Adjust for RTL */
    inset-inline-end: -6px;
    pointer-events: none;
}
.chat_frame_avatar {
    display: table-cell;
    position: relative;
    vertical-align: top;
}
.chat_frame_avatar_inner2 {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.ch_fr_av {
    top: 3px;
}
.ch_fr_bg {
    width: 35px;
    top: -5px;
}
.over4 {
    position: absolute;
    z-index: 1;
    /* Adjust for RTL */
    inset-inline-start: -3px;
    pointer-events: none;
}
.over5 {
    position: absolute;
    z-index: 1;
    /* Adjust for RTL */
    inset-inline-end: -3px;
    pointer-events: none;
}
.over3 {
    position: absolute;
    z-index: 1;
    /* Adjust for RTL */
    inset-inline-end: -14px;
    pointer-events: none;
    width: 160px;
    top: -18px;
}


@media screen and (max-width:640px) {
    .over3 {
        max-width: 125px;
    }
}


.user_item_frame_inner {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: block;
  cursor: pointer
}

.overlist {
  position: absolute;
  z-index: 1;
  left: 0;
}
.ul_fr_bg {
  width: 46px;
  top: -6px;
}
.ul_fr_av {
  left: 5px;
  top: 5px;
}
.under {
  position: absolute
}

.over {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0
}
.prograd1,.pgrad1 {
    background: linear-gradient(to top,#f33,#800000)!important
}

.prograd2,.pgrad2 {
    background: linear-gradient(to top,#f63,#4d1300)!important
}

.prograd3,.pgrad3 {
    background: linear-gradient(to top,#f93,#4d2600)!important
}

.prograd4,.pgrad4 {
    background: linear-gradient(to top,#fc3,#806000)!important
}

.prograd5,.pgrad5 {
    background: linear-gradient(to top,#cc0,#4d4d00)!important
}

.prograd6,.pgrad6 {
    background: linear-gradient(to top,#9c0,#394d00)!important
}

.prograd7,.pgrad7 {
    background: linear-gradient(to top,#59b300,#264d00)!important
}

.prograd8,.pgrad8 {
    background: linear-gradient(to top,#829356,#2b301c)!important
}

.prograd9,.pgrad9 {
    background: linear-gradient(to top,#008000,#001a00)!important
}

.prograd10,.pgrad10 {
    background: linear-gradient(to top,#00e639,#00330d)!important
}

.prograd11,.pgrad11 {
    background: linear-gradient(to top,#00e673,#063)!important
}

.prograd12,.pgrad12 {
    background: linear-gradient(to top,#00e6ac,#004d39)!important
}

.prograd13,.pgrad13 {
    background: linear-gradient(to top,#0cc,#004d4d)!important
}

.prograd14,.pgrad14 {
    background: linear-gradient(to top,#03add8,#013d4b)!important
}

.prograd15,.pgrad15 {
    background: linear-gradient(to top,#36f,#002080)!important
}

.prograd16,.pgrad16 {
    background: linear-gradient(to top,#107896,#073845)!important
}

.prograd17,.pgrad17 {
    background: linear-gradient(to top,#004d99,#66b3ff)!important
}

.prograd18,.pgrad18 {
    background: linear-gradient(to top,#63f,#c6b3ff)!important
}

.prograd19,.pgrad19 {
    background: linear-gradient(to top,#93f,#d9b3ff)!important
}

.prograd20,.pgrad20 {
    background: linear-gradient(to top,#c3f,#ecb3ff)!important
}

.prograd21,.pgrad21 {
    background: linear-gradient(to top,#f3f,#ffb3ff)!important
}

.prograd22,.pgrad22 {
    background: linear-gradient(to top,#f3c,#ff99e6)!important
}

.prograd23,.pgrad23 {
    background: linear-gradient(to top,#f39,#ffb3d9)!important
}

.prograd24,.pgrad24 {
    background: linear-gradient(to top,#f36,#ffb3c6)!important
}

.prograd25,.pgrad25 {
    background: linear-gradient(to top,#40e0d0,#ff8c00,#ff0080)!important
}

.prograd26,.pgrad26 {
    background: linear-gradient(to top,#11998e,#38ef7d)!important
}

.prograd27,.pgrad27 {
    background: linear-gradient(to top,#108dc7,#ef8e38)!important
}

.prograd28,.pgrad28 {
    background: linear-gradient(to top,#fc5c7d,#6a82fb)!important
}

.prograd29,.pgrad29 {
    background: linear-gradient(to top,#fc466b,#3f5efb)!important
}

.prograd30,.pgrad30 {
    background: linear-gradient(to top,#c94b4b,#4b134f)!important
}

.prograd31,.pgrad31 {
    background: linear-gradient(to top,#00f260,#0575e6)!important
}

.prograd32,.pgrad32 {
    background: linear-gradient(to top,#fc4a1a,#f7b733)!important
}

.prograd33,.pgrad33 {
    background: linear-gradient(to top,#22c1c3,#fdbb2d)!important
}

.prograd34,.pgrad34 {
    background: linear-gradient(to top,#7f00ff,#e100ff)!important
}

.prograd35,.pgrad35 {
    background: linear-gradient(to top,#67b26f,#4ca2cd)!important
}

.prograd36,.pgrad36 {
    background: linear-gradient(to top,#ee0979,#ff6a00)!important
}

.prograd37,.pgrad37 {
    background: linear-gradient(to top,#00c3ff,#ffff1c)!important
}

.prograd38,.pgrad38 {
    background: linear-gradient(to top,#fc00ff,#00dbde)!important
}

.prograd39,.pgrad39 {
    background: linear-gradient(to top,#833ab4,#fd1d1d,#fcb045)!important
}

.prograd40,.pgrad40 {
    background: linear-gradient(to top,#43cea2,#185a9d)!important
}

.prograd41,.pgrad41 {
    background: linear-gradient(to top,#bdc3c7,#2c3e50)!important
}

.prograd42,.pgrad42 {
    background: linear-gradient(to top,#373b44,#4286f4)!important
}

.prograd43,.pgrad43 {
    background: linear-gradient(to top,#2980b9,#6dd5fa,#fff)!important
}

.prograd44,.pgrad44 {
    background: linear-gradient(to top,#f09,#493240)!important
}

.prograd45,.pgrad45 {
    background: linear-gradient(to top,#f953c6,#b91d73)!important
}

.prograd46,.pgrad46 {
    background: linear-gradient(to left,#c31432,#240b36)!important
}

.prograd47,.pgrad47 {
    background: linear-gradient(to top,#dd3e54,#6be585)!important
}

.prograd48,.pgrad48 {
    background: linear-gradient(to top,#8360c3,#2ebf91)!important
}

.prograd49,.pgrad49 {
    background: linear-gradient(to top,#544a7d,#ffd452)!important
}

.prograd50,.pgrad50 {
    background: linear-gradient(to top,#009fff,#ec2f4b)!important
}

.prograd51,.pgrad51 {
    background: linear-gradient(to top,#59c173,#a17fe0,#5d26c1)!important
}

.prograd52,.pgrad52 {
    background: linear-gradient(to top,#005aa7,#fffde4)!important
}

.prograd53,.pgrad53 {
    background: linear-gradient(to top,#da4453,#89216b)!important
}

.prograd54,.pgrad54 {
    background: linear-gradient(to top,#ad5389,#3c1053)!important
}

.prograd55,.pgrad55 {
    background: linear-gradient(to top,#a8c0ff,#3f2b96)!important
}

.prograd56,.pgrad56 {
    background: linear-gradient(to top,#333,#dd1818)!important
}

.prograd57,.pgrad57 {
    background: linear-gradient(to top,#108dc7,#ef8e38)!important
}

.prograd58,.pgrad58 {
    background: linear-gradient(to top,#23074d,#cc5333)!important
}

.prograd59,.pgrad59 {
    background: linear-gradient(to top,#fffbd5,#b20a2c)!important
}

.prograd60,.pgrad60 {
    background: linear-gradient(to top,#0f0c29,#302b63,#24243e)!important
}

.prograd61,.pgrad61 {
    background: linear-gradient(to top,#800080,#ffc0cb)!important
}

.prograd62,.pgrad62 {
    background: linear-gradient(to top,#00f260,#0575e6)!important
}

.prograd63,.pgrad63 {
    background: linear-gradient(to top,#667db6,#0082c8,#ec38bc,#fdeff9)!important
}

.prograd64,.pgrad64 {
    background: linear-gradient(to top,#e1eec3,#f05053)!important
}

.prograd65,.pgrad65 {
    background: linear-gradient(to top,#03001e,#7303c0,#ec38bc,#fdeff9)!important
}

.prograd66,.pgrad66 {
    background: linear-gradient(to top,#1a2a6c,#b21f1f,#fdbb2d)!important
}

.prograd67,.pgrad67 {
    background: linear-gradient(to top,#000,#0f9b0f)!important
}

.prograd68,.pgrad68 {
    background: linear-gradient(to top,#36d1dc,#5b86e5)!important
}

.prograd69,.pgrad69 {
    background: linear-gradient(to top,#3a1c71,#d76d77,#ffaf7b)!important
}

.prograd70,.pgrad70 {
    background: linear-gradient(to top,#283c86,#45a247)!important
}

.prograd71,.pgrad71 {
    background: linear-gradient(to top,#ef3b36,#fff)!important
}

.prograd72,.pgrad72 {
    background: linear-gradient(to top,#159957,#155799)!important
}

.prograd73,.pgrad73 {
    background: linear-gradient(to top,#000046,#1cb5e0)!important
}

.prograd74,.pgrad74 {
    background: linear-gradient(to top,#56ccf2,#2f80ed)!important
}

.prograd75,.pgrad75 {
    background: linear-gradient(to top,#eb5757,#000)!important
}

.prograd76,.pgrad76 {
    background: linear-gradient(to top,#20002c,#cbb4d4)!important
}

.prograd77,.pgrad77 {
    background: linear-gradient(to top,#34e89e,#0f3443)!important
}

.prograd78,.pgrad78 {
    background: linear-gradient(to top,#bdc3c7,#2c3e50)!important
}

.prograd79,.pgrad79 {
    background: linear-gradient(to top,#a80077,#6f0)!important
}

.prograd80,.pgrad80 {
    background: linear-gradient(to top,#000,#656565)!important
}
.picshadw1,.picback1 {
    box-shadow: #422f99 0 0 10px;
    border: 1px solid #422f99!important
}

.picshadw2,.picback2 {
    box-shadow: #a80077 0 0 10px;
    border: 1px solid #a80077!important
}

.picshadw3,.picback3 {
    box-shadow: #000 0 0 10px;
    border: 1px solid #000!important
}

.picshadw4,.picback4 {
    box-shadow: #4d3e3e 0 0 10px;
    border: 1px solid #4d3e3e!important
}

.picshadw5,.picback5 {
    box-shadow: #142850 0 0 10px;
    border: 1px solid #142850!important
}

.picshadw6,.picback6 {
    box-shadow: #00909e 0 0 10px;
    border: 1px solid #00909e!important
}

.picshadw7,.picback7 {
    box-shadow: #dae1e7 0 0 10px;
    border: 1px solid #dae1e7!important
}

.picshadw8,.picback8 {
    box-shadow: #ffe0ac 0 0 10px;
    border: 1px solid #ffe0ac!important
}

.picshadw9,.picback9 {
    box-shadow: #888 0 0 10px;
    border: 1px solid #888!important
}

.picshadw10,.picback10 {
    box-shadow: #120136 0 0 10px;
    border: 1px solid #120136!important
}

.picshadw11,.picback11 {
    box-shadow: #f6f578 0 0 10px;
    border: 1px solid #f6f578!important
}

.picshadw12,.picback12 {
    box-shadow: #862a5c 0 0 10px;
    border: 1px solid #862a5c!important
}

.picshadw13,.picback13 {
    box-shadow: #eaac9d 0 0 10px;
    border: 1px solid #eaac9d!important
}

.picshadw14,.picback14 {
    box-shadow: #06623b 0 0 10px;
    border: 1px solid #06623b!important
}

.picshadw15,.picback15 {
    box-shadow: #f79071 0 0 10px;
    border: 1px solid #f79071!important
}

.picshadw16,.picback16 {
    box-shadow: #f6acc8 0 0 10px;
    border: 1px solid #f6acc8!important
}

.picshadw17,.picback17 {
    box-shadow: #af8baf 0 0 10px;
    border: 1px solid #af8baf!important
}

.picshadw18,.picback18 {
    box-shadow: #584153 0 0 10px;
    border: 1px solid #584153!important
}

.picshadw19,.picback19 {
    box-shadow: #c1a57b 0 0 10px;
    border: 1px solid #c1a57b!important
}

.picshadw20,.picback20 {
    box-shadow: #2c003e 0 0 10px;
    border: 1px solid #2c003e!important
}

.picshadw21,.picback21 {
    box-shadow: #43d8c9 0 0 10px;
    border: 1px solid #43d8c9!important
}

.picshadw22,.picback22 {
    box-shadow: #95389e 0 0 10px;
    border: 1px solid #95389e!important
}

.picshadw23,.picback23 {
    box-shadow: #0779e4 0 0 10px;
    border: 1px solid #0779e4!important
}

.picshadw24,.picback24 {
    box-shadow: #d8345f 0 0 10px;
    border: 1px solid #d8345f!important
}

.picshadw25,.picback25 {
    box-shadow: #c70039 0 0 10px;
    border: 1px solid #c70039!important
}

.picshadw26,.picback26 {
    box-shadow: #ff5733 0 0 10px;
    border: 1px solid #ff5733!important
}

.picshadw27,.picback27 {
    box-shadow: #8566aa 0 0 10px;
    border: 1px solid #8566aa!important
}

.picshadw28,.picback28 {
    box-shadow: #6983aa 0 0 10px;
    border: 1px solid #6983aa!important
}

.picshadw29,.picback29 {
    box-shadow: #f8e1f4 0 0 10px;
    border: 1px solid #f8e1f4!important
}

.picshadw30,.picback30 {
    box-shadow: #97e5ef 0 0 10px;
    border: 1px solid #97e5ef!important
}

.picshadw31,.picback31 {
    box-shadow: #b9ebcc 0 0 10px;
    border: 1px solid #b9ebcc!important
}

.picshadw32,.picback32 {
    box-shadow: #5a3f11 0 0 10px;
    border: 1px solid #5a3f11!important
}

.picshadw33,.picback33 {
    box-shadow: #9c5518 0 0 10px;
    border: 1px solid #9c5518!important
}

.picshadw34,.picback34 {
    box-shadow: #ffb385 0 0 10px;
    border: 1px solid #ffb385!important
}

.picshadw35,.picback35 {
    box-shadow: #698474 0 0 10px;
    border: 1px solid #698474!important
}

.picshadw36,.picback36 {
    box-shadow: #de7119 0 0 10px;
    border: 1px solid #de7119!important
}

.picshadw37,.picback37 {
    box-shadow: #204051 0 0 10px;
    border: 1px solid #204051!important
}

.picshadw38,.picback38 {
    box-shadow: #3b6978 0 0 10px;
    border: 1px solid #3b6978!important
}

.picshadw39,.picback39 {
    box-shadow: #f76a8c 0 0 10px;
    border: 1px solid #f76a8c!important
}

.picshadw40,.picback40 {
    box-shadow: #fbcffc 0 0 10px;
    border: 1px solid #fbcffc!important
}

.picshadw41,.picback41 {
    box-shadow: #be79df 0 0 10px;
    border: 1px solid #be79df!important
}

.picshadw42,.picback42 {
    box-shadow: #cff1ef 0 0 10px;
    border: 1px solid #cff1ef!important
}

.picshadw43,.picback43 {
    box-shadow: #ffd1bd 0 0 10px;
    border: 1px solid #ffd1bd!important
}

.picshadw44,.picback44 {
    box-shadow: #9dc6a7 0 0 10px;
    border: 1px solid #9dc6a7!important
}

.picshadw45,.picback45 {
    box-shadow: #323232 0 0 10px;
    border: 1px solid #323232!important
}




.under-10 {
    background: #03add8
}

.under-20 {
    background: #0327d8
}

.under-30 {
    background: #d803c8
}

.under-40 {
    background: #d8035b
}

.under-50 {
    background: #03d8b1
}

.under-60 {
    background: #129810
}

.under-70 {
    background: #981010
}

.under-80 {
    background: #9a603e
}

.under-90 {
    background: #949019
}

.under-100 {
    background: #ff43b4
}

.reach-100 {
    background: #d67701
}

.border-10 {
    border: 2px solid #03add8
}

.border-20 {
    border: 2px solid #0327d8
}

.border-30 {
    border: 2px solid #d803c8
}

.border-40 {
    border: 2px solid #d8035b
}

.border-50 {
    border: 2px solid #03d8b1
}

.border-60 {
    border: 2px solid #129810
}

.border-70 {
    border: 2px solid #981010
}

.border-80 {
    border: 2px solid #9a603e
}

.border-90 {
    border: 2px solid #949019
}

.border-100 {
    border: 2px solid #ff43b4
}

.reachborder-100 {
    border: 2px solid #d67701
}
  .profile-message-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
            pointer-events: none;
        }

        .message-content {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            padding: 6px 10px;
            border-radius: 4px;
            font-size: 12px;
            line-height: 1.4;
            color: #ffffff;
            position: relative;
            height: 30px;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .message-text {
            animation: slideRight 15s linear infinite;
            display: inline-block;
            white-space: nowrap;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        }

        @keyframes slideRight {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(100%);
            }
        }

        /* تصميم بديل بدون حركة */
        .profile-message-box.static .message-content {
            text-align: center;
        }

        .profile-message-box.static .message-text {
            animation: none;
            white-space: normal;
            display: block;
        }