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

/* call */
.call_back { background:#000; color:#fff; }
.vcall_user { background-color: rgba(31, 31, 31, 0.556); }
.vcall_btn { background:#222; }
.vcall_off { background-color:rgba(255, 80, 80, 0.7); }
#vcall_self { background:#000; }

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

/* gender colors */
.genmale { border-color:#03add8; }
.genfemale { border-color:#ff99ff; }
.genother { border-color:#ccc; }

/* ghost post */
.ghost_post { border-color:#03add8; }

/* 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 bottom, #f40b1f, #ff466e, #ff7aaf, #fda8de, #f3d1f9, #e7ccf7, #dac7f5, #ccc3f3, #a697e8, #806bdb, #553fcc, #0808bc);}
.backgrad2,.bgrad2 { background: linear-gradient(to right, #10e5b6, #00d795, #00c971, #00b94a, #09aa17);}
.backgrad3,.bgrad3 { background: linear-gradient(to right, #06b58e, #00b2c3, #1fa7de, #8997d8, #b989b9);}
.backgrad4,.bgrad4 { background: linear-gradient(to right, #e4f903, #ffa000, #ff0044, #fc009c, #2c04e9); }
.backgrad5,.bgrad5 { background: linear-gradient(to right, #f98303, #f59e00, #eeb803, #e5d026, #d9e745); }
.backgrad6,.bgrad6 { background: linear-gradient(to right, #030760,#d9e745);}
.backgrad7,.bgrad7 { background: linear-gradient(to right, #4a034a, #6c1a6a, #8f2f8b, #b545ad, #dc5cd1);}
.backgrad8,.bgrad8 { background: linear-gradient(to right, #b70505, #c94000, #d96400, #e68600, #f0a701); }
.backgrad9,.bgrad9 { background: linear-gradient(to right, #05adbc, #00b5b5, #00bda3, #00c28a, #00c668, #27ca54, #41ce3b, #58d110, #77d707, #92de02, #abe303, #c3e90c);}
.backgrad10,.bgrad10 { background: linear-gradient(to right, #bc05bc, #ab00be, #9900c1, #8400c3, #6b00c5, #5834d8, #3e4ee9, #0063f7, #008cff, #00adff, #00c8f9, #0ce0e9);}
.backgrad11,.bgrad11 { background: linear-gradient(to right, #5e055e, #7b0059, #950050, #aa0043, #ba0033, #c51e29, #ce331c, #d54704, #dd6400, #e37e00, #e79700, #e9af0c);}
.backgrad12,.bgrad12 { background: linear-gradient(to right, #fdf9fd, #e6e1e5, #cecacd, #b7b4b6, #a19e9f, #8b898a, #767575, #626161, #4a4a4a, #343434, #1f1f1f, #070707);}
.backgrad13,.bgrad13 { background: linear-gradient(to right, #050505, #0f0921, #0f0e37, #0b0e4e, #050c66, #081c7b, #072b91, #003aa7, #0059bb, #0074c8, #008ecf, #05a6d3);}
.backgrad14,.bgrad14 { background: linear-gradient(to right,#FF0099,#493240);}
.backgrad15,.bgrad15 { background: linear-gradient(to right, #e3a3e1, #d189ce, #c070bc, #ae56a9, #9d3a97, #902b89, #821b7c, #75036f, #690364, #5d0359, #51034e, #460343);}
.backgrad16,.bgrad16 { background: linear-gradient(to right, #f80506, #ec003a, #d20059, #ae0070, #81007c, #74289a, #5940b7, #0055d0, #0085f7, #00a8de, #00c291, #06d320);}
.backgrad17,.bgrad17 { background: linear-gradient(to right, #6b046b, #63006f, #5a0074, #4e0079, #3f007e, #3b249a, #2d3eb5, #0055d0, #0085f7, #00a8de, #00c291, #06d320);}
.backgrad18,.bgrad18 { background: linear-gradient(to right, #6b046b, #7e428d, #926eab, #aa97c7, #c7c1df, #d9cbeb, #ecd6f5, #ffe0ff, #ffc9e3, #ffb9a4, #ffbf57, #cad306);}
.backgrad19,.bgrad19 { background: linear-gradient(to right, #08046b, #080482, #080599, #0705b1, #0504ca, #6900c1, #9100b8, #af00b0, #ce008a, #dc0062, #dd003b, #d3060f);}
.backgrad20,.bgrad20 { background: linear-gradient(to right, #046b1a, #00821c, #00991c, #00b11a, #00ca15, #60bb00, #80ab00, #939c00, #8d680d, #6e3c1b, #3f1e1a, #070001);}
.backgrad21,.bgrad21 { background: linear-gradient(to right, #ffffff, #dcd4ff, #baaaff, #967ffd, #6f54f7, #6a40e6, #6428d5, #5f00c3, #6e00a7, #72008d, #710076, #6b0362);}
.backgrad22,.bgrad22 { background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%);}
.backgrad23,.bgrad23 { background: linear-gradient(to right top, #031bbb, #005adb, #0086e7, #00ade8, #85d1e8, #93dde4, #a7e7e1, #bff0df, #a9e4b5, #abd481, #bcbe49, #d6a109);}
.backgrad24,.bgrad24 { background: linear-gradient(to right top, #f60a1f, #e60044, #ca005f, #a40072, #76047c); }
.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 top, #ff0611, #d80040, #a30052, #691650, #351a3a, #351a3a, #341a3a, #341a3a, #671850, #a00054, #d50044, #fd071d);}
.backgrad28,.bgrad28 { background: linear-gradient(to right top, #08037a, #070a65, #0b0d50, #0e0d3a, #100a26, #100b26, #110b27, #110c27, #110f3d, #120f53, #170b69, #21007f); }
.backgrad29,.bgrad29 { background: linear-gradient(to right top, #ffffff, #cacaca, #979797, #676767, #3b3b3b, #3b3b3b, #3b3b3b, #3b3b3b, #676767, #979797, #cacaca, #ffffff); }
.backgrad30,.bgrad30 { background: linear-gradient(to right top, #810281, #6f0160, #5a0644, #420b2c, #2a0c1a, #2a0c1a, #2a0c1a, #2a0c1a, #420b2c, #5a0644, #6f0160, #810281); }
.backgrad31,.bgrad31 { background: linear-gradient(45deg, #222 0%, #FFA600 50%, #222 100%);}
.backgrad32,.bgrad32 { background: linear-gradient(to right top, #ecf60e, #ffb100, #ff6c36, #dd2c56, #9e0069, #9e0069, #9e0069, #9e0069, #dd2c56, #ff6c36, #ffb100, #ecf60e); }
.backgrad33,.bgrad33 { background: linear-gradient(to bottom, #ecf60e, #c0dc08, #96c207, #70a808, #4b8e08, #2b8531, #0c7b45, #007052, #00727e, #006fc6, #0061ff, #2c0ef6); }
.backgrad34,.bgrad34 { background: linear-gradient(to bottom, #ffffff, #f6f0ff, #f1dfff, #f0ceff, #f2bbff, #f4a5ed, #f68dd8, #f774bf, #ef5492, #df3564, #c81836, #aa0203);}
.backgrad35,.bgrad35 { background: linear-gradient(to bottom, #a090f2, #81a3ff, #61b4ff, #47c3ff, #43d0ff, #33c4f6, #20b7ec, #00abe3, #0083cc, #005bb0, #00338e, #130266);}
.backgrad36,.bgrad36 { background: url('./redparticles.gif');background-repeat:repeat;background-position:center center;}
.backgrad37,.bgrad37 { background: url('./electric.gif');background-repeat:repeat;background-position:center center;}
.backgrad38,.bgrad38 { background: indigo url('./stars.gif');background-repeat:repeat;background-position:center center;}
.backgrad39,.bgrad39 { background: url('./lightning.gif');background-repeat:repeat;background-position:center center;}
.backgrad40,.bgrad40 { background: black url('./hearts.gif');background-repeat:repeat;background-position:center center;}
 

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