.color_switch,
.lm3a {
    float: left;
    position: relative;
}
.color_switch {
    width: 12%;
    margin: 0.25%;
    min-height: 40px;
    text-align: center;
}
.bccheck {
    font-size: 20px;
    color: #fff;
    margin-top: 9px;
}
.open_player {
    color: #fff !important;
}
.call_back,
.dark_olay,
.lite_olay,
.olay,
.saved_error,
.saved_ok,
.song_title {
    color: #fff;
}
.my_notice {
    background-clip: unset;
}
.bdisabled {
    opacity: 0.5;
}
.gen0,
.gen1,
.gen2,
.gen3 {
    border: 2px solid;
}
.gen0,
.genother {
    border-color: #ccc;
}
.gen1,
.genmale,
.ghost_post {
    border-color: #03add8;
}
.gen2,
.genfemale {
    border-color: #f9f;
}
.gen3 {
    border-color: #60c;
}
.audio_color {
    background: #444;
    color: #fff;
}
.song_title {
    background: #666;
}
.audio_progress {
    background: #fff;
}
.audio_ball {
    background: #666;
}
#vcall_self,
.call_back {
    background: #000;
}
.vcall_user {
    background-color: rgba(31, 31, 31, 0.556);
}
.vcall_btn {
    background: #222;
}
.vcall_off {
    background-color: rgba(255, 80, 80, 0.7);
}
.saved_ok {
    background-color: rgba(0, 102, 0, 0.8);
}
.saved_error {
    background-color: rgba(255, 0, 0, 0.8);
}
.background_stream {
    background-color: rgba(0, 0, 0, 0.9);
}
.lite_olay {
    background-color: rgba(100, 100, 100, 0.4);
}
.olay {
    background-color: rgba(0, 0, 0, 0.5);
}
.dark_olay {
    background-color: rgba(0, 0, 0, 0.6);
}
.cover_text {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.avatar_spin,
.avavatar,
.sub_list_active {
    border: 2px solid #fff;
}
.grad_olay {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.2) 100%
    );
}
.grad_iolay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.2) 100%
    );
}
.alert_neutral {
    color: #004085;
    background: #cce5ff;
    border-color: #b8daff;
}
.alert_success {
    color: #155724;
    background: #d4edda;
    border-color: #c3e6cb;
}
.alert_error {
    color: #721c24;
    background: #f8d7da;
    border-color: #f5c6cb;
}
.alert_warn {
    color: #0c5460;
    background: #d1ecf1;
    border-color: #bee5eb;
}
.alert_base {
    color: #333;
    background: #f0f0f0;
    border-color: #888;
}
.neutralb {
    color: #004085;
    background: #cce5ff;
}
.successb {
    color: #155724;
    background: #d4edda;
}
.errorb {
    color: #721c24;
    background: #f8d7da;
}
.warnb {
    color: #0c5460;
    background: #d1ecf1;
}
.baseb {
    color: #333;
    background: #f0f0f0;
}
.topic_log {
    background: #d9f2e6;
    color: #0d261a;
}
.bcolor1 {
    color: #f33;
}
.bcolor2 {
    color: #f63;
}
.bcolor3 {
    color: #f93;
}
.bcolor4 {
    color: #fc3;
}
.bcolor5 {
    color: #cc0;
}
.bcolor6 {
    color: #9c0;
}
.bcolor7 {
    color: #59b300;
}
.bcolor8 {
    color: #829356;
}
.bcolor9,
.online {
    color: green;
}
.bcolor10 {
    color: #00e639;
}
.bcolor11 {
    color: #00e673;
}
.bcolor12 {
    color: #00e6ac;
}
.bcolor13 {
    color: #0cc;
}
.bcolor14,
.invisible {
    color: #03add8;
}
.bcolor15 {
    color: #36f;
}
.bcolor16 {
    color: #107896;
}
.bcolor17 {
    color: #004d99;
}
.bcolor18 {
    color: #63f;
}
.bcolor19 {
    color: #93f;
}
.bcolor20 {
    color: #c3f;
}
.bcolor21 {
    color: #f3f;
}
.bcolor22 {
    color: #f3c;
}
.bcolor23 {
    color: #f39;
}
.bcolor24 {
    color: #f36;
}
.bcolor25 {
    color: #604439;
}
.bcolor26 {
    color: #795548;
}
.bcolor27,
.bhelp_ico {
    color: #a97f70;
}
.bcolor28 {
    color: #bc9b8f;
}
.bcolor29 {
    color: #9e9e9e;
}
.bcolor30 {
    color: #879fab;
}
.bcolor31 {
    color: #698796;
}
.bcolor32 {
    color: #495f69;
}
.bcback1,
.bnback1 {
    background: #f33;
}
.bcback2,
.bnback2 {
    background: #f63;
}
.bcback3,
.bnback3 {
    background: #f93;
}
.bcback4,
.bnback4 {
    background: #fc3;
}
.bcback5,
.bnback5 {
    background: #cc0;
}
.bcback6,
.bnback6 {
    background: #9c0;
}
.bcback7,
.bnback7 {
    background: #59b300;
}
.bcback8,
.bnback8 {
    background: #829356;
}
.bcback9,
.bnback9 {
    background: green;
}
.bcback10,
.bnback10 {
    background: #00e639;
}
.bcback11,
.bnback11 {
    background: #00e673;
}
.bcback12,
.bnback12 {
    background: #00e6ac;
}
.bcback13,
.bnback13 {
    background: #0cc;
}
.bcback14,
.bnback14 {
    background: #03add8;
}
.bcback15,
.bnback15 {
    background: #36f;
}
.bcback16,
.bnback16 {
    background: #107896;
}
.bcback17,
.bnback17 {
    background: #004d99;
}
.bcback18,
.bnback18 {
    background: #63f;
}
.bcback19,
.bnback19 {
    background: #93f;
}
.bcback20,
.bnback20 {
    background: #c3f;
}
.bcback21,
.bnback21 {
    background: #f3f;
}
.bcback22,
.bnback22 {
    background: #f3c;
}
.bcback23,
.bnback23 {
    background: #f39;
}
.bcback24,
.bnback24 {
    background: #f36;
}
.bcback25,
.bnback25 {
    background: #604439;
}
.bcback26,
.bnback26 {
    background: #795548;
}
.bcback27,
.bnback27 {
    background: #a97f70;
}
.bcback28,
.bnback28 {
    background: #bc9b8f;
}
.bcback29,
.bnback29 {
    background: #9e9e9e;
}
.bcback30,
.bnback30 {
    background: #879fab;
}
.bcback31,
.bnback31 {
    background: #698796;
}
.bcback32,
.bnback32 {
    background: #495f69;
}
.backgrad1,
.bgrad1 {
    background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
}
.backgrad2,
.bgrad2 {
    background: linear-gradient(to right, #11998e, #38ef7d);
}
.backgrad3,
.bgrad3 {
    background: linear-gradient(to right, #fc466b, #3f5efb);
}
.backgrad4,
.bgrad4 {
    background: linear-gradient(to right, #00f260, #0575e6);
}
.backgrad5,
.bgrad5 {
    background: linear-gradient(to right, #fc4a1a, #f7b733);
}
.backgrad6,
.bgrad6 {
    background: linear-gradient(to right, #22c1c3, #fdbb2d);
}
.backgrad7,
.bgrad7 {
    background: linear-gradient(to right, #7f00ff, #e100ff);
}
.backgrad8,
.bgrad8 {
    background: linear-gradient(to right, #ee0979, #ff6a00);
}
.backgrad9,
.bgrad9 {
    background: linear-gradient(to right, #00c3ff, #ffff1c);
}
.backgrad10,
.bgrad10 {
    background: linear-gradient(to right, #fc00ff, #00dbde);
}
.backgrad11,
.bgrad11 {
    background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}
.backgrad12,
.backgrad32,
.bgrad12,
.bgrad32 {
    background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
.backgrad13,
.bgrad13 {
    background: linear-gradient(to right, #373b44, #4286f4);
}
.backgrad14,
.bgrad14 {
    background: linear-gradient(to right, #f09, #493240);
}
.backgrad15,
.bgrad15 {
    background: linear-gradient(to right, #f953c6, #b91d73);
}
.backgrad16,
.bgrad16 {
    background: linear-gradient(to right, #dd3e54, #6be585);
}
.backgrad17,
.bgrad17 {
    background: linear-gradient(to right, #8360c3, #2ebf91);
}
.backgrad18,
.bgrad18 {
    background: linear-gradient(to right, #544a7d, #ffd452);
}
.backgrad19,
.bgrad19 {
    background: linear-gradient(to right, #009fff, #ec2f4b);
}
.backgrad20,
.bgrad20 {
    background: linear-gradient(to right, #59c173, #a17fe0, #5d26c1);
}
.backgrad21,
.bgrad21 {
    background: linear-gradient(to right, #a8c0ff, #3f2b96);
}
.backgrad22,
.bgrad22 {
    background: linear-gradient(45deg, red 0, #ffa600 50%, red 100%);
}
.backgrad23,
.bgrad23 {
    background: linear-gradient(to right, #108dc7, #ef8e38);
}
.backgrad24,
.bgrad24 {
    background: linear-gradient(to right, #f09, #0575e6);
}
.backgrad25,
.bgrad25 {
    background: linear-gradient(to right, #667db6, #0082c8, #ec38bc, #fdeff9);
}
.backgrad26,
.bgrad26 {
    background: linear-gradient(to right, #03001e, #7303c0, #ec38bc, #fdeff9);
}
.backgrad27,
.bgrad27 {
    background: linear-gradient(to right, #1a2a6c, #b21f1f, #fdbb2d);
}
.backgrad28,
.bgrad28 {
    background: linear-gradient(to right, #3a1c71, #d76d77, #ffaf7b);
}
.backgrad29,
.bgrad29 {
    background: linear-gradient(to right, #eb5757, #333);
}
.backgrad30,
.bgrad30 {
    background: linear-gradient(to right, #20002c, #cbb4d4);
}
.backgrad31,
.bgrad31 {
    background: linear-gradient(to right, #34e89e, #0f3443);
}
.backgrad33,
.bgrad33 {
    background: linear-gradient(to right, #a80077, #6f0);
}
.backgrad34,
.bgrad34 {
    background: linear-gradient(
        to bottom,
        #6db3f2 0,
        #54a3ee 50%,
        #3690f0 51%,
        #1e69de 100%
    );
}
.backgrad35,
.bgrad35 {
    background: linear-gradient(
        to top,
        #a241b7,
        #7f68d7,
        #5186e9,
        #1b9eef,
        #12b2eb
    );
}
.backgrad36,
.bgrad36 {
    background: linear-gradient(
        to bottom,
        #845ec2 0,
        #d65db1 0,
        #ff6f91 51%,
        #ff9671 100%
    );
}
.backgrad37,
.bgrad37 {
    background: linear-gradient(to right, red, #fff200, #1e9600);
    color: transparent;
}
.backgrad38,
.bgrad38 {
    background: linear-gradient(
        330deg,
        #e05252 0,
        #99e052 25%,
        #52e0e0 50%,
        #9952e0 75%,
        #e05252 100%
    );
}
.backgrad39,
.bgrad39 {
    background: linear-gradient(
        to bottom,
        #051937,
        #004d7a,
        #008793,
        #00bf72,
        #a8eb12
    );
}
.backgrad40,
.bgrad40 {
    background: linear-gradient(45deg, #222 0, #ffa600 50%, #222 100%);
}
.bgrad1,
.bgrad10,
.bgrad11,
.bgrad12,
.bgrad13,
.bgrad14,
.bgrad15,
.bgrad16,
.bgrad17,
.bgrad18,
.bgrad19,
.bgrad2,
.bgrad20,
.bgrad21,
.bgrad22,
.bgrad23,
.bgrad24,
.bgrad25,
.bgrad26,
.bgrad27,
.bgrad28,
.bgrad29,
.bgrad3,
.bgrad30,
.bgrad31,
.bgrad32,
.bgrad33,
.bgrad34,
.bgrad35,
.bgrad36,
.bgrad37,
.bgrad38,
.bgrad39,
.bgrad4,
.bgrad40,
.bgrad5,
.bgrad6,
.bgrad7,
.bgrad8,
.bgrad9 {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.bneon1,
.bneon10,
.bneon11,
.bneon12,
.bneon13,
.bneon14,
.bneon15,
.bneon16,
.bneon17,
.bneon18,
.bneon19,
.bneon2,
.bneon20,
.bneon21,
.bneon22,
.bneon23,
.bneon24,
.bneon25,
.bneon26,
.bneon27,
.bneon28,
.bneon29,
.bneon3,
.bneon30,
.bneon31,
.bneon32,
.bneon4,
.bneon5,
.bneon6,
.bneon7,
.bneon8,
.bneon9 {
    color: #fff;
}
.bneon1 {
    text-shadow: 1px 1px 1px #e60000, 1px 1px 3px #f33, 1px 1px 5px #f33;
}
.bneon2 {
    text-shadow: 1px 1px 1px #e63900, 1px 1px 3px #f63, 1px 1px 5px #f63;
}
.bneon3 {
    text-shadow: 1px 1px 1px #e67300, 1px 1px 3px #f93, 1px 1px 5px #f93;
}
.bneon4 {
    text-shadow: 1px 1px 1px #b38600, 1px 1px 3px #fc3, 1px 1px 5px #fc3;
}
.bneon5 {
    text-shadow: 1px 1px 1px olive, 1px 1px 3px #cc0, 1px 1px 5px #cc0;
}
.bneon6 {
    text-shadow: 1px 1px 1px #739900, 1px 1px 3px #9c0, 1px 1px 5px #9c0;
}
.bneon7 {
    text-shadow: 1px 1px 1px #408000, 1px 1px 3px #59b300, 1px 1px 5px #59b300;
}
.bneon8 {
    text-shadow: 1px 1px 1px #637042, 1px 1px 3px #829356, 1px 1px 5px #829356;
}
.bneon9 {
    text-shadow: 1px 1px 1px #004d00, 1px 1px 3px green, 1px 1px 5px green;
}
.bneon10 {
    text-shadow: 1px 1px 1px #009926, 1px 1px 3px #00e639, 1px 1px 5px #00e639;
}
.bneon11 {
    text-shadow: 1px 1px 1px #00994d, 1px 1px 3px #00e673, 1px 1px 5px #00e673;
}
.bneon12 {
    text-shadow: 1px 1px 1px #009973, 1px 1px 3px #00e6ac, 1px 1px 5px #00e6ac;
}
.bneon13 {
    text-shadow: 1px 1px 1px teal, 1px 1px 3px #0cc, 1px 1px 5px #0cc;
}
.bneon14 {
    text-shadow: 1px 1px 1px #027997, 1px 1px 3px #03add8, 1px 1px 5px #03add8;
}
.bneon15 {
    text-shadow: 1px 1px 1px #0040ff, 1px 1px 3px #36f, 1px 1px 5px #36f;
}
.bneon16 {
    text-shadow: 1px 1px 1px #0c5d73, 1px 1px 3px #107896, 1px 1px 5px #107896;
}
.bneon17 {
    text-shadow: 1px 1px 1px #036, 1px 1px 3px #004d99, 1px 1px 5px #004d99;
}
.bneon18 {
    text-shadow: 1px 1px 1px #2d00b3, 1px 1px 3px #63f, 1px 1px 5px #63f;
}
.bneon19 {
    text-shadow: 1px 1px 1px #7300e6, 1px 1px 3px #93f, 1px 1px 5px #93f;
}
.bneon20 {
    text-shadow: 1px 1px 1px #ac00e6, 1px 1px 3px #c3f, 1px 1px 5px #c3f;
}
.bneon21 {
    text-shadow: 1px 1px 1px #c0c, 1px 1px 3px #f3f, 1px 1px 5px #f3f;
}
.bneon22 {
    text-shadow: 1px 1px 1px #e600ac, 1px 1px 3px #f3c, 1px 1px 5px #f3c;
}
.bneon23 {
    text-shadow: 1px 1px 1px #c06, 1px 1px 3px #f39, 1px 1px 5px #f39;
}
.bneon24 {
    text-shadow: 1px 1px 1px #e60039, 1px 1px 3px #f36, 1px 1px 5px #f36;
}
.bneon25 {
    text-shadow: 1px 1px 1px #503930, 1px 1px 3px #604439, 1px 1px 5px #604439;
}
.bneon26 {
    text-shadow: 1px 1px 1px #604439, 1px 1px 3px #795548, 1px 1px 5px #795548;
}
.bneon27 {
    text-shadow: 1px 1px 1px #805a4d, 1px 1px 3px #a97f70, 1px 1px 5px #a97f70;
}
.bneon28 {
    text-shadow: 1px 1px 1px #9f7160, 1px 1px 3px #bc9b8f, 1px 1px 5px #bc9b8f;
}
.bneon29 {
    text-shadow: 1px 1px 1px grey, 1px 1px 3px #9e9e9e, 1px 1px 5px #9e9e9e;
}
.bneon30 {
    text-shadow: 1px 1px 1px #5e7a87, 1px 1px 3px #879fab, 1px 1px 5px #879fab;
}
.bneon31 {
    text-shadow: 1px 1px 1px #495f69, 1px 1px 3px #698796, 1px 1px 5px #698796;
}
.bneon32 {
    text-shadow: 1px 1px 1px #2a363c, 1px 1px 3px #495f69, 1px 1px 5px #495f69;
}
.Arabic1,
.Arabic10,
.Arabic11,
.Arabic12,
.Arabic13,
.Arabic14,
.Arabic15,
.Arabic16,
.Arabic17,
.Arabic18,
.Arabic19,
.Arabic2,
.Arabic20,
.Arabic21,
.Arabic22,
.Arabic23,
.Arabic24,
.Arabic25,
.Arabic26,
.Arabic27,
.Arabic28,
.Arabic29,
.Arabic3,
.Arabic30,
.Arabic31,
.Arabic32,
.Arabic33,
.Arabic34,
.Arabic35,
.Arabic36,
.Arabic37,
.Arabic38,
.Arabic39,
.Arabic4,
.Arabic40,
.Arabic41,
.Arabic42,
.Arabic43,
.Arabic44,
.Arabic45,
.Arabic46,
.Arabic47,
.Arabic48,
.Arabic49,
.Arabic5,
.Arabic50,
.Arabic51,
.Arabic52,
.Arabic53,
.Arabic54,
.Arabic55,
.Arabic56,
.Arabic57,
.Arabic58,
.Arabic59,
.Arabic6,
.Arabic60,
.Arabic61,
.Arabic62,
.Arabic63,
.Arabic64,
.Arabic65,
.Arabic66,
.Arabic67,
.Arabic68,
.Arabic69,
.Arabic7,
.Arabic8,
.Arabic9 {
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: sans-serif;
    -webkit-background-clip: text;
    color: transparent;
    background-size: 100% 100%;
}
.lm3a {
    margin: 5px;
    display: grid;
    align-items: center;
    border-radius: 10px;
    padding: 2px;
}
.Arabic1 {
    background-image: url(../default_images/lens/1.gif);
}
.Arabic2 {
    background-image: url(../default_images/lens/2.gif);
}
.Arabic3 {
    background-image: url(../default_images/lens/3.gif);
}
.Arabic4 {
    background-image: url(../default_images/lens/4.gif);
}
.Arabic5 {
    background-image: url(../default_images/lens/5.gif);
}
.Arabic6 {
    background-image: url(../default_images/lens/6.gif);
}
.Arabic7 {
    background-image: url(../default_images/lens/7.gif);
}
.Arabic8 {
    background-image: url(../default_images/lens/8.gif);
}
.Arabic9 {
    background-image: url(../default_images/lens/9.gif);
}
.Arabic10 {
    background-image: url(../default_images/lens/10.gif);
}
.Arabic11 {
    background-image: url(../default_images/lens/11.gif);
}
.Arabic12 {
    background-image: url(../default_images/lens/12.gif);
}
.Arabic13,
.bgArb13 {
    background-image: url(../default_images/lens/13.gif);
}
.Arabic14 {
    background-image: url(../default_images/lens/14.gif);
}
.Arabic15 {
    background-image: url(../default_images/lens/15.gif);
}
.Arabic16 {
    background-image: url(../default_images/lens/16.gif);
}
.Arabic17 {
    background-image: url(../default_images/lens/17.gif);
}
.Arabic18 {
    background-image: url(../default_images/lens/18.gif);
}
.Arabic19 {
    background-image: url(../default_images/lens/19.gif);
}
.Arabic20 {
    background-image: url(../default_images/lens/20.gif);
}
.Arabic21 {
    background-image: url(../default_images/lens/21.gif);
}
.Arabic22 {
    background-image: url(../default_images/lens/22.gif);
}
.Arabic23 {
    background-image: url(../default_images/lens/23.gif);
}
.Arabic24 {
    background-image: url(../default_images/lens/24.gif);
}
.Arabic25 {
    background-image: url(../default_images/lens/25.gif);
}
.Arabic26 {
    background-image: url(../default_images/lens/26.gif);
}
.Arabic27 {
    background-image: url(../default_images/lens/27.gif);
}
.Arabic28 {
    background-image: url(../default_images/lens/28.gif);
}
.Arabic29 {
    background-image: url(../default_images/lens/29.gif);
}
.Arabic30 {
    background-image: url(../default_images/lens/30.gif);
}
.Arabic31 {
    background-image: url(../default_images/lens/31.gif);
}
.Arabic32 {
    background-image: url(../default_images/lens/32.gif);
}
.Arabic33 {
    background-image: url(../default_images/lens/33.gif);
}
.Arabic34 {
    background-image: url(../default_images/lens/34.gif);
}
.Arabic35 {
    background-image: url(../default_images/lens/35.gif);
}
.Arabic36 {
    background-image: url(../default_images/lens/36.gif);
}
.Arabic37 {
    background-image: url(../default_images/lens/37.gif);
}
.Arabic38 {
    background-image: url(../default_images/lens/38.gif);
}
.Arabic39 {
    background-image: url(../default_images/lens/39.gif);
}
.Arabic40 {
    background-image: url(../default_images/lens/40.gif);
}
.Arabic41 {
    background-image: url(../default_images/lens/41.gif);
}
.Arabic42 {
    background-image: url(../default_images/lens/42.gif);
}
.Arabic43 {
    background-image: url(../default_images/lens/43.gif);
}
.Arabic44 {
    background-image: url(../default_images/lens/44.gif);
}
.Arabic45 {
    background-image: url(../default_images/lens/45.gif);
}
.Arabic46 {
    background-image: url(../default_images/lens/46.gif);
}
.Arabic47 {
    background-image: url(../default_images/lens/47.gif);
}
.Arabic48 {
    background-image: url(../default_images/lens/48.gif);
}
.Arabic49 {
    background-image: url(../default_images/lens/49.gif);
}
.Arabic50 {
    background-image: url(../default_images/lens/50.gif);
}
.Arabic51 {
    background-image: url(../default_images/lens/51.gif);
}
.Arabic52 {
    background-image: url(../default_images/lens/52.gif);
}
.Arabic53 {
    background-image: url(../default_images/lens/53.gif);
}
.Arabic54 {
    background-image: url(../default_images/lens/54.gif);
}
.Arabic55 {
    background-image: url(../default_images/lens/55.gif);
}
.Arabic56 {
    background-image: url(../default_images/lens/56.gif);
}
.Arabic57 {
    background-image: url(../default_images/lens/57.gif);
}
.Arabic58 {
    background-image: url(../default_images/lens/58.gif);
}
.Arabic59 {
    background-image: url(../default_images/lens/59.gif);
}
.Arabic60 {
    background-image: url(../default_images/lens/60.gif);
}
.Arabic61 {
    background-image: url(../default_images/lens/61.gif);
}
.Arabic62 {
    background-image: url(../default_images/lens/62.gif);
}
.Arabic63 {
    background-image: url(../default_images/lens/63.gif);
}
.Arabic64 {
    background-image: url(../default_images/lens/64.gif);
}
.Arabic65 {
    background-image: url(../default_images/lens/65.gif);
}
.Arabic66 {
    background-image: url(../default_images/lens/66.gif);
}
.Arabic67 {
    background-image: url(../default_images/lens/67.gif);
}
.Arabic68 {
    background-image: url(../default_images/lens/68.gif);
}
.Arabic69 {
    background-image: url(../default_images/lens/69.gif);
}
.orange_ico {
    color: #f60;
}
.red_ico {
    color: #d30000;
}
.yellow_ico {
    color: #e9e90a;
}
.gray_ico {
    color: gray;
}
.white_ico {
    color: #ccc;
}
.blue_ico {
    color: #1919b8;
}
.brown_ico {
    color: #c6381c;
}
.wbrown_ico {
    color: #c5823e;
}
.bbrown_ico {
    color: #c03;
}
.gold_ico {
    color: gold;
}
.ggold_ico {
    color: #ff9d00;
}
.bblue_ico {
    color: #05acd8;
}
.bred_ico {
    color: #fa0202;
}
.bgreen_ico {
    color: #00dfb7;
}
.bhelp2_ico {
    color: #708fa9;
}
.Mcolor_ico {
    color: #b43aff;
}
.zcolor_ico {
    color: #3498db;
}
.w {
    color: #fff;
}
.absent {
    color: #ffd11a;
}
.gone {
    color: red;
}
.onAndOffSwitch {
    display: table;
    padding: 2px;
    border-radius: 100px;
}
.pgrad1,
.prograd1 {
    background: linear-gradient(to top, #f33, maroon) !important;
}
.pgrad2,
.prograd2 {
    background: linear-gradient(to top, #f63, #4d1300) !important;
}
.pgrad3,
.prograd3 {
    background: linear-gradient(to top, #f93, #4d2600) !important;
}
.pgrad4,
.prograd4 {
    background: linear-gradient(to top, #fc3, #806000) !important;
}
.pgrad5,
.prograd5 {
    background: linear-gradient(to top, #cc0, #4d4d00) !important;
}
.pgrad6,
.prograd6 {
    background: linear-gradient(to top, #9c0, #394d00) !important;
}
.pgrad7,
.prograd7 {
    background: linear-gradient(to top, #59b300, #264d00) !important;
}
.pgrad8,
.prograd8 {
    background: linear-gradient(to top, #829356, #2b301c) !important;
}
.pgrad9,
.prograd9 {
    background: linear-gradient(to top, green, #001a00) !important;
}
.pgrad10,
.prograd10 {
    background: linear-gradient(to top, #00e639, #00330d) !important;
}
.pgrad11,
.prograd11 {
    background: linear-gradient(to top, #00e673, #063) !important;
}
.pgrad12,
.prograd12 {
    background: linear-gradient(to top, #00e6ac, #004d39) !important;
}
.pgrad13,
.prograd13 {
    background: linear-gradient(to top, #0cc, #004d4d) !important;
}
.pgrad14,
.prograd14 {
    background: linear-gradient(to top, #03add8, #013d4b) !important;
}
.pgrad15,
.prograd15 {
    background: linear-gradient(to top, #36f, #002080) !important;
}
.pgrad16,
.prograd16 {
    background: linear-gradient(to top, #107896, #073845) !important;
}
.pgrad17,
.prograd17 {
    background: linear-gradient(to top, #004d99, #66b3ff) !important;
}
.pgrad18,
.prograd18 {
    background: linear-gradient(to top, #63f, #c6b3ff) !important;
}
.pgrad19,
.prograd19 {
    background: linear-gradient(to top, #93f, #d9b3ff) !important;
}
.pgrad20,
.prograd20 {
    background: linear-gradient(to top, #c3f, #ecb3ff) !important;
}
.pgrad21,
.prograd21 {
    background: linear-gradient(to top, #f3f, #ffb3ff) !important;
}
.pgrad22,
.prograd22 {
    background: linear-gradient(to top, #f3c, #ff99e6) !important;
}
.pgrad23,
.prograd23 {
    background: linear-gradient(to top, #f39, #ffb3d9) !important;
}
.pgrad24,
.prograd24 {
    background: linear-gradient(to top, #f36, #ffb3c6) !important;
}
.pgrad25,
.prograd25 {
    background: linear-gradient(to top, #40e0d0, #ff8c00, #ff0080) !important;
}
.pgrad26,
.prograd26 {
    background: linear-gradient(to top, #11998e, #38ef7d) !important;
}
.pgrad27,
.pgrad57,
.prograd27,
.prograd57 {
    background: linear-gradient(to top, #108dc7, #ef8e38) !important;
}
.pgrad28,
.prograd28 {
    background: linear-gradient(to top, #fc5c7d, #6a82fb) !important;
}
.pgrad29,
.prograd29 {
    background: linear-gradient(to top, #fc466b, #3f5efb) !important;
}
.pgrad30,
.prograd30 {
    background: linear-gradient(to top, #c94b4b, #4b134f) !important;
}
.pgrad31,
.pgrad62,
.prograd31,
.prograd62 {
    background: linear-gradient(to top, #00f260, #0575e6) !important;
}
.pgrad32,
.prograd32 {
    background: linear-gradient(to top, #fc4a1a, #f7b733) !important;
}
.pgrad33,
.prograd33 {
    background: linear-gradient(to top, #22c1c3, #fdbb2d) !important;
}
.pgrad34,
.prograd34 {
    background: linear-gradient(to top, #7f00ff, #e100ff) !important;
}
.pgrad35,
.prograd35 {
    background: linear-gradient(to top, #67b26f, #4ca2cd) !important;
}
.pgrad36,
.prograd36 {
    background: linear-gradient(to top, #ee0979, #ff6a00) !important;
}
.pgrad37,
.prograd37 {
    background: linear-gradient(to top, #00c3ff, #ffff1c) !important;
}
.pgrad38,
.prograd38 {
    background: linear-gradient(to top, #fc00ff, #00dbde) !important;
}
.pgrad39,
.prograd39 {
    background: linear-gradient(to top, #833ab4, #fd1d1d, #fcb045) !important;
}
.pgrad40,
.prograd40 {
    background: linear-gradient(to top, #43cea2, #185a9d) !important;
}
.pgrad41,
.pgrad78,
.prograd41,
.prograd78 {
    background: linear-gradient(to top, #bdc3c7, #2c3e50) !important;
}
.pgrad42,
.prograd42 {
    background: linear-gradient(to top, #373b44, #4286f4) !important;
}
.pgrad43,
.prograd43 {
    background: linear-gradient(to top, #2980b9, #6dd5fa, #fff) !important;
}
.pgrad44,
.prograd44 {
    background: linear-gradient(to top, #f09, #493240) !important;
}
.pgrad45,
.prograd45 {
    background: linear-gradient(to top, #f953c6, #b91d73) !important;
}
.pgrad46,
.prograd46 {
    background: linear-gradient(to left, #c31432, #240b36) !important;
}
.pgrad47,
.prograd47 {
    background: linear-gradient(to top, #dd3e54, #6be585) !important;
}
.pgrad48,
.prograd48 {
    background: linear-gradient(to top, #8360c3, #2ebf91) !important;
}
.pgrad49,
.prograd49 {
    background: linear-gradient(to top, #544a7d, #ffd452) !important;
}
.pgrad50,
.prograd50 {
    background: linear-gradient(to top, #009fff, #ec2f4b) !important;
}
.pgrad51,
.prograd51 {
    background: linear-gradient(to top, #59c173, #a17fe0, #5d26c1) !important;
}
.pgrad52,
.prograd52 {
    background: linear-gradient(to top, #005aa7, #fffde4) !important;
}
.pgrad53,
.prograd53 {
    background: linear-gradient(to top, #da4453, #89216b) !important;
}
.pgrad54,
.prograd54 {
    background: linear-gradient(to top, #ad5389, #3c1053) !important;
}
.pgrad55,
.prograd55 {
    background: linear-gradient(to top, #a8c0ff, #3f2b96) !important;
}
.pgrad56,
.prograd56 {
    background: linear-gradient(to top, #333, #dd1818) !important;
}
.pgrad58,
.prograd58 {
    background: linear-gradient(to top, #23074d, #cc5333) !important;
}
.pgrad59,
.prograd59 {
    background: linear-gradient(to top, #fffbd5, #b20a2c) !important;
}
.pgrad60,
.prograd60 {
    background: linear-gradient(to top, #0f0c29, #302b63, #24243e) !important;
}
.pgrad61,
.prograd61 {
    background: linear-gradient(to top, purple, pink) !important;
}
.pgrad63,
.prograd63 {
    background: linear-gradient(
        to top,
        #667db6,
        #0082c8,
        #ec38bc,
        #fdeff9
    ) !important;
}
.pgrad64,
.prograd64 {
    background: linear-gradient(to top, #e1eec3, #f05053) !important;
}
.pgrad65,
.prograd65 {
    background: linear-gradient(
        to top,
        #03001e,
        #7303c0,
        #ec38bc,
        #fdeff9
    ) !important;
}
.pgrad66,
.prograd66 {
    background: linear-gradient(to top, #1a2a6c, #b21f1f, #fdbb2d) !important;
}
.pgrad67,
.prograd67 {
    background: linear-gradient(to top, #000, #0f9b0f) !important;
}
.pgrad68,
.prograd68 {
    background: linear-gradient(to top, #36d1dc, #5b86e5) !important;
}
.pgrad69,
.prograd69 {
    background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b) !important;
}
.pgrad70,
.prograd70 {
    background: linear-gradient(to top, #283c86, #45a247) !important;
}
.pgrad71,
.prograd71 {
    background: linear-gradient(to top, #ef3b36, #fff) !important;
}
.pgrad72,
.prograd72 {
    background: linear-gradient(to top, #159957, #155799) !important;
}
.pgrad73,
.prograd73 {
    background: linear-gradient(to top, #000046, #1cb5e0) !important;
}
.pgrad74,
.prograd74 {
    background: linear-gradient(to top, #56ccf2, #2f80ed) !important;
}
.pgrad75,
.prograd75 {
    background: linear-gradient(to top, #eb5757, #000) !important;
}
.pgrad76,
.prograd76 {
    background: linear-gradient(to top, #20002c, #cbb4d4) !important;
}
.pgrad77,
.prograd77 {
    background: linear-gradient(to top, #34e89e, #0f3443) !important;
}
.pgrad79,
.prograd79 {
    background: linear-gradient(to top, #a80077, #6f0) !important;
}
.pgrad80,
.prograd80,
.modal_menu.modal_mback.prograd80 {
    background: linear-gradient(to top, #000, #656565) !important;
}
.shgrad1 {
    color:#422f99;
    box-shadow: #422f99 0 0 20px !important;
    border: 1px solid #422f99 !important;
}
.shgrad2 {
    color:#a80077;
    box-shadow: #a80077 0 0 20px !important;
    border: 1px solid #a80077 !important;
}
.shgrad3 {
    color:#000;
    box-shadow: #000 0 0 20px !important;
    border: 1px solid #000 !important;
}
.shgrad4 {
    color:#4d3e3e;
    box-shadow: #4d3e3e 0 0 20px !important;
    border: 1px solid #4d3e3e !important;
}
.shgrad5 {
    color:#142850;
    box-shadow: #142850 0 0 20px !important;
    border: 1px solid #142850 !important;
}
.shgrad6 {
    color:#00909e;
    box-shadow: #00909e 0 0 20px !important;
    border: 1px solid #00909e !important;
}
.shgrad7 {
    color:#dae1e7;
    box-shadow: #dae1e7 0 0 20px !important;
    border: 1px solid #dae1e7 !important;
}
.shgrad8 {
    color:#ffe0ac;
    box-shadow: #ffe0ac 0 0 20px !important;
    border: 1px solid #ffe0ac !important;
}
.shgrad9 {
    color:#888;
    box-shadow: #888 0 0 20px !important;
    border: 1px solid #888 !important;
}
.shgrad10 {
    color:#120136;
    box-shadow: #120136 0 0 20px !important;
    border: 1px solid #120136 !important;
}
.shgrad11 {
    color:#f6f578;
    box-shadow: #f6f578 0 0 20px !important;
    border: 1px solid #f6f578 !important;
}
.shgrad12 {
    color:#862a5c;
    box-shadow: #862a5c 0 0 20px !important;
    border: 1px solid #862a5c !important;
}
.shgrad13 {
    color:#eaac9d;
    box-shadow: #eaac9d 0 0 20px !important;
    border: 1px solid #eaac9d !important;
}
.shgrad14 {
    color:#06623b;
    box-shadow: #06623b 0 0 20px !important;
    border: 1px solid #06623b !important;
}
.shgrad15 {
    color:#f79071;
    box-shadow: #f79071 0 0 20px !important;
    border: 1px solid #f79071 !important;
}
.shgrad16 {
    color:#f6acc8;
    box-shadow: #f6acc8 0 0 20px !important;
    border: 1px solid #f6acc8 !important;
}
.shgrad17 {
    color:#af8baf;
    box-shadow: #af8baf 0 0 20px !important;
    border: 1px solid #af8baf !important;
}
.shgrad18 {
    color:#584153;
    box-shadow: #584153 0 0 20px !important;
    border: 1px solid #584153 !important;
}
.shgrad19 {
    color:#c1a57b;
    box-shadow: #c1a57b 0 0 20px !important;
    border: 1px solid #c1a57b !important;
}
.shgrad20 {
    color:#2c003e;
    box-shadow: #2c003e 0 0 20px !important;
    border: 1px solid #2c003e !important;
}
.shgrad21 {
    color:#43d8c9;
    box-shadow: #43d8c9 0 0 20px !important;
    border: 1px solid #43d8c9 !important;
}
.shgrad22 {
    color:#95389e;
    box-shadow: #95389e 0 0 20px !important;
    border: 1px solid #95389e !important;
}
.shgrad23 {
    color:#0779e4;
    box-shadow: #0779e4 0 0 20px !important;
    border: 1px solid #0779e4 !important;
}
.shgrad24 {
    color:#d8345f;
    box-shadow: #d8345f 0 0 20px !important;
    border: 1px solid #d8345f !important;
}
.shgrad25 {
    color:#c70039;
    box-shadow: #c70039 0 0 20px !important;
    border: 1px solid #c70039 !important;
}
.shgrad26 {
    color:#ff5733;
    box-shadow: #ff5733 0 0 20px !important;
    border: 1px solid #ff5733 !important;
}
.shgrad27 {
    color:#8566aa;
    box-shadow: #8566aa 0 0 20px !important;
    border: 1px solid #8566aa !important;
}
.shgrad28 {
    color:#6983aa;
    box-shadow: #6983aa 0 0 20px !important;
    border: 1px solid #6983aa !important;
}
.shgrad29 {
    color:#f8e1f4;
    box-shadow: #f8e1f4 0 0 20px !important;
    border: 1px solid #f8e1f4 !important;
}
.shgrad30 {
    color:#97e5ef;
    box-shadow: #97e5ef 0 0 20px !important;
    border: 1px solid #97e5ef !important;
}
.shgrad31 {
    color:#b9ebcc;
    box-shadow: #b9ebcc 0 0 20px !important;
    border: 1px solid #b9ebcc !important;
}
.shgrad32 {
    color:#5a3f11;
    box-shadow: #5a3f11 0 0 20px !important;
    border: 1px solid #5a3f11 !important;
}
.shgrad33 {
    color:#9c5518;
    box-shadow: #9c5518 0 0 20px !important;
    border: 1px solid #9c5518 !important;
}
.shgrad34 {
    color:#ffb385;
    box-shadow: #ffb385 0 0 20px !important;
    border: 1px solid #ffb385 !important;
}
.shgrad35 {
    color:#698474;
    box-shadow: #698474 0 0 20px !important;
    border: 1px solid #698474 !important;
}
.shgrad36 {
    color:#de7119;
    box-shadow: #de7119 0 0 20px !important;
    border: 1px solid #de7119 !important;
}
.shgrad37 {
    color:#204051;
    box-shadow: #204051 0 0 20px !important;
    border: 1px solid #204051 !important;
}
.shgrad38 {
    color:#3b6978;
    box-shadow: #3b6978 0 0 20px !important;
    border: 1px solid #3b6978 !important;
}
.shgrad39 {
    color:#f76a8c;
    box-shadow: #f76a8c 0 0 20px !important;
    border: 1px solid #f76a8c !important;
}
.shgrad40 {
    color:#fbcffc;
    box-shadow: #fbcffc 0 0 20px !important;
    border: 1px solid #fbcffc !important;
}
.shgrad41 {
    color:#be79df;
    box-shadow: #be79df 0 0 20px !important;
    border: 1px solid #be79df !important;
}
.shgrad42 {
    color:#cff1ef;
    box-shadow: #cff1ef 0 0 20px !important;
    border: 1px solid #cff1ef !important;
}
.shgrad43 {
    color:#ffd1bd;
    box-shadow: #ffd1bd 0 0 20px !important;
    border: 1px solid #ffd1bd !important;
}
.shgrad44 {
    color:#9dc6a7;
    box-shadow: #9dc6a7 0 0 20px !important;
    border: 1px solid #9dc6a7 !important;
}
.shgrad45 {
    color:#323232;
    box-shadow: #323232 0 0 20px !important;
    border: 1px solid #323232 !important;
}

/* text colors */
.color_switch { float: left; width: 12%; margin:0.25%; position:relative; min-height:40px; text-align:center; }
.bccheck { font-size:20px; color:#fff; margin-top:9px; }
.open_player { color:#fff !important; }
.my_notice { background-clip:unset; }
.bdisabled { opacity:0.5; }

/* gender colors */
.gen0, .gen1, .gen2, .gen3 { border:2px solid; }
.gen0 { border-color:#ccc; }
.gen1 { border-color:#03add8; }
.gen2 { border-color:#ff99ff;}
.gen3 { border-color:#6600cc;}

/* audio colors */
.audio_color { background:#444; color:#fff; }
.song_title { background:#666; color:#fff; }
.audio_progress { background:#fff; }
.audio_ball { background:#666; }

/* misc colors */
.saved_ok { background-color:rgba(0,102,0,0.8); color:#fff; }
.saved_error { background-color:rgba(255,0,0,0.8); color:#fff; }
.background_stream { background-color:rgba(0,0,0,0.9);}
.lite_olay { background-color:rgba(100,100,100,0.4); color:#fff; }
.olay { background-color:rgba(0,0,0,0.5); color:#fff; }
.dark_olay { background-color:rgba(0,0,0,0.6); color:#fff; }
.cover_text { text-shadow:0 0 2px rgba(0, 0, 0, .8); }
.avatar_spin { border:2px solid #fff; }
.sub_list_active { border:2px solid #fff; }
.grad_olay { background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
.grad_iolay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
.joinback {
  background: rgba(107,61,85,.13) !important;
}

.joincolor {
  color: red !important;
}
.uinroom {color: #399d1a;}
.uoutroom {color: #919191;}


/* alert colors */
.alert_neutral { color: #004085; background: #cce5ff; border-color: #b8daff; }
.alert_success { color: #155724; background: #d4edda; border-color: #c3e6cb; }
.alert_error { color: #721c24; background: #f8d7da; border-color: #f5c6cb;}
.alert_warn { color: #0c5460; background: #d1ecf1; border-color: #bee5eb; }

/* special log default colors */
.topic_log { background:#d9f2e6; color:#0d261a; }

/* basic name colors */
.bcolor1 { color:#ff3333; }
.bcolor2 { color:#ff6633; }
.bcolor3 { color:#ff9933; }
.bcolor4 { color:#ffcc33; }
.bcolor5 { color:#cccc00; }
.bcolor6 { color:#99cc00; }
.bcolor7 { color:#43a047; }
.bcolor8 { color:#829356; }
.bcolor9 { color:#008000; }
.bcolor10 { color:#00e639; }
.bcolor11 { color:#00e673; }
.bcolor12 { color:#00e6ac; }
.bcolor13 { color:#00cccc; }
.bcolor14 { color:#03add8; }
.bcolor15 { color:#3366ff; }
.bcolor16 { color:#107896; }
.bcolor17 { color:#004d99; }
.bcolor18 { color:#6633ff; }
.bcolor19 { color:#9933ff; }
.bcolor20 { color:#cc33ff; }
.bcolor21 { color:#ff33ff; }
.bcolor22 { color:#ff33cc; }
.bcolor23 { color:#ff3399; }
.bcolor24 { color:#ff3366; }
.bcolor25 { color:#604439; }
.bcolor26 { color:#795548; }
.bcolor27 { color:#a97f70; }
.bcolor28 { color:#bc9b8f; }
.bcolor29 { color:#9E9E9E; }
.bcolor30 { color:#879fab; }
.bcolor31 { color:#698796; }
.bcolor32 { color:#495f69; }
.bcolor33 { color:#fdd835; }
.bcolor34 { color:#ffd700; }
.bcolor35 { color:#9172ec; }
.bcolor36 { color:#43c6db; }
.bcolor37 { color:#1e88e5; }
.bcolor38 { color:#FF00FF; }
.bcolor39 { color:#7D1B7E; }
.bcolor40 { color:#827717; }
.bcolor41 { color:#81d4fa; }
.bcolor42 { color:#c11b17; }
.bcolor43 { color:#607d8b; }
.bcolor44 { color:#009688; }
.bcolor45 { color:#ff9100; }
.bcolor46 { color:#5e35b1; }
.bcolor47 { color:#e53935; }
.bcolor48 { color:#000000; }
.bcolor49 { color:#817679; }
.bcolor50 { color:#c8b560; }

/* basic name colors background */
.bcback1 { background:#ff3333; }
.bcback2 { background:#ff6633; }
.bcback3 { background:#ff9933; }
.bcback4 { background:#ffcc33; }
.bcback5 { background:#cccc00; }
.bcback6 { background:#99cc00; }
.bcback7 { background:#59b300; }
.bcback8 { background:#829356; }
.bcback9 { background:#008000; }
.bcback10 { background:#00e639; }
.bcback11 { background:#00e673; }
.bcback12 { background:#00e6ac; }
.bcback13 { background:#00cccc; }
.bcback14 { background:#03add8; }
.bcback15 { background:#3366ff; }
.bcback16 { background:#107896; }
.bcback17 { background:#004d99; }
.bcback18 { background:#6633ff; }
.bcback19 { background:#9933ff; }
.bcback20 { background:#cc33ff; }
.bcback21 { background:#ff33ff; }
.bcback22 { background:#ff33cc; }
.bcback23 { background:#ff3399; }
.bcback24 { background:#ff3366; }
.bcback25 { background:#604439; }
.bcback26 { background:#795548; }
.bcback27 { background:#a97f70; }
.bcback28 { background:#bc9b8f; }
.bcback29 { background:#9E9E9E; }
.bcback30 { background:#879fab; }
.bcback31 { background:#698796; }
.bcback32 { background:#495f69; }


/* gradient colors */
.backgrad1,.bgrad1 { background: linear-gradient(to right,#40e0d0,#ff8c00, #ff0080);}
.backgrad2,.bgrad2 { background: linear-gradient(to right,#11998e,#38ef7d);}
.backgrad3,.bgrad3 { background: linear-gradient(to right,#fc466b,#3f5efb);}
.backgrad4,.bgrad4 { background: linear-gradient(to right,#00f260,#0575e6); }
.backgrad5,.bgrad5 { background: linear-gradient(to right,#fc4a1a,#f7b733); }
.backgrad6,.bgrad6 { background: linear-gradient(to right,#22c1c3,#fdbb2d);}
.backgrad7,.bgrad7 { background: linear-gradient(to right,#7f00ff,#e100ff);}
.backgrad8,.bgrad8 { background: linear-gradient(to right,#ee0979,#ff6a00); }
.backgrad9,.bgrad9 { background: linear-gradient(to right,#00c3ff,#ffff1c); }
.backgrad10,.bgrad10 { background: linear-gradient(to right,#fc00ff,#00dbde); }
.backgrad11,.bgrad11 { background: linear-gradient(to right,#833ab4,#fd1d1d, #fcb045);}
.backgrad12,.bgrad12 { background: linear-gradient(to right,#bdc3c7,#2c3e50);}
.backgrad13,.bgrad13 { background: linear-gradient(to right,#373B44,#4286f4);}
.backgrad14,.bgrad14 { background: linear-gradient(to right,#FF0099,#493240);}
.backgrad15,.bgrad15 { background: linear-gradient(to right,#f953c6,#b91d73);}
.backgrad16,.bgrad16 { background: linear-gradient(to right,#dd3e54,#6be585);}
.backgrad17,.bgrad17 { background: linear-gradient(to right,#8360c3,#2ebf91);}
.backgrad18,.bgrad18 { background: linear-gradient(to right,#544a7d,#ffd452);}
.backgrad19,.bgrad19 { background: linear-gradient(to right,#009FFF,#ec2F4B);}
.backgrad20,.bgrad20 { background: linear-gradient(to right,#59C173,#a17fe0,#5D26C1);}
.backgrad21,.bgrad21 { background: linear-gradient(to right,#a8c0ff,#3f2b96);}
.backgrad22,.bgrad22 { background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%);}
.backgrad23,.bgrad23 { background: linear-gradient(to right,#108dc7,#ef8e38);}
.backgrad24,.bgrad24 { background: linear-gradient(to right,#FF0099,#0575E6); }
.backgrad25,.bgrad25 { background: linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9); }
.backgrad26,.bgrad26 { background: linear-gradient(to right,#03001e,#7303c0,#ec38bc,#fdeff9); }
.backgrad27,.bgrad27 { background: linear-gradient(to right,#1a2a6c,#b21f1f,#fdbb2d);}
.backgrad28,.bgrad28 { background: linear-gradient(to right,#3A1C71,#D76D77,#FFAF7B); }
.backgrad29,.bgrad29 { background: linear-gradient(to right,#EB5757,#333); }
.backgrad30,.bgrad30 { background: linear-gradient(to right,#20002c,#cbb4d4); }
.backgrad31,.bgrad31 { background: linear-gradient(to right,#34e89e,#0f3443); }
.backgrad32,.bgrad32 { background: linear-gradient(to right,#bdc3c7,#2c3e50); }
.backgrad33,.bgrad33 { background: linear-gradient(to right,#a80077,#66ff00); }
.backgrad34,.bgrad34 { background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);}
.backgrad35,.bgrad35 { background: linear-gradient(to top, #a241b7, #7f68d7, #5186e9, #1b9eef, #12b2eb);}
.backgrad36,.bgrad36 { background: linear-gradient(to bottom, #845EC2 0%, #D65DB1 0%, #FF6F91 51%, #FF9671 100%);}
.backgrad37,.bgrad37 { background: linear-gradient(to right, #FF0000, #FFF200, #1E9600); color: transparent; }
.backgrad38,.bgrad38 { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); }
.backgrad39,.bgrad39 { background: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
.backgrad40,.bgrad40 { background: linear-gradient(45deg, #222 0%, #FFA600 50%, #222 100%);}
.backgrad41,.bgrad41{background:linear-gradient(to right,#bdc3c7,#2c3e50)}
.backgrad42,.bgrad42{background:linear-gradient(to right,#373B44,#4286f4)}
.backgrad43,.bgrad43{background:linear-gradient(to right,#2980B9,#6DD5FA,#FFF)}
.backgrad44,.bgrad44{background:linear-gradient(to right,#F09,#493240)}
.backgrad45,.bgrad45{background:linear-gradient(to right,#f953c6,#b91d73)}
.backgrad46,.bgrad46{background:linear-gradient(to left,#c31432,#240b36)}
.backgrad47,.bgrad47{background:linear-gradient(to right,#dd3e54,#6be585)}
.backgrad48,.bgrad48{background:linear-gradient(to right,#8360c3,#2ebf91)}
.backgrad49,.bgrad49{background:linear-gradient(to right,#544a7d,#ffd452)}
.backgrad50,.bgrad50{background:linear-gradient(to right,#009FFF,#ec2F4B)}
.backgrad51,.bgrad51{background:linear-gradient(to right,#59C173,#a17fe0,#5D26C1)}
.backgrad52,.bgrad52{background:linear-gradient(to right,#005AA7,#FFFDE4)}
.backgrad53,.bgrad53{background:linear-gradient(to right,#DA4453,#89216B)}
.backgrad54,.bgrad54{background:linear-gradient(to right,#ad5389,#3c1053)}
.backgrad55,.bgrad55{background:linear-gradient(to right,#a8c0ff,#3f2b96)}
.backgrad56,.bgrad56{background:linear-gradient(to right,#333,#dd1818)}
.backgrad57,.bgrad57{background:linear-gradient(to right,#108dc7,#ef8e38)}
.backgrad58,.bgrad58{background:linear-gradient(to right,#23074d,#cc5333)}
.backgrad59,.bgrad59{background:linear-gradient(to right,#fffbd5,#b20a2c)}
.backgrad60,.bgrad60{background:linear-gradient(to right,#0f0c29,#302b63,#24243e)}
.backgrad61,.bgrad61{background:linear-gradient(to right,purple,#ffc0cb)}
.backgrad62,.bgrad62{background:linear-gradient(to right,#00F260,#0575E6)}
.backgrad63,.bgrad63{background:linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9)}
.backgrad64,.bgrad64{background:linear-gradient(to right,#e1eec3,#f05053)}
.backgrad65,.bgrad65{background:linear-gradient(to right,#03001e,#7303c0,#ec38bc,#fdeff9)}
.backgrad66,.bgrad66{background:linear-gradient(to right,#1a2a6c,#b21f1f,#fdbb2d)}
.backgrad67,.bgrad67{background:linear-gradient(to right,#000,#0f9b0f)}
.backgrad68,.bgrad68{background:linear-gradient(to right,#36D1DC,#5B86E5)}
.backgrad69,.bgrad69{background:linear-gradient(to right,#3A1C71,#D76D77,#FFAF7B)}
.backgrad70,.bgrad70{background:linear-gradient(to right,#283c86,#45a247)}
.backgrad71,.bgrad71{background:linear-gradient(to right,#EF3B36,#FFF)}
.backgrad72,.bgrad72{background:linear-gradient(to right,#159957,#155799)}
.backgrad73,.bgrad73{background:linear-gradient(to right,#000046,#1CB5E0)}
.backgrad74,.bgrad74{background:linear-gradient(to right,#56CCF2,#2F80ED)}
.backgrad75,.bgrad75{background:linear-gradient(to right,#EB5757,#000)}
.backgrad76,.bgrad76{background:linear-gradient(to right,#20002c,#cbb4d4)}
.backgrad77,.bgrad77{background:linear-gradient(to right,#34e89e,#0f3443)}
.backgrad78,.bgrad78{background:linear-gradient(to right,#bdc3c7,#2c3e50)}
.backgrad79,.bgrad79{background:linear-gradient(to right,#a80077,#6f0)}
.backgrad80,.bgrad80{background:linear-gradient(to right,#f7ff00,#db36a4)}

/* special color */
.bgrad1,.bgrad2,.bgrad3,.bgrad4,.bgrad5,.bgrad6,.bgrad7,.bgrad8,.bgrad9,.bgrad10,
.bgrad11,.bgrad12,.bgrad13,.bgrad14,.bgrad15,.bgrad16,.bgrad17,.bgrad18,.bgrad19,
.bgrad20,.bgrad21,.bgrad22,.bgrad23,.bgrad24,.bgrad25,.bgrad26,.bgrad27,.bgrad28,
.bgrad29,.bgrad30,.bgrad31,.bgrad32,.bgrad33,.bgrad34,.bgrad35,.bgrad36,.bgrad37,
.bgrad38,.bgrad39,.bgrad40,.bgrad41,.bgrad42,.bgrad43,.bgrad44,.bgrad45,.bgrad46,
.bgrad47,.bgrad48,.bgrad49,.bgrad50,.bgrad51,.bgrad52,.bgrad53,.bgrad54,.bgrad55,
.bgrad56,.bgrad57,.bgrad58,.bgrad59,.bgrad60,.bgrad61,.bgrad62,.bgrad63,.bgrad64,
.bgrad65,.bgrad66,.bgrad67,.bgrad68,.bgrad69,.bgrad70,.bgrad71,.bgrad72,.bgrad73,
.bgrad74,.bgrad75,.bgrad76,.bgrad77,.bgrad78,.bgrad79,
.bgrad80{  color:transparent; -webkit-background-clip:text; background-clip:text; }

/* basic name colors */
.bneon1 { color:#fff; text-shadow:1px 1px 1px #e60000, 1px 1px 3px #ff3333, 1px 1px 5px #ff3333; }
.bneon2 { color:#fff; text-shadow:1px 1px 1px #e63900, 1px 1px 3px #ff6633, 1px 1px 5px #ff6633; }
.bneon3 { color:#fff; text-shadow:1px 1px 1px #e67300, 1px 1px 3px #ff9933, 1px 1px 5px #ff9933; }
.bneon4 { color:#fff; text-shadow:1px 1px 1px #b38600, 1px 1px 3px #ffcc33, 1px 1px 5px #ffcc33; }
.bneon5 { color:#fff; text-shadow:1px 1px 1px #808000, 1px 1px 3px #cccc00, 1px 1px 5px #cccc00; }
.bneon6 { color:#fff; text-shadow:1px 1px 1px #739900, 1px 1px 3px #99cc00, 1px 1px 5px #99cc00; }
.bneon7 { color:#fff; text-shadow:1px 1px 1px #408000, 1px 1px 3px #59b300, 1px 1px 5px #59b300; }
.bneon8 { color:#fff; text-shadow:1px 1px 1px #637042, 1px 1px 3px #829356, 1px 1px 5px #829356; }
.bneon9 { color:#fff; text-shadow:1px 1px 1px #004d00, 1px 1px 3px #008000, 1px 1px 5px #008000; }
.bneon10 { color:#fff; text-shadow:1px 1px 1px #009926, 1px 1px 3px #00e639, 1px 1px 5px #00e639; }
.bneon11 { color:#fff; text-shadow:1px 1px 1px #00994d, 1px 1px 3px #00e673, 1px 1px 5px #00e673; }
.bneon12 { color:#fff; text-shadow:1px 1px 1px #009973, 1px 1px 3px #00e6ac, 1px 1px 5px #00e6ac; }
.bneon13 { color:#fff; text-shadow:1px 1px 1px #008080, 1px 1px 3px #00cccc, 1px 1px 5px #00cccc; }
.bneon14 { color:#fff; text-shadow:1px 1px 1px #027997, 1px 1px 3px #03add8, 1px 1px 5px #03add8; }
.bneon15 { color:#fff; text-shadow:1px 1px 1px #0040ff, 1px 1px 3px #3366ff, 1px 1px 5px #3366ff; }
.bneon16 { color:#fff; text-shadow:1px 1px 1px #0c5d73, 1px 1px 3px #107896, 1px 1px 5px #107896; }
.bneon17 { color:#fff; text-shadow:1px 1px 1px #003366, 1px 1px 3px #004d99, 1px 1px 5px #004d99; }
.bneon18 { color:#fff; text-shadow:1px 1px 1px #2d00b3, 1px 1px 3px #6633ff, 1px 1px 5px #6633ff; }
.bneon19 { color:#fff; text-shadow:1px 1px 1px #7300e6, 1px 1px 3px #9933ff, 1px 1px 5px #9933ff; }
.bneon20 { color:#fff; text-shadow:1px 1px 1px #ac00e6, 1px 1px 3px #cc33ff, 1px 1px 5px #cc33ff; }
.bneon21 { color:#fff; text-shadow:1px 1px 1px #cc00cc, 1px 1px 3px #ff33ff, 1px 1px 5px #ff33ff; }
.bneon22 { color:#fff; text-shadow:1px 1px 1px #e600ac, 1px 1px 3px #ff33cc, 1px 1px 5px #ff33cc; }
.bneon23 { color:#fff; text-shadow:1px 1px 1px #cc0066, 1px 1px 3px #ff3399, 1px 1px 5px #ff3399; }
.bneon24 { color:#fff; text-shadow:1px 1px 1px #e60039, 1px 1px 3px #ff3366, 1px 1px 5px #ff3366; }
.bneon25 { color:#fff; text-shadow:1px 1px 1px #503930, 1px 1px 3px #604439, 1px 1px 5px #604439; }
.bneon26 { color:#fff; text-shadow:1px 1px 1px #604439, 1px 1px 3px #795548, 1px 1px 5px #795548; }
.bneon27 { color:#fff; text-shadow:1px 1px 1px #805a4d, 1px 1px 3px #a97f70, 1px 1px 5px #a97f70; }
.bneon28 { color:#fff; text-shadow:1px 1px 1px #9f7160, 1px 1px 3px #bc9b8f, 1px 1px 5px #bc9b8f; }
.bneon29 { color:#fff; text-shadow:1px 1px 1px #808080, 1px 1px 3px #9E9E9E, 1px 1px 5px #9E9E9E; }
.bneon30 { color:#fff; text-shadow:1px 1px 1px #5e7a87, 1px 1px 3px #879fab, 1px 1px 5px #879fab; }
.bneon31 { color:#fff; text-shadow:1px 1px 1px #495f69, 1px 1px 3px #698796, 1px 1px 5px #698796; }
.bneon32 { color:#fff; text-shadow:1px 1px 1px #2a363c, 1px 1px 3px #495f69, 1px 1px 5px #495f69; }

/* basic name colors background */
.bnback1 { background:#ff3333; }
.bnback2 { background:#ff6633; }
.bnback3 { background:#ff9933; }
.bnback4 { background:#ffcc33; }
.bnback5 { background:#cccc00; }
.bnback6 { background:#99cc00; }
.bnback7 { background:#59b300; }
.bnback8 { background:#829356; }
.bnback9 { background:#008000; }
.bnback10 { background:#00e639; }
.bnback11 { background:#00e673; }
.bnback12 { background:#00e6ac; }
.bnback13 { background:#00cccc; }
.bnback14 { background:#03add8; }
.bnback15 { background:#3366ff; }
.bnback16 { background:#107896; }
.bnback17 { background:#004d99; }
.bnback18 { background:#6633ff; }
.bnback19 { background:#9933ff; }
.bnback20 { background:#cc33ff; }
.bnback21 { background:#ff33ff; }
.bnback22 { background:#ff33cc; }
.bnback23 { background:#ff3399; }
.bnback24 { background:#ff3366; }
.bnback25 { background:#604439; }
.bnback26 { background:#795548; }
.bnback27 { background:#a97f70; }
.bnback28 { background:#bc9b8f; }
.bnback29 { background:#9E9E9E; }
.bnback30 { background:#879fab; }
.bnback31 { background:#698796; }
.bnback32 { background:#495f69; }


.color_switch,
.lm3a {
    float: left;
    position: relative;
}
.color_switch {
    width: 12%;
    margin: 0.25%;
    min-height: 40px;
    text-align: center;
}
.bccheck {
    font-size: 20px;
    color: #fff;
    margin-top: 9px;
}
.open_player {
    color: #fff !important;
}
.call_back,
.dark_olay,
.lite_olay,
.olay,
.saved_error,
.saved_ok,
.song_title {
    color: #fff;
}
.my_notice {
    background-clip: unset;
}
.bdisabled {
    opacity: 0.5;
}
.gen0,
.gen1,
.gen2,
.gen3 {
    border: 2px solid;
}
.gen0,
.genother {
    border-color: #ccc;
}
.gen1,
.genmale,
.ghost_post {
    border-color: #03add8;
}
.gen2,
.genfemale {
    border-color: #f9f;
}
.gen3 {
    border-color: #60c;
}
.audio_color {
    background: #444;
    color: #fff;
}
.song_title {
    background: #666;
}
.audio_progress {
    background: #fff;
}
.audio_ball {
    background: #666;
}
#vcall_self,
.call_back {
    background: #000;
}
.vcall_user {
    background-color: rgba(31, 31, 31, 0.556);
}
.vcall_btn {
    background: #222;
}
.vcall_off {
    background-color: rgba(255, 80, 80, 0.7);
}
.saved_ok {
    background-color: rgba(0, 102, 0, 0.8);
}
.saved_error {
    background-color: rgba(255, 0, 0, 0.8);
}
.background_stream {
    background-color: rgba(0, 0, 0, 0.9);
}
.lite_olay {
    background-color: rgba(100, 100, 100, 0.4);
}
.olay {
    background-color: rgba(0, 0, 0, 0.5);
}
.dark_olay {
    background-color: rgba(0, 0, 0, 0.6);
}
.cover_text {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.avatar_spin,
.avavatar,
.sub_list_active {
    border: 2px solid #fff;
}
.grad_olay {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.2) 100%
    );
}
.grad_iolay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.2) 100%
    );
}
.alert_neutral {
    color: #004085;
    background: #cce5ff;
    border-color: #b8daff;
}
.alert_success {
    color: #155724;
    background: #d4edda;
    border-color: #c3e6cb;
}
.alert_error {
    color: #721c24;
    background: #f8d7da;
    border-color: #f5c6cb;
}
.alert_warn {
    color: #0c5460;
    background: #d1ecf1;
    border-color: #bee5eb;
}
.alert_base {
    color: #333;
    background: #f0f0f0;
    border-color: #888;
}
.neutralb {
    color: #004085;
    background: #cce5ff;
}
.successb {
    color: #155724;
    background: #d4edda;
}
.errorb {
    color: #721c24;
    background: #f8d7da;
}
.warnb {
    color: #0c5460;
    background: #d1ecf1;
}
.baseb {
    color: #333;
    background: #f0f0f0;
}
.topic_log {
    background: #d9f2e6;
    color: #0d261a;
}
.bcolor1 {
    color: #f33;
}
.bcolor2 {
    color: #f63;
}
.bcolor3 {
    color: #f93;
}
.bcolor4 {
    color: #fc3;
}
.bcolor5 {
    color: #cc0;
}
.bcolor6 {
    color: #9c0;
}
.bcolor7 {
    color: #59b300;
}
.bcolor8 {
    color: #829356;
}
.bcolor9,
.online {
    color: green;
}
.bcolor10 {
    color: #00e639;
}
.bcolor11 {
    color: #00e673;
}
.bcolor12 {
    color: #00e6ac;
}
.bcolor13 {
    color: #0cc;
}
.bcolor14,
.invisible {
    color: #03add8;
}
.bcolor15 {
    color: #36f;
}
.bcolor16 {
    color: #107896;
}
.bcolor17 {
    color: #004d99;
}
.bcolor18 {
    color: #63f;
}
.bcolor19 {
    color: #93f;
}
.bcolor20 {
    color: #c3f;
}
.bcolor21 {
    color: #f3f;
}
.bcolor22 {
    color: #f3c;
}
.bcolor23 {
    color: #f39;
}
.bcolor24 {
    color: #f36;
}
.bcolor25 {
    color: #604439;
}
.bcolor26 {
    color: #795548;
}
.bcolor27,
.bhelp_ico {
    color: #a97f70;
}
.bcolor28 {
    color: #bc9b8f;
}
.bcolor29 {
    color: #9e9e9e;
}
.bcolor30 {
    color: #879fab;
}
.bcolor31 {
    color: #698796;
}
.bcolor32 {
    color: #495f69;
}
.bcback1,
.bnback1 {
    background: #f33;
}
.bcback2,
.bnback2 {
    background: #f63;
}
.bcback3,
.bnback3 {
    background: #f93;
}
.bcback4,
.bnback4 {
    background: #fc3;
}
.bcback5,
.bnback5 {
    background: #cc0;
}
.bcback6,
.bnback6 {
    background: #9c0;
}
.bcback7,
.bnback7 {
    background: #59b300;
}
.bcback8,
.bnback8 {
    background: #829356;
}
.bcback9,
.bnback9 {
    background: green;
}
.bcback10,
.bnback10 {
    background: #00e639;
}
.bcback11,
.bnback11 {
    background: #00e673;
}
.bcback12,
.bnback12 {
    background: #00e6ac;
}
.bcback13,
.bnback13 {
    background: #0cc;
}
.bcback14,
.bnback14 {
    background: #03add8;
}
.bcback15,
.bnback15 {
    background: #36f;
}
.bcback16,
.bnback16 {
    background: #107896;
}
.bcback17,
.bnback17 {
    background: #004d99;
}
.bcback18,
.bnback18 {
    background: #63f;
}
.bcback19,
.bnback19 {
    background: #93f;
}
.bcback20,
.bnback20 {
    background: #c3f;
}
.bcback21,
.bnback21 {
    background: #f3f;
}
.bcback22,
.bnback22 {
    background: #f3c;
}
.bcback23,
.bnback23 {
    background: #f39;
}
.bcback24,
.bnback24 {
    background: #f36;
}
.bcback25,
.bnback25 {
    background: #604439;
}
.bcback26,
.bnback26 {
    background: #795548;
}
.bcback27,
.bnback27 {
    background: #a97f70;
}
.bcback28,
.bnback28 {
    background: #bc9b8f;
}
.bcback29,
.bnback29 {
    background: #9e9e9e;
}
.bcback30,
.bnback30 {
    background: #879fab;
}
.bcback31,
.bnback31 {
    background: #698796;
}
.bcback32,
.bnback32 {
    background: #495f69;
}
.backgrad1,
.bgrad1 {
    background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
}
.backgrad2,
.bgrad2 {
    background: linear-gradient(to right, #11998e, #38ef7d);
}
.backgrad3,
.bgrad3 {
    background: linear-gradient(to right, #fc466b, #3f5efb);
}
.backgrad4,
.bgrad4 {
    background: linear-gradient(to right, #00f260, #0575e6);
}
.backgrad5,
.bgrad5 {
    background: linear-gradient(to right, #fc4a1a, #f7b733);
}
.backgrad6,
.bgrad6 {
    background: linear-gradient(to right, #22c1c3, #fdbb2d);
}
.backgrad7,
.bgrad7 {
    background: linear-gradient(to right, #7f00ff, #e100ff);
}
.backgrad8,
.bgrad8 {
    background: linear-gradient(to right, #ee0979, #ff6a00);
}
.backgrad9,
.bgrad9 {
    background: linear-gradient(to right, #00c3ff, #ffff1c);
}
.backgrad10,
.bgrad10 {
    background: linear-gradient(to right, #fc00ff, #00dbde);
}
.backgrad11,
.bgrad11 {
    background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}
.backgrad12,
.backgrad32,
.bgrad12,
.bgrad32 {
    background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
.backgrad13,
.bgrad13 {
    background: linear-gradient(to right, #373b44, #4286f4);
}
.backgrad14,
.bgrad14 {
    background: linear-gradient(to right, #f09, #493240);
}
.backgrad15,
.bgrad15 {
    background: linear-gradient(to right, #f953c6, #b91d73);
}
.backgrad16,
.bgrad16 {
    background: linear-gradient(to right, #dd3e54, #6be585);
}
.backgrad17,
.bgrad17 {
    background: linear-gradient(to right, #8360c3, #2ebf91);
}
.backgrad18,
.bgrad18 {
    background: linear-gradient(to right, #544a7d, #ffd452);
}
.backgrad19,
.bgrad19 {
    background: linear-gradient(to right, #009fff, #ec2f4b);
}
.backgrad20,
.bgrad20 {
    background: linear-gradient(to right, #59c173, #a17fe0, #5d26c1);
}
.backgrad21,
.bgrad21 {
    background: linear-gradient(to right, #a8c0ff, #3f2b96);
}
.backgrad22,
.bgrad22 {
    background: linear-gradient(45deg, red 0, #ffa600 50%, red 100%);
}
.backgrad23,
.bgrad23 {
    background: linear-gradient(to right, #108dc7, #ef8e38);
}
.backgrad24,
.bgrad24 {
    background: linear-gradient(to right, #f09, #0575e6);
}
.backgrad25,
.bgrad25 {
    background: linear-gradient(to right, #667db6, #0082c8, #ec38bc, #fdeff9);
}
.backgrad26,
.bgrad26 {
    background: linear-gradient(to right, #03001e, #7303c0, #ec38bc, #fdeff9);
}
.backgrad27,
.bgrad27 {
    background: linear-gradient(to right, #1a2a6c, #b21f1f, #fdbb2d);
}
.backgrad28,
.bgrad28 {
    background: linear-gradient(to right, #3a1c71, #d76d77, #ffaf7b);
}
.backgrad29,
.bgrad29 {
    background: linear-gradient(to right, #eb5757, #333);
}
.backgrad30,
.bgrad30 {
    background: linear-gradient(to right, #20002c, #cbb4d4);
}
.backgrad31,
.bgrad31 {
    background: linear-gradient(to right, #34e89e, #0f3443);
}
.backgrad33,
.bgrad33 {
    background: linear-gradient(to right, #a80077, #6f0);
}
.backgrad34,
.bgrad34 {
    background: linear-gradient(
        to bottom,
        #6db3f2 0,
        #54a3ee 50%,
        #3690f0 51%,
        #1e69de 100%
    );
}
.backgrad35,
.bgrad35 {
    background: linear-gradient(
        to top,
        #a241b7,
        #7f68d7,
        #5186e9,
        #1b9eef,
        #12b2eb
    );
}
.backgrad36,
.bgrad36 {
    background: linear-gradient(
        to bottom,
        #845ec2 0,
        #d65db1 0,
        #ff6f91 51%,
        #ff9671 100%
    );
}
.backgrad37,
.bgrad37 {
    background: linear-gradient(to right, red, #fff200, #1e9600);
    color: transparent;
}
.backgrad38,
.bgrad38 {
    background: linear-gradient(
        330deg,
        #e05252 0,
        #99e052 25%,
        #52e0e0 50%,
        #9952e0 75%,
        #e05252 100%
    );
}
.backgrad39,
.bgrad39 {
    background: linear-gradient(
        to bottom,
        #051937,
        #004d7a,
        #008793,
        #00bf72,
        #a8eb12
    );
}
.backgrad40,
.bgrad40 {
    background: linear-gradient(45deg, #222 0, #ffa600 50%, #222 100%);
}
.bgrad1,
.bgrad10,
.bgrad11,
.bgrad12,
.bgrad13,
.bgrad14,
.bgrad15,
.bgrad16,
.bgrad17,
.bgrad18,
.bgrad19,
.bgrad2,
.bgrad20,
.bgrad21,
.bgrad22,
.bgrad23,
.bgrad24,
.bgrad25,
.bgrad26,
.bgrad27,
.bgrad28,
.bgrad29,
.bgrad3,
.bgrad30,
.bgrad31,
.bgrad32,
.bgrad33,
.bgrad34,
.bgrad35,
.bgrad36,
.bgrad37,
.bgrad38,
.bgrad39,
.bgrad4,
.bgrad40,
.bgrad5,
.bgrad6,
.bgrad7,
.bgrad8,
.bgrad9 {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.bneon1,
.bneon10,
.bneon11,
.bneon12,
.bneon13,
.bneon14,
.bneon15,
.bneon16,
.bneon17,
.bneon18,
.bneon19,
.bneon2,
.bneon20,
.bneon21,
.bneon22,
.bneon23,
.bneon24,
.bneon25,
.bneon26,
.bneon27,
.bneon28,
.bneon29,
.bneon3,
.bneon30,
.bneon31,
.bneon32,
.bneon4,
.bneon5,
.bneon6,
.bneon7,
.bneon8,
.bneon9 {
    color: #fff;
}
.bneon1 {
    text-shadow: 1px 1px 1px #e60000, 1px 1px 3px #f33, 1px 1px 5px #f33;
}
.bneon2 {
    text-shadow: 1px 1px 1px #e63900, 1px 1px 3px #f63, 1px 1px 5px #f63;
}
.bneon3 {
    text-shadow: 1px 1px 1px #e67300, 1px 1px 3px #f93, 1px 1px 5px #f93;
}
.bneon4 {
    text-shadow: 1px 1px 1px #b38600, 1px 1px 3px #fc3, 1px 1px 5px #fc3;
}
.bneon5 {
    text-shadow: 1px 1px 1px olive, 1px 1px 3px #cc0, 1px 1px 5px #cc0;
}
.bneon6 {
    text-shadow: 1px 1px 1px #739900, 1px 1px 3px #9c0, 1px 1px 5px #9c0;
}
.bneon7 {
    text-shadow: 1px 1px 1px #408000, 1px 1px 3px #59b300, 1px 1px 5px #59b300;
}
.bneon8 {
    text-shadow: 1px 1px 1px #637042, 1px 1px 3px #829356, 1px 1px 5px #829356;
}
.bneon9 {
    text-shadow: 1px 1px 1px #004d00, 1px 1px 3px green, 1px 1px 5px green;
}
.bneon10 {
    text-shadow: 1px 1px 1px #009926, 1px 1px 3px #00e639, 1px 1px 5px #00e639;
}
.bneon11 {
    text-shadow: 1px 1px 1px #00994d, 1px 1px 3px #00e673, 1px 1px 5px #00e673;
}
.bneon12 {
    text-shadow: 1px 1px 1px #009973, 1px 1px 3px #00e6ac, 1px 1px 5px #00e6ac;
}
.bneon13 {
    text-shadow: 1px 1px 1px teal, 1px 1px 3px #0cc, 1px 1px 5px #0cc;
}
.bneon14 {
    text-shadow: 1px 1px 1px #027997, 1px 1px 3px #03add8, 1px 1px 5px #03add8;
}
.bneon15 {
    text-shadow: 1px 1px 1px #0040ff, 1px 1px 3px #36f, 1px 1px 5px #36f;
}
.bneon16 {
    text-shadow: 1px 1px 1px #0c5d73, 1px 1px 3px #107896, 1px 1px 5px #107896;
}
.bneon17 {
    text-shadow: 1px 1px 1px #036, 1px 1px 3px #004d99, 1px 1px 5px #004d99;
}
.bneon18 {
    text-shadow: 1px 1px 1px #2d00b3, 1px 1px 3px #63f, 1px 1px 5px #63f;
}
.bneon19 {
    text-shadow: 1px 1px 1px #7300e6, 1px 1px 3px #93f, 1px 1px 5px #93f;
}
.bneon20 {
    text-shadow: 1px 1px 1px #ac00e6, 1px 1px 3px #c3f, 1px 1px 5px #c3f;
}
.bneon21 {
    text-shadow: 1px 1px 1px #c0c, 1px 1px 3px #f3f, 1px 1px 5px #f3f;
}
.bneon22 {
    text-shadow: 1px 1px 1px #e600ac, 1px 1px 3px #f3c, 1px 1px 5px #f3c;
}
.bneon23 {
    text-shadow: 1px 1px 1px #c06, 1px 1px 3px #f39, 1px 1px 5px #f39;
}
.bneon24 {
    text-shadow: 1px 1px 1px #e60039, 1px 1px 3px #f36, 1px 1px 5px #f36;
}
.bneon25 {
    text-shadow: 1px 1px 1px #503930, 1px 1px 3px #604439, 1px 1px 5px #604439;
}
.bneon26 {
    text-shadow: 1px 1px 1px #604439, 1px 1px 3px #795548, 1px 1px 5px #795548;
}
.bneon27 {
    text-shadow: 1px 1px 1px #805a4d, 1px 1px 3px #a97f70, 1px 1px 5px #a97f70;
}
.bneon28 {
    text-shadow: 1px 1px 1px #9f7160, 1px 1px 3px #bc9b8f, 1px 1px 5px #bc9b8f;
}
.bneon29 {
    text-shadow: 1px 1px 1px grey, 1px 1px 3px #9e9e9e, 1px 1px 5px #9e9e9e;
}
.bneon30 {
    text-shadow: 1px 1px 1px #5e7a87, 1px 1px 3px #879fab, 1px 1px 5px #879fab;
}
.bneon31 {
    text-shadow: 1px 1px 1px #495f69, 1px 1px 3px #698796, 1px 1px 5px #698796;
}
.bneon32 {
    text-shadow: 1px 1px 1px #2a363c, 1px 1px 3px #495f69, 1px 1px 5px #495f69;
}
.Arabic1,
.Arabic10,
.Arabic11,
.Arabic12,
.Arabic13,
.Arabic14,
.Arabic15,
.Arabic16,
.Arabic17,
.Arabic18,
.Arabic19,
.Arabic2,
.Arabic20,
.Arabic21,
.Arabic22,
.Arabic23,
.Arabic24,
.Arabic25,
.Arabic26,
.Arabic27,
.Arabic28,
.Arabic29,
.Arabic3,
.Arabic30,
.Arabic31,
.Arabic32,
.Arabic33,
.Arabic34,
.Arabic35,
.Arabic36,
.Arabic37,
.Arabic38,
.Arabic39,
.Arabic4,
.Arabic40,
.Arabic41,
.Arabic42,
.Arabic43,
.Arabic44,
.Arabic45,
.Arabic46,
.Arabic47,
.Arabic48,
.Arabic49,
.Arabic5,
.Arabic50,
.Arabic51,
.Arabic52,
.Arabic53,
.Arabic54,
.Arabic55,
.Arabic56,
.Arabic57,
.Arabic58,
.Arabic59,
.Arabic6,
.Arabic60,
.Arabic61,
.Arabic62,
.Arabic63,
.Arabic64,
.Arabic65,
.Arabic66,
.Arabic67,
.Arabic68,
.Arabic69,
.Arabic70,
.Arabic71,
.Arabic72,
.Arabic7,
.Arabic8,
.Arabic9 {
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: sans-serif;
    -webkit-background-clip: text;
    color: transparent;
    background-size: 100% 100%;
}
.lm3a {
    margin: 5px;
    display: grid;
    align-items: center;
    border-radius: 10px;
    padding: 2px;
}
.Arabic1 {
    background-image: url(../default_images/lens/1.gif);
}
.Arabic2 {
    background-image: url(../default_images/lens/2.gif);
}
.Arabic3 {
    background-image: url(../default_images/lens/3.gif);
}
.Arabic4 {
    background-image: url(../default_images/lens/4.gif);
}
.Arabic5 {
    background-image: url(../default_images/lens/5.gif);
}
.Arabic6 {
    background-image: url(../default_images/lens/6.gif);
}
.Arabic7 {
    background-image: url(../default_images/lens/7.gif);
}
.Arabic8 {
    background-image: url(../default_images/lens/8.gif);
}
.Arabic9 {
    background-image: url(../default_images/lens/9.gif);
}
.Arabic10 {
    background-image: url(../default_images/lens/10.gif);
}
.Arabic11 {
    background-image: url(../default_images/lens/11.gif);
}
.Arabic12 {
    background-image: url(../default_images/lens/12.gif);
}
.Arabic13,
.bgArb13 {
    background-image: url(../default_images/lens/13.gif);
}
.Arabic14 {
    background-image: url(../default_images/lens/14.gif);
}
.Arabic15 {
    background-image: url(../default_images/lens/15.gif);
}
.Arabic16 {
    background-image: url(../default_images/lens/16.gif);
}
.Arabic17 {
    background-image: url(../default_images/lens/17.gif);
}
.Arabic18 {
    background-image: url(../default_images/lens/18.gif);
}
.Arabic19 {
    background-image: url(../default_images/lens/19.gif);
}
.Arabic20 {
    background-image: url(../default_images/lens/20.gif);
}
.Arabic21 {
    background-image: url(../default_images/lens/21.gif);
}
.Arabic22 {
    background-image: url(../default_images/lens/22.gif);
}
.Arabic23 {
    background-image: url(../default_images/lens/23.gif);
}
.Arabic24 {
    background-image: url(../default_images/lens/24.gif);
}
.Arabic25 {
    background-image: url(../default_images/lens/25.gif);
}
.Arabic26 {
    background-image: url(../default_images/lens/26.gif);
}
.Arabic27 {
    background-image: url(../default_images/lens/27.gif);
}
.Arabic28 {
    background-image: url(../default_images/lens/28.gif);
}
.Arabic29 {
    background-image: url(../default_images/lens/29.gif);
}
.Arabic30 {
    background-image: url(../default_images/lens/30.gif);
}
.Arabic31 {
    background-image: url(../default_images/lens/31.gif);
}
.Arabic32 {
    background-image: url(../default_images/lens/32.gif);
}
.Arabic33 {
    background-image: url(../default_images/lens/33.gif);
}
.Arabic34 {
    background-image: url(../default_images/lens/34.gif);
}
.Arabic35 {
    background-image: url(../default_images/lens/35.gif);
}
.Arabic36 {
    background-image: url(../default_images/lens/36.gif);
}
.Arabic37 {
    background-image: url(../default_images/lens/37.gif);
}
.Arabic38 {
    background-image: url(../default_images/lens/38.gif);
}
.Arabic39 {
    background-image: url(../default_images/lens/39.gif);
}
.Arabic40 {
    background-image: url(../default_images/lens/40.gif);
}
.Arabic41 {
    background-image: url(../default_images/lens/41.gif);
}
.Arabic42 {
    background-image: url(../default_images/lens/42.gif);
}
.Arabic43 {
    background-image: url(../default_images/lens/43.gif);
}
.Arabic44 {
    background-image: url(../default_images/lens/44.gif);
}
.Arabic45 {
    background-image: url(../default_images/lens/45.gif);
}
.Arabic46 {
    background-image: url(../default_images/lens/46.gif);
}
.Arabic47 {
    background-image: url(../default_images/lens/47.gif);
}
.Arabic48 {
    background-image: url(../default_images/lens/48.gif);
}
.Arabic49 {
    background-image: url(../default_images/lens/49.gif);
}
.Arabic50 {
    background-image: url(../default_images/lens/50.gif);
}
.Arabic51 {
    background-image: url(../default_images/lens/51.gif);
}
.Arabic52 {
    background-image: url(../default_images/lens/52.gif);
}
.Arabic53 {
    background-image: url(../default_images/lens/53.gif);
}
.Arabic54 {
    background-image: url(../default_images/lens/54.gif);
}
.Arabic55 {
    background-image: url(../default_images/lens/55.gif);
}
.Arabic56 {
    background-image: url(../default_images/lens/56.gif);
}
.Arabic57 {
    background-image: url(../default_images/lens/57.gif);
}
.Arabic58 {
    background-image: url(../default_images/lens/58.gif);
}
.Arabic59 {
    background-image: url(../default_images/lens/59.gif);
}
.Arabic60 {
    background-image: url(../default_images/lens/60.gif);
}
.Arabic61 {
    background-image: url(../default_images/lens/61.gif);
}
.Arabic62 {
    background-image: url(../default_images/lens/62.gif);
}
.Arabic63 {
    background-image: url(../default_images/lens/63.gif);
}
.Arabic64 {
    background-image: url(../default_images/lens/64.gif);
}
.Arabic65 {
    background-image: url(../default_images/lens/65.gif);
}
.Arabic66 {
    background-image: url(../default_images/lens/66.gif);
}
.Arabic67 {
    background-image: url(../default_images/lens/67.gif);
}
.Arabic68 {
    background-image: url(../default_images/lens/68.gif);
}
.Arabic69 {
    background-image: url(../default_images/lens/69.gif);
}
.Arabic70 {
    background-image: url(../default_images/lens/70.gif);
}
.Arabic71 {
    background-image: url(../default_images/lens/71.gif);
}
.Arabic72 {
    background-image: url(../default_images/lens/72.gif);
}
.orange_ico {
    color: #f60;
}
.red_ico {
    color: #d30000;
}
.yellow_ico {
    color: #e9e90a;
}
.gray_ico {
    color: gray;
}
.white_ico {
    color: #ccc;
}
.blue_ico {
    color: #1919b8;
}
.brown_ico {
    color: #c6381c;
}
.wbrown_ico {
    color: #c5823e;
}
.bbrown_ico {
    color: #c03;
}
.gold_ico {
    color: gold;
}
.ggold_ico {
    color: #ff9d00;
}
.bblue_ico {
    color: #05acd8;
}
.bred_ico {
    color: #fa0202;
}
.bgreen_ico {
    color: #00dfb7;
}
.bhelp2_ico {
    color: #708fa9;
}
.Mcolor_ico {
    color: #b43aff;
}
.zcolor_ico {
    color: #3498db;
}
.w {
    color: #fff;
}
.absent {
    color: #ffd11a;
}
.gone {
    color: red;
}
.onAndOffSwitch {
    display: table;
    padding: 2px;
    border-radius: 100px;
}
.progradark1,
.pgrad1 {
  background: linear-gradient(to top, #f33, #800000) !important;
  filter: drop-shadow(0 0 20px #ff4000);
  color: #fff !important;
}
.progradark2,
.pgrad2 {
  background: linear-gradient(to top, #f63, #4d1300) !important;
  filter: drop-shadow(0 0 20px #ff4e00);
  color: #fff !important;
}
.progradark3,
.pgrad3 {
  background: linear-gradient(to top, #f93, #4d2600) !important;
  filter: drop-shadow(0 0 20px #ff7f00);
  color: #fff !important;
}
.progradark4,
.pgrad4 {
  background: linear-gradient(to top, #fc3, #806000) !important;
  filter: drop-shadow(0 0 20px #ffbf00);
  color: #fff !important;
}
.progradark5,
.pgrad5 {
  background: linear-gradient(to top, #cc0, #4d4d00) !important;
  filter: drop-shadow(0 0 20px #ff0);
  color: #fff !important;
}
.progradark6,
.pgrad6 {
  background: linear-gradient(to top, #9c0, #394d00) !important;
  filter: drop-shadow(0 0 20px #bfff00);
  color: #fff !important;
}
.progradark7,
.pgrad7 {
  background: linear-gradient(to top, #59b300, #264d00) !important;
  filter: drop-shadow(0 0 20px #7fff00);
  color: #fff !important;
}
.progradark8,
.pgrad8 {
  background: linear-gradient(to top, #829356, #2b301c) !important;
  filter: drop-shadow(0 0 20px #b8ff00);
  color: #fff !important;
}
.progradark9,
.pgrad9 {
  background: linear-gradient(to top, #008000, #001a00) !important;
  filter: drop-shadow(0 0 20px #29cc29);
  color: #fff !important;
}
.progradark10,
.pgrad10 {
  background: linear-gradient(to top, #00e639, #00330d) !important;
  filter: drop-shadow(0 0 20px #00e639);
  color: #fff !important;
}
.progradark11,
.pgrad11 {
  background: linear-gradient(to top, #00e673, #063) !important;
  filter: drop-shadow(0 0 20px #68ffb4);
  color: #fff !important;
}
.progradark12,
.pgrad12 {
  background: linear-gradient(to top, #00e6ac, #004d39) !important;
  filter: drop-shadow(0 0 20px #76ffdd);
  color: #fff !important;
}
.progradark13,
.pgrad13 {
  background: linear-gradient(to top, #0cc, #004d4d) !important;
  filter: drop-shadow(0 0 20px #1bffff);
  color: #fff !important;
}
.progradark14,
.pgrad14 {
  background: linear-gradient(to top, #03add8, #013d4b) !important;
  filter: drop-shadow(0 0 20px #43d9ff);
  color: #fff !important;
}
.progradark15,
.pgrad15 {
  background: linear-gradient(to top, #36f, #002080) !important;
  filter: drop-shadow(0 0 20px #0040ff);
  color: #fff !important;
}
.progradark16,
.pgrad16 {
  background: linear-gradient(to top, #107896, #073845) !important;
  filter: drop-shadow(0 0 20px #84ddf6);
  color: #fff !important;
}
.progradark17,
.pgrad17 {
  background: linear-gradient(to top, #004d99, #66b3ff) !important;
  filter: drop-shadow(0 0 20px #4d9dec);
  color: #fff !important;
}
.progradark18,
.pgrad18 {
  background: linear-gradient(to top, #63f, #c6b3ff) !important;
  filter: drop-shadow(0 0 20px #c5b3ff);
  color: #fff !important;
}
.progradark19,
.pgrad19 {
  background: linear-gradient(to top, #93f, #d9b3ff) !important;
  filter: drop-shadow(0 0 20px #cda7f2);
  color: #fff !important;
}
.progradark20,
.pgrad20 {
  background: linear-gradient(to top, #c3f, #ecb3ff) !important;
  filter: drop-shadow(0 0 20px #f2cbff);
  color: #fff !important;
}
.progradark21,
.pgrad21 {
  background: linear-gradient(to top, #f3f, #ffb3ff) !important;
  filter: drop-shadow(0 0 20px #ffbdf5);
  color: #fff !important;
}
.progradark22,
.pgrad22 {
  background: linear-gradient(to top, #f3c, #ff99e6) !important;
  filter: drop-shadow(0 0 20px #ff82e0);
  color: #fff !important;
}
.progradark23,
.pgrad23 {
  background: linear-gradient(to top, #f39, #ffb3d9) !important;
  filter: drop-shadow(0 0 20px #ffa7d3);
  color: #fff !important;
}
.progradark24,
.pgrad24 {
  background: linear-gradient(to top, #f36, #ffb3c6) !important;
  filter: drop-shadow(0 0 20px #ee8ea6);
  color: #fff !important;
}
.progradark25,
.pgrad25 {
  background: linear-gradient(to top, #40e0d0, #ff8c00, #ff0080) !important;
  filter: drop-shadow(0 0 20px #ffa26f);
  color: #fff !important;
}
.progradark26,
.pgrad26 {
  background: linear-gradient(to top, #11998e, #38ef7d) !important;
  filter: drop-shadow(0 0 20px #9bff7a);
  color: #fff !important;
}
.progradark27,
.pgrad27 {
  background: linear-gradient(to top, #108dc7, #ef8e38) !important;
  filter: drop-shadow(0 0 20px #fff589);
  color: #fff !important;
}
.progradark28,
.pgrad28 {
  background: linear-gradient(to top, #fc5c7d, #6a82fb) !important;
  filter: drop-shadow(0 0 20px #889cff);
  color: #fff !important;
}
.progradark29,
.pgrad29 {
  background: linear-gradient(to top, #fc466b, #3f5efb) !important;
  filter: drop-shadow(0 0 20px #ff60d2);
  color: #fff !important;
}
.progradark30,
.pgrad30 {
  background: linear-gradient(to top, #c94b4b, #4b134f) !important;
  filter: drop-shadow(0 0 20px #e68e5e);
  color: #fff !important;
}
.progradark31,
.pgrad31 {
  background: linear-gradient(to top, #00f260, #0575e6) !important;
  filter: drop-shadow(0 0 20px #00f260);
  color: #fff !important;
}
.progradark32,
.pgrad32 {
  background: linear-gradient(to top, #fc4a1a, #f7b733) !important;
  filter: drop-shadow(0 0 20px #ffab59);
  color: #fff !important;
}
.progradark33,
.pgrad33 {
  background: linear-gradient(to top, #22c1c3, #fdbb2d) !important;
  filter: drop-shadow(0 0 20px #eaffa6);
  color: #fff !important;
}
.progradark34,
.pgrad34 {
  background: linear-gradient(to top, #7f00ff, #e100ff) !important;
  filter: drop-shadow(0 0 20px #ff8be9);
  color: #fff !important;
}
.progradark35,
.pgrad35 {
  background: linear-gradient(to top, #67b26f, #4ca2cd) !important;
  filter: drop-shadow(0 0 20px #b7ffc0);
  color: #fff !important;
}
.progradark36,
.pgrad36 {
  background: linear-gradient(to top, #ee0979, #ff6a00) !important;
  filter: drop-shadow(0 0 20px #ff52a7);
  color: #fff !important;
}
.progradark37,
.pgrad37 {
  background: linear-gradient(to top, #00c3ff, #ffff1c) !important;
  filter: drop-shadow(0 0 20px #e2ff98);
  color: #fff !important;
}
.progradark38,
.pgrad38 {
  background: linear-gradient(to top, #fc00ff, #00dbde) !important;
  filter: drop-shadow(0 0 20px #9de7ff);
  color: #fff !important;
}
.progradark39,
.pgrad39 {
  background: linear-gradient(to top, #833ab4, #fd1d1d, #fcb045) !important;
  filter: drop-shadow(0 0 20px #ee844a);
  color: #fff !important;
}
.progradark40,
.pgrad40 {
  background: linear-gradient(to top, #43cea2, #185a9d) !important;
  filter: drop-shadow(0 0 20px #61efff);
  color: #fff !important;
}
.progradark41,
.pgrad41 {
  background: linear-gradient(to top, #bdc3c7, #2c3e50) !important;
  filter: drop-shadow(0 0 20px #bdc3c7);
  color: #fff !important;
}
.progradark42,
.pgrad42 {
  background: linear-gradient(to top, #373b44, #4286f4) !important;
  filter: drop-shadow(0 0 20px #9fbdff);
  color: #fff !important;
}
.progradark43,
.pgrad43 {
  background: linear-gradient(to top, #2980b9, #6dd5fa, #fff) !important;
  filter: drop-shadow(0 0 20px #a1daff);
  color: #fff !important;
}
.progradark44,
.pgrad44 {
  background: linear-gradient(to top, #f09, #493240) !important;
  filter: drop-shadow(0 0 20px #f09);
  color: #fff !important;
}
.progradark45,
.pgrad45 {
  background: linear-gradient(to top, #f953c6, #b91d73) !important;
  filter: drop-shadow(0 0 20px #f953c6);
  color: #fff !important;
}
.progradark46,
.pgrad46 {
  background: linear-gradient(to left, #c31432, #240b36) !important;
  filter: drop-shadow(0 0 20px #ff002c);
  color: #fff !important;
}
.progradark47,
.pgrad47 {
  background: linear-gradient(to top, #dd3e54, #6be585) !important;
  filter: drop-shadow(0 0 20px #5fff64);
  color: #fff !important;
}
.progradark48,
.pgrad48 {
  background: linear-gradient(to top, #8360c3, #2ebf91) !important;
  filter: drop-shadow(0 0 20px #bcefff);
  color: #fff !important;
}
.progradark49,
.pgrad49 {
  background: linear-gradient(to top, #544a7d, #ffd452) !important;
  filter: drop-shadow(0 0 20px #f4cd55);
  color: #fff !important;
}
.progradark50,
.pgrad50 {
  background: linear-gradient(to top, #009fff, #ec2f4b) !important;
  filter: drop-shadow(0 0 20px #e280ff);
  color: #fff !important;
}
.progradark51,
.pgrad51 {
  background: linear-gradient(to top, #59c173, #a17fe0, #5d26c1) !important;
  filter: drop-shadow(0 0 20px #59c173);
  color: #fff !important;
}
.progradark52,
.pgrad52 {
  background: linear-gradient(to top, #005aa7, #fffde4) !important;
  filter: drop-shadow(0 0 20px #005aa7);
  color: #fff !important;
}
.progradark53,
.pgrad53 {
  background: linear-gradient(to top, #da4453, #89216b) !important;
  filter: drop-shadow(0 0 20px #da4453);
  color: #fff !important;
}
.progradark54,
.pgrad54 {
  background: linear-gradient(to top, #ad5389, #3c1053) !important;
  filter: drop-shadow(0 0 20px #ad5389);
  color: #fff !important;
}
.progradark55,
.pgrad55 {
  background: linear-gradient(to top, #a8c0ff, #3f2b96) !important;
  filter: drop-shadow(0 0 20px #a8c0ff);
  color: #fff !important;
}
.progradark56,
.pgrad56 {
  background: linear-gradient(to top, #333, #dd1818) !important;
  filter: drop-shadow(0 0 20px #333);
  color: #fff !important;
}
.progradark57,
.pgrad57 {
  background: linear-gradient(to top, #108dc7, #ef8e38) !important;
  filter: drop-shadow(0 0 20px #f63);
  color: #fff !important;
}
.progradark58,
.pgrad58 {
  background: linear-gradient(to top, #23074d, #cc5333) !important;
  filter: drop-shadow(0 0 20px #23074d);
  color: #fff !important;
}
.progradark59,
.pgrad59 {
  background: linear-gradient(to top, #fffbd5, #b20a2c) !important;
  filter: drop-shadow(0 0 20px #fffbd5);
  color: #fff !important;
}
.progradark60,
.pgrad60 {
  background: linear-gradient(to top, #0f0c29, #302b63, #24243e) !important;
  filter: drop-shadow(0 0 20px #302b63);
  color: #fff !important;
}
.progradark61,
.pgrad61 {
  background: linear-gradient(to top, #800080, #ffc0cb) !important;
  filter: drop-shadow(0 0 20px #800080);
  color: #fff !important;
}
.progradark62,
.pgrad62 {
  background: linear-gradient(to top, #00f260, #0575e6) !important;
  filter: drop-shadow(0 0 20px #00f260);
  color: #fff !important;
}
.progradark63,
.pgrad63 {
  background: linear-gradient(
    to top,
    #667db6,
    #0082c8,
    #ec38bc,
    #fdeff9
  ) !important;
  filter: drop-shadow(0 0 20px #0082c8);
  color: #fff !important;
}
.progradark64,
.pgrad64 {
  background: linear-gradient(to top, #e1eec3, #f05053) !important;
  filter: drop-shadow(0 0 20px #e1eec3);
  color: #fff !important;
}
.progradark65,
.pgrad65 {
  background: linear-gradient(
    to top,
    #03001e,
    #7303c0,
    #ec38bc,
    #fdeff9
  ) !important;
  filter: drop-shadow(0 0 20px #03001e);
  color: #fff !important;
}
.progradark66,
.pgrad66 {
  background: linear-gradient(to top, #1a2a6c, #b21f1f, #fdbb2d) !important;
  filter: drop-shadow(0 0 20px #1a2a6c);
  color: #fff !important;
}
.progradark67,
.pgrad67 {
  background: linear-gradient(to top, #000, #0f9b0f) !important;
  filter: drop-shadow(0 0 20px #0f9b0f);
  color: #fff !important;
}
.progradark68,
.pgrad68 {
  background: linear-gradient(to top, #36d1dc, #5b86e5) !important;
  filter: drop-shadow(0 0 20px #36d1dc);
  color: #fff !important;
}
.progradark69,
.pgrad69 {
  background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b) !important;
  filter: drop-shadow(0 0 20px #d76d77);
  color: #fff !important;
}
.progradark70,
.pgrad70 {
  background: linear-gradient(to top, #283c86, #45a247) !important;
  filter: drop-shadow(0 0 20px #283c86);
  color: #fff !important;
}
.progradark71,
.pgrad71 {
  background: linear-gradient(to top, #ef3b36, #fff) !important;
  filter: drop-shadow(0 0 20px #ef3b36);
  color: #fff !important;
}
.progradark72,
.pgrad72 {
  background: linear-gradient(to top, #159957, #155799) !important;
  filter: drop-shadow(0 0 20px #159957);
  color: #fff !important;
}
.progradark73,
.pgrad73 {
  background: linear-gradient(to top, #000046, #1cb5e0) !important;
  filter: drop-shadow(0 0 20px #000046);
  color: #fff !important;
}
.progradark74,
.pgrad74 {
  background: linear-gradient(to top, #56ccf2, #2f80ed) !important;
  filter: drop-shadow(0 0 20px #56ccf2);
  color: #fff !important;
}
.progradark75,
.pgrad75 {
  background: linear-gradient(to top, #eb5757, #000) !important;
  filter: drop-shadow(0 0 20px #000);
  color: #fff !important;
}
.progradark76,
.pgrad76 {
  background: linear-gradient(to top, #20002c, #cbb4d4) !important;
  filter: drop-shadow(0 0 20px #20002c);
  color: #fff !important;
}
.progradark77,
.pgrad77 {
  background: linear-gradient(to top, #34e89e, #0f3443) !important;
  filter: drop-shadow(0 0 20px #34e89e);
  color: #fff !important;
}
.progradark78,
.pgrad78 {
  background: linear-gradient(to top, #bdc3c7, #2c3e50) !important;
  filter: drop-shadow(0 0 20px #bdc3c7);
  color: #fff !important;
}
.progradark79,
.pgrad79 {
  background: linear-gradient(to top, #a80077, #6f0) !important;
  filter: drop-shadow(0 0 20px #a80077);
  color: #fff !important;
}
.progradark80,
.pgrad80 {
  background: linear-gradient(to top, #000, #656565) !important;
  filter: drop-shadow(0 0 20px #000);
  color: #fff !important;
}
/* ===== GLOBAL SHADOW BOOST (put ABOVE extend profile shadow block) ===== */

/* نعرّف متغير قوة الشعاع */
[class^="shgrad"]{
    --glow-strength-1: 0 0 65px currentColor;
    --glow-strength-2: 0 0 64px currentColor;
    --glow-strength-3: 0 0 90px currentColor;
}

/* تقوية الشعاع على أي عنصر عليه shgrad */
[class^="shgrad"]{
    box-shadow:
        var(--glow-strength-20),
        var(--glow-strength-9),
        var(--glow-strength-21) !important;
}

/* نفس القوة تطبق على العناصر الداخلية (كاردات – عناصر – يوزرات) */
[class^="shgrad"] .border_bottom,
[class^="shgrad"] .box_title,
[class^="shgrad"] .list_element,
[class^="shgrad"] .listing_element,
[class^="shgrad"] .panel_bar,
[class^="shgrad"] .post_element,
[class^="shgrad"] .ulist_item,
[class^="shgrad"] .user_item{
    box-shadow:
        0 0 10px currentColor,
        0 0 60px currentColor !important;
}

/* ===== extend profile shadow color to separators (forced) =====
   يجعل لون الشادو/اللمعة يظهر أيضاً على الشريط الفاصل بين الكاردات
   العناصر المتأثرة:
   .border_bottom, .box_title, .list_element, .listing_element,
   .panel_bar, .post_element, .ulist_item, .user_item
*/

/* shorthand alternative (works if shgradX sets 'color') */
/*
[class^="shgrad"] .border_bottom,
[class^="shgrad"] .box_title,
[class^="shgrad"] .list_element,
[class^="shgrad"] .listing_element,
[class^="shgrad"] .panel_bar,
[class^="shgrad"] .theprojects,
[class^="shgrad"] .post_element,
[class^="shgrad"] .ulist_item,
[class^="shgrad"] .avatar_menu,
[class^="shgrad"] .user_item {
    /* use the element's current text color (from shgradX) */
    border-bottom-color: currentColor !important;
}
*/

/* Explicit mapping for each shgrad to guarantee exact color */
.shgrad1  .border_bottom,
.shgrad1  .box_title,
.shgrad1  .list_element,
.shgrad1  .listing_element,
.shgrad1  .panel_bar,
.shgrad1  .theprojects,
.shgrad1  .avatar_menu,
.shgrad1  .post_element,
.shgrad1  .ulist_item,
.shgrad1  .user_item { border-bottom-color: #422f99 !important; }

.shgrad2  .border_bottom,
.shgrad2  .box_title,
.shgrad2  .list_element,
.shgrad2  .listing_element,
.shgrad2  .panel_bar,
.shgrad2  .theprojects,
.shgrad2  .post_element,
.shgrad2  .ulist_item,
.shgrad2  .user_item { border-bottom-color: #a80077 !important; }

.shgrad3  .border_bottom,
.shgrad3  .box_title,
.shgrad3  .list_element,
.shgrad3  .listing_element,
.shgrad3  .panel_bar,
.shgrad3  .theprojects,
.shgrad3  .post_element,
.shgrad3  .ulist_item,
.shgrad3  .user_item { border-bottom-color: #000000 !important; }

.shgrad4  .border_bottom,
.shgrad4  .box_title,
.shgrad4  .list_element,
.shgrad4  .listing_element,
.shgrad4  .panel_bar,
.shgrad4  .theprojects,
.shgrad4  .post_element,
.shgrad4  .ulist_item,
.shgrad4  .user_item { border-bottom-color: #4d3e3e !important; }

.shgrad5  .border_bottom,
.shgrad5  .box_title,
.shgrad5  .list_element,
.shgrad5  .listing_element,
.shgrad5  .panel_bar,
.shgrad5  .theprojects,
.shgrad5  .post_element,
.shgrad5  .ulist_item,
.shgrad5  .user_item { border-bottom-color: #142850 !important; }

.shgrad6  .border_bottom,
.shgrad6  .box_title,
.shgrad6  .list_element,
.shgrad6  .listing_element,
.shgrad6  .panel_bar,
.shgrad6  .theprojects,
.shgrad6  .post_element,
.shgrad6  .ulist_item,
.shgrad6  .user_item { border-bottom-color: #00909e !important; }

.shgrad7  .border_bottom,
.shgrad7  .box_title,
.shgrad7  .list_element,
.shgrad7  .listing_element,
.shgrad7  .panel_bar,
.shgrad7  .theprojects,
.shgrad7  .post_element,
.shgrad7  .ulist_item,
.shgrad7  .user_item { border-bottom-color: #dae1e7 !important; }

.shgrad8  .border_bottom,
.shgrad8  .box_title,
.shgrad8  .list_element,
.shgrad8  .listing_element,
.shgrad8  .panel_bar,
.shgrad8  .theprojects,
.shgrad8  .post_element,
.shgrad8  .ulist_item,
.shgrad8  .user_item { border-bottom-color: #ffe0ac !important; }

.shgrad9  .border_bottom,
.shgrad9  .box_title,
.shgrad9  .list_element,
.shgrad9  .listing_element,
.shgrad9  .panel_bar,
.shgrad9  .theprojects,
.shgrad9  .post_element,
.shgrad9  .ulist_item,
.shgrad9  .user_item { border-bottom-color: #888888 !important; }

.shgrad10 .border_bottom,
.shgrad10 .box_title,
.shgrad10 .list_element,
.shgrad10 .listing_element,
.shgrad10 .panel_bar,
.shgrad10  .theprojects,
.shgrad10 .post_element,
.shgrad10 .ulist_item,
.shgrad10 .user_item { border-bottom-color: #120136 !important; }

.shgrad11 .border_bottom,
.shgrad11 .box_title,
.shgrad11 .list_element,
.shgrad11 .listing_element,
.shgrad11 .panel_bar,
.shgrad11  .theprojects,
.shgrad11 .post_element,
.shgrad11 .ulist_item,
.shgrad11 .user_item { border-bottom-color: #f6f578 !important; }

.shgrad12 .border_bottom,
.shgrad12 .box_title,
.shgrad12 .list_element,
.shgrad12 .listing_element,
.shgrad12 .panel_bar,
.shgrad12  .theprojects,
.shgrad12 .post_element,
.shgrad12 .ulist_item,
.shgrad12 .user_item { border-bottom-color: #862a5c !important; }

.shgrad13 .border_bottom,
.shgrad13 .box_title,
.shgrad13 .list_element,
.shgrad13 .listing_element,
.shgrad13 .panel_bar,
.shgrad13  .theprojects,
.shgrad13 .post_element,
.shgrad13 .ulist_item,
.shgrad13 .user_item { border-bottom-color: #eaac9d !important; }

.shgrad14 .border_bottom,
.shgrad14 .box_title,
.shgrad14 .list_element,
.shgrad14 .listing_element,
.shgrad14 .panel_bar,
.shgrad14  .theprojects,
.shgrad14 .post_element,
.shgrad14 .ulist_item,
.shgrad14 .user_item { border-bottom-color: #06623b !important; }

.shgrad15 .border_bottom,
.shgrad15 .box_title,
.shgrad15 .list_element,
.shgrad15 .listing_element,
.shgrad15 .panel_bar,
.shgrad15  .theprojects,
.shgrad15 .post_element,
.shgrad15 .ulist_item,

.shgrad15 .user_item { border-bottom-color: #f79071 !important; }

.shgrad16 .border_bottom,
.shgrad16 .box_title,
.shgrad16 .list_element,
.shgrad16 .listing_element,
.shgrad16 .panel_bar,
.shgrad16  .theprojects,
.shgrad16 .post_element,
.shgrad16 .ulist_item,
.shgrad16 .user_item { border-bottom-color: #f6acc8 !important; }

.shgrad17 .border_bottom,
.shgrad17 .box_title,
.shgrad17 .list_element,
.shgrad17 .listing_element,
.shgrad17 .panel_bar,
.shgrad17  .theprojects,
.shgrad17 .post_element,
.shgrad17 .ulist_item,
.shgrad17 .user_item { border-bottom-color: #af8baf !important; }

.shgrad18 .border_bottom,
.shgrad18 .box_title,
.shgrad18 .list_element,
.shgrad18 .listing_element,
.shgrad18 .panel_bar,
.shgrad18  .theprojects,
.shgrad18 .post_element,
.shgrad18 .ulist_item,
.shgrad18 .user_item { border-bottom-color: #584153 !important; }

.shgrad19 .border_bottom,
.shgrad19 .box_title,
.shgrad19 .list_element,
.shgrad19 .listing_element,
.shgrad19 .panel_bar,
.shgrad19  .theprojects,
.shgrad19 .post_element,
.shgrad19 .ulist_item,
.shgrad19 .user_item { border-bottom-color: #c1a57b !important; }

.shgrad20 .border_bottom,
.shgrad20 .box_title,
.shgrad20 .list_element,
.shgrad20 .listing_element,
.shgrad20 .panel_bar,
.shgrad20  .theprojects,
.shgrad20 .post_element,
.shgrad20 .ulist_item,
.shgrad20 .user_item { border-bottom-color: #2c003e !important; }

.shgrad21 .border_bottom,
.shgrad21 .box_title,
.shgrad21 .list_element,
.shgrad21 .listing_element,
.shgrad21 .panel_bar,
.shgrad21  .theprojects,
.shgrad21 .post_element,
.shgrad21 .ulist_item,
.shgrad21 .user_item { border-bottom-color: #43d8c9 !important; }

.shgrad22 .border_bottom,
.shgrad22 .box_title,
.shgrad22 .list_element,
.shgrad22 .listing_element,
.shgrad22 .panel_bar,
.shgrad22  .theprojects,
.shgrad22 .post_element,
.shgrad22 .ulist_item,
.shgrad22 .user_item { border-bottom-color: #95389e !important; }

.shgrad23 .border_bottom,
.shgrad23 .box_title,
.shgrad23 .list_element,
.shgrad23 .listing_element,
.shgrad23 .panel_bar,
.shgrad23  .theprojects,
.shgrad23 .post_element,
.shgrad23 .ulist_item,
.shgrad23 .user_item { border-bottom-color: #0779e4 !important; }

.shgrad24 .border_bottom,
.shgrad24 .box_title,
.shgrad24 .list_element,
.shgrad24 .listing_element,
.shgrad24 .panel_bar,
.shgrad24  .theprojects,
.shgrad24 .post_element,
.shgrad24 .ulist_item,
.shgrad24 .user_item { border-bottom-color: #d8345f !important; }

.shgrad25 .border_bottom,
.shgrad25 .box_title,
.shgrad25 .list_element,
.shgrad25 .listing_element,
.shgrad25 .panel_bar,
.shgrad25  .theprojects,
.shgrad25 .post_element,
.shgrad25 .ulist_item,
.shgrad25 .user_item { border-bottom-color: #c70039 !important; }

.shgrad26 .border_bottom,
.shgrad26 .box_title,
.shgrad26 .list_element,
.shgrad26 .listing_element,
.shgrad26 .panel_bar,
.shgrad26  .theprojects,
.shgrad26 .post_element,
.shgrad26 .ulist_item,
.shgrad26 .user_item { border-bottom-color: #ff5733 !important; }

.shgrad27 .border_bottom,
.shgrad27 .box_title,
.shgrad27 .list_element,
.shgrad27 .listing_element,
.shgrad27 .panel_bar,
.shgrad27  .theprojects,
.shgrad27 .post_element,
.shgrad27 .ulist_item,
.shgrad27 .user_item { border-bottom-color: #8566aa !important; }

.shgrad28 .border_bottom,
.shgrad28 .box_title,
.shgrad28 .list_element,
.shgrad28 .listing_element,
.shgrad28 .panel_bar,
.shgrad28  .theprojects,
.shgrad28 .post_element,
.shgrad28 .ulist_item,
.shgrad28 .user_item { border-bottom-color: #6983aa !important; }

.shgrad29 .border_bottom,
.shgrad29 .box_title,
.shgrad29 .list_element,
.shgrad29 .listing_element,
.shgrad29 .panel_bar,
.shgrad29  .theprojects,
.shgrad29 .post_element,
.shgrad29 .ulist_item,
.shgrad29 .user_item { border-bottom-color: #f8e1f4 !important; }

.shgrad30 .border_bottom,
.shgrad30 .box_title,
.shgrad30 .list_element,
.shgrad30 .listing_element,
.shgrad30 .panel_bar,
.shgrad30  .theprojects,
.shgrad30 .post_element,
.shgrad30 .ulist_item,
.shgrad30 .user_item { border-bottom-color: #97e5ef !important; }

.shgrad31 .border_bottom,
.shgrad31 .box_title,
.shgrad31 .list_element,
.shgrad31 .listing_element,
.shgrad31 .panel_bar,
.shgrad31  .theprojects,
.shgrad31 .post_element,
.shgrad31 .ulist_item,
.shgrad31 .user_item { border-bottom-color: #b9ebcc !important; }

.shgrad32 .border_bottom,
.shgrad32 .box_title,
.shgrad32 .list_element,
.shgrad32 .listing_element,
.shgrad32 .panel_bar,
.shgrad32  .theprojects,
.shgrad32 .post_element,
.shgrad32 .ulist_item,
.shgrad32 .user_item { border-bottom-color: #5a3f11 !important; }

.shgrad33 .border_bottom,
.shgrad33 .box_title,
.shgrad33 .list_element,
.shgrad33 .listing_element,
.shgrad33 .panel_bar,
.shgrad33  .theprojects,
.shgrad33 .post_element,
.shgrad33 .ulist_item,
.shgrad33 .user_item { border-bottom-color: #9c5518 !important; }

.shgrad34 .border_bottom,
.shgrad34 .box_title,
.shgrad34 .list_element,
.shgrad34 .listing_element,
.shgrad34 .panel_bar,
.shgrad34  .theprojects,
.shgrad34 .post_element,
.shgrad34 .ulist_item,
.shgrad34 .user_item { border-bottom-color: #ffb385 !important; }

.shgrad35 .border_bottom,
.shgrad35 .box_title,
.shgrad35 .list_element,
.shgrad35 .listing_element,
.shgrad35 .panel_bar,
.shgrad35  .theprojects,
.shgrad35 .post_element,
.shgrad35 .ulist_item,
.shgrad35 .user_item { border-bottom-color: #698474 !important; }

.shgrad36 .border_bottom,
.shgrad36 .box_title,
.shgrad36 .list_element,
.shgrad36 .listing_element,
.shgrad36 .panel_bar,
.shgrad36  .theprojects,
.shgrad36 .post_element,
.shgrad36 .ulist_item,
.shgrad36 .user_item { border-bottom-color: #de7119 !important; }

.shgrad37 .border_bottom,
.shgrad37 .box_title,
.shgrad37 .list_element,
.shgrad37 .listing_element,
.shgrad37 .panel_bar,
.shgrad37  .theprojects,
.shgrad37 .post_element,
.shgrad37 .ulist_item,
.shgrad37 .user_item { border-bottom-color: #204051 !important; }

.shgrad38 .border_bottom,
.shgrad38 .box_title,
.shgrad38 .list_element,
.shgrad38 .listing_element,
.shgrad38 .panel_bar,
.shgrad38  .theprojects,
.shgrad38 .post_element,
.shgrad38 .ulist_item,
.shgrad38 .user_item { border-bottom-color: #3b6978 !important; }

.shgrad39 .border_bottom,
.shgrad39 .box_title,
.shgrad39 .list_element,
.shgrad39 .listing_element,
.shgrad39 .panel_bar,
.shgrad39  .theprojects,
.shgrad39 .post_element,
.shgrad39 .ulist_item,
.shgrad39 .user_item { border-bottom-color: #f76a8c !important; }

.shgrad40 .border_bottom,
.shgrad40 .box_title,
.shgrad40 .list_element,
.shgrad40 .listing_element,
.shgrad40 .panel_bar,
.shgrad40  .theprojects,
.shgrad40 .post_element,
.shgrad40 .ulist_item,
.shgrad40 .user_item { border-bottom-color: #fbcffc !important; }

.shgrad41 .border_bottom,
.shgrad41 .box_title,
.shgrad41 .list_element,
.shgrad41 .listing_element,
.shgrad41 .panel_bar,
.shgrad41  .theprojects,
.shgrad41 .post_element,
.shgrad41 .ulist_item,
.shgrad41 .user_item { border-bottom-color: #be79df !important; }

.shgrad42 .border_bottom,
.shgrad42 .box_title,
.shgrad42 .list_element,
.shgrad42 .listing_element,
.shgrad42 .panel_bar,
.shgrad42  .theprojects,
.shgrad42 .post_element,
.shgrad42 .ulist_item,
.shgrad42 .user_item { border-bottom-color: #cff1ef !important; }

.shgrad43 .border_bottom,
.shgrad43 .box_title,
.shgrad43 .list_element,
.shgrad43 .listing_element,
.shgrad43 .panel_bar,
.shgrad43  .theprojects,
.shgrad43 .post_element,
.shgrad43 .ulist_item,
.shgrad43 .user_item { border-bottom-color: #ffd1bd !important; }

.shgrad44 .border_bottom,
.shgrad44 .box_title,
.shgrad44 .list_element,
.shgrad44 .listing_element,
.shgrad44 .panel_bar,
.shgrad44  .theprojects,
.shgrad44 .post_element,
.shgrad44 .ulist_item,
.shgrad44 .user_item { border-bottom-color: #9dc6a7 !important; }

.shgrad45 .border_bottom,
.shgrad45 .box_title,
.shgrad45 .list_element,
.shgrad45 .listing_element,
.shgrad45 .panel_bar,
.shgrad45  .theprojects,
.shgrad45 .post_element,
.shgrad45 .avatar_menu,
.shgrad45 .ulist_item,
.shgrad45 .user_item { border-bottom-color: #323232 !important; }


/* ===== Stronger, static multi-layer glow for each shgrad (no hover / no interaction) ===== */
/* Uses currentColor so each .shgradN keeps its defined color above */


.Arabic1,
.Arabic10,
.Arabic11,
.Arabic12,
.Arabic13,
.Arabic14,
.Arabic15,
.Arabic16,
.Arabic17,
.Arabic18,
.Arabic19,
.Arabic2,
.Arabic20,
.Arabic21,
.Arabic22,
.Arabic23,
.Arabic24,
.Arabic25,
.Arabic26,
.Arabic27,
.Arabic28,
.Arabic29,
.Arabic3,
.Arabic30,
.Arabic31,
.Arabic32,
.Arabic33,
.Arabic34,
.Arabic35,
.Arabic36,
.Arabic37,
.Arabic38,
.Arabic39,
.Arabic4,
.Arabic40,
.Arabic41,
.Arabic42,
.Arabic43,
.Arabic44,
.Arabic45,
.Arabic46,
.Arabic47,
.Arabic48,
.Arabic49,
.Arabic5,
.Arabic50,
.Arabic51,
.Arabic52,
.Arabic53,
.Arabic54,
.Arabic55,
.Arabic56,
.Arabic57,
.Arabic58,
.Arabic59,
.Arabic6,
.Arabic60,
.Arabic61,
.Arabic62,
.Arabic63,
.Arabic64,
.Arabic65,
.Arabic66,
.Arabic67,
.Arabic68,
.Arabic69,
.Arabic70,
.Arabic71,
.Arabic72,
.Arabic7,
.Arabic8,
.Arabic9 {
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: sans-serif;
    -webkit-background-clip: text;
    color: transparent;
    background-size: 100% 100%;
}
.lm3a {
    margin: 5px;
    display: grid;
    align-items: center;
    border-radius: 10px;
    padding: 2px;
}
.Arabic1 {
    background-image: url(../default_images/lens/1.gif);
}
.Arabic2 {
    background-image: url(../default_images/lens/2.gif);
}
.Arabic3 {
    background-image: url(../default_images/lens/3.gif);
}
.Arabic4 {
    background-image: url(../default_images/lens/4.gif);
}
.Arabic5 {
    background-image: url(../default_images/lens/5.gif);
}
.Arabic6 {
    background-image: url(../default_images/lens/6.gif);
}
.Arabic7 {
    background-image: url(../default_images/lens/7.gif);
}
.Arabic8 {
    background-image: url(../default_images/lens/8.gif);
}
.Arabic9 {
    background-image: url(../default_images/lens/9.gif);
}
.Arabic10 {
    background-image: url(../default_images/lens/10.gif);
}
.Arabic11 {
    background-image: url(../default_images/lens/11.gif);
}
.Arabic12 {
    background-image: url(../default_images/lens/12.gif);
}
.Arabic13,
.bgArb13 {
    background-image: url(../default_images/lens/13.gif);
}
.Arabic14 {
    background-image: url(../default_images/lens/14.gif);
}
.Arabic15 {
    background-image: url(../default_images/lens/15.gif);
}
.Arabic16 {
    background-image: url(../default_images/lens/16.gif);
}
.Arabic17 {
    background-image: url(../default_images/lens/17.gif);
}
.Arabic18 {
    background-image: url(../default_images/lens/18.gif);
}
.Arabic19 {
    background-image: url(../default_images/lens/19.gif);
}
.Arabic20 {
    background-image: url(../default_images/lens/20.gif);
}
.Arabic21 {
    background-image: url(../default_images/lens/21.gif);
}
.Arabic22 {
    background-image: url(../default_images/lens/22.gif);
}
.Arabic23 {
    background-image: url(../default_images/lens/23.gif);
}
.Arabic24 {
    background-image: url(../default_images/lens/24.gif);
}
.Arabic25 {
    background-image: url(../default_images/lens/25.gif);
}
.Arabic26 {
    background-image: url(../default_images/lens/26.gif);
}
.Arabic27 {
    background-image: url(../default_images/lens/27.gif);
}
.Arabic28 {
    background-image: url(../default_images/lens/28.gif);
}
.Arabic29 {
    background-image: url(../default_images/lens/29.gif);
}
.Arabic30 {
    background-image: url(../default_images/lens/30.gif);
}
.Arabic31 {
    background-image: url(../default_images/lens/31.gif);
}
.Arabic32 {
    background-image: url(../default_images/lens/32.gif);
}
.Arabic33 {
    background-image: url(../default_images/lens/33.gif);
}
.Arabic34 {
    background-image: url(../default_images/lens/34.gif);
}
.Arabic35 {
    background-image: url(../default_images/lens/35.gif);
}
.Arabic36 {
    background-image: url(../default_images/lens/36.gif);
}
.Arabic37 {
    background-image: url(../default_images/lens/37.gif);
}
.Arabic38 {
    background-image: url(../default_images/lens/38.gif);
}
.Arabic39 {
    background-image: url(../default_images/lens/39.gif);
}
.Arabic40 {
    background-image: url(../default_images/lens/40.gif);
}
.Arabic41 {
    background-image: url(../default_images/lens/41.gif);
}
.Arabic42 {
    background-image: url(../default_images/lens/42.gif);
}
.Arabic43 {
    background-image: url(../default_images/lens/43.gif);
}
.Arabic44 {
    background-image: url(../default_images/lens/44.gif);
}
.Arabic45 {
    background-image: url(../default_images/lens/45.gif);
}
.Arabic46 {
    background-image: url(../default_images/lens/46.gif);
}
.Arabic47 {
    background-image: url(../default_images/lens/47.gif);
}
.Arabic48 {
    background-image: url(../default_images/lens/48.gif);
}
.Arabic49 {
    background-image: url(../default_images/lens/49.gif);
}
.Arabic50 {
    background-image: url(../default_images/lens/50.gif);
}
.Arabic51 {
    background-image: url(../default_images/lens/51.gif);
}
.Arabic52 {
    background-image: url(../default_images/lens/52.gif);
}
.Arabic53 {
    background-image: url(../default_images/lens/53.gif);
}
.Arabic54 {
    background-image: url(../default_images/lens/54.gif);
}
.Arabic55 {
    background-image: url(../default_images/lens/55.gif);
}
.Arabic56 {
    background-image: url(../default_images/lens/56.gif);
}
.Arabic57 {
    background-image: url(../default_images/lens/57.gif);
}
.Arabic58 {
    background-image: url(../default_images/lens/58.gif);
}
.Arabic59 {
    background-image: url(../default_images/lens/59.gif);
}
.Arabic60 {
    background-image: url(../default_images/lens/60.gif);
}
.Arabic61 {
    background-image: url(../default_images/lens/61.gif);
}
.Arabic62 {
    background-image: url(../default_images/lens/62.gif);
}
.Arabic63 {
    background-image: url(../default_images/lens/63.gif);
}
.Arabic64 {
    background-image: url(../default_images/lens/64.gif);
}
.Arabic65 {
    background-image: url(../default_images/lens/65.gif);
}
.Arabic66 {
    background-image: url(../default_images/lens/66.gif);
}
.Arabic67 {
    background-image: url(../default_images/lens/67.gif);
}
.Arabic68 {
    background-image: url(../default_images/lens/68.gif);
}
.Arabic69 {
    background-image: url(../default_images/lens/69.gif);
}
.Arabic70 {
    background-image: url(../default_images/lens/70.gif);
}
.Arabic71 {
    background-image: url(../default_images/lens/71.gif);
}
.Arabic72 {
    background-image: url(../default_images/lens/72.gif);
}
.orange_ico {
    color: #f60;
}
.red_ico {
    color: #d30000;
}
.yellow_ico {
    color: #e9e90a;
}
.gray_ico {
    color: gray;
}
.white_ico {
    color: #ccc;
}
.blue_ico {
    color: #1919b8;
}
.brown_ico {
    color: #c6381c;
}
.wbrown_ico {
    color: #c5823e;
}
.bbrown_ico {
    color: #c03;
}
.gold_ico {
    color: gold;
}
.ggold_ico {
    color: #ff9d00;
}
.bblue_ico {
    color: #05acd8;
}
.bred_ico {
    color: #fa0202;
}
.bgreen_ico {
    color: #00dfb7;
}
.bhelp2_ico {
    color: #708fa9;
}
.Mcolor_ico {
    color: #b43aff;
}
.zcolor_ico {
    color: #3498db;
}
.w {
    color: #fff;
}
.absent {
    color: #ffd11a;
}
.gone {
    color: red;
}
.onAndOffSwitch {
    display: table;
    padding: 2px;
    border-radius: 100px;
}

/* ===== shgrad border-bottom-color + matching box-shadow ===== */

.shgrad1 .border_bottom,
.shgrad1 .box_title,
.shgrad1 .list_element,
.shgrad1 .listing_element,
.shgrad1 .panel_bar,
.shgrad1 .theprojects,
.shgrad1 .post_element,
.shgrad1 .ulist_item,
.shgrad1 .user_item {
  border-bottom-color: #422f99 !important;
  box-shadow: 0 0 20px #422f99 !important;
}

.shgrad2 .border_bottom,
.shgrad2 .box_title,
.shgrad2 .list_element,
.shgrad2 .listing_element,
.shgrad2 .panel_bar,
.shgrad2 .theprojects,
.shgrad2 .post_element,
.shgrad2 .ulist_item,
.shgrad2 .user_item {
  border-bottom-color: #a80077 !important;
  box-shadow: 0 0 20px #a80077 !important;
}

.shgrad3 .border_bottom,
.shgrad3 .box_title,
.shgrad3 .list_element,
.shgrad3 .listing_element,
.shgrad3 .panel_bar,
.shgrad3 .theprojects,
.shgrad3 .post_element,
.shgrad3 .ulist_item,
.shgrad3 .user_item {
  border-bottom-color: #000000 !important;
  box-shadow: 0 0 20px #000000 !important;
}

.shgrad4 .border_bottom,
.shgrad4 .box_title,
.shgrad4 .list_element,
.shgrad4 .listing_element,
.shgrad4 .panel_bar,
.shgrad4 .theprojects,
.shgrad4 .post_element,
.shgrad4 .ulist_item,
.shgrad4 .user_item {
  border-bottom-color: #4d3e3e !important;
  box-shadow: 0 0 20px #4d3e3e !important;
}

.shgrad5 .border_bottom,
.shgrad5 .box_title,
.shgrad5 .list_element,
.shgrad5 .listing_element,
.shgrad5 .panel_bar,
.shgrad5 .theprojects,
.shgrad5 .post_element,
.shgrad5 .ulist_item,
.shgrad5 .user_item {
  border-bottom-color: #142850 !important;
  box-shadow: 0 0 20px #142850 !important;
}

.shgrad6 .border_bottom,
.shgrad6 .box_title,
.shgrad6 .list_element,
.shgrad6 .listing_element,
.shgrad6 .panel_bar,
.shgrad6 .theprojects,
.shgrad6 .post_element,
.shgrad6 .ulist_item,
.shgrad6 .user_item {
  border-bottom-color: #00909e !important;
  box-shadow: 0 0 20px #00909e !important;
}

.shgrad7 .border_bottom,
.shgrad7 .box_title,
.shgrad7 .list_element,
.shgrad7 .listing_element,
.shgrad7 .panel_bar,
.shgrad7 .theprojects,
.shgrad7 .post_element,
.shgrad7 .ulist_item,
.shgrad7 .user_item {
  border-bottom-color: #dae1e7 !important;
  box-shadow: 0 0 20px #dae1e7 !important;
}

.shgrad8 .border_bottom,
.shgrad8 .box_title,
.shgrad8 .list_element,
.shgrad8 .listing_element,
.shgrad8 .panel_bar,
.shgrad8 .theprojects,
.shgrad8 .post_element,
.shgrad8 .ulist_item,
.shgrad8 .user_item {
  border-bottom-color: #ffe0ac !important;
  box-shadow: 0 0 20px #ffe0ac !important;
}

.shgrad9 .border_bottom,
.shgrad9 .box_title,
.shgrad9 .list_element,
.shgrad9 .listing_element,
.shgrad9 .panel_bar,
.shgrad9 .theprojects,
.shgrad9 .post_element,
.shgrad9 .ulist_item,
.shgrad9 .user_item {
  border-bottom-color: #888888 !important;
  box-shadow: 0 0 20px #888888 !important;
}

.shgrad10 .border_bottom,
.shgrad10 .box_title,
.shgrad10 .list_element,
.shgrad10 .listing_element,
.shgrad10 .panel_bar,
.shgrad10 .theprojects,
.shgrad10 .post_element,
.shgrad10 .ulist_item,
.shgrad10 .user_item {
  border-bottom-color: #120136 !important;
  box-shadow: 0 0 20px #120136 !important;
}

.shgrad11 .border_bottom,
.shgrad11 .box_title,
.shgrad11 .list_element,
.shgrad11 .listing_element,
.shgrad11 .panel_bar,
.shgrad11 .theprojects,
.shgrad11 .post_element,
.shgrad11 .ulist_item,
.shgrad11 .user_item {
  border-bottom-color: #f6f578 !important;
  box-shadow: 0 0 20px #f6f578 !important;
}

.shgrad12 .border_bottom,
.shgrad12 .box_title,
.shgrad12 .list_element,
.shgrad12 .listing_element,
.shgrad12 .panel_bar,
.shgrad12 .theprojects,
.shgrad12 .post_element,
.shgrad12 .ulist_item,
.shgrad12 .user_item {
  border-bottom-color: #862a5c !important;
  box-shadow: 0 0 20px #862a5c !important;
}

.shgrad13 .border_bottom,
.shgrad13 .box_title,
.shgrad13 .list_element,
.shgrad13 .listing_element,
.shgrad13 .panel_bar,
.shgrad13 .theprojects,
.shgrad13 .post_element,
.shgrad13 .ulist_item,
.shgrad13 .user_item {
  border-bottom-color: #eaac9d !important;
  box-shadow: 0 0 20px #eaac9d !important;
}

.shgrad14 .border_bottom,
.shgrad14 .box_title,
.shgrad14 .list_element,
.shgrad14 .listing_element,
.shgrad14 .panel_bar,
.shgrad14 .theprojects,
.shgrad14 .post_element,
.shgrad14 .ulist_item,
.shgrad14 .user_item {
  border-bottom-color: #06623b !important;
  box-shadow: 0 0 20px #06623b !important;
}

.shgrad15 .border_bottom,
.shgrad15 .box_title,
.shgrad15 .list_element,
.shgrad15 .listing_element,
.shgrad15 .panel_bar,
.shgrad15 .theprojects,
.shgrad15 .post_element,
.shgrad15 .ulist_item,
.shgrad15 .user_item {
  border-bottom-color: #f79071 !important;
  box-shadow: 0 0 20px #f79071 !important;
}

.shgrad16 .border_bottom,
.shgrad16 .box_title,
.shgrad16 .list_element,
.shgrad16 .listing_element,
.shgrad16 .panel_bar,
.shgrad16 .theprojects,
.shgrad16 .post_element,
.shgrad16 .ulist_item,
.shgrad16 .user_item {
  border-bottom-color: #f6acc8 !important;
  box-shadow: 0 0 20px #f6acc8 !important;
}

.shgrad17 .border_bottom,
.shgrad17 .box_title,
.shgrad17 .list_element,
.shgrad17 .listing_element,
.shgrad17 .panel_bar,
.shgrad17 .theprojects,
.shgrad17 .post_element,
.shgrad17 .ulist_item,
.shgrad17 .user_item {
  border-bottom-color: #af8baf !important;
  box-shadow: 0 0 20px #af8baf !important;
}

.shgrad18 .border_bottom,
.shgrad18 .box_title,
.shgrad18 .list_element,
.shgrad18 .listing_element,
.shgrad18 .panel_bar,
.shgrad18 .theprojects,
.shgrad18 .post_element,
.shgrad18 .ulist_item,
.shgrad18 .user_item {
  border-bottom-color: #584153 !important;
  box-shadow: 0 0 20px #584153 !important;
}

.shgrad19 .border_bottom,
.shgrad19 .box_title,
.shgrad19 .list_element,
.shgrad19 .listing_element,
.shgrad19 .panel_bar,
.shgrad19 .theprojects,
.shgrad19 .post_element,
.shgrad19 .ulist_item,
.shgrad19 .user_item {
  border-bottom-color: #c1a57b !important;
  box-shadow: 0 0 20px #c1a57b !important;
}

.shgrad20 .border_bottom,
.shgrad20 .box_title,
.shgrad20 .list_element,
.shgrad20 .listing_element,
.shgrad20 .panel_bar,
.shgrad20 .theprojects,
.shgrad20 .post_element,
.shgrad20 .ulist_item,
.shgrad20 .user_item {
  border-bottom-color: #2c003e !important;
  box-shadow: 0 0 20px #2c003e !important;
}

.shgrad21 .border_bottom,
.shgrad21 .box_title,
.shgrad21 .list_element,
.shgrad21 .listing_element,
.shgrad21 .panel_bar,
.shgrad21 .theprojects,
.shgrad21 .post_element,
.shgrad21 .ulist_item,
.shgrad21 .user_item {
  border-bottom-color: #43d8c9 !important;
  box-shadow: 0 0 20px #43d8c9 !important;
}

.shgrad22 .border_bottom,
.shgrad22 .box_title,
.shgrad22 .list_element,
.shgrad22 .listing_element,
.shgrad22 .panel_bar,
.shgrad22 .theprojects,
.shgrad22 .post_element,
.shgrad22 .ulist_item,
.shgrad22 .user_item {
  border-bottom-color: #95389e !important;
  box-shadow: 0 0 20px #95389e !important;
}

.shgrad23 .border_bottom,
.shgrad23 .box_title,
.shgrad23 .list_element,
.shgrad23 .listing_element,
.shgrad23 .panel_bar,
.shgrad23 .theprojects,
.shgrad23 .post_element,
.shgrad23 .ulist_item,
.shgrad23 .user_item {
  border-bottom-color: #0779e4 !important;
  box-shadow: 0 0 20px #0779e4 !important;
}

.shgrad24 .border_bottom,
.shgrad24 .box_title,
.shgrad24 .list_element,
.shgrad24 .listing_element,
.shgrad24 .panel_bar,
.shgrad24 .theprojects,
.shgrad24 .post_element,
.shgrad24 .ulist_item,
.shgrad24 .user_item {
  border-bottom-color: #d8345f !important;
  box-shadow: 0 0 20px #d8345f !important;
}

.shgrad25 .border_bottom,
.shgrad25 .box_title,
.shgrad25 .list_element,
.shgrad25 .listing_element,
.shgrad25 .panel_bar,
.shgrad25 .theprojects,
.shgrad25 .post_element,
.shgrad25 .ulist_item,
.shgrad25 .user_item {
  border-bottom-color: #c70039 !important;
  box-shadow: 0 0 20px #c70039 !important;
}

.shgrad26 .border_bottom,
.shgrad26 .box_title,
.shgrad26 .list_element,
.shgrad26 .listing_element,
.shgrad26 .panel_bar,
.shgrad26 .theprojects,
.shgrad26 .post_element,
.shgrad26 .ulist_item,
.shgrad26 .user_item {
  border-bottom-color: #ff5733 !important;
  box-shadow: 0 0 20px #ff5733 !important;
}

.shgrad27 .border_bottom,
.shgrad27 .box_title,
.shgrad27 .list_element,
.shgrad27 .listing_element,
.shgrad27 .panel_bar,
.shgrad27 .theprojects,
.shgrad27 .post_element,
.shgrad27 .ulist_item,
.shgrad27 .user_item {
  border-bottom-color: #8566aa !important;
  box-shadow: 0 0 20px #8566aa !important;
}

.shgrad28 .border_bottom,
.shgrad28 .box_title,
.shgrad28 .list_element,
.shgrad28 .listing_element,
.shgrad28 .panel_bar,
.shgrad28 .theprojects,
.shgrad28 .post_element,
.shgrad28 .ulist_item,
.shgrad28 .user_item {
  border-bottom-color: #6983aa !important;
  box-shadow: 0 0 20px #6983aa !important;
}

.shgrad29 .border_bottom,
.shgrad29 .box_title,
.shgrad29 .list_element,
.shgrad29 .listing_element,
.shgrad29 .panel_bar,
.shgrad29 .theprojects,
.shgrad29 .post_element,
.shgrad29 .ulist_item,
.shgrad29 .user_item {
  border-bottom-color: #f8e1f4 !important;
  box-shadow: 0 0 20px #f8e1f4 !important;
}

.shgrad30 .border_bottom,
.shgrad30 .box_title,
.shgrad30 .list_element,
.shgrad30 .listing_element,
.shgrad30 .panel_bar,
.shgrad30 .theprojects,
.shgrad30 .post_element,
.shgrad30 .ulist_item,
.shgrad30 .user_item {
  border-bottom-color: #97e5ef !important;
  box-shadow: 0 0 20px #97e5ef !important;
}

.shgrad31 .border_bottom,
.shgrad31 .box_title,
.shgrad31 .list_element,
.shgrad31 .listing_element,
.shgrad31 .panel_bar,
.shgrad31 .theprojects,
.shgrad31 .post_element,
.shgrad31 .ulist_item,
.shgrad31 .user_item {
  border-bottom-color: #b9ebcc !important;
  box-shadow: 0 0 20px #b9ebcc !important;
}

.shgrad32 .border_bottom,
.shgrad32 .box_title,
.shgrad32 .list_element,
.shgrad32 .listing_element,
.shgrad32 .panel_bar,
.shgrad32 .theprojects,
.shgrad32 .post_element,
.shgrad32 .ulist_item,
.shgrad32 .user_item {
  border-bottom-color: #5a3f11 !important;
  box-shadow: 0 0 20px #5a3f11 !important;
}

.shgrad33 .border_bottom,
.shgrad33 .box_title,
.shgrad33 .list_element,
.shgrad33 .listing_element,
.shgrad33 .panel_bar,
.shgrad33 .theprojects,
.shgrad33 .post_element,
.shgrad33 .ulist_item,
.shgrad33 .user_item {
  border-bottom-color: #9c5518 !important;
  box-shadow: 0 0 20px #9c5518 !important;
}

.shgrad34 .border_bottom,
.shgrad34 .box_title,
.shgrad34 .list_element,
.shgrad34 .listing_element,
.shgrad34 .panel_bar,
.shgrad34 .theprojects,
.shgrad34 .post_element,
.shgrad34 .ulist_item,
.shgrad34 .user_item {
  border-bottom-color: #ffb385 !important;
  box-shadow: 0 0 20px #ffb385 !important;
}

.shgrad35 .border_bottom,
.shgrad35 .box_title,
.shgrad35 .list_element,
.shgrad35 .listing_element,
.shgrad35 .panel_bar,
.shgrad35 .theprojects,
.shgrad35 .post_element,
.shgrad35 .ulist_item,
.shgrad35 .user_item {
  border-bottom-color: #698474 !important;
  box-shadow: 0 0 20px #698474 !important;
}

.shgrad36 .border_bottom,
.shgrad36 .box_title,
.shgrad36 .list_element,
.shgrad36 .listing_element,
.shgrad36 .panel_bar,
.shgrad36 .theprojects,
.shgrad36 .post_element,
.shgrad36 .ulist_item,
.shgrad36 .user_item {
  border-bottom-color: #de7119 !important;
  box-shadow: 0 0 20px #de7119 !important;
}

.shgrad37 .border_bottom,
.shgrad37 .box_title,
.shgrad37 .list_element,
.shgrad37 .listing_element,
.shgrad37 .panel_bar,
.shgrad37 .theprojects,
.shgrad37 .post_element,
.shgrad37 .ulist_item,
.shgrad37 .user_item {
  border-bottom-color: #204051 !important;
  box-shadow: 0 0 20px #204051 !important;
}

.shgrad38 .border_bottom,
.shgrad38 .box_title,
.shgrad38 .list_element,
.shgrad38 .listing_element,
.shgrad38 .panel_bar,
.shgrad38 .theprojects,
.shgrad38 .post_element,
.shgrad38 .ulist_item,
.shgrad38 .user_item {
  border-bottom-color: #3b6978 !important;
  box-shadow: 0 0 20px #3b6978 !important;
}

.shgrad39 .border_bottom,
.shgrad39 .box_title,
.shgrad39 .list_element,
.shgrad39 .listing_element,
.shgrad39 .panel_bar,
.shgrad39 .theprojects,
.shgrad39 .post_element,
.shgrad39 .ulist_item,
.shgrad39 .user_item {
  border-bottom-color: #f76a8c !important;
  box-shadow: 0 0 20px #f76a8c !important;
}

.shgrad40 .border_bottom,
.shgrad40 .box_title,
.shgrad40 .list_element,
.shgrad40 .listing_element,
.shgrad40 .panel_bar,
.shgrad40 .theprojects,
.shgrad40 .post_element,
.shgrad40 .ulist_item,
.shgrad40 .user_item {
  border-bottom-color: #fbcffc !important;
  box-shadow: 0 0 20px #fbcffc !important;
}

.shgrad41 .border_bottom,
.shgrad41 .box_title,
.shgrad41 .list_element,
.shgrad41 .listing_element,
.shgrad41 .panel_bar,
.shgrad41 .theprojects,
.shgrad41 .post_element,
.shgrad41 .ulist_item,
.shgrad41 .user_item {
  border-bottom-color: #be79df !important;
  box-shadow: 0 0 20px #be79df !important;
}

.shgrad42 .border_bottom,
.shgrad42 .box_title,
.shgrad42 .list_element,
.shgrad42 .listing_element,
.shgrad42 .panel_bar,
.shgrad42 .theprojects,
.shgrad42 .post_element,
.shgrad42 .ulist_item,
.shgrad42 .user_item {
  border-bottom-color: #cff1ef !important;
  box-shadow: 0 0 20px #cff1ef !important;
}

.shgrad43 .border_bottom,
.shgrad43 .box_title,
.shgrad43 .list_element,
.shgrad43 .listing_element,
.shgrad43 .panel_bar,
.shgrad43 .theprojects,
.shgrad43 .post_element,
.shgrad43 .ulist_item,
.shgrad43 .user_item {
  border-bottom-color: #ffd1bd !important;
  box-shadow: 0 0 20px #ffd1bd !important;
}

.shgrad44 .border_bottom,
.shgrad44 .box_title,
.shgrad44 .list_element,
.shgrad44 .listing_element,
.shgrad44 .panel_bar,
.shgrad44 .theprojects,
.shgrad44 .post_element,
.shgrad44 .ulist_item,
.shgrad44 .user_item {
  border-bottom-color: #9dc6a7 !important;
  box-shadow: 0 0 20px #9dc6a7 !important;
}

.shgrad45 .border_bottom,
.shgrad45 .box_title,
.shgrad45 .list_element,
.shgrad45 .listing_element,
.shgrad45 .panel_bar,
.shgrad45 .theprojects,
.shgrad45 .post_element,
.shgrad45 .ulist_item,
.shgrad45 .user_item {
  border-bottom-color: #323232 !important;
  box-shadow: 0 0 20px #323232 !important;
}

/* ===== GLOBAL SHADOW BOOST (put ABOVE extend profile shadow block) ===== */

/* نعرّف متغير قوة الشعاع */
[class^="shgrad"]{
    --glow-strength-1: 0 0 65px currentColor;
    --glow-strength-2: 0 0 64px currentColor;
    --glow-strength-3: 0 0 90px currentColor;
}

/* تقوية الشعاع على أي عنصر عليه shgrad */
[class^="shgrad"]{
    box-shadow:
        var(--glow-strength-20),
        var(--glow-strength-9),
        var(--glow-strength-21) !important;
}

/* نفس القوة تطبق على العناصر الداخلية (كاردات – عناصر – يوزرات) */
[class^="shgrad"] .border_bottom,
[class^="shgrad"] .box_title,
[class^="shgrad"] .list_element,
[class^="shgrad"] .listing_element,
[class^="shgrad"] .panel_bar,
[class^="shgrad"] .post_element,
[class^="shgrad"] .ulist_item,
[class^="shgrad"] .user_item{
    box-shadow:
        0 0 10px currentColor,
        0 0 60px currentColor !important;
}

/* ===== extend profile shadow color to separators (forced) =====
   يجعل لون الشادو/اللمعة يظهر أيضاً على الشريط الفاصل بين الكاردات
   العناصر المتأثرة:
   .border_bottom, .box_title, .list_element, .listing_element,
   .panel_bar, .post_element, .ulist_item, .user_item
*/

/* shorthand alternative (works if shgradX sets 'color') */
/*
[class^="shgrad"] .border_bottom,
[class^="shgrad"] .box_title,
[class^="shgrad"] .list_element,
[class^="shgrad"] .listing_element,
[class^="shgrad"] .panel_bar,
[class^="shgrad"] .theprojects,
[class^="shgrad"] .post_element,
[class^="shgrad"] .ulist_item,
[class^="shgrad"] .user_item {
    /* use the element's current text color (from shgradX) */
    border-bottom-color: currentColor !important;
}
*/

/* Explicit mapping for each shgrad to guarantee exact color */


/* ===== Stronger, static multi-layer glow for each shgrad (no hover / no interaction) ===== */
/* Uses currentColor so each .shgradN keeps its defined color above */
.shgrad1,
.shback1 {
  box-shadow: #422f99 0 0 20px !important;
  border: 1px solid #422f99 !important;
}
.shgrad2,
.shback2 {
  box-shadow: #a80077 0 0 20px !important;
  border: 1px solid #a80077 !important;
}
.shgrad3,
.shback3 {
  box-shadow: #000 0 0 20px !important;
  border: 1px solid #000 !important;
}
.shgrad4,
.shback4 {
  box-shadow: #4d3e3e 0 0 20px !important;
  border: 1px solid #4d3e3e !important;
}
.shgrad5,
.shback5 {
  box-shadow: #142850 0 0 20px !important;
  border: 1px solid #142850 !important;
}
.shgrad6,
.shback6 {
  box-shadow: #00909e 0 0 20px !important;
  border: 1px solid #00909e !important;
}
.shgrad7,
.shback7 {
  box-shadow: #dae1e7 0 0 20px !important;
  border: 1px solid #dae1e7 !important;
}
.shgrad8,
.shback8 {
  box-shadow: #ffe0ac 0 0 20px !important;
  border: 1px solid #ffe0ac !important;
}
.shgrad9,
.shback9 {
  box-shadow: #888 0 0 20px !important;
  border: 1px solid #888 !important;
}
.shgrad10,
.shback10 {
  box-shadow: #120136 0 0 20px !important;
  border: 1px solid #120136 !important;
}
.shgrad11,
.shback11 {
  box-shadow: #f6f578 0 0 20px !important;
  border: 1px solid #f6f578 !important;
}
.shgrad12,
.shback12 {
  box-shadow: #862a5c 0 0 20px !important;
  border: 1px solid #862a5c !important;
}
.shgrad13,
.shback13 {
  box-shadow: #eaac9d 0 0 20px !important;
  border: 1px solid #eaac9d !important;
}
.shgrad14,
.shback14 {
  box-shadow: #06623b 0 0 20px !important;
  border: 1px solid #06623b !important;
}
.shgrad15,
.shback15 {
  box-shadow: #f79071 0 0 20px !important;
  border: 1px solid #f79071 !important;
}
.shgrad16,
.shback16 {
  box-shadow: #f6acc8 0 0 20px !important;
  border: 1px solid #f6acc8 !important;
}
.shgrad17,
.shback17 {
  box-shadow: #af8baf 0 0 20px !important;
  border: 1px solid #af8baf !important;
}
.shgrad18,
.shback18 {
  box-shadow: #584153 0 0 20px !important;
  border: 1px solid #584153 !important;
}
.shgrad19,
.shback19 {
  box-shadow: #c1a57b 0 0 20px !important;
  border: 1px solid #c1a57b !important;
}
.shgrad20,
.shback20 {
  box-shadow: #2c003e 0 0 20px !important;
  border: 1px solid #2c003e !important;
}
.shgrad21,
.shback21 {
  box-shadow: #43d8c9 0 0 20px !important;
  border: 1px solid #43d8c9 !important;
}
.shgrad22,
.shback22 {
  box-shadow: #95389e 0 0 20px !important;
  border: 1px solid #95389e !important;
}
.shgrad23,
.shback23 {
  box-shadow: #0779e4 0 0 20px !important;
  border: 1px solid #0779e4 !important;
}
.shgrad24,
.shback24 {
  box-shadow: #d8345f 0 0 20px !important;
  border: 1px solid #d8345f !important;
}
.shgrad25,
.shback25 {
  box-shadow: #c70039 0 0 20px !important;
  border: 1px solid #c70039 !important;
}
.shgrad26,
.shback26 {
  box-shadow: #ff5733 0 0 20px !important;
  border: 1px solid #ff5733 !important;
}
.shgrad27,
.shback27 {
  box-shadow: #8566aa 0 0 20px !important;
  border: 1px solid #8566aa !important;
}
.shgrad28,
.shback28 {
  box-shadow: #6983aa 0 0 20px !important;
  border: 1px solid #6983aa !important;
}
.shgrad29,
.shback29 {
  box-shadow: #f8e1f4 0 0 20px !important;
  border: 1px solid #f8e1f4 !important;
}
.shgrad30,
.shback30 {
  box-shadow: #97e5ef 0 0 20px !important;
  border: 1px solid #97e5ef !important;
}
.shgrad31,
.shback31 {
  box-shadow: #b9ebcc 0 0 20px !important;
  border: 1px solid #b9ebcc !important;
}
.shgrad32,
.shback32 {
  box-shadow: #5a3f11 0 0 20px !important;
  border: 1px solid #5a3f11 !important;
}
.shgrad33,
.shback33 {
  box-shadow: #9c5518 0 0 20px !important;
  border: 1px solid #9c5518 !important;
}
.shgrad34,
.shback34 {
  box-shadow: #ffb385 0 0 20px !important;
  border: 1px solid #ffb385 !important;
}
.shgrad35,
.shback35 {
  box-shadow: #698474 0 0 20px !important;
  border: 1px solid #698474 !important;
}
.shgrad36,
.shback36 {
  box-shadow: #de7119 0 0 20px !important;
  border: 1px solid #de7119 !important;
}
.shgrad37,
.shback37 {
  box-shadow: #204051 0 0 20px !important;
  border: 1px solid #204051 !important;
}
.shgrad38,
.shback38 {
  box-shadow: #3b6978 0 0 20px !important;
  border: 1px solid #3b6978 !important;
}
.shgrad39,
.shback39 {
  box-shadow: #f76a8c 0 0 20px !important;
  border: 1px solid #f76a8c !important;
}
.shgrad40,
.shback40 {
  box-shadow: #fbcffc 0 0 20px !important;
  border: 1px solid #fbcffc !important;
}
.shgrad41,
.shback40 {
  box-shadow: #be79df 0 0 20px !important;
  border: 1px solid #be79df !important;
}
.shgrad42,
.shback40 {
  box-shadow: #cff1ef 0 0 20px !important;
  border: 1px solid #cff1ef !important;
}
.shgrad43,
.shback40 {
  box-shadow: #ffd1bd 0 0 20px !important;
  border: 1px solid #ffd1bd !important;
}
.shgrad44,
.shback40 {
  box-shadow: #9dc6a7 0 0 20px !important;
  border: 1px solid #9dc6a7 !important;
}
.shgrad45,
.shback40 {
  box-shadow: #323232 0 0 20px !important;
  border: 1px solid #323232 !important;
}