/* 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 { padding:3px; background-clip:unset; }
.bdisabled { opacity:0.5; }

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

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

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

/*custom*/
.prograd1,.pgrad1{background:linear-gradient(to top,#f33,#800000)!important;color:white!important}
.prograd2,.pgrad2{background:linear-gradient(to top,#f63,#4d1300)!important;color:white!important}
.prograd3,.pgrad3{background:linear-gradient(to top,#f93,#4d2600)!important;color:white!important}
.prograd4,.pgrad4{background:linear-gradient(to top,#fc3,#806000)!important;color:white!important}
.prograd5,.pgrad5{background:linear-gradient(to top,#cc0,#4d4d00)!important;color:white!important}
.prograd6,.pgrad6{background:linear-gradient(to top,#9c0,#394d00)!important;color:white!important}
.prograd7,.pgrad7{background:linear-gradient(to top,#59b300,#264d00)!important;color:white!important}
.prograd8,.pgrad8{background:linear-gradient(to top,#829356,#2b301c)!important;color:white!important}
.prograd9,.pgrad9{background:linear-gradient(to top,#008000,#001a00)!important;color:white!important}
.prograd10,.pgrad10{background:linear-gradient(to top,#00e639,#00330d)!important;color:white!important}
.prograd11,.pgrad11{background:linear-gradient(to top,#00e673,#063)!important;color:white!important}
.prograd12,.pgrad12{background:linear-gradient(to top,#00e6ac,#004d39)!important;color:white!important}
.prograd13,.pgrad13{background:linear-gradient(to top,#0cc,#004d4d)!important;color:white!important}
.prograd14,.pgrad14{background:linear-gradient(to top,#03add8,#013d4b)!important;color:white!important}
.prograd15,.pgrad15{background:linear-gradient(to top,#36f,#002080)!important;color:white!important}
.prograd16,.pgrad16{background:linear-gradient(to top,#107896,#073845)!important;color:white!important}
.prograd17,.pgrad17{background:linear-gradient(to top,#004d99,#66b3ff)!important;color:white!important}
.prograd18,.pgrad18{background:linear-gradient(to top,#63f,#c6b3ff)!important;color:white!important}
.prograd19,.pgrad19{background:linear-gradient(to top,#93f,#d9b3ff)!important;color:white!important}
.prograd20,.pgrad20{background:linear-gradient(to top,#c3f,#ecb3ff)!important;color:white!important}
.prograd21,.pgrad21{background:linear-gradient(to top,#f3f,#ffb3ff)!important;color:white!important}
.prograd22,.pgrad22{background:linear-gradient(to top,#f3c,#ff99e6)!important;color:white!important}
.prograd23,.pgrad23{background:linear-gradient(to top,#f39,#ffb3d9)!important;color:white!important}
.prograd24,.pgrad24{background:linear-gradient(to top,#f36,#ffb3c6)!important;color:white!important}
.prograd25,.pgrad25{background:linear-gradient(to top,#40e0d0,#ff8c00,#ff0080)!important;color:white!important}
.prograd26,.pgrad26{background:linear-gradient(to top,#11998e,#38ef7d)!important;color:white!important}
.prograd27,.pgrad27{background:linear-gradient(to top,#108dc7,#ef8e38)!important;color:white!important}
.prograd28,.pgrad28{background:linear-gradient(to top,#fc5c7d,#6a82fb)!important;color:white!important}
.prograd29,.pgrad29{background:linear-gradient(to top,#fc466b,#3f5efb)!important;color:white!important}
.prograd30,.pgrad30{background:linear-gradient(to top,#c94b4b,#4b134f)!important;color:white!important}
.prograd31,.pgrad31{background:linear-gradient(to top,#00f260,#0575e6)!important;color:white!important}
.prograd32,.pgrad32{background:linear-gradient(to top,#fc4a1a,#f7b733)!important;color:white!important}
.prograd33,.pgrad33{background:linear-gradient(to top,#22c1c3,#fdbb2d)!important;color:white!important}
.prograd34,.pgrad34{background:linear-gradient(to top,#7f00ff,#e100ff)!important;color:white!important}
.prograd35,.pgrad35{background:linear-gradient(to top,#67b26f,#4ca2cd)!important;color:white!important}
.prograd36,.pgrad36{background:linear-gradient(to top,#ee0979,#ff6a00)!important;color:white!important}
.prograd37,.pgrad37{background:linear-gradient(to top,#00c3ff,#ffff1c)!important;color:white!important}
.prograd38,.pgrad38{background:linear-gradient(to top,#fc00ff,#00dbde)!important;color:white!important}
.prograd39,.pgrad39{background:linear-gradient(to top,#833ab4,#fd1d1d,#fcb045)!important;color:white!important}
.prograd40,.pgrad40{background:linear-gradient(to top,#43cea2,#185a9d)!important;color:white!important}
.prograd41,.pgrad41{background:linear-gradient(to top,#bdc3c7,#2c3e50)!important;color:white!important}
.prograd42,.pgrad42{background:linear-gradient(to top,#373b44,#4286f4)!important;color:white!important}
.prograd43,.pgrad43{background:linear-gradient(to top,#2980b9,#6dd5fa,#fff)!important;color:white!important}
.prograd44,.pgrad44{background:linear-gradient(to top,#f09,#493240)!important;color:white!important}
.prograd45,.pgrad45{background:linear-gradient(to top,#f953c6,#b91d73)!important;color:white!important}
.prograd46,.pgrad46{background:linear-gradient(to left,#c31432,#240b36)!important;color:white!important}
.prograd47,.pgrad47{background:linear-gradient(to top,#dd3e54,#6be585)!important;color:white!important}
.prograd48,.pgrad48{background:linear-gradient(to top,#8360c3,#2ebf91)!important;color:white!important}
.prograd49,.pgrad49{background:linear-gradient(to top,#544a7d,#ffd452)!important;color:white!important}
.prograd50,.pgrad50{background:linear-gradient(to top,#009fff,#ec2f4b)!important;color:white!important}
.prograd51,.pgrad51{background:linear-gradient(to top,#59c173,#a17fe0,#5d26c1)!important;color:white!important}
.prograd52,.pgrad52{background:linear-gradient(to top,#005aa7,#fffde4)!important;color:white!important}
.prograd53,.pgrad53{background:linear-gradient(to top,#da4453,#89216b)!important;color:white!important}
.prograd54,.pgrad54{background:linear-gradient(to top,#ad5389,#3c1053)!important;color:white!important}
.prograd55,.pgrad55{background:linear-gradient(to top,#a8c0ff,#3f2b96)!important;color:white!important}
.prograd56,.pgrad56{background:linear-gradient(to top,#333,#dd1818)!important;color:white!important}
.prograd57,.pgrad57{background:linear-gradient(to top,#108dc7,#ef8e38)!important;color:white!important}
.prograd58,.pgrad58{background:linear-gradient(to top,#23074d,#cc5333)!important;color:white!important}
.prograd59,.pgrad59{background:linear-gradient(to top,#fffbd5,#b20a2c)!important;color:white!important}
.prograd60,.pgrad60{background:linear-gradient(to top,#0f0c29,#302b63,#24243e)!important;color:white!important}
.prograd61,.pgrad61{background:linear-gradient(to top,#800080,#ffc0cb)!important;color:white!important}
.prograd62,.pgrad62{background:linear-gradient(to top,#00f260,#0575e6)!important;color:white!important}
.prograd63,.pgrad63{background:linear-gradient(to top,#667db6,#0082c8,#ec38bc,#fdeff9)!important;color:white!important}
.prograd64,.pgrad64{background:linear-gradient(to top,#e1eec3,#f05053)!important;color:white!important}
.prograd65,.pgrad65{background:linear-gradient(to top,#03001e,#7303c0,#ec38bc,#fdeff9)!important;color:white!important}
.prograd66,.pgrad66{background:linear-gradient(to top,#1a2a6c,#b21f1f,#fdbb2d)!important;color:white!important}
.prograd67,.pgrad67{background:linear-gradient(to top,#000,#0f9b0f)!important;color:white!important}
.prograd68,.pgrad68{background:linear-gradient(to top,#36d1dc,#5b86e5)!important;color:white!important}
.prograd69,.pgrad69{background:linear-gradient(to top,#3a1c71,#d76d77,#ffaf7b)!important;color:white!important}
.prograd70,.pgrad70{background:linear-gradient(to top,#283c86,#45a247)!important;color:white!important}
.prograd71,.pgrad71{background:linear-gradient(to top,#ef3b36,#fff)!important;color:white!important}
.prograd72,.pgrad72{background:linear-gradient(to top,#159957,#155799)!important;color:white!important}
.prograd73,.pgrad73{background:linear-gradient(to top,#000046,#1cb5e0)!important;color:white!important}
.prograd74,.pgrad74{background:linear-gradient(to top,#56ccf2,#2f80ed)!important;color:white!important}
.prograd75,.pgrad75{background:linear-gradient(to top,#eb5757,#000)!important;color:white!important}
.prograd76,.pgrad76{background:linear-gradient(to top,#20002c,#cbb4d4)!important;color:white!important}
.prograd77,.pgrad77{background:linear-gradient(to top,#34e89e,#0f3443)!important;color:white!important}
.prograd78,.pgrad78{background:linear-gradient(to top,#bdc3c7,#2c3e50)!important;color:white!important}
.prograd79,.pgrad79{background:linear-gradient(to top,#a80077,#6f0)!important;color:white!important}
.prograd80,.pgrad80{background:linear-gradient(to top,#000,#656565)!important;color:white!important}
.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,.shback41{box-shadow:#be79df 0 0 20px!important;border:1px solid #be79df!important}
.shgrad42,.shback42{box-shadow:#cff1ef 0 0 20px!important;border:1px solid #cff1ef!important}
.shgrad43,.shback43{box-shadow:#ffd1bd 0 0 20px!important;border:1px solid #ffd1bd!important}
.shgrad44,.shback44{box-shadow:#9dc6a7 0 0 20px!important;border:1px solid #9dc6a7!important}
.shgrad45,.shback45{box-shadow:#323232 0 0 20px!important;border:1px solid #323232!important}

.Arabic1 {
  font-size:15px;
  font-weight:700;
  font-style:normal;
  font-family:sans-serif;
  background-image:url(../default_images/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/13.gif);
  -webkit-background-clip:text;
  color:transparent;
  background-size:100% 100%;
}

.Arabic14 {
  font-size:15px;
  font-weight:700;
  font-style:normal;
  font-family:sans-serif;
  background-image:url(../default_images/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/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/custom/32.gif);
  -webkit-background-clip:text;
  color:transparent;
  background-size:100% 100%;
}
.Arabicback1 { background-image:url(../default_images/custom/1.gif); background-size:100% 100%;}
.Arabicback2 { background-image:url(../default_images/custom/2.gif); background-size:100% 100%;}
.Arabicback3 { background-image:url(../default_images/custom/3.gif); background-size:100% 100%;}
.Arabicback4 { background-image:url(../default_images/custom/4.gif); background-size:100% 100%;}
.Arabicback5 { background-image:url(../default_images/custom/5.gif); background-size:100% 100%;}
.Arabicback6 { background-image:url(../default_images/custom/6.gif); background-size:100% 100%;}
.Arabicback7 { background-image:url(../default_images/custom/7.gif); background-size:100% 100%;}
.Arabicback8 { background-image:url(../default_images/custom/8.gif); background-size:100% 100%;}
.Arabicback9 { background-image:url(../default_images/custom/9.gif); background-size:100% 100%;}
.Arabicback10 { background-image:url(../default_images/custom/10.gif); background-size:100% 100%;}
.Arabicback11 { background-image:url(../default_images/custom/11.gif); background-size:100% 100%;}
.Arabicback12 { background-image:url(../default_images/custom/12.gif); background-size:100% 100%;}
.Arabicback13 { background-image:url(../default_images/custom/13.gif); background-size:100% 100%;}
.Arabicback14 { background-image:url(../default_images/custom/14.gif); background-size:100% 100%;}
.Arabicback15 { background-image:url(../default_images/custom/15.gif); background-size:100% 100%;}
.Arabicback16 { background-image:url(../default_images/custom/16.gif); background-size:100% 100%;}
.Arabicback17 { background-image:url(../default_images/custom/17.gif); background-size:100% 100%;}
.Arabicback18 { background-image:url(../default_images/custom/18.gif); background-size:100% 100%;}
.Arabicback19 { background-image:url(../default_images/custom/19.gif); background-size:100% 100%;}
.Arabicback20 { background-image:url(../default_images/custom/20.gif); background-size:100% 100%;}
.Arabicback21 { background-image:url(../default_images/custom/21.gif); background-size:100% 100%;}
.Arabicback22 { background-image:url(../default_images/custom/22.gif); background-size:100% 100%;}
.Arabicback23 { background-image:url(../default_images/custom/23.gif); background-size:100% 100%;}
.Arabicback24 { background-image:url(../default_images/custom/24.gif); background-size:100% 100%;}
.Arabicback25 { background-image:url(../default_images/custom/25.gif); background-size:100% 100%;}
.Arabicback26 { background-image:url(../default_images/custom/26.gif); background-size:100% 100%;}
.Arabicback27 { background-image:url(../default_images/custom/27.gif); background-size:100% 100%;}
.Arabicback28 { background-image:url(../default_images/custom/28.gif); background-size:100% 100%;}
.Arabicback29 { background-image:url(../default_images/custom/29.gif); background-size:100% 100%;}
.Arabicback30 { background-image:url(../default_images/custom/30.gif); background-size:100% 100%;}
.Arabicback31 { background-image:url(../default_images/custom/31.gif); background-size:100% 100%;}
.Arabicback32 { background-image:url(../default_images/custom/32.gif); background-size:100% 100%;}
/* your custom style here */
.xstyle_count{
	color: white; font-weight: bold; border-radius: 5px; padding: 5px; text-align: center; background-color: green; height: 26px;
}
.avatar_profile_round {
    min-height: 100px;
    width: 100px;
    height: auto;
    cursor: pointer;
    display: block;
    border-radius: 100px;
    top: 50px;
    left: 20px;
}
/*log*/
.over_log {
    position: absolute;
    z-index: 1;
    left: -1px;
    pointer-events: none;
}
.ati_logs {
    display: table-cell;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    position: relative;
}
.av_logs {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
.av_fr_av {
    left: 0;
    top: 0;
}
.ul_fr_loggs {
    width: 30px;
    top: -6px;
}
.ul_fr_bg {
    width: 46px;
    top: -6px;
}
/**/
.ul_fr_av {
    left: 5px;
    top: 5px;
}
.user_item_frame_avatar_new {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    position: relative;
}
.user_item_frame_inner {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
.under {
    position: absolute;
}
.over2 {
    position: absolute;
    z-index: 2222;
    right: 2px;
    pointer-events: none;
    bottom: -19px;
}
.profile_avatar_round {
    display: table-cell;
    width: 124px;
    height: 152px;
    vertical-align: bottom;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.selectboxit-option,#ev_search_users{text-align:center!important}
.tcenter{
	text-align: center;
}
.logmsg{background:rgba(107,61,85,.13);color:red;/* border-radius:16px; *//* padding:4px; *//* font-size:1.1em */font-size: 12px;}

.selectboxit-btn {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
.bccheckShdow {
    font-size: 20px;
    color: #000;
    margin-top: 9px;
}
.bccheckFrame{
	left: 50%;
    font-size: 20px;
    color: #0037ff;
    margin-top: 9px;
    position: relative;
	text-shadow: 0px 0px 5px #fd0808;
}
.frame_div{
	float: right;
    margin: 1.25%;
    min-height: 41px;
    display: flex;
    align-content: space-around;
    justify-content: space-around;
    align-items: center;
}
.frame_switch{
	width:76px;
}
#message_content {
    padding-right: 32px;
}
#priv_mic,
#emo_item_priv,
#emo_item,
#record_chat {
  outline:none;
}

#emo_item {
  padding:0;
  position:absolute;
  font-size:20px;
  top:6px;
  right:10px;
  cursor:pointer;
  width:auto;
  height:26px;
  background:initial;
}
.brelative{
	position: relative;
}
#content {
    padding-right: 32px;
}