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

.bcolor26 {
    color: #F06292;
}

.bcolor27 {
    color: #F50057;
}

.bcolor28 {
    color: #00695C;
}

.bcolor29 {
    color: #757575;
}

.bcolor30 {
    color: #cc0000;
}

.bcolor31 {
    color: #990000;
}

.bcolor32 {
    color: #660000;
}

.bcolor33 {
    color: #330000;
}

.bcolor34 {
    color: #000000;
}

.bcolor35 {
    color: #ff6600;
}

.bcolor36 {
    color: #cc6600;
}

.bcolor37 {
    color: #993300;
}

.bcolor38 {
    color: #FF66CC;
}

.bcolor39 {
    color: #FF6666;
}

.bcolor40 {
    color: #821010;
}

.bcolor41 {
    color: #663333;
}

.bcolor42 {
    color: #999900;
}

.bcolor43 {
    color: #FF99CC;
}

.bcolor44 {
    color: #333300;
}

.bcolor45 {
    color: #33cc00;
}

.bcolor46 {
    color: #009900;
}

.bcolor47 {
    color: #006600;
}

.bcolor48 {
    color: #003300;
}

.bcolor49 {
    color: #455A64;
}

.bcolor50 {
    color: #339999;
}

.bcolor51 {
    color: #336666;
}

.bcolor52 {
    color: #FF6699;
}

.bcolor53 {
    color: #3366FF;
}

.bcolor54 {
    color: #3333FF;
}

.bcolor55 {
    color: #000099;
}

.bcolor56 {
    color: #000066;
}

.bcolor57 {
    color: #6633FF;
}

.bcolor58 {
    color: #6600CC;
}

.bcolor59 {
    color: #333399;
}

.bcolor60 {
    color: #330099;
}

.bcolor61 {
    color: #191970;
}

.bcolor62 {
    color: #483D8B;
}

.bcolor63 {
    color: #7B1FA2;
}

.bcolor64 {
    color: #8E24AA;
}

.bcolor65 {
    color: #AB47BC;
}

.bcolor66 {
    color: #FF3366;
}

.bcolor67 {
    color: #CE93D8;
}

.bcolor68 {
    color: #880E4F;
}

.bcolor69 {
    color: #AD1457;
}

.bcolor70 {
    color: #C2185B;
}

.bcolor71 {
    color: #E91E63;
}

.bcolor72 {
    color: #FF00FF;
}

.bcolor73 {
    color: #CC33CC;
}

.bcolor74 {
    color: #993399;
}

.bcolor75 {
    color: #663366;
}

.bcolor76 {
    color: #330033;
}

.bcolor77 {
    color: #FF33CC;
}

.bcolor78 {
    color: #000;
}


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

.bcback26 {
    background: #F06292;
}

.bcback27 {
    background: #F50057;
}

.bcback28 {
    background: #00695C;
}

.bcback29 {
    background: #757575;
}

.bcback30 {
    background: #cc0000;
}

.bcback31 {
    background: #990000;
}

.bcback32 {
    background: #000000;
}

.bcback33 {
    background: #330000;
}

.bcback34 {
    background: #000000;
}

.bcback35 {
    background: #ff6600;
}

.bcback36 {
    background: #cc6600;
}

.bcback37 {
    background: #993300;
}

.bcback38 {
    background: #FF66CC;
}

.bcback39 {
    background: #FF6666;
}

.bcback40 {
    background: #821010;
}

.bcback41 {
    background: #663333;
}

.bcback42 {
    background: #999900;
}

.bcback43 {
    background: #FF99CC;
}

.bcback44 {
    background: #333300;
}

.bcback45 {
    background: #33cc00;
}

.bcback46 {
    background: #009900;
}

.bcback47 {
    background: #006600;
}

.bcback48 {
    background: #003300;
}

.bcback49 {
    background: #455A64;
}

.bcback50 {
    background: #339999;
}

.bcback51 {
    background: #336666;
}

.bcback52 {
    background: #FF6699;
}

.bcback53 {
    background: #3366FF;
}

.bcback54 {
    background: #3333FF;
}

.bcback55 {
    background: #000099;
}

.bcback56 {
    background: #000066;
}

.bcback57 {
    background: #6633FF;
}

.bcback58 {
    background: #6600CC;
}

.bcback59 {
    background: #333399;
}

.bcback60 {
    background: #330099;
}

.bcback61 {
    background: #191970;
}

.bcback62 {
    background: #483D8B;
}

.bcback63 {
    background: #7B1FA2;
}

.bcback64 {
    background: #8E24AA;
}

.bcback65 {
    background: #AB47BC;
}

.bcback66 {
    background: #FF3366;
}

.bcback67 {
    background: #CE93D8;
}

.bcback68 {
    background: #880E4F;
}

.bcback69 {
    background: #AD1457;
}

.bcback70 {
    background: #C2185B;
}

.bcback71 {
    background: #E91E63;
}

.bcback72 {
    background: #FF00FF;
}

.bcback73 {
    background: #CC33CC;
}

.bcback74 {
    background: #993399;
}

.bcback75 {
    background: #663366;
}

.bcback76 {
    background: #330033;
}

.bcback77 {
    background: #FF33CC;
}

.bcback78 {
    background: #000; 
}


/* gradient colors */

.backgrad1,
.bgrad1 {
    background: linear-gradient(to right, #30cfd0 0%, #330867 100%);
}

.backgrad2,
.bgrad2 {
    background: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
}

.backgrad3,
.bgrad3 {
    background: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
}

.backgrad4,
.bgrad4 {
    background: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
}

.backgrad5,
.bgrad5 {
    background: linear-gradient(to right, #f43b47 0%, #453a94 100%);
}

.backgrad6,
.bgrad6 {
    background: linear-gradient(to right, #ff0844 0%, #ffb199 100%);
}

.backgrad7,
.bgrad7 {
    background: linear-gradient(to right, #434343 0%, black 100%);
}

.backgrad8,
.bgrad8 {
    background: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
}

.backgrad9,
.bgrad9 {
    background: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}

.backgrad10,
.bgrad10 {
    background: linear-gradient(to right, #00e639, #00330d);
}

.backgrad11,
.bgrad11 {
    background: linear-gradient(to right, #00e673, #006633);
}

.backgrad12,
.bgrad12 {
    background: linear-gradient(to right, #00e6ac, #004d39);
}

.backgrad13,
.bgrad13 {
    background: linear-gradient(to right, #00cccc, #004d4d);
}

.backgrad14,
.bgrad14 {
    background: linear-gradient(to right, #03add8, #013d4b);
}

.backgrad15,
.bgrad15 {
    background: linear-gradient(to right, #3366ff, #002080);
}

.backgrad16,
.bgrad16 {
    background: linear-gradient(to right, #107896, #073845);
}

.backgrad17,
.bgrad17 {
    background: linear-gradient(to right, #004d99, #66b3ff);
}

.backgrad18,
.bgrad18 {
    background: linear-gradient(to right, #6633ff, #c6b3ff);
}

.backgrad19,
.bgrad19 {
    background: linear-gradient(to right, #9933ff, #d9b3ff);
}

.backgrad20,
.bgrad20 {
    background: linear-gradient(to right, #cc33ff, #ecb3ff);
}

.backgrad21,
.bgrad21 {
    background: linear-gradient(to right, #ff33ff, #ffb3ff);
}

.backgrad22,
.bgrad22 {
    background: linear-gradient(to right, #ff33cc, #ff99e6);
}

.backgrad23,
.bgrad23 {
    background: linear-gradient(to right, #ff3399, #ffb3d9);
}

.backgrad24,
.bgrad24 {
    background: linear-gradient(to right, #ff3366, #ffb3c6);
}

.backgrad25,
.bgrad25 {
    background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
}

.backgrad26,
.bgrad26 {
    background: linear-gradient(to right, #11998e, #38ef7d);
}

.backgrad27,
.bgrad27 {
    background: linear-gradient(to right, #108dc7, #ef8e38);
}

.backgrad28,
.bgrad28 {
    background: linear-gradient(to right, #fc5c7d, #6a82fb);
}

.backgrad29,
.bgrad29 {
    background: linear-gradient(to right, #fc466b, #3f5efb);
}

.backgrad30,
.bgrad30 {
    background: linear-gradient(to right, #c94b4b, #4b134f);
}

.backgrad31,
.bgrad31 {
    background: linear-gradient(to right, #00f260, #0575e6);
}

.backgrad32,
.bgrad32 {
    background: linear-gradient(to right, #fc4a1a, #f7b733);
}

.backgrad33,
.bgrad33 {
    background: linear-gradient(to right, #22c1c3, #fdbb2d);
}

.backgrad34,
.bgrad34 {
    background: linear-gradient(to right, #7f00ff, #e100ff);
}

.backgrad35,
.bgrad35 {
    background: linear-gradient(to right, #67b26f, #4ca2cd);
}

.backgrad36,
.bgrad36 {
    background: linear-gradient(to right, #ee0979, #ff6a00);
}

.backgrad37,
.bgrad37 {
    background: rgb(27, 23, 14);
    background: linear-gradient(100deg, rgba(27, 23, 14, 1) 0%, rgba(79, 77, 77, 1) 0%, rgba(232, 214, 144, 1) 45%, rgba(0, 0, 0, 1) 85%, rgba(208, 181, 70, 1) 100%);
}

.backgrad38,
.bgrad38 {
    background: linear-gradient(to right, #fc00ff, #00dbde);
}

.backgrad39,
.bgrad39 {
    background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}

.backgrad40,
.bgrad40 {
    background: linear-gradient(to right, #43cea2, #185a9d);
}

.backgrad41,
.bgrad41 {
    background: linear-gradient(to right, #bdc3c7, #2c3e50);
}

.backgrad42,
.bgrad42 {
    background: linear-gradient(to right, #373B44, #4286f4);
}

.backgrad43,
.bgrad43 {
    background: linear-gradient(to right, #2980B9, #6DD5FA, #FFFFFF);
}

.backgrad44,
.bgrad44 {
    background: linear-gradient(to right, #FF0099, #493240);
}

.backgrad45,
.bgrad45 {
    background: linear-gradient(to right, #e8198b 0%, #c7eafd 100%);
}

.backgrad46,
.bgrad46 {
    background: linear-gradient(to right, #a8caba 0%, #5d4157 100%);
}

.backgrad47,
.bgrad47 {
    background: linear-gradient(to right, #09203f 0%, #537895 100%);
}

.backgrad48,
.bgrad48 {
    background: linear-gradient(to right, #d558c8 0%, #24d292 100%);
}

.backgrad49,
.bgrad49 {
    background-color: #bd8750;
    /* For WebKit (Safari, Chrome, etc) */
    background: #976d43 -webkit-gradient(linear, left top, left bottom, from(#A75B10), to(#a07a55)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #FFD8B1 -moz-linear-gradient(top, #A75B10, #9b7148) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#A75B10, endColorstr=#FFD8B1) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A75B10, endColorstr=#A75B10)" no-repeat;
}

.backgrad50,
.bgrad50 {
    background: linear-gradient(to right, #009FFF, #ec2F4B);
}

.backgrad51,
.bgrad51 {
    background: linear-gradient(to right, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
    font-family: Pacifico;
}

.backgrad52,
.bgrad52 {
    background: linear-gradient(to right, #005AA7, #FFFDE4);
}

.backgrad53,
.bgrad53 {
    background: linear-gradient(to right, #DA4453, #89216B);
}

.backgrad54,
.bgrad54 {
    background: linear-gradient(to right, #ad5389, #3c1053);
}

.backgrad55,
.bgrad55 {
    background: linear-gradient(to right, #a8c0ff, #3f2b96);
}

.backgrad56,
.bgrad56 {
    background: linear-gradient(to right, #333333, #dd1818);
}

.backgrad57,
.bgrad57 {
    background: linear-gradient(to right, #108dc7, #ef8e38);
}

.backgrad58,
.bgrad58 {
    background: linear-gradient(to right, #23074d, #cc5333);
}

.backgrad59,
.bgrad59 {
    background: linear-gradient(to right, #fffbd5, #b20a2c);
}

.backgrad60,
.bgrad60 {
    background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
}

.backgrad61,
.bgrad61 {
    background: linear-gradient(to right, #800080, #ffc0cb);
}

.backgrad62,
.bgrad62 {
    background: linear-gradient(to right, #00F260, #0575E6);
}

.backgrad63,
.bgrad63 {
    background: linear-gradient(to right, #667db6, #0082c8, #ec38bc, #fdeff9);
}

.backgrad64,
.bgrad64 {
    background: linear-gradient(to right, #e1eec3, #f05053);
}

.backgrad65,
.bgrad65 {
    background: linear-gradient(to right, #03001e, #7303c0, #ec38bc, #fdeff9);
}

.backgrad66,
.bgrad66 {
    background: linear-gradient(to right, #1a2a6c, #b21f1f, #fdbb2d);
}

.backgrad67,
.bgrad67 {
    background: linear-gradient(to right, #000000, #0f9b0f);
}

.backgrad68,
.bgrad68 {
    background: linear-gradient(to right, #36D1DC, #5B86E5);
}

.backgrad69,
.bgrad69 {
    background: linear-gradient(to right, #3A1C71, #D76D77, #FFAF7B);
}

.backgrad70,
.bgrad70 {
    background: linear-gradient(to right, #283c86, #45a247);
}

.backgrad71,
.bgrad71 {
    background: linear-gradient(to right, #EF3B36, #FFFFFF);
}

.backgrad72,
.bgrad72 {
    background: linear-gradient(to right, #6a5006 10%, #6633ff 50%, #05344c 60%);
    /* background-image: repeating-linear-gradient(-45deg, rgb(255, 153, 51) 3%, rgb(255, 153, 51) 10.8333%, rgb(0, 0, 1) 18.6667%, rgb(250, 129, 9) 26.5%, rgb(32, 32, 32) 34.3333%, rgb(0, 0, 3) 42.1667%, rgb(32, 32, 32) 50%);  */
    animation-duration: 4s;
    background-clip: text;
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: killowave 3s linear infinite normal;
    /* animation: killowave 3s linear infinite normal; */
    font-family: 'Ultra', serif;
    font-size: small;
}

.backgrad73,
.bgrad73 {
    background: #373B44;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4286f4, #373B44);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.backgrad74,
.bgrad74 {
    background: linear-gradient(to right, #56CCF2, #2F80ED);
}

.backgrad75,
.bgrad75 {
    background: linear-gradient(to right, #EB5757, #000000);
}

.backgrad76,
.bgrad76 {
    background: linear-gradient(to right, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%);
    font-family: Courier;
}

.backgrad77,
.bgrad77 {
    background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
}

.backgrad78,
.bgrad78 {
    background: linear-gradient(to right, #cc208e 0%, #6713d2 100%);
}

.backgrad79,
.bgrad79 {
    background: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%);
}

.backgrad80,
.bgrad80 {
    background: linear-gradient(to right, #3b41c5 0%, #a981bb 49%, #ffc8a9 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;
}


/* pro colors */

.prograd1,
.pgrad1 {
    background: linear-gradient(-45deg, #f33, #800000) !important;
    color: white;
}

.prograd2,
.pgrad2 {
    background: linear-gradient(-45deg, #f63, #4d1300)!important;
    color: white;
}

.prograd3,
.pgrad3 {
    background: linear-gradient(-45deg, #f93, #4d2600)!important;
    color: white;
}

.prograd4,
.pgrad4 {
    background: linear-gradient(-45deg, #fc3, #806000)!important;
    color: white;
}

.prograd5,
.pgrad5 {
    background: linear-gradient(-45deg, #cc0, #4d4d00)!important;
    color: white;
}

.prograd6,
.pgrad6 {
    background: linear-gradient(-45deg, #9c0, #394d00)!important;
    color: white;
}

.prograd7,
.pgrad7 {
    background: linear-gradient(-45deg, #59b300, #264d00)!important;
    color: white;
}

.prograd8,
.pgrad8 {
    background: linear-gradient(-45deg, #829356, #2b301c)!important;
    color: white;
}

.prograd9,
.pgrad9 {
    background: linear-gradient(-45deg, #008000, #001a00)!important;
    color: white;
}

.prograd10,
.pgrad10 {
    background: linear-gradient(-45deg, #00e639, #00330d)!important;
    color: white;
}

.prograd11,
.pgrad11 {
    background: linear-gradient(-45deg, #00e673, #063)!important;
    color: white;
}

.prograd12,
.pgrad12 {
    background: linear-gradient(-45deg, #00e6ac, #004d39)!important;
    color: white;
}

.prograd13,
.pgrad13 {
    background: linear-gradient(-45deg, #0cc, #004d4d)!important;
    color: white;
}

.prograd14,
.pgrad14 {
    background: linear-gradient(-45deg, #03add8, #013d4b)!important;
    color: white;
}

.prograd15,
.pgrad15 {
    background: linear-gradient(-45deg, #36f, #002080)!important;
    color: white;
}

.prograd16,
.pgrad16 {
    background: linear-gradient(-45deg, #107896, #073845)!important;
    color: white;
}

.prograd17,
.pgrad17 {
    background: linear-gradient(-45deg, #004d99, #66b3ff)!important;
    color: white;
}

.prograd18,
.pgrad18 {
    background: linear-gradient(-45deg, #63f, #c6b3ff)!important;
    color: white;
}

.prograd19,
.pgrad19 {
    background: linear-gradient(-45deg, #93f, #d9b3ff)!important;
    color: white;
}

.prograd20,
.pgrad20 {
    background: linear-gradient(-45deg, #c3f, #ecb3ff)!important;
    color: white;
}

.prograd21,
.pgrad21 {
    background: linear-gradient(-45deg, #f3f, #ffb3ff)!important;
    color: white;
}

.prograd22,
.pgrad22 {
    background: linear-gradient(-45deg, #f3c, #ff99e6)!important;
    color: white;
}

.prograd23,
.pgrad23 {
    background: linear-gradient(-45deg, #f39, #ffb3d9)!important;
    color: white;
}

.prograd24,
.pgrad24 {
    background: linear-gradient(-45deg, #f36, #ffb3c6)!important;
    color: white;
}

.prograd25,
.pgrad25 {
    background: linear-gradient(-45deg, #40e0d0, #ff8c00, #ff0080)!important;
    color: white;
}

.prograd26,
.pgrad26 {
    background: linear-gradient(-45deg, #11998e, #38ef7d)!important;
    color: white;
}

.prograd27,
.pgrad27 {
    background: linear-gradient(-45deg, #108dc7, #ef8e38)!important;
    color: white;
}

.prograd28,
.pgrad28 {
    background: linear-gradient(-45deg, #fc5c7d, #6a82fb)!important;
    color: white;
}

.prograd29,
.pgrad29 {
    background: linear-gradient(-45deg, #fc466b, #3f5efb)!important;
    color: white;
}

.prograd30,
.pgrad30 {
    background: linear-gradient(-45deg, #c94b4b, #4b134f)!important;
    color: white;
}

.prograd31,
.pgrad31 {
    background: linear-gradient(-45deg, #00f260, #0575e6)!important;
    color: white;
}

.prograd32,
.pgrad32 {
    background: linear-gradient(-45deg, #fc4a1a, #f7b733)!important;
    color: white;
}

.prograd33,
.pgrad33 {
    background: linear-gradient(-45deg, #22c1c3, #fdbb2d)!important;
    color: white;
}

.prograd34,
.pgrad34 {
    background: linear-gradient(-45deg, #7f00ff, #e100ff)!important;
    color: white;
}

.prograd35,
.pgrad35 {
    background: linear-gradient(-45deg, #67b26f, #4ca2cd)!important;
    color: white;
}

.prograd36,
.pgrad36 {
    background: linear-gradient(-45deg, #ee0979, #ff6a00)!important;
    color: white;
}

.prograd37,
.pgrad37 {
    background: linear-gradient(-45deg, #00c3ff, #ffff1c)!important;
    color: white;
}

.prograd38,
.pgrad38 {
    background: linear-gradient(-45deg, #fc00ff, #00dbde)!important;
    color: white;
}

.prograd39,
.pgrad39 {
    background: linear-gradient(-45deg, #833ab4, #fd1d1d, #fcb045)!important;
    color: white;
}

.prograd40,
.pgrad40 {
    background: linear-gradient(-45deg, #43cea2, #185a9d)!important;
    color: white;
}

.prograd41,
.pgrad41 {
    background: linear-gradient(-45deg, #bdc3c7, #2c3e50)!important;
    color: white;
}

.prograd42,
.pgrad42 {
    background: linear-gradient(-45deg, #373b44, #4286f4)!important;
    color: white;
}

.prograd43,
.pgrad43 {
    background: linear-gradient(-45deg, #2980b9, #6dd5fa, #fff)!important;
    color: white;
}

.prograd44,
.pgrad44 {
    background: linear-gradient(-45deg, #f09, #493240)!important;
    color: white;
}

.prograd45,
.pgrad45 {
    background: linear-gradient(-45deg, #f953c6, #b91d73)!important;
    color: white;
}

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

.prograd47,
.pgrad47 {
    background: linear-gradient(-45deg, #dd3e54, #6be585)!important;
    color: white;
}

.prograd48,
.pgrad48 {
    background: linear-gradient(-45deg, #8360c3, #2ebf91)!important;
    color: white;
}

.prograd49,
.pgrad49 {
    background: linear-gradient(-45deg, #544a7d, #ffd452)!important;
    color: white;
}

.prograd50,
.pgrad50 {
    background: linear-gradient(-45deg, #009fff, #ec2f4b)!important;
    color: white;
}

.prograd51,
.pgrad51 {
    background: linear-gradient(-45deg, #59c173, #a17fe0, #5d26c1)!important;
    color: white;
}

.prograd52,
.pgrad52 {
    background: linear-gradient(-45deg, #005aa7, #fffde4)!important;
    color: white;
}

.prograd53,
.pgrad53 {
    background: linear-gradient(-45deg, #da4453, #89216b)!important;
    color: white;
}

.prograd54,
.pgrad54 {
    background: linear-gradient(-45deg, #ad5389, #3c1053)!important;
    color: white;
}

.prograd55,
.pgrad55 {
    background: linear-gradient(-45deg, #a8c0ff, #3f2b96)!important;
    color: white;
}

.prograd56,
.pgrad56 {
    background: linear-gradient(-45deg, #333, #dd1818)!important;
    color: white;
}

.prograd57,
.pgrad57 {
    background: linear-gradient(-45deg, #108dc7, #ef8e38)!important;
    color: white;
}

.prograd58,
.pgrad58 {
    background: linear-gradient(-45deg, #23074d, #cc5333)!important;
    color: white;
}

.prograd59,
.pgrad59 {
    background: linear-gradient(-45deg, #fffbd5, #b20a2c)!important;
    color: white;
}

.prograd60,
.pgrad60 {
    background: linear-gradient(-45deg, #0f0c29, #302b63, #24243e)!important;
    color: white;
}

.prograd61,
.pgrad61 {
    background: linear-gradient(-45deg, #800080, #ffc0cb)!important;
    color: white;
}

.prograd62,
.pgrad62 {
    background: linear-gradient(-45deg, #00f260, #0575e6)!important;
    color: white;
}

.prograd63,
.pgrad63 {
    background: linear-gradient(-45deg, #667db6, #0082c8, #ec38bc, #fdeff9)!important;
    color: white;
}

.prograd64,
.pgrad64 {
    background: linear-gradient(-45deg, #e1eec3, #f05053)!important;
    color: white;
}

.prograd65,
.pgrad65 {
    background: linear-gradient(-45deg, #03001e, #7303c0, #ec38bc, #fdeff9)!important;
    color: white;
}

.prograd66,
.pgrad66 {
    background: linear-gradient(-45deg, #1a2a6c, #b21f1f, #fdbb2d)!important;
    color: white;
}

.prograd67,
.pgrad67 {
    background: linear-gradient(-45deg, #000, #0f9b0f)!important;
    color: white;
}

.prograd68,
.pgrad68 {
    background: linear-gradient(-45deg, #36d1dc, #5b86e5)!important;
    color: white;
}

.prograd69,
.pgrad69 {
    background: linear-gradient(-45deg, #3a1c71, #d76d77, #ffaf7b)!important;
    color: white;
}

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

.prograd71,
.pgrad71 {
    background: linear-gradient(-45deg, #ef3b36, #fff)!important;
    color: white;
}

.prograd72,
.pgrad72 {
    background: linear-gradient(-45deg, #159957, #155799)!important;
    color: white;
}

.prograd73,
.pgrad73 {
    background: linear-gradient(-45deg, #000046, #1cb5e0)!important;
    color: white;
}

.prograd74,
.pgrad74 {
    background: linear-gradient(-45deg, #56ccf2, #2f80ed)!important;
    color: white;
}

.prograd75,
.pgrad75 {
    background: linear-gradient(-45deg, #eb5757, #000)!important;
    color: white;
}

.prograd76,
.pgrad76 {
    background: linear-gradient(-45deg, #20002c, #cbb4d4)!important;
    color: white;
}

.prograd77,
.pgrad77 {
    background: linear-gradient(-45deg, #34e89e, #0f3443)!important;
    color: white;
}

.prograd78,
.pgrad78 {
    background: linear-gradient(-45deg, #bdc3c7, #2c3e50)!important;
    color: white;
}

.prograd79,
.pgrad79 {
    background: linear-gradient(-45deg, #a80077, #6f0)!important;
    color: white;
}

.prograd80,
.pgrad80 {
    background: linear-gradient(-45deg, #000, #656565)!important;
    color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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