/* 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; }
.avavatar { 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 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:#59b300; }
.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; }

/* 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%);}

/* 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 {  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; }
/* premium */
.lm3a {margin:5px; display:grid; align-items:center; float:left; position:relative; border-radius:10px; padding: 2px;}

.Arabic1 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/1.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic2 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/2.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic3 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/3.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic4 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/4.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic5 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/5.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic6 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/6.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic7 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/7.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic8 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/8.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic9 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/9.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic10 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/10.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic11 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/11.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic12 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/12.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic13 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/13.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.bgArb13 {
  background-image: url(../default_images/lens/13.gif);
}

.Arabic14 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/14.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic15 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/15.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic16 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/16.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic17 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/17.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic18 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/18.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic19 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/19.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic20 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/20.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic21 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/21.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}


.Arabic22 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/22.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.Arabic23 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/23.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic24 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/24.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic25 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/25.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic26 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/26.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic27 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/27.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic28 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/28.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic29 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/29.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic30 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/30.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic31 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/31.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic32 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/32.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic33 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/33.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic34 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/34.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic35 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/35.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic36 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/36.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic37 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/37.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic38 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/38.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic39 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/39.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic40 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/40.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic41 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/41.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic42 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/42.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic43 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/43.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic44 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/44.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic45 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/45.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic46 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/46.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic47 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/47.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic48 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/48.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic49 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/49.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic50 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/50.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic51 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/51.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic52 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/52.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic53 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/53.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic54 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/54.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic55 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/55.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic56 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/56.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic57 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/57.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic58 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/58.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic59 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/59.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic60 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/60.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic61 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/61.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic62 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/62.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic63 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/63.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic64 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/64.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic65 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/65.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic66 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/66.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic67 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/67.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic68 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/68.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.Arabic69 {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-family: sans-serif;
  background-image: url(../default_images/lens/69.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
/* ranks colors */
.orange_ico {
    color: #ff6600;
  }
  .red_ico {
    color: rgb(211, 0, 0);
  }
  .yellow_ico {
    color: rgb(233, 233, 10);
  }
  .gray_ico {
    color: gray;
  }
  .white_ico {
    color: #ccc;
  }
  .blue_ico {
    color: rgb(25, 25, 184);
  }
  .brown_ico {
    color: #c6381c;
  }
  .wbrown_ico {
    color: #c5823e;
  }
  .bbrown_ico {
    color: #cc0033;
  }
  .Mcolor_ico {
    color: #9700ff;
  }
  .gold_ico {
    color: gold;
  }
  .ggold_ico {
    color: #ff9d00;
  }
  .bblue_ico {
    color: #05acd8;
  }
  .bred_ico {
    color: #fa0202;
  }
  .bgreen_ico {
    color: #00dfb7;
  }
  .bhelp_ico {
    color: #a97f70;
  }
  .bhelp2_ico {
    color: #708fa9;
  }
  .Mcolor_ico {
    color: #b43aff;
  }
  .zcolor_ico {
    color: #3498db;
  }
  .w {
    color: #fff;
  }
  .absent {
    color: #ffd11a;
  }
  .gone {
    color: red;
  }
  .online {
    color: green;
  }
  .invisible {
    color: #03add8;
  }
  
.onAndOffSwitch {
  display: table;
  padding: 2px;
  border-radius: 100px;
}

.prograd1,
.pgrad1 {
    background: linear-gradient(to top, #f33, #800000)!important;
    
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prograd80,
.pgrad80 {
    background: linear-gradient(to top, #000, #656565)!important;
    
}

.shgrad1,
.shgrad1 {
  box-shadow: #422f99 0 0 20px !important;
  border: 1px solid #422f99 !important;
}

.shgrad2,
.shgrad2 {
  box-shadow: #a80077 0 0 20px !important;
  border: 1px solid #a80077 !important;
}

.shgrad3,
.shgrad3 {
  box-shadow: #000 0 0 20px !important;
  border: 1px solid #000 !important;
}

.shgrad4,
.shgrad4 {
  box-shadow: #4d3e3e 0 0 20px !important;
  border: 1px solid #4d3e3e !important;
}

.shgrad5,
.shgrad5 {
  box-shadow: #142850 0 0 20px !important;
  border: 1px solid #142850 !important;
}

.shgrad6,
.shgrad6 {
  box-shadow: #00909e 0 0 20px !important;
  border: 1px solid #00909e !important;
}

.shgrad7,
.shgrad7 {
  box-shadow: #dae1e7 0 0 20px !important;
  border: 1px solid #dae1e7 !important;
}

.shgrad8,
.shgrad8 {
  box-shadow: #ffe0ac 0 0 20px !important;
  border: 1px solid #ffe0ac !important;
}

.shgrad9,
.shgrad9 {
  box-shadow: #888 0 0 20px !important;
  border: 1px solid #888 !important;
}

.shgrad10,
.shgrad10 {
  box-shadow: #120136 0 0 20px !important;
  border: 1px solid #120136 !important;
}

.shgrad11,
.shgrad11 {
  box-shadow: #f6f578 0 0 20px !important;
  border: 1px solid #f6f578 !important;
}

.shgrad12,
.shgrad12 {
  box-shadow: #862a5c 0 0 20px !important;
  border: 1px solid #862a5c !important;
}

.shgrad13,
.shgrad13 {
  box-shadow: #eaac9d 0 0 20px !important;
  border: 1px solid #eaac9d !important;
}

.shgrad14,
.shgrad14 {
  box-shadow: #06623b 0 0 20px !important;
  border: 1px solid #06623b !important;
}

.shgrad15,
.shgrad15 {
  box-shadow: #f79071 0 0 20px !important;
  border: 1px solid #f79071 !important;
}

.shgrad16,
.shgrad16 {
  box-shadow: #f6acc8 0 0 20px !important;
  border: 1px solid #f6acc8 !important;
}

.shgrad17,
.shgrad17 {
  box-shadow: #af8baf 0 0 20px !important;
  border: 1px solid #af8baf !important;
}

.shgrad18,
.shgrad18 {
  box-shadow: #584153 0 0 20px !important;
  border: 1px solid #584153 !important;
}

.shgrad19,
.shgrad19 {
  box-shadow: #c1a57b 0 0 20px !important;
  border: 1px solid #c1a57b !important;
}

.shgrad20,
.shgrad20 {
  box-shadow: #2c003e 0 0 20px !important;
  border: 1px solid #2c003e !important;
}

.shgrad21,
.shgrad21 {
  box-shadow: #43d8c9 0 0 20px !important;
  border: 1px solid #43d8c9 !important;
}

.shgrad22,
.shgrad22 {
  box-shadow: #95389e 0 0 20px !important;
  border: 1px solid #95389e !important;
}

.shgrad23,
.shgrad23 {
  box-shadow: #0779e4 0 0 20px !important;
  border: 1px solid #0779e4 !important;
}

.shgrad24,
.shgrad24 {
  box-shadow: #d8345f 0 0 20px !important;
  border: 1px solid #d8345f !important;
}

.shgrad25,
.shgrad25 {
  box-shadow: #c70039 0 0 20px !important;
  border: 1px solid #c70039 !important;
}

.shgrad26,
.shgrad26 {
  box-shadow: #ff5733 0 0 20px !important;
  border: 1px solid #ff5733 !important;
}

.shgrad27,
.shgrad27 {
  box-shadow: #8566aa 0 0 20px !important;
  border: 1px solid #8566aa !important;
}

.shgrad28,
.shgrad28 {
  box-shadow: #6983aa 0 0 20px !important;
  border: 1px solid #6983aa !important;
}

.shgrad29,
.shgrad29 {
  box-shadow: #f8e1f4 0 0 20px !important;
  border: 1px solid #f8e1f4 !important;
}

.shgrad30,
.shgrad30 {
  box-shadow: #97e5ef 0 0 20px !important;
  border: 1px solid #97e5ef !important;
}

.shgrad31,
.shgrad31 {
  box-shadow: #b9ebcc 0 0 20px !important;
  border: 1px solid #b9ebcc !important;
}

.shgrad32,
.shgrad32 {
  box-shadow: #5a3f11 0 0 20px !important;
  border: 1px solid #5a3f11 !important;
}

.shgrad33,
.shgrad33 {
  box-shadow: #9c5518 0 0 20px !important;
  border: 1px solid #9c5518 !important;
}

.shgrad34,
.shgrad34 {
  box-shadow: #ffb385 0 0 20px !important;
  border: 1px solid #ffb385 !important;
}

.shgrad35,
.shgrad35 {
  box-shadow: #698474 0 0 20px !important;
  border: 1px solid #698474 !important;
}

.shgrad36,
.shgrad36 {
  box-shadow: #de7119 0 0 20px !important;
  border: 1px solid #de7119 !important;
}

.shgrad37,
.shgrad37 {
  box-shadow: #204051 0 0 20px !important;
  border: 1px solid #204051 !important;
}

.shgrad38,
.shgrad38 {
  box-shadow: #3b6978 0 0 20px !important;
  border: 1px solid #3b6978 !important;
}

.shgrad39,
.shgrad39 {
  box-shadow: #f76a8c 0 0 20px !important;
  border: 1px solid #f76a8c !important;
}

.shgrad40,
.shgrad40 {
  box-shadow: #fbcffc 0 0 20px !important;
  border: 1px solid #fbcffc !important;
}

.shgrad41,
.shgrad40 {
  box-shadow: #be79df 0 0 20px !important;
  border: 1px solid #be79df !important;
}

.shgrad42,
.shgrad40 {
  box-shadow: #cff1ef 0 0 20px !important;
  border: 1px solid #cff1ef !important;
}

.shgrad43,
.shgrad40 {
  box-shadow: #ffd1bd 0 0 20px !important;
  border: 1px solid #ffd1bd !important;
}

.shgrad44,
.shgrad40 {
  box-shadow: #9dc6a7 0 0 20px !important;
  border: 1px solid #9dc6a7 !important;
}

.shgrad45,
.shgrad40 {
  box-shadow: #323232 0 0 20px !important;
  border: 1px solid #323232 !important;
}