.chat_message {
    line-height: 1.5em;
	font-weight: bold;
/* margin-inline-start: -4px;*/
}
.my_alaa {
   color: red;
    font-size: 18px;
}
.chat_alaa {
    color: #ff0000;
}
/* لون متحرك*/
.nameWave {
    background-size: 200% auto;
    background-position: 0 0;
    -webkit-animation: nameWave 3s linear infinite normal;
    animation: nameWave 1.5s linear infinitel;
}

@keyframes nameWave {
    to {
        background-position: 200% center;
    }
}

@font-face {
    font-family: neon;
    src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/707108/neon.ttf);
}
/*خاص لون خلفية الاسم*/
.prograd1,
.pgrad1 {
    background: linear-gradient(to top,  #03add8 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd2,
.pgrad2 {
    background: linear-gradient(to top, #f63, #4d1300 0px 0px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd3,
.pgrad3 {
    background: linear-gradient(to top, #f93, #4d2600 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd4,
.pgrad4 {
    background: linear-gradient(to top, #fc3, #806000 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd5,
.pgrad5 {
   background: linear-gradient(to top,  #4d4d00 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd6,
.pgrad6 {
   background: linear-gradient(to top,  #394d00 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd7,
.pgrad7 {
   background: linear-gradient(to top,   #264d00 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd8,
.pgrad8 {
   background: linear-gradient(to top,  #2b301c 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd9,
.pgrad9 {
   background: linear-gradient(to top,  #001a00 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd10,
.pgrad10 {
   background: linear-gradient(to top,  #00330d 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd11,
.pgrad11 {
   background: linear-gradient(to top,   #00e673 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd12,
.pgrad12 {
   background: linear-gradient(to top,   #004d39 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd13,
.pgrad13 {
   background: linear-gradient(to top,  #004d4d 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd14,
.pgrad14 {
   background: linear-gradient(to top,   #013d4b 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd15,
.pgrad15 {
   background: linear-gradient(to top,  #002080 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd16,
.pgrad16 {
   background: linear-gradient(to top,   #073845 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd17,
.pgrad17 {
   background: linear-gradient(to top,   #66b3ff 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd18,
.pgrad18 {
   background: linear-gradient(to top,  #c6b3ff 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd19,
.pgrad19 {
   background: linear-gradient(to top,  #d9b3ff 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd20,
.pgrad20 {
   background: linear-gradient(to top,  #ecb3ff 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd21,
.pgrad21 {
   background: linear-gradient(to top,  #ffb3ff 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd22,
.pgrad22 {
   background: linear-gradient(to top,   #ff99e6 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd23,
.pgrad23 {
   background: linear-gradient(to top,   #ffb3d9 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd24,
.pgrad24 {
   background: linear-gradient(to top,  #ffb3c6 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd25,
.pgrad25 {
   background: linear-gradient(to top,  #ff8c00 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd26,
.pgrad26 {
   background: linear-gradient(to top,   #38ef7d 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd27,
.pgrad27 {
   background: linear-gradient(to top,  #ef8e38 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd28,
.pgrad28 {
   background: linear-gradient(to top,  #6a82fb 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd29,
.pgrad29 {
   background: linear-gradient(to top,   #3f5efb 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd30,
.pgrad30 {
   background: linear-gradient(to top,  #4b134f 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd31,
.pgrad31 {
   background: linear-gradient(to top,  #0575e6 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd32,
.pgrad32 {
   background: linear-gradient(to top,  #f7b733 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd33,
.pgrad33 {
   background: linear-gradient(to top,   #fdbb2d 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd34,
.pgrad34 {
   background: linear-gradient(to top,   #e100ff 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd35,
.pgrad35 {
   background: linear-gradient(to top,   #4ca2cd 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd36,
.pgrad36 {
   background: linear-gradient(to top,  #ff6a00 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd37,
.pgrad37 {
   background: linear-gradient(to top,   #ffff1c 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd38,
.pgrad38 {
   background: linear-gradient(to top,  #00dbde 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd39,
.pgrad39 {
   background: linear-gradient(to top,  #fcb045 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd40,
.pgrad40 {
   background: linear-gradient(to top,  #185a9d 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd41,
.pgrad41 {
   background: linear-gradient(to top,  #2c3e50 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd42,
.pgrad42 {
   background: linear-gradient(to top,   #4286f4 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd43,
.pgrad43 {
   background: linear-gradient(to top,   #6dd5fa 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd44,
.pgrad44 {
   background: linear-gradient(to top,  #493240 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd45,
.pgrad45 {
   background: linear-gradient(to top,  #b91d73 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd46,
.pgrad46 {
   background: linear-gradient(to top,  #240b36 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd47,
.pgrad47 {
   background: linear-gradient(to top,  #6be585 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd48,
.pgrad48 {
   background: linear-gradient(to top,   #2ebf91 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd49,
.pgrad49 {
   background: linear-gradient(to top,  #ffd452 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd50,
.pgrad50 {
   background: linear-gradient(to top,  #ec2f4b 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd51,
.pgrad51 {
   background: linear-gradient(to top,  #5d26c1 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd52,
.pgrad52 {
   background: linear-gradient(to top,  #fffde4 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd53,
.pgrad53 {
   background: linear-gradient(to top,   #89216b 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd54,
.pgrad54 {
   background: linear-gradient(to top,  #3c1053 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd55,
.pgrad55 {
   background: linear-gradient(to top,   #3f2b96 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd56,
.pgrad56 {
   background: linear-gradient(to top,   #dd1818 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd57,
.pgrad57 {
   background: linear-gradient(to top,  #ef8e38 15px 10px )!important;margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd58,
.pgrad58 {
   background: linear-gradient(to top,  #cc5333 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd59,
.pgrad59 {
   background: linear-gradient(to top,   #b20a2c 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd60,
.pgrad60 {
   background: linear-gradient(to top,  #302b63 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd61,
.pgrad61 {
   background: linear-gradient(to top,  #ffc0cb 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd62,
.pgrad62 {
   background: linear-gradient(to top,  #0575e6 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd63,
.pgrad63 {
   background: linear-gradient(to top,   #fdeff9 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd64,
.pgrad64 {
   background: linear-gradient(to top,   #f05053 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd65,
.pgrad65 {
   background: linear-gradient(to top,   #fdeff9 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd66,
.pgrad66 {
   background: linear-gradient(to top,   #fdbb2d 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd67,
.pgrad67 {
   background: linear-gradient(to top,   #0f9b0f 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd68,
.pgrad68 {
   background: linear-gradient(to top,   #5b86e5 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd69,
.pgrad69 {
   background: linear-gradient(to top,   #ffaf7b 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd70,
.pgrad70 {
   background: linear-gradient(to top,   #45a247 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd71,
.pgrad71 {
   background: linear-gradient(to top,   #ef3b36 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd72,
.pgrad72 {
   background: linear-gradient(to top,  #155799 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd73,
.pgrad73 {
   background: linear-gradient(to top,  #1cb5e0 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd74,
.pgrad74 {
   background: linear-gradient(to top,   #2f80ed 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd75,
.pgrad75 {
   background: linear-gradient(to top,  #000 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd76,
.pgrad76 {
   background: linear-gradient(to top,   #cbb4d4 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd77,
.pgrad77 {
   background: linear-gradient(to top,   #0f3443 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd78,
.pgrad78 {
   background: linear-gradient(to top,   #2c3e50 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd79,
.pgrad79 {
   background: linear-gradient(to top,   #a80077 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd80,
.pgrad80 {
   background: linear-gradient(to top,  #656565 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd81,
.pgrad81 {
 background: linear-gradient(to top,  #eee  15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd82,
.pgrad82 {
   background: linear-gradient(to top,  #020210 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd83,
.pgrad83 {
    background: linear-gradient(to top,  #340202 15px 10px )!important;
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd84,
.pgrad84 {
   background: linear-gradient(to top,  #0f9b0f 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd85,
.pgrad85 {
   background: linear-gradient(to top,  #002080 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd86,
.pgrad86 {
   background: linear-gradient(to top,  #3c1053 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd87,
.pgrad87 {
   background: linear-gradient(to top,  #656565 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd88,
.pgrad88 {
     background: linear-gradient(to top,  #031d36 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd89,
.pgrad89 {
   background: linear-gradient(to top,  #031d36 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}

.prograd90,
.pgrad90 {
   background: linear-gradient(to top,  #031d36 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd91,
.pgrad91 {
   background: linear-gradient(to top,  #9d9797 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd92,
.pgrad92 {
   background: linear-gradient(to top,  #466583 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd93,
.pgrad93 {
   background: linear-gradient(to top,  #c5e1a5 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd94,
.pgrad94 {
   background: linear-gradient(to top,  #f48fb1 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd95,
.pgrad95 {
       background: linear-gradient(to top,  #8b4697 15px 10px )!important;
    
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd96,
.pgrad96 {
   background: linear-gradient(to top,  #4e342e 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd97,
.pgrad97 {
   background: linear-gradient(to top,  #ea80fc 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd98,
.pgrad98 {
   background: linear-gradient(to top,  #4a148c 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd99,
.pgrad99 {
   background: linear-gradient(to top,  #ff8a65 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd100,
.pgrad100 {
   background: linear-gradient(to top,  #fffde7 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd101,
.pgrad101 {
   background: linear-gradient(to top,  #b2dfdb 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd102,
.pgrad102 {
   background: linear-gradient(to top,  #dbca75 15px 10px )!important;

    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd103,
.pgrad103 {
 background: linear-gradient(to top,  #90a4ae 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd104,
.pgrad104 {
 background: linear-gradient(to top,  #37474f 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd105,
.pgrad105 {
 background: linear-gradient(to top,  #006064 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd106,
.pgrad106 {
 background: linear-gradient(to top,  #009688 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd107,
.pgrad107 {
 background: linear-gradient(to top,  #455a64 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd108,
.pgrad108 {
 background: linear-gradient(to top,  #0d1014 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd109,
.pgrad109 {
 background: linear-gradient(to top,  #832b5f 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd110,
.pgrad110 {
 background: linear-gradient(to top,  #54194a 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd111,
.pgrad111 {
 background: linear-gradient(to top,  #1f1652 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd112,
.pgrad112 {
 background: linear-gradient(to top,  #420746 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd113,
.pgrad113 {
 background: linear-gradient(to top,  #321c13 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd114,
.pgrad114 {
 background: linear-gradient(to top,  #370b3e 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd115,
.pgrad115 {
 background: linear-gradient(to top,  #6e0e07 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd116,
.pgrad116 {
 background: linear-gradient(to top,  #424242 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd117,
.pgrad117 {
 background: linear-gradient(to top,  #14567e 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd118,
.pgrad118 {
 background: linear-gradient(to top,  #8a93c7 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd119,
.pgrad119 {
 background: linear-gradient(to top,  #009688 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd120,
.pgrad120 {
 background: linear-gradient(to top,  #85b54e 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd121,
.pgrad121 {
 background: linear-gradient(to top,  #a1887f 15px 10px )!important;
 
    margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd122,
.pgrad122 {
 background: linear-gradient(to top,  #a95571 15px 10px )!important;
   margin-top: 2px;
    margin-bottom:6px;
    border-radius: 10px;
}
.prograd123,
.pgrad123 {
 background: linear-gradient(to top, #000, #656565)!important;
   margin-top: 2px;
    margin-bottom: 4px;
    border-radius: 10px;
}
.prograd124,
.pgrad124 {
    
	 background-image: url(https://www.arbc.chat/addons/ex_colors/files/custom/alaa1.gif);
	  margin-top: 2px;
    margin-bottom: 4px;
    border-radius: 10px;
}
/*خاص فلاش نيم*/
.Arabic1{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/1.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic2{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/2.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic3{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/3.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic4{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/4.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic5{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/5.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic6{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/6.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic7{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/7.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic8{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/8.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic9{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/9.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic10{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/10.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic11{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/11.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic12{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/12.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic13{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/13.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic14{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/14.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic15{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/15.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic16{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/16.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic17{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/17.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic18{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/18.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic19{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/19.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic20{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/20.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic21{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/21.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic22{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/22.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic23{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/23.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic24{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/24.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic25{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/25.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic26{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/26.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic27{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/27.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic28{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/28.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic29{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/29.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic30{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/30.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic31{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/31.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic32{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/32.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic33{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/33.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic34{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/34.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic35{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/35.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic36{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/36.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic37{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/37.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic38{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/38.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic39{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/39.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic40{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/40.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic41{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/41.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic42{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/42.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic43{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/43.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic44{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/44.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic45{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/45.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic46{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/46.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic47{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/47.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic48{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/48.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic49{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/49.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic50{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/50.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic51{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/51.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic52{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/52.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}
.Arabic53{font-size:15px;font-weight:700;font-style:normal;font-family:sans-serif;background-image:url(custom_Alaa/53.gif);-webkit-background-clip:text;color:transparent;background-size:100% 100%}

.Arabicback1{background-image:url(custom_Alaa/1.gif);background-size:100% 100%}
.Arabicback2{background-image:url(custom_Alaa/2.gif);background-size:100% 100%}
.Arabicback3{background-image:url(custom_Alaa/3.gif);background-size:100% 100%}
.Arabicback4{background-image:url(custom_Alaa/4.gif);background-size:100% 100%}
.Arabicback5{background-image:url(custom_Alaa/5.gif);background-size:100% 100%}
.Arabicback6{background-image:url(custom_Alaa/6.gif);background-size:100% 100%}
.Arabicback7{background-image:url(custom_Alaa/7.gif);background-size:100% 100%}
.Arabicback8{background-image:url(custom_Alaa/8.gif);background-size:100% 100%}
.Arabicback9{background-image:url(custom_Alaa/9.gif);background-size:100% 100%}
.Arabicback10{background-image:url(custom_Alaa/10.gif);background-size:100% 100%}
.Arabicback11{background-image:url(custom_Alaa/11.gif);background-size:100% 100%}
.Arabicback12{background-image:url(custom_Alaa/12.gif);background-size:100% 100%}
.Arabicback13{background-image:url(custom_Alaa/13.gif);background-size:100% 100%}
.Arabicback14{background-image:url(custom_Alaa/14.gif);background-size:100% 100%}
.Arabicback15{background-image:url(custom_Alaa/15.gif);background-size:100% 100%}
.Arabicback16{background-image:url(custom_Alaa/16.gif);background-size:100% 100%}
.Arabicback17{background-image:url(custom_Alaa/17.gif);background-size:100% 100%}
.Arabicback18{background-image:url(custom_Alaa/18.gif);background-size:100% 100%}
.Arabicback19{background-image:url(custom_Alaa/19.gif);background-size:100% 100%}
.Arabicback20{background-image:url(custom_Alaa/20.gif);background-size:100% 100%}
.Arabicback21{background-image:url(custom_Alaa/21.gif);background-size:100% 100%}
.Arabicback22{background-image:url(custom_Alaa/22.gif);background-size:100% 100%}
.Arabicback23{background-image:url(custom_Alaa/23.gif);background-size:100% 100%}
.Arabicback24{background-image:url(custom_Alaa/24.gif);background-size:100% 100%}
.Arabicback25{background-image:url(custom_Alaa/25.gif);background-size:100% 100%}
.Arabicback26{background-image:url(custom_Alaa/26.gif);background-size:100% 100%}
.Arabicback27{background-image:url(custom_Alaa/27.gif);background-size:100% 100%}
.Arabicback28{background-image:url(custom_Alaa/28.gif);background-size:100% 100%}
.Arabicback29{background-image:url(custom_Alaa/29.gif);background-size:100% 100%}
.Arabicback30{background-image:url(custom_Alaa/30.gif);background-size:100% 100%}
.Arabicback31{background-image:url(custom_Alaa/31.gif);background-size:100% 100%}
.Arabicback32{background-image:url(custom_Alaa/32.gif);background-size:100% 100%}
.Arabicback33{background-image:url(custom_Alaa/33.gif);background-size:100% 100%}
.Arabicback34{background-image:url(custom_Alaa/34.gif);background-size:100% 100%}
.Arabicback35{background-image:url(custom_Alaa/35.gif);background-size:100% 100%}
.Arabicback36{background-image:url(custom_Alaa/36.gif);background-size:100% 100%}
.Arabicback37{background-image:url(custom_Alaa/37.gif);background-size:100% 100%}
.Arabicback38{background-image:url(custom_Alaa/38.gif);background-size:100% 100%}
.Arabicback39{background-image:url(custom_Alaa/39.gif);background-size:100% 100%}
.Arabicback40{background-image:url(custom_Alaa/40.gif);background-size:100% 100%}
.Arabicback41{background-image:url(custom_Alaa/41.gif);background-size:100% 100%}
.Arabicback42{background-image:url(custom_Alaa/42.gif);background-size:100% 100%}
.Arabicback43{background-image:url(custom_Alaa/43.gif);background-size:100% 100%}
.Arabicback44{background-image:url(custom_Alaa/44.gif);background-size:100% 100%}
.Arabicback45{background-image:url(custom_Alaa/45.gif);background-size:100% 100%}
.Arabicback46{background-image:url(custom_Alaa/46.gif);background-size:100% 100%}
.Arabicback47{background-image:url(custom_Alaa/47.gif);background-size:100% 100%}
.Arabicback48{background-image:url(custom_Alaa/48.gif);background-size:100% 100%}
.Arabicback49{background-image:url(custom_Alaa/49.gif);background-size:100% 100%}
.Arabicback50{background-image:url(custom_Alaa/50.gif);background-size:100% 100%}
.Arabicback51{background-image:url(custom_Alaa/51.gif);background-size:100% 100%}
.Arabicback52{background-image:url(custom_Alaa/52.gif);background-size:100% 100%}
.Arabicback53{background-image:url(custom_Alaa/53.gif);background-size:100% 100%}
/*خاص بلون  خلفية الاسم عام*/
.pgradnamebg1,
.progradnamebg1 {
    background: linear-gradient(to top, #f33, maroon) !important
}

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

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

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

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

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

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

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

.pgradnamebg9,
.progradnamebg9 {
    background: linear-gradient(to top, green, #001a00) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pgradnamebg61,
.progradnamebg61 {
    background: linear-gradient(to top, purple, pink) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pgradnamebg80,
.progradnamebg80 {
    background: linear-gradient(to top, #000, #656565) !important
}
/*ظل الصوره الشخصيه علاء*/
  .picshadw1,
.picback1 {
    box-shadow: #422f99 0 0 3px 1px;
    border: 2px solid #422f99 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.picshadw45,
.picback45 {
    box-shadow: #323232 0 0 3px 1px;
    border: 2px solid #323232 !important;
}
/*ظل اسم المستخدمه 2علاء*/
.picalaa1,
.picback1 {
    box-shadow: #422f99 0 0 7px 3px;
    margin-bottom: 6px;
}
.picalaa2,
.picback2 {
    box-shadow: #a80077 0 0 7px 3px;
    margin-bottom: 6px; 
}

.picalaa3,
.picback3 {
    box-shadow: #000 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa4,
.picback4 {
    box-shadow: #4d3e3e 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa5,
.picback5 {
    box-shadow: #142850 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa6,
.picback6 {
    box-shadow: #00909e 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa7,
.picback7 {
    box-shadow: #dae1e7 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa8,
.picback8 {
    box-shadow: #ffe0ac 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa9,
.picback9 {
    box-shadow: #888 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa10,
.picback10 {
    box-shadow: #120136 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa11,
.picback11 {
    box-shadow: #f6f578 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa12,
.picback12 {
    box-shadow: #862a5c 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa13,
.picback13 {
    box-shadow: #eaac9d 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa14,
.picback14 {
    box-shadow: #06623b 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa15,
.picback15 {
    box-shadow: #f79071 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa16,
.picback16 {
    box-shadow: #f6acc8 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa17,
.picback17 {
    box-shadow: #af8baf 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa18,
.picback18 {
    box-shadow: #584153 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa19,
.picback19 {
    box-shadow: #c1a57b 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa20,
.picback20 {
    box-shadow: #2c003e 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa21,
.picback21 {
    box-shadow: #43d8c9 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa22,
.picback22 {
    box-shadow: #95389e 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa23,
.picback23 {
    box-shadow: #0779e4 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa24,
.picback24 {
    box-shadow: #d8345f 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa25,
.picback25 {
    box-shadow: #c70039 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa26,
.picback26 {
    box-shadow: #ff5733 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa27,
.picback27 {
    box-shadow: #8566aa 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa28,
.picback28 {
    box-shadow: #6983aa 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa29,
.picback29 {
    box-shadow: #f8e1f4 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa30,
.picback30 {
    box-shadow: #97e5ef 0 0 7px 3px;
   
}margin-bottom: 6px;

.picalaa31,
.picback31 {
    box-shadow: #b9ebcc 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa32,
.picback32 {
    box-shadow: #5a3f11 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa33,
.picback33 {
    box-shadow: #9c5518 0 0 7px 3px;
   margin-bottom: 6px;
}
.picalaa34,
.picback34 {
    box-shadow: #ffb385 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa35,
.picback35 {
    box-shadow: #698474 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa36,
.picback36 {
    box-shadow: #de7119 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa37,
.picback37 {
    box-shadow: #204051 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa38,
.picback38 {
    box-shadow: #3b6978 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa39,
.picback39 {
    box-shadow: #f76a8c 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa40,
.picback40 {
    box-shadow: #fbcffc 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa41,
.picback41 {
    box-shadow: #be79df 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa42,
.picback42 {
    box-shadow: #cff1ef 0 0 7px 3px;
    margin-bottom: 6px;
}

.picalaa43,
.picback43 {
    box-shadow: #ffd1bd 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa44,
.picback44 {
    box-shadow: #9dc6a7 0 0 7px 3px;
   margin-bottom: 6px;
}

.picalaa45,
.picback45 {
    box-shadow: #323232 0 0 7px 3px;
    margin-bottom: 6px;
}
.picalaa46,
.picback46 {
    box-shadow: #c33838 0 0 20px !important;
    margin-bottom: 6px;
}
/*لون بروفايل*/
 .Profile_alaa1,
.Profile_alaa1 {
    background: #422f99;
}
.Profile_alaa2,
.Profile_alaa2 {
    background: #a80077;
    
}
.Profile_alaa3,
.Profile_alaa3 {
    background: #000;
}

.Profile_alaa4,
.Profile_alaa4 {
    background: #4d3e3e;
}

.Profile_alaa5,
.Profile_alaa5 {
    background: #142850;
}

.Profile_alaa6,
.Profile_alaa6 {
    background: #00909e;
}

.Profile_alaa7,
.Profile_alaa7 {
    background: #dae1e7;
}

.Profile_alaa8,
.Profile_alaa8 {
    background: #ffe0ac;
}

.Profile_alaa9,
.Profile_alaa9 {
    background: #888;
}

.Profile_alaa10,
.Profile_alaa10 {
    background: #120136;
  }

.Profile_alaa11,
.Profile_alaa11 {
    background: #f6f578; 
}

.Profile_alaa12,
.Profile_alaa12 {
    background: #862a5c;
  } 
.Profile_alaa13,
.Profile_alaa13 {
    background: #eaac9d;
}

.Profile_alaa14,
.Profile_alaa14 {
    background: #06623b;
}

.Profile_alaa15,
.Profile_alaa15 {
    background: #f79071;
}

.Profile_alaa16,
.Profile_alaa16 {
    background: #f6acc8;
}

.Profile_alaa17,
.Profile_alaa17 {
    background: #af8baf;
}

.Profile_alaa18,
.Profile_alaa18 {
    background: #584153;
}

.Profile_alaa19,
.Profile_alaa19 {
    background: #c1a57b;
  }

.Profile_alaa20,
.Profile_alaa20 {
    background: #2c003e; 
}

.Profile_alaa21,
.Profile_alaa21 {
    background: #43d8c9;
}

.Profile_alaa22,
.Profile_alaa22 {
    background: #95389e;
}

.Profile_alaa23,
.Profile_alaa23 {
    background: #0779e4;
}

.Profile_alaa24,
.Profile_alaa24 {
    background: #d8345f;
}

.Profile_alaa25,
.Profile_alaa25 {
    background: #c70039;
}

.Profile_alaa26,
.Profile_alaa26 {
    background: #ff5733;
}

.Profile_alaa27,
.Profile_alaa27 {
    background: #8566aa;
}

.Profile_alaa28,
.Profile_alaa28 {
    background: #6983aa; 
}

.Profile_alaa29,
.Profile_alaa29 {
    background: #f8e1f4;
}

.Profile_alaa30,
.Profile_alaa30 {
    background: #97e5ef;
}

.Profile_alaa31,
.Profile_alaa31 {
    background: #b9ebcc; 
}

.Profile_alaa32,
.Profile_alaa32 {
    background: #5a3f11;
}

.Profile_alaa33,
.Profile_alaa33 {
    background: #9c5518;
}
.Profile_alaa34,
.Profile_alaa34 {
    background: #ffb385;
}

.Profile_alaa35,
.Profile_alaa35 {
    background: #698474;
}

.Profile_alaa36,
.Profile_alaa36 {
    background: #de7119;
}

.Profile_alaa37,
.Profile_alaa37 {
    background: #204051;
}

.Profile_alaa38,
.Profile_alaa38 {
    background: #3b6978;
}

.Profile_alaa39,
.Profile_alaa39 {
    background: #f76a8c;
}

.Profile_alaa40,
.Profile_alaa40 {
    background: #fbcffc;
}

.Profile_alaa41,
.Profile_alaa41 {
    background: #be79df;

}

.Profile_alaa42,
.Profile_alaa42 {
    background: #cff1ef;
}

.Profile_alaa43,
.Profile_alaa43 {
    background: #ffd1bd;
}

.Profile_alaa44,
.Profile_alaa44 {
    background: #9dc6a7;
}

.Profile_alaa45,
.Profile_alaa45 {
    background: #323232;
}
.Profile_alaa46, .Profile_alaa46 {
    background: #c70039;
}
.Profile_alaa47, .Profile_alaa47 {
    background: #008000; 
}
.Profile_alaa48, .Profile_alaa48 {
    background: #008000;
}
.Profile_alaa49, .Profile_alaa49 {
    background: #ffffff; 
}
/*لون نص البروفايل*/
.bcbackalaa1 { color:#ff3333; }
.bcbackalaa2 { color:#ff6633; }
.bcbackalaa3 { color:#ff9933; }
.bcbackalaa4 { color:#ffcc33; }
.bcbackalaa5 { color:#cccc00; }
.bcbackalaa6 { color:#99cc00; }
.bcbackalaa7 { color:#59b300; }
.bcbackalaa8 { color:#829356; }
.bcbackalaa9 { color:#008000; }
.bcbackalaa10 { color:#00e639; }
.bcbackalaa11 { color:#00e673; }
.bcbackalaa12 { color:#00e6ac; }
.bcbackalaa13 { color:#00cccc; }
.bcbackalaa14 { color:#03add8; }
.bcbackalaa15 { color:#3366ff; }
.bcbackalaa16 { color:#107896; }
.bcbackalaa17 { color:#004d99; }
.bcbackalaa18 { color:#6633ff; }
.bcbackalaa19 { color:#9933ff; }
.bcbackalaa20 { color:#cc33ff; }
.bcbackalaa21 { color:#ff33ff; }
.bcbackalaa22 { color:#ff33cc; }
.bcbackalaa23 { color:#ff3399; }
.bcbackalaa24 { color:#ff3366; }
.bcbackalaa25 { color:#604439; }
.bcbackalaa26 { color:#795548; }
.bcbackalaa27 { color:#a97f70; }
.bcbackalaa28 { color:#bc9b8f; }
.bcbackalaa29 { color:#9E9E9E; }
.bcbackalaa30 { color:#879fab; }
.bcbackalaa31 { color:#698796; }
.bcbackalaa32 { color:#495f69; }
.bcbackalaa33 { color:#ffffff; }
.bcbackalaa34 { color:#000000; }
/* basic name colors background */

.bccheckalaa {
    font-size: 20px;
    color: #ff0000;
    margin-top: 9px;
}
/*لون المحاذءة*/
.adjacencyalaa1,
.picback1 {
box-shadow:#422f99 0 0 7px 7px;
}
.adjacencyalaa2,
.picback2 {
 box-shadow:#a80077 0 0 7px 7px;
 }

.adjacencyalaa3,
.picback3 {
    box-shadow: #000 0 0 7px 7px;
}

.adjacencyalaa4,
.picback4 {
    box-shadow: #4d3e3e 0 0 7px 7px;
}

.adjacencyalaa5,
.picback5 {
    box-shadow: #142850 0 0 7px 7px;
}

.adjacencyalaa6,
.picback6 {
    box-shadow: #00909e 0 0 7px 7px;
}

.adjacencyalaa7,
.picback7 {
    box-shadow: #dae1e7 0 0 7px 7px;
}

.adjacencyalaa8,
.picback8 {
    box-shadow: #ffe0ac 0 0 7px 7px;
}

.adjacencyalaa9,
.picback9 {
    box-shadow: #888 0 0 7px 7px;
}

.adjacencyalaa10,
.picback10 {
    box-shadow: #120136 0 0 7px 7px;
}

.adjacencyalaa11,
.picback11 {
    box-shadow: #f6f578 0 0 7px 7px;
}

.adjacencyalaa12,
.picback12 {
    box-shadow: #862a5c 0 0 7px 7px;
}

.adjacencyalaa13,
.picback13 {
    box-shadow: #eaac9d 0 0 7px 7px;
}

.adjacencyalaa14,
.picback14 {
    box-shadow: #06623b 0 0 7px 7px;
}

.adjacencyalaa15,
.picback15 {
    box-shadow: #f79071 0 0 7px 7px;
}

.adjacencyalaa16,
.picback16 {
    box-shadow: #f6acc8 0 0 7px 7px;
}

.adjacencyalaa17,
.picback17 {
    box-shadow: #af8baf 0 0 7px 7px;
}

.adjacencyalaa18,
.picback18 {
    box-shadow: #584153 0 0 7px 7px;
}

.adjacencyalaa19,
.picback19 {
    box-shadow: #c1a57b 0 0 7px 7px;
}

.adjacencyalaa20,
.picback20 {
    box-shadow: #2c003e 0 0 7px 7px;
}

.adjacencyalaa21,
.picback21 {
    box-shadow: #43d8c9 0 0 7px 7px;
}

.adjacencyalaa22,
.picback22 {
    box-shadow: #95389e 0 0 7px 7px;
}

.adjacencyalaa23,
.picback23 {
    box-shadow: #0779e4 0 0 7px 7px;
}

.adjacencyalaa24,
.picback24 {
    box-shadow: #d8345f 0 0 7px 7px;
}

.adjacencyalaa25,
.picback25 {
    box-shadow: #c70039 0 0 7px 7px;
}

.adjacencyalaa26,
.picback26 {
    box-shadow: #ff5733 0 0 7px 7px;
}

.adjacencyalaa27,
.picback27 {
    box-shadow: #8566aa 0 0 7px 7px;
}

.adjacencyalaa28,
.picback28 {
    box-shadow: #6983aa 0 0 7px 7px;
}

.adjacencyalaa29,
.picback29 {
    box-shadow: #f8e1f4 0 0 7px 7px;
}

.adjacencyalaa30,
.picback30 {
    box-shadow: #97e5ef 0 0 7px 7px;
  
}
.adjacencyalaa31,
.picback31 {
    box-shadow: #b9ebcc 0 0 7px 7px;
}

.adjacencyalaa32,
.picback32 {
    box-shadow: #5a3f11 0 0 7px 7px;
}

.adjacencyalaa33,
.picback33 {
    box-shadow: #9c5518 0 0 7px 7px;
}
.adjacencyalaa34,
.picback34 {
    box-shadow: #ffb385 0 0 7px 7px;
}

.adjacencyalaa35,
.picback35 {
    box-shadow: #698474 0 0 7px 7px;
}

.adjacencyalaa36,
.picback36 {
    box-shadow: #de7119 0 0 7px 7px;
}

.adjacencyalaa37,
.picback37 {
    box-shadow: #204051 0 0 7px 7px;
}

.adjacencyalaa38,
.picback38 {
    box-shadow: #3b6978 0 0 7px 7px;
}

.adjacencyalaa39,
.picback39 {
    box-shadow: #f76a8c 0 0 7px 7px;
}

.adjacencyalaa40,
.picback40 {
    box-shadow: #fbcffc 0 0 7px 7px;
}

.adjacencyalaa41,
.picback41 {
    box-shadow: #be79df 0 0 7px 7px;
}

.adjacencyalaa42,
.picback42 {
    box-shadow: #cff1ef 0 0 7px 7px;
}

.adjacencyalaa43,
.picback43 {
    box-shadow: #ffd1bd 0 0 7px 7px;
}

.adjacencyalaa44,
.picback44 {
    box-shadow: #9dc6a7 0 0 7px 7px;
}

.adjacencyalaa45,
.picback45 {
    box-shadow: #323232 0 0 7px 7px;
}
.adjacencyalaa46,
.picback46 {
    box-shadow: #c33838 0 0 20px !important;
}
/*لون خلفيه العام*/
.backgroundalaa,
.backgroundalaa1 {
    box-shadow: inset #422f99 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa2,
.backgroundalaa2 {
    box-shadow: inset #a80077 0 0 8px 1px;
     margin-top: 2px;
}

.backgroundalaa3,
.backgroundalaa3 {
    box-shadow: inset #000 0 0 8px 1px;
    margin-top: 2px;
}
.backgroundalaa4, .backgroundalaa4 {
    box-shadow: inset #2c64bb 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa5, .backgroundalaa5 {
    box-shadow: inset #0c6815 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa6, .backgroundalaa6 {
    box-shadow: inset #222 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa7, .backgroundalaa7 {
    box-shadow: inset #002a51 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa8, .backgroundalaa8 {
    box-shadow: inset #d31414 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa9, .backgroundalaa9 {
    box-shadow: inset #66b3ff 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa10, .backgroundalaa10 {
    box-shadow: inset #c6b3ff 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa11, .backgroundalaa11 {
    box-shadow: inset #ffb3ff 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa12, .backgroundalaa12 {
    box-shadow: inset #ffb3d9 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa13, .backgroundalaa13 {
    box-shadow: inset #fdbb2d 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa14, .backgroundalaa14 {
    box-shadow: inset #00dbde 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa15, .backgroundalaa15 {
    box-shadow: inset #1cb5e0 0 0 8px 1px;
     margin-top: 2px;
}
.backgroundalaa16, .backgroundalaa16 {
    box-shadow: inset #d9b3ff 0 0 8px 1px;
     margin-top: 2px;
}
/* --- ترسانة الوضوح بالألوان الأصلية (Pure Color & High Detail) --- */

.ultra-bold, .giant-bold, .mega-thick, .concrete-bold, .nuclear-thick, .blackhole-thick {
    font-weight: 900 !important;
    display: inline-block;
    paint-order: stroke fill;
    /* الحفاظ على جودة اللون */
    -webkit-font-smoothing: subpixel-antialiased; 
}

/* ليفل الضخامة الملكية */
.ultra-bold {
    -webkit-text-stroke: 0.8px currentColor;
    letter-spacing: 1.2px;
   
}

/* ليفل العملاق */
.giant-bold {
    -webkit-text-stroke: 1.5px currentColor;
    letter-spacing: 1.8px;
   
}

/* ليفل الوحش المدمر */
.mega-thick {
    -webkit-text-stroke: 2.2px currentColor;
    letter-spacing: 2.5px;
    /* ظل أسود يحدد أطراف اللون الصريح */
    
}

/* ليفل الهيكل الخرساني */
.concrete-bold {
    -webkit-text-stroke: 3px currentColor;
    letter-spacing: 3.5px;
   
}

/* ليفل الضخامة النووية ☢️ */
.nuclear-thick {
    -webkit-text-stroke: 3.8px currentColor;
    letter-spacing: 4.5px;
    transform: scale(1.03);
   
}

/* ليفل الثقب الأسود 🌑 */
.blackhole-thick {
    -webkit-text-stroke: 4.8px currentColor;
    letter-spacing: 6px;
    transform: scale(1.05);
   
}

/* منع تداخل الكلمات في الأسماء الطويلة */
[dir="rtl"] .ultra-bold, [dir="rtl"] .giant-bold, [dir="rtl"] .nuclear-thick, [dir="rtl"] .blackhole-thick {
    word-spacing: 8px;
}
/* كلاسات الأحجام المربوطة بالاختيارات */
.f14 { font-size: 14px !important; }
.f18 { font-size: 18px !important; }
.f24 { font-size: 24px !important; }
.f30 { font-size: 30px !important; }
.f36 { font-size: 36px !important; }

/* ضروري جداً للموبايل عشان الاسم ميكبرش بزيادة */
@media screen and (max-width: 1024px) {
    .f24 { font-size: 18px !important; }
    .f30 { font-size: 20px !important; }
    .f36 { font-size: 22px !important; }
}
/* بنجبر أي حاجة جوه (اسم، صورة، نجمة) إنها تفضل فوق في مكانها */
.user_item[style*="background-image"] > div, 
.user_item[style*="background-image"] > p {
    vertical-align: top !important;
    top: 0 !important;
}
/* إجبار علامة الأونلاين (النقطة الخضراء) تثبت في مكانها فوق */
.user_item[style*="background-image"] .online_mark {
    top: 14px !important;    /* غير الرقم ده لـ 0 أو 2 حسب ما تظبط على الصورة الشخصية */
    position: absolute !important;
    vertical-align: top !important;
}
/* إجبار علامة الأونلاين (النقطة الخضراء) تثبت في مكانها فوق */
.user_item[style*="background-image"] .list_status {
    top: 25px !important;    /* غير الرقم ده لـ 0 أو 2 حسب ما تظبط على الصورة الشخصية */
   position: absolute;
    left: 0;
    bottom: -2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    padding: 1px;
}