/* W3CSS 415 December 2020 by Jan Egil and Borge Refsnes */
/* Rose */
.w3-redrose { background-color: #ffe6e9 !important; }
.w3-border-redrose { border-color: #ffccd1 !important; }
.w3-text-redrose { color: #a8002a !important; }
.w3-hover-redrose:hover { background-color: #ffb3bd !important; }
.w3-hover-text-redrose:hover { color: #660019 !important; }
.w3-hover-border-redrose:hover { border-color: #ffb3bd !important; }

/* Crimson */
.w3-redcrimson { background-color: #f8d7da !important; }
.w3-border-redcrimson { border-color: #f5b7bb !important; }
.w3-text-redcrimson { color: #990033 !important; }
.w3-hover-redcrimson:hover { background-color: #f1949a !important; }
.w3-hover-text-redcrimson:hover { color: #660022 !important; }
.w3-hover-border-redcrimson:hover { border-color: #f1949a !important; }

/* Cherry */
.w3-redcherry { background-color: #ffd6d9 !important; }
.w3-border-redcherry { border-color: #ffb3b8 !important; }
.w3-text-redcherry { color: #b3003b !important; }
.w3-hover-redcherry:hover { background-color: #ff999f !important; }
.w3-hover-text-redcherry:hover { color: #80002a !important; }
.w3-hover-border-redcherry:hover { border-color: #ff999f !important; }

/* Coral */
.w3-redcoral { background-color: #ffd6d3 !important; }
.w3-border-redcoral { border-color: #ffb9b3 !important; }
.w3-text-redcoral { color: #cc3d3d !important; }
.w3-hover-redcoral:hover { background-color: #ff9e98 !important; }
.w3-hover-text-redcoral:hover { color: #661d1d !important; }
.w3-hover-border-redcoral:hover { border-color: #ff9e98 !important; }

/* Ruby */
.w3-redruby { background-color: #fcd6da !important; }
.w3-border-redruby { border-color: #f7a8b1 !important; }
.w3-text-redruby { color: #aa002b !important; }
.w3-hover-redruby:hover { background-color: #f57d8b !important; }
.w3-hover-text-redruby:hover { color: #660019 !important; }
.w3-hover-border-redruby:hover { border-color: #f57d8b !important; }



/* Garnet */
.w3-redgarnet { background-color: #f4c6c6 !important; }
.w3-border-redgarnet { border-color: #e89c9c !important; }
.w3-text-redgarnet { color: #7a0019 !important; }
.w3-hover-redgarnet:hover { background-color: #e07777 !important; }
.w3-hover-text-redgarnet:hover { color: #ffffff !important; }
.w3-hover-border-redgarnet:hover { border-color: #e07777 !important; }

/* Scarlet */
.w3-redscarlet { background-color: #ffd0cc !important; }
.w3-border-redscarlet { border-color: #ff9990 !important; }
.w3-text-redscarlet { color: #cc2400 !important; }
.w3-hover-redscarlet:hover { background-color: #ff7a66 !important; }
.w3-hover-text-redscarlet:hover { color: #fff5f5 !important; }
.w3-hover-border-redscarlet:hover { border-color: #ff7a66 !important; }

/* Vermilion */
.w3-redvermilion { background-color: #ffd5c9 !important; }
.w3-border-redvermilion { border-color: #ffb199 !important; }
.w3-text-redvermilion { color: #e34234 !important; }
.w3-hover-redvermilion:hover { background-color: #ff8c6b !important; }
.w3-hover-text-redvermilion:hover { color: #ffffff !important; }
.w3-hover-border-redvermilion:hover { border-color: #ff8c6b !important; }

/* Candy */
.w3-redcandy { background-color: #ffe1e8 !important; }
.w3-border-redcandy { border-color: #ffafc2 !important; }
.w3-text-redcandy { color: #e60050 !important; }
.w3-hover-redcandy:hover { background-color: #ff82a0 !important; }
.w3-hover-text-redcandy:hover { color: #4d0019 !important; }
.w3-hover-border-redcandy:hover { border-color: #ff82a0 !important; }

/* Flame */
.w3-redflame { background-color: #ffd8cc !important; }
.w3-border-redflame { border-color: #ffb499 !important; }
.w3-text-redflame { color: #d13b00 !important; }
.w3-hover-redflame:hover { background-color: #ff9466 !important; }
.w3-hover-text-redflame:hover { color: #fffaf7 !important; }
.w3-hover-border-redflame:hover { border-color: #ff9466 !important; }

/* Blood */
.w3-redblood { background-color: #f3c2c2 !important; }
.w3-border-redblood { border-color: #e08a8a !important; }
.w3-text-redblood { color: #800000 !important; }
.w3-hover-redblood:hover { background-color: #db3a3a !important; }
.w3-hover-text-redblood:hover { color: #ffffff !important; }
.w3-hover-border-redblood:hover { border-color: #db3a3a !important; }

/* Ember */
.w3-redember { background-color: #f9d5c6 !important; }
.w3-border-redember { border-color: #f5b79f !important; }
.w3-text-redember { color: #c33800 !important; }
.w3-hover-redember:hover { background-color: #e68156 !important; }
.w3-hover-text-redember:hover { color: #fffaf6 !important; }
.w3-hover-border-redember:hover { border-color: #e68156 !important; }

/* Cinnabar */
.w3-redcinnabar { background-color: #ffd3cc !important; }
.w3-border-redcinnabar { border-color: #ffb098 !important; }
.w3-text-redcinnabar { color: #e44e3f !important; }
.w3-hover-redcinnabar:hover { background-color: #ff9073 !important; }
.w3-hover-text-redcinnabar:hover { color: #ffffff !important; }
.w3-hover-border-redcinnabar:hover { border-color: #ff9073 !important; }

/* Brick */
.w3-redbrick { background-color: #eac0b9 !important; }
.w3-border-redbrick { border-color: #d79082 !important; }
.w3-text-redbrick { color: #9b2f22 !important; }
.w3-hover-redbrick:hover { background-color: #c75a49 !important; }
.w3-hover-text-redbrick:hover { color: #ffffff !important; }
.w3-hover-border-redbrick:hover { border-color: #c75a49 !important; }

/* Terra */
.w3-redterra { background-color: #f1c5b8 !important; }
.w3-border-redterra { border-color: #e5a18b !important; }
.w3-text-redterra { color: #a83c1f !important; }
.w3-hover-redterra:hover { background-color: #d95f3d !important; }
.w3-hover-text-redterra:hover { color: #fffaf4 !important; }
.w3-hover-border-redterra:hover { border-color: #d95f3d !important; }

/* Wine */
.w3-redwine { background-color: #f2d2da !important; }
.w3-border-redwine { border-color: #e6a1b3 !important; }
.w3-text-redwine { color: #722f37 !important; }
.w3-hover-redwine:hover { background-color: #b74052 !important; }
.w3-hover-text-redwine:hover { color: #ffffff !important; }
.w3-hover-border-redwine:hover { border-color: #b74052 !important; }

/* Berry */
.w3-redberry { background-color: #fbd1dc !important; }
.w3-border-redberry { border-color: #f6a4b8 !important; }
.w3-text-redberry { color: #980045 !important; }
.w3-hover-redberry:hover { background-color: #ec6a92 !important; }
.w3-hover-text-redberry:hover { color: #44001f !important; }
.w3-hover-border-redberry:hover { border-color: #ec6a92 !important; }

/* Cardinal */
.w3-redcardinal { background-color: #f6d0d0 !important; }
.w3-border-redcardinal { border-color: #ed9c9c !important; }
.w3-text-redcardinal { color: #c41e3a !important; }
.w3-hover-redcardinal:hover { background-color: #e45f5f !important; }
.w3-hover-text-redcardinal:hover { color: #fff8f8 !important; }
.w3-hover-border-redcardinal:hover { border-color: #e45f5f !important; }

/* Fire */
.w3-redfire { background-color: #ffd5c5 !important; }
.w3-border-redfire { border-color: #ffad93 !important; }
.w3-text-redfire { color: #d54b1a !important; }
.w3-hover-redfire:hover { background-color: #ff845f !important; }
.w3-hover-text-redfire:hover { color: #fff !important; }
.w3-hover-border-redfire:hover { border-color: #ff845f !important; }

/* Chili */
.w3-redchili { background-color: #ffdcd2 !important; }
.w3-border-redchili { border-color: #ffc1ab !important; }
.w3-text-redchili { color: #c72f07 !important; }
.w3-hover-redchili:hover { background-color: #ff8a63 !important; }
.w3-hover-text-redchili:hover { color: #fff !important; }
.w3-hover-border-redchili:hover { border-color: #ff8a63 !important; }

/* Carmine */
.w3-redcarmine { background-color: #f9d2d2 !important; }
.w3-border-redcarmine { border-color: #f5a8a8 !important; }
.w3-text-redcarmine { color: #960018 !important; }
.w3-hover-redcarmine:hover { background-color: #ef6e6e !important; }
.w3-hover-text-redcarmine:hover { color: #ffffff !important; }
.w3-hover-border-redcarmine:hover { border-color: #ef6e6e !important; }

/* Lipstick */
.w3-redlipstick { background-color: #fbd3dc !important; }
.w3-border-redlipstick { border-color: #f3a7b9 !important; }
.w3-text-redlipstick { color: #c71585 !important; }
.w3-hover-redlipstick:hover { background-color: #e0638e !important; }
.w3-hover-text-redlipstick:hover { color: #460022 !important; }
.w3-hover-border-redlipstick:hover { border-color: #e0638e !important; }

/* Velvet */
.w3-redvelvet { background-color: #f4c3d1 !important; }
.w3-border-redvelvet { border-color: #e192aa !important; }
.w3-text-redvelvet { color: #800020 !important; }
.w3-hover-redvelvet:hover { background-color: #bf4e6f !important; }
.w3-hover-text-redvelvet:hover { color: #ffffff !important; }
.w3-hover-border-redvelvet:hover { border-color: #bf4e6f !important; }

/* Mahogany */
.w3-redmahogany { background-color: #e9c1b8 !important; }
.w3-border-redmahogany { border-color: #d38f80 !important; }
.w3-text-redmahogany { color: #420000 !important; }
.w3-hover-redmahogany:hover { background-color: #964238 !important; }
.w3-hover-text-redmahogany:hover { color: #ffffff !important; }
.w3-hover-border-redmahogany:hover { border-color: #964238 !important; }

/* Sunset */
.w3-redsunset { background-color: #ffd3c4 !important; }
.w3-border-redsunset { border-color: #ffb59c !important; }
.w3-text-redsunset { color: #cc4f33 !important; }
.w3-hover-redsunset:hover { background-color: #f8855c !important; }
.w3-hover-text-redsunset:hover { color: #fff !important; }
.w3-hover-border-redsunset:hover { border-color: #f8855c !important; }

/* Peony */
.w3-redpeony { background-color: #ffd6e2 !important; }
.w3-border-redpeony { border-color: #ffa8c3 !important; }
.w3-text-redpeony { color: #d94a79 !important; }
.w3-hover-redpeony:hover { background-color: #ff6b9d !important; }
.w3-hover-text-redpeony:hover { color: #440f1d !important; }
.w3-hover-border-redpeony:hover { border-color: #ff6b9d !important; }

/* Poppy */
.w3-redpoppy { background-color: #ffd1cf !important; }
.w3-border-redpoppy { border-color: #ffa39d !important; }
.w3-text-redpoppy { color: #dc343b !important; }
.w3-hover-redpoppy:hover { background-color: #ff6f68 !important; }
.w3-hover-text-redpoppy:hover { color: #fff5f5 !important; }
.w3-hover-border-redpoppy:hover { border-color: #ff6f68 !important; }

/* Tomato */
.w3-redtomato { background-color: #ffd2c7 !important; }
.w3-border-redtomato { border-color: #ffad97 !important; }
.w3-text-redtomato { color: #ff6347 !important; }
.w3-hover-redtomato:hover { background-color: #ff8c69 !important; }
.w3-hover-text-redtomato:hover { color: #ffffff !important; }
.w3-hover-border-redtomato:hover { border-color: #ff8c69 !important; }

/* Persimmon */
.w3-redpersimmon { background-color: #ffd6c8 !important; }
.w3-border-redpersimmon { border-color: #ffb699 !important; }
.w3-text-redpersimmon { color: #ec5800 !important; }
.w3-hover-redpersimmon:hover { background-color: #ff8646 !important; }
.w3-hover-text-redpersimmon:hover { color: #fff !important; }
.w3-hover-border-redpersimmon:hover { border-color: #ff8646 !important; }

/* Rust */
.w3-redrust { background-color: #f4c1b4 !important; }
.w3-border-redrust { border-color: #e7977a !important; }
.w3-text-redrust { color: #b7410e !important; }
.w3-hover-redrust:hover { background-color: #d4623a !important; }
.w3-hover-text-redrust:hover { color: #fffaf6 !important; }
.w3-hover-border-redrust:hover { border-color: #d4623a !important; }

/* Desire */
.w3-reddesire { background-color: #fad9df !important; }
.w3-border-reddesire { border-color: #f5adb9 !important; }
.w3-text-reddesire { color: #e63946 !important; }
.w3-hover-reddesire:hover { background-color: #ef7682 !important; }
.w3-hover-text-reddesire:hover { color: #420f12 !important; }
.w3-hover-border-reddesire:hover { border-color: #ef7682 !important; }

/* Passion */
.w3-redpassion { background-color: #f8d3db !important; }
.w3-border-redpassion { border-color: #f2a4b5 !important; }
.w3-text-redpassion { color: #bb0a30 !important; }
.w3-hover-redpassion:hover { background-color: #e9677f !important; }
.w3-hover-text-redpassion:hover { color: #ffffff !important; }
.w3-hover-border-redpassion:hover { border-color: #e9677f !important; }

/* Orchid */
.w3-redorchid { background-color: #ffd8e0 !important; }
.w3-border-redorchid { border-color: #ffb1c3 !important; }
.w3-text-redorchid { color: #cc5179 !important; }
.w3-hover-redorchid:hover { background-color: #ff7fa2 !important; }
.w3-hover-text-redorchid:hover { color: #fffaf8 !important; }
.w3-hover-border-redorchid:hover { border-color: #ff7fa2 !important; }

/* Radiant */
.w3-redradiant { background-color: #ffd1da !important; }
.w3-border-redradiant { border-color: #ff9fb3 !important; }
.w3-text-redradiant { color: #e34a6f !important; }
.w3-hover-redradiant:hover { background-color: #ff6d98 !important; }
.w3-hover-text-redradiant:hover { color: #ffffff !important; }
.w3-hover-border-redradiant:hover { border-color: #ff6d98 !important; }

/* Emberglow */
.w3-redemberglow { background-color: #ffd4c8 !important; }
.w3-border-redemberglow { border-color: #ffb199 !important; }
.w3-text-redemberglow { color: #d9574e !important; }
.w3-hover-redemberglow:hover { background-color: #ff8a71 !important; }
.w3-hover-text-redemberglow:hover { color: #fffaf8 !important; }
.w3-hover-border-redemberglow:hover { border-color: #ff8a71 !important; }

/* Vivid */
.w3-redvivid { background-color: #ffcfd2 !important; }
.w3-border-redvivid { border-color: #ffa5ad !important; }
.w3-text-redvivid { color: #ff3131 !important; }
.w3-hover-redvivid:hover { background-color: #ff7171 !important; }
.w3-hover-text-redvivid:hover { color: #fff !important; }
.w3-hover-border-redvivid:hover { border-color: #ff7171 !important; }

/* Clay */
.w3-redclay { background-color: #f1c2b7 !important; }
.w3-border-redclay { border-color: #e69a87 !important; }
.w3-text-redclay { color: #b35e45 !important; }
.w3-hover-redclay:hover { background-color: #ce6b4b !important; }
.w3-hover-text-redclay:hover { color: #ffffff !important; }
.w3-hover-border-redclay:hover { border-color: #ce6b4b !important; }

/* Dahlia */
.w3-reddahlia { background-color: #ffd6dc !important; }
.w3-border-reddahlia { border-color: #ffabb7 !important; }
.w3-text-reddahlia { color: #a82844 !important; }
.w3-hover-reddahlia:hover { background-color: #e9677f !important; }
.w3-hover-text-reddahlia:hover { color: #fff !important; }
.w3-hover-border-reddahlia:hover { border-color: #e9677f !important; }

/* Punch */
.w3-redpunch { background-color: #ffd0d3 !important; }
.w3-border-redpunch { border-color: #ff9ca2 !important; }
.w3-text-redpunch { color: #db3c30 !important; }
.w3-hover-redpunch:hover { background-color: #f56b5f !important; }
.w3-hover-text-redpunch:hover { color: #fff !important; }
.w3-hover-border-redpunch:hover { border-color: #f56b5f !important; }

/* Valentine */
.w3-redvalentine { background-color: #ffd4de !important; }
.w3-border-redvalentine { border-color: #ffb2c1 !important; }
.w3-text-redvalentine { color: #e85a82 !important; }
.w3-hover-redvalentine:hover { background-color: #ff7da3 !important; }
.w3-hover-text-redvalentine:hover { color: #ffffff !important; }
.w3-hover-border-redvalentine:hover { border-color: #ff7da3 !important; }

/* Hotpepper */
.w3-redhotpepper { background-color: #ffd9cf !important; }
.w3-border-redhotpepper { border-color: #ffb6a0 !important; }
.w3-text-redhotpepper { color: #d42525 !important; }
.w3-hover-redhotpepper:hover { background-color: #ff6c5c !important; }
.w3-hover-text-redhotpepper:hover { color: #fff !important; }
.w3-hover-border-redhotpepper:hover { border-color: #ff6c5c !important; }

/* Fiesta */
.w3-redfiesta { background-color: #ffd4c9 !important; }
.w3-border-redfiesta { border-color: #ffac98 !important; }
.w3-text-redfiesta { color: #d95030 !important; }
.w3-hover-redfiesta:hover { background-color: #ff7c5f !important; }
.w3-hover-text-redfiesta:hover { color: #ffffff !important; }
.w3-hover-border-redfiesta:hover { border-color: #ff7c5f !important; }

/* Salsa */
.w3-redsalsa { background-color: #ffd3c7 !important; }
.w3-border-redsalsa { border-color: #ffaa93 !important; }
.w3-text-redsalsa { color: #e35d58 !important; }
.w3-hover-redsalsa:hover { background-color: #ff867e !important; }
.w3-hover-text-redsalsa:hover { color: #fff !important; }
.w3-hover-border-redsalsa:hover { border-color: #ff867e !important; }

/* Maroon */
.w3-redmaroon { background-color: #e4bcbc !important; }
.w3-border-redmaroon { border-color: #c27a7a !important; }
.w3-text-redmaroon { color: #800000 !important; }
.w3-hover-redmaroon:hover { background-color: #a03f3f !important; }
.w3-hover-text-redmaroon:hover { color: #fff !important; }
.w3-hover-border-redmaroon:hover { border-color: #a03f3f !important; }

/* Blush */
.w3-redblush { background-color: #ffd9df !important; }
.w3-border-redblush { border-color: #ffb6c2 !important; }
.w3-text-redblush { color: #e56b7f !important; }
.w3-hover-redblush:hover { background-color: #ff93a8 !important; }
.w3-hover-text-redblush:hover { color: #fff !important; }
.w3-hover-border-redblush:hover { border-color: #ff93a8 !important; }

/* Crimsonlight */
.w3-redcrimsonlight { background-color: #ffd8da !important; }
.w3-border-redcrimsonlight { border-color: #ffadb3 !important; }
.w3-text-redcrimsonlight { color: #dc143c !important; }
.w3-hover-redcrimsonlight:hover { background-color: #ff7082 !important; }
.w3-hover-text-redcrimsonlight:hover { color: #fff !important; }
.w3-hover-border-redcrimsonlight:hover { border-color: #ff7082 !important; }

/* Passiondark */
.w3-redpassiondark { background-color: #d9a3a3 !important; }
.w3-border-redpassiondark { border-color: #b67575 !important; }
.w3-text-redpassiondark { color: #800020 !important; }
.w3-hover-redpassiondark:hover { background-color: #bf4e6f !important; }
.w3-hover-text-redpassiondark:hover { color: #fff !important; }
.w3-hover-border-redpassiondark:hover { border-color: #bf4e6f !important; }

/* Burgundy */
.w3-redburgundy { background-color: #e4b3b3 !important; }
.w3-border-redburgundy { border-color: #bb7a7a !important; }
.w3-text-redburgundy { color: #800020 !important; }
.w3-hover-redburgundy:hover { background-color: #a33a3a !important; }
.w3-hover-text-redburgundy:hover { color: #ffffff !important; }
.w3-hover-border-redburgundy:hover { border-color: #a33a3a !important; }

/* Shadow */
.w3-redshadow { background-color: #dba6a6 !important; }
.w3-border-redshadow { border-color: #b67373 !important; }
.w3-text-redshadow { color: #5a0000 !important; }
.w3-hover-redshadow:hover { background-color: #803232 !important; }
.w3-hover-text-redshadow:hover { color: #fffaf8 !important; }
.w3-hover-border-redshadow:hover { border-color: #803232 !important; }

/* Sunlight */
.w3-yellowsunlight { background-color: #fffbe6 !important; }
.w3-border-yellowsunlight { border-color: #fff3b3 !important; }
.w3-text-yellowsunlight { color: #bfa800 !important; }
.w3-hover-yellowsunlight:hover { background-color: #ffe36b !important; }
.w3-hover-text-yellowsunlight:hover { color: #5a5400 !important; }
.w3-hover-border-yellowsunlight:hover { border-color: #ffe36b !important; }

/* Lemon */
.w3-yellowlemon { background-color: #ffffcc !important; }
.w3-border-yellowlemon { border-color: #ffff99 !important; }
.w3-text-yellowlemon { color: #c7b30b !important; }
.w3-hover-yellowlemon:hover { background-color: #ffec4f !important; }
.w3-hover-text-yellowlemon:hover { color: #666000 !important; }
.w3-hover-border-yellowlemon:hover { border-color: #ffec4f !important; }

/* Butter */
.w3-yellowbutter { background-color: #fff7cc !important; }
.w3-border-yellowbutter { border-color: #ffec99 !important; }
.w3-text-yellowbutter { color: #d6ad00 !important; }
.w3-hover-yellowbutter:hover { background-color: #ffd84d !important; }
.w3-hover-text-yellowbutter:hover { color: #5e4f00 !important; }
.w3-hover-border-yellowbutter:hover { border-color: #ffd84d !important; }

/* Gold */
.w3-yellowgold { background-color: #fff3c4 !important; }
.w3-border-yellowgold { border-color: #ffe699 !important; }
.w3-text-yellowgold { color: #daa520 !important; }
.w3-hover-yellowgold:hover { background-color: #ffcd54 !important; }
.w3-hover-text-yellowgold:hover { color: #5a3e00 !important; }
.w3-hover-border-yellowgold:hover { border-color: #ffcd54 !important; }

/* Mustard */
.w3-yellowmustard { background-color: #fff0c2 !important; }
.w3-border-yellowmustard { border-color: #ffe099 !important; }
.w3-text-yellowmustard { color: #e1ad01 !important; }
.w3-hover-yellowmustard:hover { background-color: #ffd344 !important; }
.w3-hover-text-yellowmustard:hover { color: #554200 !important; }
.w3-hover-border-yellowmustard:hover { border-color: #ffd344 !important; }

/* Canary */
.w3-yellowcanary { background-color: #ffffe0 !important; }
.w3-border-yellowcanary { border-color: #ffffb0 !important; }
.w3-text-yellowcanary { color: #faff00 !important; }
.w3-hover-yellowcanary:hover { background-color: #fff93e !important; }
.w3-hover-text-yellowcanary:hover { color: #5a5900 !important; }
.w3-hover-border-yellowcanary:hover { border-color: #fff93e !important; }

/* Honey */
.w3-yellowhoney { background-color: #ffefc2 !important; }
.w3-border-yellowhoney { border-color: #ffd580 !important; }
.w3-text-yellowhoney { color: #fbb034 !important; }
.w3-hover-yellowhoney:hover { background-color: #ffbe4a !important; }
.w3-hover-text-yellowhoney:hover { color: #604000 !important; }
.w3-hover-border-yellowhoney:hover { border-color: #ffbe4a !important; }

/* Amber */
.w3-yellowamber { background-color: #ffeab6 !important; }
.w3-border-yellowamber { border-color: #ffd37a !important; }
.w3-text-yellowamber { color: #ffbf00 !important; }
.w3-hover-yellowamber:hover { background-color: #ffc84d !important; }
.w3-hover-text-yellowamber:hover { color: #4a3700 !important; }
.w3-hover-border-yellowamber:hover { border-color: #ffc84d !important; }

/* Daffodil */
.w3-yellowdaffodil { background-color: #fffbd0 !important; }
.w3-border-yellowdaffodil { border-color: #fff69e !important; }
.w3-text-yellowdaffodil { color: #ffff31 !important; }
.w3-hover-yellowdaffodil:hover { background-color: #ffed4d !important; }
.w3-hover-text-yellowdaffodil:hover { color: #585100 !important; }
.w3-hover-border-yellowdaffodil:hover { border-color: #ffed4d !important; }

/* Sunshine */
.w3-yellowsunshine { background-color: #fffacd !important; }
.w3-border-yellowsunshine { border-color: #fff599 !important; }
.w3-text-yellowsunshine { color: #ffcc00 !important; }
.w3-hover-yellowsunshine:hover { background-color: #ffd84c !important; }
.w3-hover-text-yellowsunshine:hover { color: #4a3900 !important; }
.w3-hover-border-yellowsunshine:hover { border-color: #ffd84c !important; }

/* Mango */
.w3-yellowmango { background-color: #fff3bd !important; }
.w3-border-yellowmango { border-color: #ffe08a !important; }
.w3-text-yellowmango { color: #ffc324 !important; }
.w3-hover-yellowmango:hover { background-color: #ffb63c !important; }
.w3-hover-text-yellowmango:hover { color: #402b00 !important; }
.w3-hover-border-yellowmango:hover { border-color: #ffb63c !important; }

/* Banana */
.w3-yellowbanana { background-color: #fff8cc !important; }
.w3-border-yellowbanana { border-color: #fff39a !important; }
.w3-text-yellowbanana { color: #fde910 !important; }
.w3-hover-yellowbanana:hover { background-color: #ffec5c !important; }
.w3-hover-text-yellowbanana:hover { color: #554700 !important; }
.w3-hover-border-yellowbanana:hover { border-color: #ffec5c !important; }

/* Sand */
.w3-yellowsand { background-color: #fff2d1 !important; }
.w3-border-yellowsand { border-color: #ffe5a3 !important; }
.w3-text-yellowsand { color: #e4b169 !important; }
.w3-hover-yellowsand:hover { background-color: #f9ce6c !important; }
.w3-hover-text-yellowsand:hover { color: #473200 !important; }
.w3-hover-border-yellowsand:hover { border-color: #f9ce6c !important; }

/* Buttercup */
.w3-yellowbuttercup { background-color: #fff2b2 !important; }
.w3-border-yellowbuttercup { border-color: #ffe37a !important; }
.w3-text-yellowbuttercup { color: #f4c430 !important; }
.w3-hover-yellowbuttercup:hover { background-color: #ffc840 !important; }
.w3-hover-text-yellowbuttercup:hover { color: #3e2e00 !important; }
.w3-hover-border-yellowbuttercup:hover { border-color: #ffc840 !important; }

/* Flax */
.w3-yellowflax { background-color: #fff6b8 !important; }
.w3-border-yellowflax { border-color: #ffe98a !important; }
.w3-text-yellowflax { color: #eedc82 !important; }
.w3-hover-yellowflax:hover { background-color: #ffcd4a !important; }
.w3-hover-text-yellowflax:hover { color: #5e4b00 !important; }
.w3-hover-border-yellowflax:hover { border-color: #ffcd4a !important; }

/* Butterlight */
.w3-yellowbutterlight { background-color: #fffde6 !important; }
.w3-border-yellowbutterlight { border-color: #fff8c2 !important; }
.w3-text-yellowbutterlight { color: #fff44f !important; }
.w3-hover-yellowbutterlight:hover { background-color: #ffe956 !important; }
.w3-hover-text-yellowbutterlight:hover { color: #554f00 !important; }
.w3-hover-border-yellowbutterlight:hover { border-color: #ffe956 !important; }

/* Wheat */
.w3-yellowwheat { background-color: #f5deb3 !important; }
.w3-border-yellowwheat { border-color: #eecb8d !important; }
.w3-text-yellowwheat { color: #cbb26a !important; }
.w3-hover-yellowwheat:hover { background-color: #e4b65a !important; }
.w3-hover-text-yellowwheat:hover { color: #3e2c00 !important; }
.w3-hover-border-yellowwheat:hover { border-color: #e4b65a !important; }

/* Cream */
.w3-yellowcream { background-color: #fffdd0 !important; }
.w3-border-yellowcream { border-color: #ffeea8 !important; }
.w3-text-yellowcream { color: #fef3bd !important; }
.w3-hover-yellowcream:hover { background-color: #ffe573 !important; }
.w3-hover-text-yellowcream:hover { color: #433b00 !important; }
.w3-hover-border-yellowcream:hover { border-color: #ffe573 !important; }

/* Topaz */
.w3-yellowtopaz { background-color: #ffe79f !important; }
.w3-border-yellowtopaz { border-color: #ffd863 !important; }
.w3-text-yellowtopaz { color: #ffc933 !important; }
.w3-hover-yellowtopaz:hover { background-color: #ffb834 !important; }
.w3-hover-text-yellowtopaz:hover { color: #4d3700 !important; }
.w3-hover-border-yellowtopaz:hover { border-color: #ffb834 !important; }

/* Caramel */
.w3-yellowcaramel { background-color: #ffe2b3 !important; }
.w3-border-yellowcaramel { border-color: #ffcb80 !important; }
.w3-text-yellowcaramel { color: #c68e17 !important; }
.w3-hover-yellowcaramel:hover { background-color: #ffb34d !important; }
.w3-hover-text-yellowcaramel:hover { color: #3d2800 !important; }
.w3-hover-border-yellowcaramel:hover { border-color: #ffb34d !important; }

/* Citron */
.w3-yellowcitron { background-color: #faf9d5 !important; }
.w3-border-yellowcitron { border-color: #f7f18f !important; }
.w3-text-yellowcitron { color: #d9d700 !important; }
.w3-hover-yellowcitron:hover { background-color: #e3df34 !important; }
.w3-hover-text-yellowcitron:hover { color: #3b3a00 !important; }
.w3-hover-border-yellowcitron:hover { border-color: #e3df34 !important; }

/* Amberlight */
.w3-yellowamberlight { background-color: #fff2b8 !important; }
.w3-border-yellowamberlight { border-color: #ffe081 !important; }
.w3-text-yellowamberlight { color: #ffcf40 !important; }
.w3-hover-yellowamberlight:hover { background-color: #ffc027 !important; }
.w3-hover-text-yellowamberlight:hover { color: #402c00 !important; }
.w3-hover-border-yellowamberlight:hover { border-color: #ffc027 !important; }

/* Marigold */
.w3-yellowmarigold { background-color: #ffecb3 !important; }
.w3-border-yellowmarigold { border-color: #ffd966 !important; }
.w3-text-yellowmarigold { color: #eaa221 !important; }
.w3-hover-yellowmarigold:hover { background-color: #ffc93c !important; }
.w3-hover-text-yellowmarigold:hover { color: #3e2c00 !important; }
.w3-hover-border-yellowmarigold:hover { border-color: #ffc93c !important; }

/* Brass */
.w3-yellowbrass { background-color: #f5e1a4 !important; }
.w3-border-yellowbrass { border-color: #efcc64 !important; }
.w3-text-yellowbrass { color: #b5a642 !important; }
.w3-hover-yellowbrass:hover { background-color: #e5bf3f !important; }
.w3-hover-text-yellowbrass:hover { color: #342d00 !important; }
.w3-hover-border-yellowbrass:hover { border-color: #e5bf3f !important; }

/* Goldenrod */
.w3-yellowgoldenrod { background-color: #ffeb99 !important; }
.w3-border-yellowgoldenrod { border-color: #ffd94d !important; }
.w3-text-yellowgoldenrod { color: #daa520 !important; }
.w3-hover-yellowgoldenrod:hover { background-color: #ffc630 !important; }
.w3-hover-text-yellowgoldenrod:hover { color: #3a2c00 !important; }
.w3-hover-border-yellowgoldenrod:hover { border-color: #ffc630 !important; }

/* Saffron */
.w3-yellowsaffron { background-color: #fff1b3 !important; }
.w3-border-yellowsaffron { border-color: #ffe266 !important; }
.w3-text-yellowsaffron { color: #f4c430 !important; }
.w3-hover-yellowsaffron:hover { background-color: #ffca38 !important; }
.w3-hover-text-yellowsaffron:hover { color: #3b2c00 !important; }
.w3-hover-border-yellowsaffron:hover { border-color: #ffca38 !important; }

/* Corn */
.w3-yellowcorn { background-color: #fff2bf !important; }
.w3-border-yellowcorn { border-color: #ffe58a !important; }
.w3-text-yellowcorn { color: #fbec5d !important; }
.w3-hover-yellowcorn:hover { background-color: #ffe157 !important; }
.w3-hover-text-yellowcorn:hover { color: #4a3b00 !important; }
.w3-hover-border-yellowcorn:hover { border-color: #ffe157 !important; }

/* Honeydew */
.w3-yellowhoneydew { background-color: #fff8d1 !important; }
.w3-border-yellowhoneydew { border-color: #ffeea6 !important; }
.w3-text-yellowhoneydew { color: #f9e76a !important; }
.w3-hover-yellowhoneydew:hover { background-color: #ffe353 !important; }
.w3-hover-text-yellowhoneydew:hover { color: #393000 !important; }
.w3-hover-border-yellowhoneydew:hover { border-color: #ffe353 !important; }

/* Glow */
.w3-yellowglow { background-color: #fff9cc !important; }
.w3-border-yellowglow { border-color: #fff380 !important; }
.w3-text-yellowglow { color: #ffe900 !important; }
.w3-hover-yellowglow:hover { background-color: #ffda2e !important; }
.w3-hover-text-yellowglow:hover { color: #4d4000 !important; }
.w3-hover-border-yellowglow:hover { border-color: #ffda2e !important; }

/* Highlight */
.w3-yellowhighlight { background-color: #ffffb3 !important; }
.w3-border-yellowhighlight { border-color: #ffff66 !important; }
.w3-text-yellowhighlight { color: #ffe100 !important; }
.w3-hover-yellowhighlight:hover { background-color: #ffdb00 !important; }
.w3-hover-text-yellowhighlight:hover { color: #3b3300 !important; }
.w3-hover-border-yellowhighlight:hover { border-color: #ffdb00 !important; }

/* Mellow */
.w3-yellowmellow { background-color: #fff6cc !important; }
.w3-border-yellowmellow { border-color: #ffed99 !important; }
.w3-text-yellowmellow { color: #f8de7e !important; }
.w3-hover-yellowmellow:hover { background-color: #ffda4c !important; }
.w3-hover-text-yellowmellow:hover { color: #4a4100 !important; }
.w3-hover-border-yellowmellow:hover { border-color: #ffda4c !important; }

/* Blond */
.w3-yellowblond { background-color: #fff5cc !important; }
.w3-border-yellowblond { border-color: #ffe699 !important; }
.w3-text-yellowblond { color: #faf0be !important; }
.w3-hover-yellowblond:hover { background-color: #ffdd63 !important; }
.w3-hover-text-yellowblond:hover { color: #3f3900 !important; }
.w3-hover-border-yellowblond:hover { border-color: #ffdd63 !important; }

/* Meringue */
.w3-yellowmeringue { background-color: #fff8db !important; }
.w3-border-yellowmeringue { border-color: #fff2ad !important; }
.w3-text-yellowmeringue { color: #fff5b2 !important; }
.w3-hover-yellowmeringue:hover { background-color: #ffe66c !important; }
.w3-hover-text-yellowmeringue:hover { color: #3f3900 !important; }
.w3-hover-border-yellowmeringue:hover { border-color: #ffe66c !important; }

/* Dandelion */
.w3-yellowdandelion { background-color: #fff5b8 !important; }
.w3-border-yellowdandelion { border-color: #ffe766 !important; }
.w3-text-yellowdandelion { color: #ffd700 !important; }
.w3-hover-yellowdandelion:hover { background-color: #ffcd29 !important; }
.w3-hover-text-yellowdandelion:hover { color: #403100 !important; }
.w3-hover-border-yellowdandelion:hover { border-color: #ffcd29 !important; }

/* Pearl */
.w3-yellowpearl { background-color: #fffce1 !important; }
.w3-border-yellowpearl { border-color: #fff8c4 !important; }
.w3-text-yellowpearl { color: #f0e68c !important; }
.w3-hover-yellowpearl:hover { background-color: #ffeb84 !important; }
.w3-hover-text-yellowpearl:hover { color: #3d3400 !important; }
.w3-hover-border-yellowpearl:hover { border-color: #ffeb84 !important; }

/* Honeygold */
.w3-yellowhoneygold { background-color: #ffefb3 !important; }
.w3-border-yellowhoneygold { border-color: #ffe380 !important; }
.w3-text-yellowhoneygold { color: #e6c200 !important; }
.w3-hover-yellowhoneygold:hover { background-color: #ffcc33 !important; }
.w3-hover-text-yellowhoneygold:hover { color: #3e3400 !important; }
.w3-hover-border-yellowhoneygold:hover { border-color: #ffcc33 !important; }

/* Citrine */
.w3-yellowcitrine { background-color: #fff8b5 !important; }
.w3-border-yellowcitrine { border-color: #fff075 !important; }
.w3-text-yellowcitrine { color: #e4d00a !important; }
.w3-hover-yellowcitrine:hover { background-color: #ffde3c !important; }
.w3-hover-text-yellowcitrine:hover { color: #3d3400 !important; }
.w3-hover-border-yellowcitrine:hover { border-color: #ffde3c !important; }

/* Custard */
.w3-yellowcustard { background-color: #fff7b3 !important; }
.w3-border-yellowcustard { border-color: #ffec73 !important; }
.w3-text-yellowcustard { color: #ffef00 !important; }
.w3-hover-yellowcustard:hover { background-color: #ffe833 !important; }
.w3-hover-text-yellowcustard:hover { color: #383100 !important; }
.w3-hover-border-yellowcustard:hover { border-color: #ffe833 !important; }

/* Sky */
.w3-bluesky { background-color: #e3f2fd !important; }
.w3-border-bluesky { border-color: #90caf9 !important; }
.w3-text-bluesky { color: #2196f3 !important; }
.w3-hover-bluesky:hover { background-color: #64b5f6 !important; }
.w3-hover-text-bluesky:hover { color: #0d47a1 !important; }
.w3-hover-border-bluesky:hover { border-color: #64b5f6 !important; }

/* Azure */
.w3-blueazure { background-color: #ebf5ff !important; }
.w3-border-blueazure { border-color: #a8d8ff !important; }
.w3-text-blueazure { color: #007fff !important; }
.w3-hover-blueazure:hover { background-color: #4faaff !important; }
.w3-hover-text-blueazure:hover { color: #003366 !important; }
.w3-hover-border-blueazure:hover { border-color: #4faaff !important; }

/* Cyan */
.w3-bluecyan { background-color: #e0f7fa !important; }
.w3-border-bluecyan { border-color: #80deea !important; }
.w3-text-bluecyan { color: #00bcd4 !important; }
.w3-hover-bluecyan:hover { background-color: #4dd0e1 !important; }
.w3-hover-text-bluecyan:hover { color: #004d40 !important; }
.w3-hover-border-bluecyan:hover { border-color: #4dd0e1 !important; }

/* Marine */
.w3-bluemarine { background-color: #e0f0ff !important; }
.w3-border-bluemarine { border-color: #a3d1ff !important; }
.w3-text-bluemarine { color: #006994 !important; }
.w3-hover-bluemarine:hover { background-color: #4da6ff !important; }
.w3-hover-text-bluemarine:hover { color: #002f4d !important; }
.w3-hover-border-bluemarine:hover { border-color: #4da6ff !important; }

/* Ocean */
.w3-blueocean { background-color: #e0f3ff !important; }
.w3-border-blueocean { border-color: #9fd5ff !important; }
.w3-text-blueocean { color: #0077be !important; }
.w3-hover-blueocean:hover { background-color: #56aaff !important; }
.w3-hover-text-blueocean:hover { color: #002d66 !important; }
.w3-hover-border-blueocean:hover { border-color: #56aaff !important; }

/* Navy */
.w3-bluenavy { background-color: #c5cae9 !important; }
.w3-border-bluenavy { border-color: #9fa8da !important; }
.w3-text-bluenavy { color: #001f3f !important; }
.w3-hover-bluenavy:hover { background-color: #5c6bc0 !important; }
.w3-hover-text-bluenavy:hover { color: #ffffff !important; }
.w3-hover-border-bluenavy:hover { border-color: #5c6bc0 !important; }

/* Sapphire */
.w3-bluesapphire { background-color: #d0e2ff !important; }
.w3-border-bluesapphire { border-color: #99c2ff !important; }
.w3-text-bluesapphire { color: #0f52ba !important; }
.w3-hover-bluesapphire:hover { background-color: #3c8df2 !important; }
.w3-hover-text-bluesapphire:hover { color: #ffffff !important; }
.w3-hover-border-bluesapphire:hover { border-color: #3c8df2 !important; }

/* Cobalt */
.w3-bluecobalt { background-color: #d6e6ff !important; }
.w3-border-bluecobalt { border-color: #9bc1ff !important; }
.w3-text-bluecobalt { color: #0047ab !important; }
.w3-hover-bluecobalt:hover { background-color: #3f84ff !important; }
.w3-hover-text-bluecobalt:hover { color: #ffffff !important; }
.w3-hover-border-bluecobalt:hover { border-color: #3f84ff !important; }

/* Peacock */
.w3-bluepeacock { background-color: #d7f0f7 !important; }
.w3-border-bluepeacock { border-color: #98dcec !important; }
.w3-text-bluepeacock { color: #003153 !important; }
.w3-hover-bluepeacock:hover { background-color: #57bfdd !important; }
.w3-hover-text-bluepeacock:hover { color: #ffffff !important; }
.w3-hover-border-bluepeacock:hover { border-color: #57bfdd !important; }

/* Lagoon */
.w3-bluelagoon { background-color: #d9f3f5 !important; }
.w3-border-bluelagoon { border-color: #a5e1e8 !important; }
.w3-text-bluelagoon { color: #01788f !important; }
.w3-hover-bluelagoon:hover { background-color: #4ebfce !important; }
.w3-hover-text-bluelagoon:hover { color: #ffffff !important; }
.w3-hover-border-bluelagoon:hover { border-color: #4ebfce !important; }

/* Ice */
.w3-blueice { background-color: #ebf6ff !important; }
.w3-border-blueice { border-color: #bbe3ff !important; }
.w3-text-blueice { color: #66c2ff !important; }
.w3-hover-blueice:hover { background-color: #99daff !important; }
.w3-hover-text-blueice:hover { color: #00334d !important; }
.w3-hover-border-blueice:hover { border-color: #99daff !important; }

/* Twilight */
.w3-bluetwilight { background-color: #d9e4f7 !important; }
.w3-border-bluetwilight { border-color: #b3c8ea !important; }
.w3-text-bluetwilight { color: #4e6fa3 !important; }
.w3-hover-bluetwilight:hover { background-color: #789ad4 !important; }
.w3-hover-text-bluetwilight:hover { color: #ffffff !important; }
.w3-hover-border-bluetwilight:hover { border-color: #789ad4 !important; }

/* Aqua */
.w3-blueaqua { background-color: #e0ffff !important; }
.w3-border-blueaqua { border-color: #99ffff !important; }
.w3-text-blueaqua { color: #00ffff !important; }
.w3-hover-blueaqua:hover { background-color: #66ffff !important; }
.w3-hover-text-blueaqua:hover { color: #004d4d !important; }
.w3-hover-border-blueaqua:hover { border-color: #66ffff !important; }

/* Arctic */
.w3-bluearctic { background-color: #f0faff !important; }
.w3-border-bluearctic { border-color: #cbedff !important; }
.w3-text-bluearctic { color: #5dade2 !important; }
.w3-hover-bluearctic:hover { background-color: #99d3f9 !important; }
.w3-hover-text-bluearctic:hover { color: #00394d !important; }
.w3-hover-border-bluearctic:hover { border-color: #99d3f9 !important; }

/* Electric */
.w3-blueelectric { background-color: #e5f1ff !important; }
.w3-border-blueelectric { border-color: #aed0ff !important; }
.w3-text-blueelectric { color: #0072ff !important; }
.w3-hover-blueelectric:hover { background-color: #57a8ff !important; }
.w3-hover-text-blueelectric:hover { color: #002349 !important; }
.w3-hover-border-blueelectric:hover { border-color: #57a8ff !important; }

/* Midnight */
.w3-bluemidnight { background-color: #cfd8dc !important; }
.w3-border-bluemidnight { border-color: #90a4ae !important; }
.w3-text-bluemidnight { color: #001f3f !important; }
.w3-hover-bluemidnight:hover { background-color: #37474f !important; }
.w3-hover-text-bluemidnight:hover { color: #ffffff !important; }
.w3-hover-border-bluemidnight:hover { border-color: #37474f !important; }

/* Royal */
.w3-blueroyal { background-color: #dde5ff !important; }
.w3-border-blueroyal { border-color: #aac2ff !important; }
.w3-text-blueroyal { color: #4169e1 !important; }
.w3-hover-blueroyal:hover { background-color: #7398ff !important; }
.w3-hover-text-blueroyal:hover { color: #ffffff !important; }
.w3-hover-border-blueroyal:hover { border-color: #7398ff !important; }

/* Indigo */
.w3-blueindigo { background-color: #dee2ff !important; }
.w3-border-blueindigo { border-color: #b0baff !important; }
.w3-text-blueindigo { color: #3f00ff !important; }
.w3-hover-blueindigo:hover { background-color: #6f4fff !important; }
.w3-hover-text-blueindigo:hover { color: #ffffff !important; }
.w3-hover-border-blueindigo:hover { border-color: #6f4fff !important; }

/* Breeze */
.w3-bluebreeze { background-color: #e6f7ff !important; }
.w3-border-bluebreeze { border-color: #b3e5ff !important; }
.w3-text-bluebreeze { color: #66ccff !important; }
.w3-hover-bluebreeze:hover { background-color: #99ddff !important; }
.w3-hover-text-bluebreeze:hover { color: #004f66 !important; }
.w3-hover-border-bluebreeze:hover { border-color: #99ddff !important; }

/* Lagoondeep */
.w3-bluelagoondeep { background-color: #d0edf2 !important; }
.w3-border-bluelagoondeep { border-color: #9ad8e3 !important; }
.w3-text-bluelagoondeep { color: #004b70 !important; }
.w3-hover-bluelagoondeep:hover { background-color: #43bddb !important; }
.w3-hover-text-bluelagoondeep:hover { color: #ffffff !important; }
.w3-hover-border-bluelagoondeep:hover { border-color: #43bddb !important; }

/* Denim */
.w3-bluedenim { background-color: #d9e4f7 !important; }
.w3-border-bluedenim { border-color: #a6bee2 !important; }
.w3-text-bluedenim { color: #1560bd !important; }
.w3-hover-bluedenim:hover { background-color: #578bdb !important; }
.w3-hover-text-bluedenim:hover { color: #ffffff !important; }
.w3-hover-border-bluedenim:hover { border-color: #578bdb !important; }

/* Glacier */
.w3-blueglacier { background-color: #eaf5ff !important; }
.w3-border-blueglacier { border-color: #bedfff !important; }
.w3-text-blueglacier { color: #5dade2 !important; }
.w3-hover-blueglacier:hover { background-color: #8bc5ff !important; }
.w3-hover-text-blueglacier:hover { color: #00304d !important; }
.w3-hover-border-blueglacier:hover { border-color: #8bc5ff !important; }

/* Teal */
.w3-blueteal { background-color: #e0f2f1 !important; }
.w3-border-blueteal { border-color: #80cbc4 !important; }
.w3-text-blueteal { color: #009688 !important; }
.w3-hover-blueteal:hover { background-color: #4db6ac !important; }
.w3-hover-text-blueteal:hover { color: #00332d !important; }
.w3-hover-border-blueteal:hover { border-color: #4db6ac !important; }

/* Deepsea */
.w3-bluedeepsea { background-color: #d6e9f5 !important; }
.w3-border-bluedeepsea { border-color: #9ac7e2 !important; }
.w3-text-bluedeepsea { color: #005f8f !important; }
.w3-hover-bluedeepsea:hover { background-color: #358fbc !important; }
.w3-hover-text-bluedeepsea:hover { color: #ffffff !important; }
.w3-hover-border-bluedeepsea:hover { border-color: #358fbc !important; }

/* Horizon */
.w3-bluehorizon { background-color: #e4f3ff !important; }
.w3-border-bluehorizon { border-color: #b3dcff !important; }
.w3-text-bluehorizon { color: #1c75bc !important; }
.w3-hover-bluehorizon:hover { background-color: #5ba4e5 !important; }
.w3-hover-text-bluehorizon:hover { color: #ffffff !important; }
.w3-hover-border-bluehorizon:hover { border-color: #5ba4e5 !important; }

/* Glacierdeep */
.w3-blueglacierdeep { background-color: #d3e8f9 !important; }
.w3-border-blueglacierdeep { border-color: #9ac8f0 !important; }
.w3-text-blueglacierdeep { color: #004e89 !important; }
.w3-hover-blueglacierdeep:hover { background-color: #3c8bdc !important; }
.w3-hover-text-blueglacierdeep:hover { color: #ffffff !important; }
.w3-hover-border-blueglacierdeep:hover { border-color: #3c8bdc !important; }

/* Lapis */
.w3-bluelapis { background-color: #dee7ff !important; }
.w3-border-bluelapis { border-color: #b0c8ff !important; }
.w3-text-bluelapis { color: #26619c !important; }
.w3-hover-bluelapis:hover { background-color: #558ce0 !important; }
.w3-hover-text-bluelapis:hover { color: #ffffff !important; }
.w3-hover-border-bluelapis:hover { border-color: #558ce0 !important; }

/* Powderblue */
.w3-bluepowder { background-color: #e3f4fa !important; }
.w3-border-bluepowder { border-color: #b8e3f2 !important; }
.w3-text-bluepowder { color: #b0e0e6 !important; }
.w3-hover-bluepowder:hover { background-color: #8fd3e0 !important; }
.w3-hover-text-bluepowder:hover { color: #004d66 !important; }
.w3-hover-border-bluepowder:hover { border-color: #8fd3e0 !important; }

/* Frost */
.w3-bluefrost { background-color: #eaf6ff !important; }
.w3-border-bluefrost { border-color: #c6e8ff !important; }
.w3-text-bluefrost { color: #89cff0 !important; }
.w3-hover-bluefrost:hover { background-color: #9ad9ff !important; }
.w3-hover-text-bluefrost:hover { color: #00394d !important; }
.w3-hover-border-bluefrost:hover { border-color: #9ad9ff !important; }

/* Serenity */
.w3-blueserenity { background-color: #edf4ff !important; }
.w3-border-blueserenity { border-color: #c7dffe !important; }
.w3-text-blueserenity { color: #91aee8 !important; }
.w3-hover-blueserenity:hover { background-color: #a8bfff !important; }
.w3-hover-text-blueserenity:hover { color: #102d4a !important; }
.w3-hover-border-blueserenity:hover { border-color: #a8bfff !important; }

/* Baltic */
.w3-bluebaltic { background-color: #dcecff !important; }
.w3-border-bluebaltic { border-color: #aecdff !important; }
.w3-text-bluebaltic { color: #3a66a3 !important; }
.w3-hover-bluebaltic:hover { background-color: #6fa8ff !important; }
.w3-hover-text-bluebaltic:hover { color: #ffffff !important; }
.w3-hover-border-bluebaltic:hover { border-color: #6fa8ff !important; }

/* Reef */
.w3-bluereef { background-color: #d1f5fc !important; }
.w3-border-bluereef { border-color: #9be9f7 !important; }
.w3-text-bluereef { color: #00bcd4 !important; }
.w3-hover-bluereef:hover { background-color: #40cbe3 !important; }
.w3-hover-text-bluereef:hover { color: #003f4d !important; }
.w3-hover-border-bluereef:hover { border-color: #40cbe3 !important; }

/* Mist */
.w3-bluemist { background-color: #dfeefd !important; }
.w3-border-bluemist { border-color: #b7dbfa !important; }
.w3-text-bluemist { color: #a7c7e7 !important; }
.w3-hover-bluemist:hover { background-color: #7dc0f0 !important; }
.w3-hover-text-bluemist:hover { color: #002e4d !important; }
.w3-hover-border-bluemist:hover { border-color: #7dc0f0 !important; }

/* Stream */
.w3-bluestream { background-color: #d5f2ff !important; }
.w3-border-bluestream { border-color: #9adfff !important; }
.w3-text-bluestream { color: #1ca9c9 !important; }
.w3-hover-bluestream:hover { background-color: #4cc4e9 !important; }
.w3-hover-text-bluestream:hover { color: #00394d !important; }
.w3-hover-border-bluestream:hover { border-color: #4cc4e9 !important; }

/* Glacierlight */
.w3-blueglacierlight { background-color: #e9f6ff !important; }
.w3-border-blueglacierlight { border-color: #caeaff !important; }
.w3-text-blueglacierlight { color: #79c0ff !important; }
.w3-hover-blueglacierlight:hover { background-color: #9ed5ff !important; }
.w3-hover-text-blueglacierlight:hover { color: #10354a !important; }
.w3-hover-border-blueglacierlight:hover { border-color: #9ed5ff !important; }

/* Neon */
.w3-blueneon { background-color: #ecf5ff !important; }
.w3-border-blueneon { border-color: #c4e1ff !important; }
.w3-text-blueneon { color: #0099ff !important; }
.w3-hover-blueneon:hover { background-color: #66c2ff !important; }
.w3-hover-text-blueneon:hover { color: #00334d !important; }
.w3-hover-border-blueneon:hover { border-color: #66c2ff !important; }

/* Polar */
.w3-bluepolar { background-color: #edf8ff !important; }
.w3-border-bluepolar { border-color: #cceeff !important; }
.w3-text-bluepolar { color: #add8e6 !important; }
.w3-hover-bluepolar:hover { background-color: #8ed4ff !important; }
.w3-hover-text-bluepolar:hover { color: #003a63 !important; }
.w3-hover-border-bluepolar:hover { border-color: #8ed4ff !important; }

/* Pacific */
.w3-bluepacific { background-color: #d4eaff !important; }
.w3-border-bluepacific { border-color: #a3ceff !important; }
.w3-text-bluepacific { color: #1ca9c9 !important; }
.w3-hover-bluepacific:hover { background-color: #4bb6e5 !important; }
.w3-hover-text-bluepacific:hover { color: #ffffff !important; }
.w3-hover-border-bluepacific:hover { border-color: #4bb6e5 !important; }

/* Glacierdark */
.w3-blueglacierdark { background-color: #d3e1f9 !important; }
.w3-border-blueglacierdark { border-color: #aabef0 !important; }
.w3-text-blueglacierdark { color: #004b87 !important; }
.w3-hover-blueglacierdark:hover { background-color: #397ed9 !important; }
.w3-hover-text-blueglacierdark:hover { color: #ffffff !important; }
.w3-hover-border-blueglacierdark:hover { border-color: #397ed9 !important; }

/* Atlantic */
.w3-blueatlantic { background-color: #d9ebff !important; }
.w3-border-blueatlantic { border-color: #aaceff !important; }
.w3-text-blueatlantic { color: #0066cc !important; }
.w3-hover-blueatlantic:hover { background-color: #4b9eff !important; }
.w3-hover-text-blueatlantic:hover { color: #ffffff !important; }
.w3-hover-border-blueatlantic:hover { border-color: #4b9eff !important; }

/* BreezeLight */
.w3-bluebreezelight { background-color: #e7f5ff !important; }
.w3-border-bluebreezelight { border-color: #c1e4ff !important; }
.w3-text-bluebreezelight { color: #6fc2ff !important; }
.w3-hover-bluebreezelight:hover { background-color: #93d8ff !important; }
.w3-hover-text-bluebreezelight:hover { color: #00334d !important; }
.w3-hover-border-bluebreezelight:hover { border-color: #93d8ff !important; }

/* Waterfall */
.w3-bluewaterfall { background-color: #d4eefc !important; }
.w3-border-bluewaterfall { border-color: #a6dcf9 !important; }
.w3-text-bluewaterfall { color: #1ca3ec !important; }
.w3-hover-bluewaterfall:hover { background-color: #45b9f5 !important; }
.w3-hover-text-bluewaterfall:hover { color: #ffffff !important; }
.w3-hover-border-bluewaterfall:hover { border-color: #45b9f5 !important; }

/* HorizonLight */
.w3-bluehorizonlight { background-color: #e4f5ff !important; }
.w3-border-bluehorizonlight { border-color: #bde4ff !important; }
.w3-text-bluehorizonlight { color: #1e90ff !important; }
.w3-hover-bluehorizonlight:hover { background-color: #67b2ff !important; }
.w3-hover-text-bluehorizonlight:hover { color: #003e66 !important; }
.w3-hover-border-bluehorizonlight:hover { border-color: #67b2ff !important; }

/* LagoonSoft */
.w3-bluelagoonsoft { background-color: #d9f5fb !important; }
.w3-border-bluelagoonsoft { border-color: #a8e3f3 !important; }
.w3-text-bluelagoonsoft { color: #40e0d0 !important; }
.w3-hover-bluelagoonsoft:hover { background-color: #84e7e0 !important; }
.w3-hover-text-bluelagoonsoft:hover { color: #004d40 !important; }
.w3-hover-border-bluelagoonsoft:hover { border-color: #84e7e0 !important; }

/* StreamBright */
.w3-bluestreambright { background-color: #d4efff !important; }
.w3-border-bluestreambright { border-color: #a1dbff !important; }
.w3-text-bluestreambright { color: #38b6ff !important; }
.w3-hover-bluestreambright:hover { background-color: #6ac8ff !important; }
.w3-hover-text-bluestreambright:hover { color: #00394d !important; }
.w3-hover-border-bluestreambright:hover { border-color: #6ac8ff !important; }

/* ArcticDeep */
.w3-bluearcticdeep { background-color: #d7eaff !important; }
.w3-border-bluearcticdeep { border-color: #a4cbff !important; }
.w3-text-bluearcticdeep { color: #004e8c !important; }
.w3-hover-bluearcticdeep:hover { background-color: #397cdd !important; }
.w3-hover-text-bluearcticdeep:hover { color: #ffffff !important; }
.w3-hover-border-bluearcticdeep:hover { border-color: #397cdd !important; }

/* BalticLight */
.w3-bluebalticlight { background-color: #deeaff !important; }
.w3-border-bluebalticlight { border-color: #b5ceff !important; }
.w3-text-bluebalticlight { color: #5a8db6 !important; }
.w3-hover-bluebalticlight:hover { background-color: #88baf0 !important; }
.w3-hover-text-bluebalticlight:hover { color: #ffffff !important; }
.w3-hover-border-bluebalticlight:hover { border-color: #88baf0 !important; }

/* OceanLight */
.w3-blueoceanlight { background-color: #dbf0ff !important; }
.w3-border-blueoceanlight { border-color: #a8dcff !important; }
.w3-text-blueoceanlight { color: #339bff !important; }
.w3-hover-blueoceanlight:hover { background-color: #67c2ff !important; }
.w3-hover-text-blueoceanlight:hover { color: #00396b !important; }
.w3-hover-border-blueoceanlight:hover { border-color: #67c2ff !important; }

/* PacificLight */
.w3-bluepacificlight { background-color: #d9edff !important; }
.w3-border-bluepacificlight { border-color: #a6d5ff !important; }
.w3-text-bluepacificlight { color: #00aaff !important; }
.w3-hover-bluepacificlight:hover { background-color: #56c5ff !important; }
.w3-hover-text-bluepacificlight:hover { color: #002a40 !important; }
.w3-hover-border-bluepacificlight:hover { border-color: #56c5ff !important; }

/* IndigoDeep */
.w3-blueindigodeep { background-color: #d4dcff !important; }
.w3-border-blueindigodeep { border-color: #a3b3ff !important; }
.w3-text-blueindigodeep { color: #3f00ff !important; }
.w3-hover-blueindigodeep:hover { background-color: #685cff !important; }
.w3-hover-text-blueindigodeep:hover { color: #ffffff !important; }
.w3-hover-border-blueindigodeep:hover { border-color: #685cff !important; }

/* MarineLight */
.w3-bluemarinelight { background-color: #dcefff !important; }
.w3-border-bluemarinelight { border-color: #b2dbff !important; }
.w3-text-bluemarinelight { color: #008ecc !important; }
.w3-hover-bluemarinelight:hover { background-color: #4eb8f0 !important; }
.w3-hover-text-bluemarinelight:hover { color: #003f5a !important; }
.w3-hover-border-bluemarinelight:hover { border-color: #4eb8f0 !important; }

/* ArcticMist */
.w3-bluearcticmist { background-color: #e6f9ff !important; }
.w3-border-bluearcticmist { border-color: #c1efff !important; }
.w3-text-bluearcticmist { color: #99d9ea !important; }
.w3-hover-bluearcticmist:hover { background-color: #8bdcff !important; }
.w3-hover-text-bluearcticmist:hover { color: #004d6b !important; }
.w3-hover-border-bluearcticmist:hover { border-color: #8bdcff !important; }

/* TwilightDeep */
.w3-bluetwilightdeep { background-color: #dce1f5 !important; }
.w3-border-bluetwilightdeep { border-color: #b8c6e9 !important; }
.w3-text-bluetwilightdeep { color: #324376 !important; }
.w3-hover-bluetwilightdeep:hover { background-color: #5a72c9 !important; }
.w3-hover-text-bluetwilightdeep:hover { color: #ffffff !important; }
.w3-hover-border-bluetwilightdeep:hover { border-color: #5a72c9 !important; }

/* SapphireDeep */
.w3-bluesapphiredeep { background-color: #d1e3ff !important; }
.w3-border-bluesapphiredeep { border-color: #99c4ff !important; }
.w3-text-bluesapphiredeep { color: #082567 !important; }
.w3-hover-bluesapphiredeep:hover { background-color: #3b86f5 !important; }
.w3-hover-text-bluesapphiredeep:hover { color: #ffffff !important; }
.w3-hover-border-bluesapphiredeep:hover { border-color: #3b86f5 !important; }

/* ArcticLight */
.w3-bluearcticlight { background-color: #edf7ff !important; }
.w3-border-bluearcticlight { border-color: #cae7ff !important; }
.w3-text-bluearcticlight { color: #9bd3f9 !important; }
.w3-hover-bluearcticlight:hover { background-color: #b3e5ff !important; }
.w3-hover-text-bluearcticlight:hover { color: #00475f !important; }
.w3-hover-border-bluearcticlight:hover { border-color: #b3e5ff !important; }

/* CobaltDeep */
.w3-bluecobaltdeep { background-color: #d5e4ff !important; }
.w3-border-bluecobaltdeep { border-color: #9fbfff !important; }
.w3-text-bluecobaltdeep { color: #002395 !important; }
.w3-hover-bluecobaltdeep:hover { background-color: #4a7eff !important; }
.w3-hover-text-bluecobaltdeep:hover { color: #ffffff !important; }
.w3-hover-border-bluecobaltdeep:hover { border-color: #4a7eff !important; }

/* PeacockDeep */
.w3-bluepeacockdeep { background-color: #d6f1f8 !important; }
.w3-border-bluepeacockdeep { border-color: #9edfef !important; }
.w3-text-bluepeacockdeep { color: #004b66 !important; }
.w3-hover-bluepeacockdeep:hover { background-color: #67cde3 !important; }
.w3-hover-text-bluepeacockdeep:hover { color: #ffffff !important; }
.w3-hover-border-bluepeacockdeep:hover { border-color: #67cde3 !important; }

/* IceDeep */
.w3-blueicedeep { background-color: #e5f3ff !important; }
.w3-border-blueicedeep { border-color: #b8e0ff !important; }
.w3-text-blueicedeep { color: #5dade2 !important; }
.w3-hover-blueicedeep:hover { background-color: #95ccff !important; }
.w3-hover-text-blueicedeep:hover { color: #00354d !important; }
.w3-hover-border-blueicedeep:hover { border-color: #95ccff !important; }

/* Lavender */
.w3-purplelavender { background-color: #f3e8ff !important; }
.w3-border-purplelavender { border-color: #d9b3ff !important; }
.w3-text-purplelavender { color: #b57edc !important; }
.w3-hover-purplelavender:hover { background-color: #c99eff !important; }
.w3-hover-text-purplelavender:hover { color: #4b007d !important; }
.w3-hover-border-purplelavender:hover { border-color: #c99eff !important; }

/* Amethyst */
.w3-purpleamethyst { background-color: #e8ddff !important; }
.w3-border-purpleamethyst { border-color: #cdb3ff !important; }
.w3-text-purpleamethyst { color: #9966cc !important; }
.w3-hover-purpleamethyst:hover { background-color: #b086ff !important; }
.w3-hover-text-purpleamethyst:hover { color: #32004e !important; }
.w3-hover-border-purpleamethyst:hover { border-color: #b086ff !important; }

/* Orchid */
.w3-purpleorchid { background-color: #f6e2ff !important; }
.w3-border-purpleorchid { border-color: #e3b3ff !important; }
.w3-text-purpleorchid { color: #da70d6 !important; }
.w3-hover-purpleorchid:hover { background-color: #d08aff !important; }
.w3-hover-text-purpleorchid:hover { color: #4d004d !important; }
.w3-hover-border-purpleorchid:hover { border-color: #d08aff !important; }

/* Violet */
.w3-purpleviolet { background-color: #e7d9ff !important; }
.w3-border-purpleviolet { border-color: #c9a8ff !important; }
.w3-text-purpleviolet { color: #8b00ff !important; }
.w3-hover-purpleviolet:hover { background-color: #ae60ff !important; }
.w3-hover-text-purpleviolet:hover { color: #ffffff !important; }
.w3-hover-border-purpleviolet:hover { border-color: #ae60ff !important; }

/* Plum */
.w3-purpleplum { background-color: #f2dcff !important; }
.w3-border-purpleplum { border-color: #d8a8ff !important; }
.w3-text-purpleplum { color: #8e4585 !important; }
.w3-hover-purpleplum:hover { background-color: #bf79b2 !important; }
.w3-hover-text-purpleplum:hover { color: #ffffff !important; }
.w3-hover-border-purpleplum:hover { border-color: #bf79b2 !important; }

/* Grape */
.w3-purplegrape { background-color: #f1d6ff !important; }
.w3-border-purplegrape { border-color: #d29eff !important; }
.w3-text-purplegrape { color: #6f2da8 !important; }
.w3-hover-purplegrape:hover { background-color: #a25be0 !important; }
.w3-hover-text-purplegrape:hover { color: #ffffff !important; }
.w3-hover-border-purplegrape:hover { border-color: #a25be0 !important; }

/* Iris */
.w3-purpleiris { background-color: #e6dcff !important; }
.w3-border-purpleiris { border-color: #c7adff !important; }
.w3-text-purpleiris { color: #5a4fcf !important; }
.w3-hover-purpleiris:hover { background-color: #8673f7 !important; }
.w3-hover-text-purpleiris:hover { color: #ffffff !important; }
.w3-hover-border-purpleiris:hover { border-color: #8673f7 !important; }

/* Lilac */
.w3-purplelilac { background-color: #f4e6ff !important; }
.w3-border-purplelilac { border-color: #dfbaff !important; }
.w3-text-purplelilac { color: #c8a2c8 !important; }
.w3-hover-purplelilac:hover { background-color: #d48ef2 !important; }
.w3-hover-text-purplelilac:hover { color: #400040 !important; }
.w3-hover-border-purplelilac:hover { border-color: #d48ef2 !important; }

/* Magenta */
.w3-purplemagenta { background-color: #ffccff !important; }
.w3-border-purplemagenta { border-color: #ff99ff !important; }
.w3-text-purplemagenta { color: #ff00ff !important; }
.w3-hover-purplemagenta:hover { background-color: #ff66ff !important; }
.w3-hover-text-purplemagenta:hover { color: #330033 !important; }
.w3-hover-border-purplemagenta:hover { border-color: #ff66ff !important; }

/* Heather */
.w3-purpleheather { background-color: #f1e3ff !important; }
.w3-border-purpleheather { border-color: #dcbaff !important; }
.w3-text-purpleheather { color: #9e7bb5 !important; }
.w3-hover-purpleheather:hover { background-color: #b590d9 !important; }
.w3-hover-text-purpleheather:hover { color: #3f0045 !important; }
.w3-hover-border-purpleheather:hover { border-color: #b590d9 !important; }

/* Eggplant */
.w3-purpleeggplant { background-color: #e7cce6 !important; }
.w3-border-purpleeggplant { border-color: #c78fc3 !important; }
.w3-text-purpleeggplant { color: #551a8b !important; }
.w3-hover-purpleeggplant:hover { background-color: #7a3db7 !important; }
.w3-hover-text-purpleeggplant:hover { color: #ffffff !important; }
.w3-hover-border-purpleeggplant:hover { border-color: #7a3db7 !important; }

/* Mystic */
.w3-purplemystic { background-color: #efe2ff !important; }
.w3-border-purplemystic { border-color: #d5baff !important; }
.w3-text-purplemystic { color: #7851a9 !important; }
.w3-hover-purplemystic:hover { background-color: #a277e0 !important; }
.w3-hover-text-purplemystic:hover { color: #ffffff !important; }
.w3-hover-border-purplemystic:hover { border-color: #a277e0 !important; }

/* Mauve */
.w3-purplemauve { background-color: #f2eaf4 !important; }
.w3-border-purplemauve { border-color: #e1c9e5 !important; }
.w3-text-purplemauve { color: #e0b0ff !important; }
.w3-hover-purplemauve:hover { background-color: #dda3f7 !important; }
.w3-hover-text-purplemauve:hover { color: #400040 !important; }
.w3-hover-border-purplemauve:hover { border-color: #dda3f7 !important; }

/* Royal */
.w3-purpleroyal { background-color: #e3dbff !important; }
.w3-border-purpleroyal { border-color: #c3afff !important; }
.w3-text-purpleroyal { color: #7851a9 !important; }
.w3-hover-purpleroyal:hover { background-color: #a275e5 !important; }
.w3-hover-text-purpleroyal:hover { color: #ffffff !important; }
.w3-hover-border-purpleroyal:hover { border-color: #a275e5 !important; }

/* Deeppurple */
.w3-purplerdeep { background-color: #d9ccff !important; }
.w3-border-purplerdeep { border-color: #b99fff !important; }
.w3-text-purplerdeep { color: #301934 !important; }
.w3-hover-purplerdeep:hover { background-color: #7442c8 !important; }
.w3-hover-text-purplerdeep:hover { color: #ffffff !important; }
.w3-hover-border-purplerdeep:hover { border-color: #7442c8 !important; }

/* Fuchsia */
.w3-purplefuchsia { background-color: #ffd6ff !important; }
.w3-border-purplefuchsia { border-color: #ffa8ff !important; }
.w3-text-purplefuchsia { color: #ff77ff !important; }
.w3-hover-purplefuchsia:hover { background-color: #ff44ff !important; }
.w3-hover-text-purplefuchsia:hover { color: #330033 !important; }
.w3-hover-border-purplefuchsia:hover { border-color: #ff44ff !important; }

/* Berry */
.w3-purpleberry { background-color: #f2d9f2 !important; }
.w3-border-purpleberry { border-color: #e0a1e0 !important; }
.w3-text-purpleberry { color: #8b008b !important; }
.w3-hover-purpleberry:hover { background-color: #c14fc1 !important; }
.w3-hover-text-purpleberry:hover { color: #ffffff !important; }
.w3-hover-border-purpleberry:hover { border-color: #c14fc1 !important; }

/* MysticLight */
.w3-purplemysticlight { background-color: #f6e9ff !important; }
.w3-border-purplemysticlight { border-color: #e0bfff !important; }
.w3-text-purplemysticlight { color: #a08fd8 !important; }
.w3-hover-purplemysticlight:hover { background-color: #c1a8f9 !important; }
.w3-hover-text-purplemysticlight:hover { color: #3a0045 !important; }
.w3-hover-border-purplemysticlight:hover { border-color: #c1a8f9 !important; }

/* Twilight */
.w3-purpletwilight { background-color: #e8e1ff !important; }
.w3-border-purpletwilight { border-color: #cdb8ff !important; }
.w3-text-purpletwilight { color: #4b0082 !important; }
.w3-hover-purpletwilight:hover { background-color: #8c5ae5 !important; }
.w3-hover-text-purpletwilight:hover { color: #ffffff !important; }
.w3-hover-border-purpletwilight:hover { border-color: #8c5ae5 !important; }

/* LilacDeep */
.w3-purplelilacdeep { background-color: #e9dbf5 !important; }
.w3-border-purplelilacdeep { border-color: #d1aadf !important; }
.w3-text-purplelilacdeep { color: #9b59b6 !important; }
.w3-hover-purplelilacdeep:hover { background-color: #b184db !important; }
.w3-hover-text-purplelilacdeep:hover { color: #ffffff !important; }
.w3-hover-border-purplelilacdeep:hover { border-color: #b184db !important; }

/* MysticDeep */
.w3-purplemysticdeep { background-color: #e2d6f9 !important; }
.w3-border-purplemysticdeep { border-color: #c5aef2 !important; }
.w3-text-purplemysticdeep { color: #6a0dad !important; }
.w3-hover-purplemysticdeep:hover { background-color: #9d5fe0 !important; }
.w3-hover-text-purplemysticdeep:hover { color: #ffffff !important; }
.w3-hover-border-purplemysticdeep:hover { border-color: #9d5fe0 !important; }

/* MauveDeep */
.w3-purplemauvedeep { background-color: #eadbf2 !important; }
.w3-border-purplemauvedeep { border-color: #d0afe0 !important; }
.w3-text-purplemauvedeep { color: #915c83 !important; }
.w3-hover-purplemauvedeep:hover { background-color: #b487bc !important; }
.w3-hover-text-purplemauvedeep:hover { color: #ffffff !important; }
.w3-hover-border-purplemauvedeep:hover { border-color: #b487bc !important; }

/* Velvet */
.w3-purplevelvet { background-color: #e6d1ee !important; }
.w3-border-purplevelvet { border-color: #c595cf !important; }
.w3-text-purplevelvet { color: #5d3fd3 !important; }
.w3-hover-purplevelvet:hover { background-color: #8c69e5 !important; }
.w3-hover-text-purplevelvet:hover { color: #ffffff !important; }
.w3-hover-border-purplevelvet:hover { border-color: #8c69e5 !important; }

/* RosePurple */
.w3-purplerosepurple { background-color: #f6dbf5 !important; }
.w3-border-purplerosepurple { border-color: #e1a9de !important; }
.w3-text-purplerosepurple { color: #c040b8 !important; }
.w3-hover-purplerosepurple:hover { background-color: #d169cb !important; }
.w3-hover-text-purplerosepurple:hover { color: #3f0040 !important; }
.w3-hover-border-purplerosepurple:hover { border-color: #d169cb !important; }

/* HeatherDeep */
.w3-purpleheatherdeep { background-color: #ead8f5 !important; }
.w3-border-purpleheatherdeep { border-color: #cfaae8 !important; }
.w3-text-purpleheatherdeep { color: #7f4e7e !important; }
.w3-hover-purpleheatherdeep:hover { background-color: #a576b0 !important; }
.w3-hover-text-purpleheatherdeep:hover { color: #ffffff !important; }
.w3-hover-border-purpleheatherdeep:hover { border-color: #a576b0 !important; }

/* MysticRose */
.w3-purplemysticrose { background-color: #f4dff8 !important; }
.w3-border-purplemysticrose { border-color: #e3adef !important; }
.w3-text-purplemysticrose { color: #bc64a4 !important; }
.w3-hover-purplemysticrose:hover { background-color: #d28cc8 !important; }
.w3-hover-text-purplemysticrose:hover { color: #330033 !important; }
.w3-hover-border-purplemysticrose:hover { border-color: #d28cc8 !important; }

/* Divine */
.w3-purpledivine { background-color: #f3e3ff !important; }
.w3-border-purpledivine { border-color: #ddb6ff !important; }
.w3-text-purpledivine { color: #a86bbf !important; }
.w3-hover-purpledivine:hover { background-color: #c18ce9 !important; }
.w3-hover-text-purpledivine:hover { color: #3f004b !important; }
.w3-hover-border-purpledivine:hover { border-color: #c18ce9 !important; }

/* Opal */
.w3-purpleopal { background-color: #f1e5fc !important; }
.w3-border-purpleopal { border-color: #d2b8f5 !important; }
.w3-text-purpleopal { color: #a992be !important; }
.w3-hover-purpleopal:hover { background-color: #b994df !important; }
.w3-hover-text-purpleopal:hover { color: #3f004d !important; }
.w3-hover-border-purpleopal:hover { border-color: #b994df !important; }

/* Regal */
.w3-purpleregal { background-color: #e5d4ff !important; }
.w3-border-purpleregal { border-color: #c8a8ff !important; }
.w3-text-purpleregal { color: #6a0dad !important; }
.w3-hover-purpleregal:hover { background-color: #9b58df !important; }
.w3-hover-text-purpleregal:hover { color: #ffffff !important; }
.w3-hover-border-purpleregal:hover { border-color: #9b58df !important; }

/* Bloom */
.w3-purplebloom { background-color: #f1e0ff !important; }
.w3-border-purplebloom { border-color: #d6baff !important; }
.w3-text-purplebloom { color: #a678b6 !important; }
.w3-hover-purplebloom:hover { background-color: #c495d9 !important; }
.w3-hover-text-purplebloom:hover { color: #390040 !important; }
.w3-hover-border-purplebloom:hover { border-color: #c495d9 !important; }

/* VioletDeep */
.w3-purplevioletdeep { background-color: #e1d5ff !important; }
.w3-border-purplevioletdeep { border-color: #c2a8ff !important; }
.w3-text-purplevioletdeep { color: #4b0082 !important; }
.w3-hover-purplevioletdeep:hover { background-color: #8650e9 !important; }
.w3-hover-text-purplevioletdeep:hover { color: #ffffff !important; }
.w3-hover-border-purplevioletdeep:hover { border-color: #8650e9 !important; }

/* LilacSoft */
.w3-purplelilacsoft { background-color: #f7e9ff !important; }
.w3-border-purplelilacsoft { border-color: #e4bfff !important; }
.w3-text-purplelilacsoft { color: #d3a3e5 !important; }
.w3-hover-purplelilacsoft:hover { background-color: #d6a0ff !important; }
.w3-hover-text-purplelilacsoft:hover { color: #3b0045 !important; }
.w3-hover-border-purplelilacsoft:hover { border-color: #d6a0ff !important; }

/* Whisper */
.w3-purplewhisper { background-color: #f8edff !important; }
.w3-border-purplewhisper { border-color: #e7c7ff !important; }
.w3-text-purplewhisper { color: #cbb7e8 !important; }
.w3-hover-purplewhisper:hover { background-color: #dfafff !important; }
.w3-hover-text-purplewhisper:hover { color: #3f0048 !important; }
.w3-hover-border-purplewhisper:hover { border-color: #dfafff !important; }

/* Imperial */
.w3-purpleimperial { background-color: #e6ddff !important; }
.w3-border-purpleimperial { border-color: #cdb6ff !important; }
.w3-text-purpleimperial { color: #602f6b !important; }
.w3-hover-purpleimperial:hover { background-color: #8a4aaa !important; }
.w3-hover-text-purpleimperial:hover { color: #ffffff !important; }
.w3-hover-border-purpleimperial:hover { border-color: #8a4aaa !important; }

/* Moonlight */
.w3-purplemoonlight { background-color: #f1e6ff !important; }
.w3-border-purplemoonlight { border-color: #debaff !important; }
.w3-text-purplemoonlight { color: #8569af !important; }
.w3-hover-purplemoonlight:hover { background-color: #a683d6 !important; }
.w3-hover-text-purplemoonlight:hover { color: #3f004d !important; }
.w3-hover-border-purplemoonlight:hover { border-color: #a683d6 !important; }

/* LilacBloom */
.w3-purplelilacbloom { background-color: #f4e6fd !important; }
.w3-border-purplelilacbloom { border-color: #e2bbf9 !important; }
.w3-text-purplelilacbloom { color: #bc8fbc !important; }
.w3-hover-purplelilacbloom:hover { background-color: #d6a4fc !important; }
.w3-hover-text-purplelilacbloom:hover { color: #330033 !important; }
.w3-hover-border-purplelilacbloom:hover { border-color: #d6a4fc !important; }

/* OrchidLight */
.w3-purpleorchidlight { background-color: #fbeaff !important; }
.w3-border-purpleorchidlight { border-color: #eec0ff !important; }
.w3-text-purpleorchidlight { color: #e8c3f6 !important; }
.w3-hover-purpleorchidlight:hover { background-color: #e8a3ff !important; }
.w3-hover-text-purpleorchidlight:hover { color: #3f004d !important; }
.w3-hover-border-purpleorchidlight:hover { border-color: #e8a3ff !important; }

/* Dream */
.w3-purpleredream { background-color: #f2e8ff !important; }
.w3-border-purpleredream { border-color: #ddbaff !important; }
.w3-text-purpleredream { color: #aa77b0 !important; }
.w3-hover-purpleredream:hover { background-color: #c496d9 !important; }
.w3-hover-text-purpleredream:hover { color: #3f0045 !important; }
.w3-hover-border-purpleredream:hover { border-color: #c496d9 !important; }

/* Shimmer */
.w3-purpleshimmer { background-color: #f6e5ff !important; }
.w3-border-purpleshimmer { border-color: #e1b7ff !important; }
.w3-text-purpleshimmer { color: #d39eff !important; }
.w3-hover-purpleshimmer:hover { background-color: #d897ff !important; }
.w3-hover-text-purpleshimmer:hover { color: #3f004d !important; }
.w3-hover-border-purpleshimmer:hover { border-color: #d897ff !important; }

/* Tangerine */
.w3-orangetangerine { background-color: #fff0e0 !important; }
.w3-border-orangetangerine { border-color: #ffd1a6 !important; }
.w3-text-orangetangerine { color: #f28500 !important; }
.w3-hover-orangetangerine:hover { background-color: #ffb055 !important; }
.w3-hover-text-orangetangerine:hover { color: #4d2a00 !important; }
.w3-hover-border-orangetangerine:hover { border-color: #ffb055 !important; }

/* Amber */
.w3-orangeamber { background-color: #fff2dc !important; }
.w3-border-orangeamber { border-color: #ffd599 !important; }
.w3-text-orangeamber { color: #ffbf00 !important; }
.w3-hover-orangeamber:hover { background-color: #ffc54c !important; }
.w3-hover-text-orangeamber:hover { color: #3e3000 !important; }
.w3-hover-border-orangeamber:hover { border-color: #ffc54c !important; }

/* Sunset */
.w3-orangesunset { background-color: #ffe5cc !important; }
.w3-border-orangesunset { border-color: #ffb266 !important; }
.w3-text-orangesunset { color: #fd5e53 !important; }
.w3-hover-orangesunset:hover { background-color: #ff9260 !important; }
.w3-hover-text-orangesunset:hover { color: #4d1818 !important; }
.w3-hover-border-orangesunset:hover { border-color: #ff9260 !important; }

/* Peach */
.w3-orangepeach { background-color: #ffe6cc !important; }
.w3-border-orangepeach { border-color: #ffd09b !important; }
.w3-text-orangepeach { color: #ffb07c !important; }
.w3-hover-orangepeach:hover { background-color: #ff925c !important; }
.w3-hover-text-orangepeach:hover { color: #4d1f00 !important; }
.w3-hover-border-orangepeach:hover { border-color: #ff925c !important; }

/* Coral */
.w3-orangecoral { background-color: #ffe3d1 !important; }
.w3-border-orangecoral { border-color: #ffbaa3 !important; }
.w3-text-orangecoral { color: #ff7f50 !important; }
.w3-hover-orangecoral:hover { background-color: #ff9d6f !important; }
.w3-hover-text-orangecoral:hover { color: #4d1a00 !important; }
.w3-hover-border-orangecoral:hover { border-color: #ff9d6f !important; }

/* Apricot */
.w3-orangeapricot { background-color: #fff2e0 !important; }
.w3-border-orangeapricot { border-color: #ffd7a3 !important; }
.w3-text-orangeapricot { color: #fbceb1 !important; }
.w3-hover-orangeapricot:hover { background-color: #ffc87c !important; }
.w3-hover-text-orangeapricot:hover { color: #4d2600 !important; }
.w3-hover-border-orangeapricot:hover { border-color: #ffc87c !important; }

/* Carrot */
.w3-orangecarrot { background-color: #ffe7cc !important; }
.w3-border-orangecarrot { border-color: #ffcc99 !important; }
.w3-text-orangecarrot { color: #ed9121 !important; }
.w3-hover-orangecarrot:hover { background-color: #ffac51 !important; }
.w3-hover-text-orangecarrot:hover { color: #4d2a00 !important; }
.w3-hover-border-orangecarrot:hover { border-color: #ffac51 !important; }

/* Bronze */
.w3-orangebronze { background-color: #fbe2c6 !important; }
.w3-border-orangebronze { border-color: #f7b97a !important; }
.w3-text-orangebronze { color: #cd7f32 !important; }
.w3-hover-orangebronze:hover { background-color: #e59b4a !important; }
.w3-hover-text-orangebronze:hover { color: #3f2100 !important; }
.w3-hover-border-orangebronze:hover { border-color: #e59b4a !important; }

/* Flame */
.w3-orangeflame { background-color: #ffe1c6 !important; }
.w3-border-orangeflame { border-color: #ffb680 !important; }
.w3-text-orangeflame { color: #e25822 !important; }
.w3-hover-orangeflame:hover { background-color: #ff964a !important; }
.w3-hover-text-orangeflame:hover { color: #ffffff !important; }
.w3-hover-border-orangeflame:hover { border-color: #ff964a !important; }

/* Honey */
.w3-orangehoney { background-color: #fff0cc !important; }
.w3-border-orangehoney { border-color: #ffda80 !important; }
.w3-text-orangehoney { color: #fbb034 !important; }
.w3-hover-orangehoney:hover { background-color: #ffb84d !important; }
.w3-hover-text-orangehoney:hover { color: #4d2a00 !important; }
.w3-hover-border-orangehoney:hover { border-color: #ffb84d !important; }

/* Persimmon */
.w3-orangepersimmon { background-color: #ffe4cc !important; }
.w3-border-orangepersimmon { border-color: #ffbb80 !important; }
.w3-text-orangepersimmon { color: #ec5800 !important; }
.w3-hover-orangepersimmon:hover { background-color: #ff8a3c !important; }
.w3-hover-text-orangepersimmon:hover { color: #ffffff !important; }
.w3-hover-border-orangepersimmon:hover { border-color: #ff8a3c !important; }

/* Vermilion */
.w3-orangevermilion { background-color: #ffe6cc !important; }
.w3-border-orangevermilion { border-color: #ffb999 !important; }
.w3-text-orangevermilion { color: #e34234 !important; }
.w3-hover-orangevermilion:hover { background-color: #ff856b !important; }
.w3-hover-text-orangevermilion:hover { color: #ffffff !important; }
.w3-hover-border-orangevermilion:hover { border-color: #ff856b !important; }

/* Pumpkin */
.w3-orangepumpkin { background-color: #ffebcc !important; }
.w3-border-orangepumpkin { border-color: #ffd399 !important; }
.w3-text-orangepumpkin { color: #ff7518 !important; }
.w3-hover-orangepumpkin:hover { background-color: #ff9933 !important; }
.w3-hover-text-orangepumpkin:hover { color: #ffffff !important; }
.w3-hover-border-orangepumpkin:hover { border-color: #ff9933 !important; }

/* Cinnamon */
.w3-orangecinnamon { background-color: #ffe1cc !important; }
.w3-border-orangecinnamon { border-color: #ffb680 !important; }
.w3-text-orangecinnamon { color: #d2691e !important; }
.w3-hover-orangecinnamon:hover { background-color: #e89c60 !important; }
.w3-hover-text-orangecinnamon:hover { color: #3f2000 !important; }
.w3-hover-border-orangecinnamon:hover { border-color: #e89c60 !important; }

/* Saffron */
.w3-orangesaffron { background-color: #fff2cc !important; }
.w3-border-orangesaffron { border-color: #ffdb80 !important; }
.w3-text-orangesaffron { color: #f4c430 !important; }
.w3-hover-orangesaffron:hover { background-color: #ffc94a !important; }
.w3-hover-text-orangesaffron:hover { color: #3f2d00 !important; }
.w3-hover-border-orangesaffron:hover { border-color: #ffc94a !important; }

/* Copper */
.w3-orangecopper { background-color: #ffe2cb !important; }
.w3-border-orangecopper { border-color: #ffc097 !important; }
.w3-text-orangecopper { color: #b87333 !important; }
.w3-hover-orangecopper:hover { background-color: #ce7b43 !important; }
.w3-hover-text-orangecopper:hover { color: #ffffff !important; }
.w3-hover-border-orangecopper:hover { border-color: #ce7b43 !important; }

/* Amberdeep */
.w3-orangeamberdeep { background-color: #ffdfb8 !important; }
.w3-border-orangeamberdeep { border-color: #ffc266 !important; }
.w3-text-orangeamberdeep { color: #ff8f00 !important; }
.w3-hover-orangeamberdeep:hover { background-color: #ffa436 !important; }
.w3-hover-text-orangeamberdeep:hover { color: #3f2100 !important; }
.w3-hover-border-orangeamberdeep:hover { border-color: #ffa436 !important; }

/* Spice */
.w3-orangespice { background-color: #ffe7c9 !important; }
.w3-border-orangespice { border-color: #ffc796 !important; }
.w3-text-orangespice { color: #e2725b !important; }
.w3-hover-orangespice:hover { background-color: #f58a72 !important; }
.w3-hover-text-orangespice:hover { color: #330b00 !important; }
.w3-hover-border-orangespice:hover { border-color: #f58a72 !important; }

/* Goldendawn */
.w3-orangegoldendawn { background-color: #ffedcc !important; }
.w3-border-orangegoldendawn { border-color: #ffd999 !important; }
.w3-text-orangegoldendawn { color: #ffc324 !important; }
.w3-hover-orangegoldendawn:hover { background-color: #ffb347 !important; }
.w3-hover-text-orangegoldendawn:hover { color: #402b00 !important; }
.w3-hover-border-orangegoldendawn:hover { border-color: #ffb347 !important; }

/* Mint */
.w3-greenmint { background-color: #e8fff2 !important; }
.w3-border-greenmint { border-color: #b2ffd6 !important; }
.w3-text-greenmint { color: #00a86b !important; }
.w3-hover-greenmint:hover { background-color: #74ffb7 !important; }
.w3-hover-text-greenmint:hover { color: #004d33 !important; }
.w3-hover-border-greenmint:hover { border-color: #74ffb7 !important; }

/* Lime */
.w3-greenlime { background-color: #f5ffe0 !important; }
.w3-border-greenlime { border-color: #e6ff99 !important; }
.w3-text-greenlime { color: #32cd32 !important; }
.w3-hover-greenlime:hover { background-color: #9cff4f !important; }
.w3-hover-text-greenlime:hover { color: #2e4d00 !important; }
.w3-hover-border-greenlime:hover { border-color: #9cff4f !important; }

/* Emerald */
.w3-greenemerald { background-color: #e5ffee !important; }
.w3-border-greenemerald { border-color: #b3ffd2 !important; }
.w3-text-greenemerald { color: #50c878 !important; }
.w3-hover-greenemerald:hover { background-color: #82ffb0 !important; }
.w3-hover-text-greenemerald:hover { color: #0d4d29 !important; }
.w3-hover-border-greenemerald:hover { border-color: #82ffb0 !important; }

/* Jade */
.w3-greenjade { background-color: #e0fff0 !important; }
.w3-border-greenjade { border-color: #a8fccc !important; }
.w3-text-greenjade { color: #00a36c !important; }
.w3-hover-greenjade:hover { background-color: #62f5a9 !important; }
.w3-hover-text-greenjade:hover { color: #004d33 !important; }
.w3-hover-border-greenjade:hover { border-color: #62f5a9 !important; }

/* Forest */
.w3-greenforest { background-color: #e3f2e1 !important; }
.w3-border-greenforest { border-color: #badbb1 !important; }
.w3-text-greenforest { color: #228b22 !important; }
.w3-hover-greenforest:hover { background-color: #66cb66 !important; }
.w3-hover-text-greenforest:hover { color: #ffffff !important; }
.w3-hover-border-greenforest:hover { border-color: #66cb66 !important; }

/* Olive */
.w3-greenolive { background-color: #f5f8e3 !important; }
.w3-border-greenolive { border-color: #e2e8ae !important; }
.w3-text-greenolive { color: #808000 !important; }
.w3-hover-greenolive:hover { background-color: #bec760 !important; }
.w3-hover-text-greenolive:hover { color: #3d3d00 !important; }
.w3-hover-border-greenolive:hover { border-color: #bec760 !important; }

/* Seafoam */
.w3-greenseafoam { background-color: #e8fff8 !important; }
.w3-border-greenseafoam { border-color: #c1ffeb !important; }
.w3-text-greenseafoam { color: #93e9be !important; }
.w3-hover-greenseafoam:hover { background-color: #afffde !important; }
.w3-hover-text-greenseafoam:hover { color: #004d29 !important; }
.w3-hover-border-greenseafoam:hover { border-color: #afffde !important; }

/* Pine */
.w3-greenpine { background-color: #e3f2ec !important; }
.w3-border-greenpine { border-color: #b0dcc9 !important; }
.w3-text-greenpine { color: #01796f !important; }
.w3-hover-greenpine:hover { background-color: #4ec1ae !important; }
.w3-hover-text-greenpine:hover { color: #ffffff !important; }
.w3-hover-border-greenpine:hover { border-color: #4ec1ae !important; }

/* Teal */
.w3-greenteal { background-color: #e0f2f1 !important; }
.w3-border-greenteal { border-color: #80cbc4 !important; }
.w3-text-greenteal { color: #008080 !important; }
.w3-hover-greenteal:hover { background-color: #4db6ac !important; }
.w3-hover-text-greenteal:hover { color: #ffffff !important; }
.w3-hover-border-greenteal:hover { border-color: #4db6ac !important; }

/* Apple */
.w3-greenapple { background-color: #e9ffd8 !important; }
.w3-border-greenapple { border-color: #d0ffa3 !important; }
.w3-text-greenapple { color: #4ed44e !important; }
.w3-hover-greenapple:hover { background-color: #7aff7a !important; }
.w3-hover-text-greenapple:hover { color: #004d00 !important; }
.w3-hover-border-greenapple:hover { border-color: #7aff7a !important; }

/* Grass */
.w3-greengrass { background-color: #e8fddc !important; }
.w3-border-greengrass { border-color: #cbf4a8 !important; }
.w3-text-greengrass { color: #6fbf73 !important; }
.w3-hover-greengrass:hover { background-color: #9fe79f !important; }
.w3-hover-text-greengrass:hover { color: #224422 !important; }
.w3-hover-border-greengrass:hover { border-color: #9fe79f !important; }

/* Moss */
.w3-greenmoss { background-color: #e2f0db !important; }
.w3-border-greenmoss { border-color: #bfdcb2 !important; }
.w3-text-greenmoss { color: #8a9a5b !important; }
.w3-hover-greenmoss:hover { background-color: #adc580 !important; }
.w3-hover-text-greenmoss:hover { color: #2c351a !important; }
.w3-hover-border-greenmoss:hover { border-color: #adc580 !important; }

/* Chartreuse */
.w3-greenchartreuse { background-color: #f6ffe0 !important; }
.w3-border-greenchartreuse { border-color: #eaff99 !important; }
.w3-text-greenchartreuse { color: #7fff00 !important; }
.w3-hover-greenchartreuse:hover { background-color: #a8ff4d !important; }
.w3-hover-text-greenchartreuse:hover { color: #2e3f00 !important; }
.w3-hover-border-greenchartreuse:hover { border-color: #a8ff4d !important; }

/* Fern */
.w3-greenfern { background-color: #e3f7e0 !important; }
.w3-border-greenfern { border-color: #bbe8b3 !important; }
.w3-text-greenfern { color: #63b76c !important; }
.w3-hover-greenfern:hover { background-color: #83de8d !important; }
.w3-hover-text-greenfern:hover { color: #0f330f !important; }
.w3-hover-border-greenfern:hover { border-color: #83de8d !important; }

/* Cactus */
.w3-greencactus { background-color: #e9f7e5 !important; }
.w3-border-greencactus { border-color: #c7e8bc !important; }
.w3-text-greencactus { color: #587d3e !important; }
.w3-hover-greencactus:hover { background-color: #8fc182 !important; }
.w3-hover-text-greencactus:hover { color: #ffffff !important; }
.w3-hover-border-greencactus:hover { border-color: #8fc182 !important; }

/* Shamrock */
.w3-greenshamrock { background-color: #e3fdec !important; }
.w3-border-greenshamrock { border-color: #b1f5c8 !important; }
.w3-text-greenshamrock { color: #009e60 !important; }
.w3-hover-greenshamrock:hover { background-color: #4ee0a2 !important; }
.w3-hover-text-greenshamrock:hover { color: #00331f !important; }
.w3-hover-border-greenshamrock:hover { border-color: #4ee0a2 !important; }

/* Neon */
.w3-greenneon { background-color: #f1ffe0 !important; }
.w3-border-greenneon { border-color: #dfff99 !important; }
.w3-text-greenneon { color: #39ff14 !important; }
.w3-hover-greenneon:hover { background-color: #9cff4f !important; }
.w3-hover-text-greenneon:hover { color: #2e4d00 !important; }
.w3-hover-border-greenneon:hover { border-color: #9cff4f !important; }

/* Palm */
.w3-greenpalm { background-color: #e6f9e0 !important; }
.w3-border-greenpalm { border-color: #c0ecb1 !important; }
.w3-text-greenpalm { color: #4ca66b !important; }
.w3-hover-greenpalm:hover { background-color: #83cc8e !important; }
.w3-hover-text-greenpalm:hover { color: #0f330f !important; }
.w3-hover-border-greenpalm:hover { border-color: #83cc8e !important; }

/* Aquamarine */
.w3-greenaquamarine { background-color: #e0fff5 !important; }
.w3-border-greenaquamarine { border-color: #aefce2 !important; }
.w3-text-greenaquamarine { color: #7fffd4 !important; }
.w3-hover-greenaquamarine:hover { background-color: #a8ffe5 !important; }
.w3-hover-text-greenaquamarine:hover { color: #004d33 !important; }
.w3-hover-border-greenaquamarine:hover { border-color: #a8ffe5 !important; }

/* Meadow */
.w3-greenmeadow { background-color: #e8ffe4 !important; }
.w3-border-greenmeadow { border-color: #c8ffc0 !important; }
.w3-text-greenmeadow { color: #66bb6a !important; }
.w3-hover-greenmeadow:hover { background-color: #94e594 !important; }
.w3-hover-text-greenmeadow:hover { color: #003d00 !important; }
.w3-hover-border-greenmeadow:hover { border-color: #94e594 !important; }

/* Leaf */
.w3-greenleaf { background-color: #e4f8dc !important; }
.w3-border-greenleaf { border-color: #c3e6ae !important; }
.w3-text-greenleaf { color: #3a9d23 !important; }
.w3-hover-greenleaf:hover { background-color: #78d26e !important; }
.w3-hover-text-greenleaf:hover { color: #ffffff !important; }
.w3-hover-border-greenleaf:hover { border-color: #78d26e !important; }

/* Basil */
.w3-greenbasil { background-color: #e2f4dc !important; }
.w3-border-greenbasil { border-color: #c7e2b8 !important; }
.w3-text-greenbasil { color: #5b7c5b !important; }
.w3-hover-greenbasil:hover { background-color: #85b985 !important; }
.w3-hover-text-greenbasil:hover { color: #ffffff !important; }
.w3-hover-border-greenbasil:hover { border-color: #85b985 !important; }

/* MintLight */
.w3-greenmintlight { background-color: #f1fff8 !important; }
.w3-border-greenmintlight { border-color: #c1ffe9 !important; }
.w3-text-greenmintlight { color: #aeeacf !important; }
.w3-hover-greenmintlight:hover { background-color: #afffe0 !important; }
.w3-hover-text-greenmintlight:hover { color: #004d33 !important; }
.w3-hover-border-greenmintlight:hover { border-color: #afffe0 !important; }

/* FernLight */
.w3-greenfernlight { background-color: #ebffe6 !important; }
.w3-border-greenfernlight { border-color: #caffbc !important; }
.w3-text-greenfernlight { color: #7ec98a !important; }
.w3-hover-greenfernlight:hover { background-color: #a8f0aa !important; }
.w3-hover-text-greenfernlight:hover { color: #224822 !important; }
.w3-hover-border-greenfernlight:hover { border-color: #a8f0aa !important; }

/* Jungle */
.w3-greenjungle { background-color: #e0f2e7 !important; }
.w3-border-greenjungle { border-color: #aed5bb !important; }
.w3-text-greenjungle { color: #29ab87 !important; }
.w3-hover-greenjungle:hover { background-color: #54cba7 !important; }
.w3-hover-text-greenjungle:hover { color: #ffffff !important; }
.w3-hover-border-greenjungle:hover { border-color: #54cba7 !important; }

/* Cucumber */
.w3-greencucumber { background-color: #e6ffde !important; }
.w3-border-greencucumber { border-color: #c8ffa9 !important; }
.w3-text-greencucumber { color: #83f28f !important; }
.w3-hover-greencucumber:hover { background-color: #a8ffbc !important; }
.w3-hover-text-greencucumber:hover { color: #2e4d28 !important; }
.w3-hover-border-greencucumber:hover { border-color: #a8ffbc !important; }

/* Pear */
.w3-greenpear { background-color: #f7ffd4 !important; }
.w3-border-greenpear { border-color: #f0ff99 !important; }
.w3-text-greenpear { color: #d1e231 !important; }
.w3-hover-greenpear:hover { background-color: #e8ff59 !important; }
.w3-hover-text-greenpear:hover { color: #334d00 !important; }
.w3-hover-border-greenpear:hover { border-color: #e8ff59 !important; }

/* PalmLight */
.w3-greenpalmlight { background-color: #e5f9e2 !important; }
.w3-border-greenpalmlight { border-color: #c1e4b8 !important; }
.w3-text-greenpalmlight { color: #6fbf73 !important; }
.w3-hover-greenpalmlight:hover { background-color: #94e494 !important; }
.w3-hover-text-greenpalmlight:hover { color: #0f330f !important; }
.w3-hover-border-greenpalmlight:hover { border-color: #94e494 !important; }

/* Pistachio */
.w3-greenpistachio { background-color: #edffe0 !important; }
.w3-border-greenpistachio { border-color: #dbffb0 !important; }
.w3-text-greenpistachio { color: #93c572 !important; }
.w3-hover-greenpistachio:hover { background-color: #bdfb93 !important; }
.w3-hover-text-greenpistachio:hover { color: #224822 !important; }
.w3-hover-border-greenpistachio:hover { border-color: #bdfb93 !important; }

/* Evergreen */
.w3-greenevergreen { background-color: #dce8dc !important; }
.w3-border-greenevergreen { border-color: #b5d0b5 !important; }
.w3-text-greenevergreen { color: #05472a !important; }
.w3-hover-greenevergreen:hover { background-color: #35805a !important; }
.w3-hover-text-greenevergreen:hover { color: #ffffff !important; }
.w3-hover-border-greenevergreen:hover { border-color: #35805a !important; }

/* Clover */
.w3-greenclover { background-color: #e4f7e0 !important; }
.w3-border-greenclover { border-color: #bbe8b3 !important; }
.w3-text-greenclover { color: #3ea055 !important; }
.w3-hover-greenclover:hover { background-color: #79d286 !important; }
.w3-hover-text-greenclover:hover { color: #003311 !important; }
.w3-hover-border-greenclover:hover { border-color: #79d286 !important; }

/* MalibuOcean */
.w3-greenmalibu { background-color: #dff9ef !important; }
.w3-border-greenmalibu { border-color: #b9f1d9 !important; }
.w3-text-greenmalibu { color: #1abc9c !important; }
.w3-hover-greenmalibu:hover { background-color: #5fd9c4 !important; }
.w3-hover-text-greenmalibu:hover { color: #00332d !important; }
.w3-hover-border-greenmalibu:hover { border-color: #5fd9c4 !important; }

/* Celadon */
.w3-greenceladon { background-color: #e9f6e6 !important; }
.w3-border-greenceladon { border-color: #ccedc3 !important; }
.w3-text-greenceladon { color: #ace1af !important; }
.w3-hover-greenceladon:hover { background-color: #bde9bc !important; }
.w3-hover-text-greenceladon:hover { color: #0f3310 !important; }
.w3-hover-border-greenceladon:hover { border-color: #bde9bc !important; }

/* PalmDeep */
.w3-greenpalmdeep { background-color: #e3f2e3 !important; }
.w3-border-greenpalmdeep { border-color: #badcc0 !important; }
.w3-text-greenpalmdeep { color: #355e3b !important; }
.w3-hover-greenpalmdeep:hover { background-color: #5a8d5e !important; }
.w3-hover-text-greenpalmdeep:hover { color: #ffffff !important; }
.w3-hover-border-greenpalmdeep:hover { border-color: #5a8d5e !important; }

/* Bamboo */
.w3-greenbamboo { background-color: #e6f7d9 !important; }
.w3-border-greenbamboo { border-color: #c2e6a8 !important; }
.w3-text-greenbamboo { color: #96c64c !important; }
.w3-hover-greenbamboo:hover { background-color: #b8ea77 !important; }
.w3-hover-text-greenbamboo:hover { color: #334d00 !important; }
.w3-hover-border-greenbamboo:hover { border-color: #b8ea77 !important; }

/* Sage */
.w3-greensage { background-color: #edf5ed !important; }
.w3-border-greensage { border-color: #d7e2d7 !important; }
.w3-text-greensage { color: #b2ac88 !important; }
.w3-hover-greensage:hover { background-color: #d0d8c0 !important; }
.w3-hover-text-greensage:hover { color: #2c301a !important; }
.w3-hover-border-greensage:hover { border-color: #d0d8c0 !important; }

/* JadeDeep */
.w3-greenjadedeep { background-color: #e0f2e5 !important; }
.w3-border-greenjadedeep { border-color: #b3e1c0 !important; }
.w3-text-greenjadedeep { color: #00a86b !important; }
.w3-hover-greenjadedeep:hover { background-color: #4ecfa2 !important; }
.w3-hover-text-greenjadedeep:hover { color: #003326 !important; }
.w3-hover-border-greenjadedeep:hover { border-color: #4ecfa2 !important; }

/* Sprout */
.w3-greensprout { background-color: #f2ffe6 !important; }
.w3-border-greensprout { border-color: #deffc0 !important; }
.w3-text-greensprout { color: #b8e472 !important; }
.w3-hover-greensprout:hover { background-color: #cbff8f !important; }
.w3-hover-text-greensprout:hover { color: #2e4d00 !important; }
.w3-hover-border-greensprout:hover { border-color: #cbff8f !important; }

/* GoldLight */
.w3-goldlight { background-color: #fff7cc !important; }
.w3-border-goldlight { border-color: #ffe999 !important; }
.w3-text-goldlight { color: #ffd700 !important; }
.w3-hover-goldlight:hover { background-color: #ffcd33 !important; }
.w3-hover-text-goldlight:hover { color: #3e3000 !important; }
.w3-hover-border-goldlight:hover { border-color: #ffcd33 !important; }

/* ClassicGold */
.w3-goldclassic { background-color: #fff4c2 !important; }
.w3-border-goldclassic { border-color: #ffdd80 !important; }
.w3-text-goldclassic { color: #e6be8a !important; }
.w3-hover-goldclassic:hover { background-color: #fbc25d !important; }
.w3-hover-text-goldclassic:hover { color: #3e2709 !important; }
.w3-hover-border-goldclassic:hover { border-color: #fbc25d !important; }

/* BrightGold */
.w3-goldbright { background-color: #fff2b3 !important; }
.w3-border-goldbright { border-color: #ffe066 !important; }
.w3-text-goldbright { color: #ffb700 !important; }
.w3-hover-goldbright:hover { background-color: #ffc733 !important; }
.w3-hover-text-goldbright:hover { color: #2e2400 !important; }
.w3-hover-border-goldbright:hover { border-color: #ffc733 !important; }

/* Goldenrod */
.w3-goldgoldenrod { background-color: #fff5c2 !important; }
.w3-border-goldgoldenrod { border-color: #ffe066 !important; }
.w3-text-goldgoldenrod { color: #daa520 !important; }
.w3-hover-goldgoldenrod:hover { background-color: #e3ae30 !important; }
.w3-hover-text-goldgoldenrod:hover { color: #3e3200 !important; }
.w3-hover-border-goldgoldenrod:hover { border-color: #e3ae30 !important; }

/* SunGold */
.w3-goldsungold { background-color: #fff9cc !important; }
.w3-border-goldsungold { border-color: #fff07a !important; }
.w3-text-goldsungold { color: #ffcc00 !important; }
.w3-hover-goldsungold:hover { background-color: #ffd633 !important; }
.w3-hover-text-goldsungold:hover { color: #3e3000 !important; }
.w3-hover-border-goldsungold:hover { border-color: #ffd633 !important; }

/* AmberGold */
.w3-goldamber { background-color: #fff2cc !important; }
.w3-border-goldamber { border-color: #ffd985 !important; }
.w3-text-goldamber { color: #ffbf00 !important; }
.w3-hover-goldamber:hover { background-color: #ffc233 !important; }
.w3-hover-text-goldamber:hover { color: #3e2709 !important; }
.w3-hover-border-goldamber:hover { border-color: #ffc233 !important; }

/* MetallicGold */
.w3-goldmetallic { background-color: #fbf1d3 !important; }
.w3-border-goldmetallic { border-color: #e5c687 !important; }
.w3-text-goldmetallic { color: #d4af37 !important; }
.w3-hover-goldmetallic:hover { background-color: #ceb04d !important; }
.w3-hover-text-goldmetallic:hover { color: #3e2800 !important; }
.w3-hover-border-goldmetallic:hover { border-color: #ceb04d !important; }

/* RoyalGold */
.w3-goldroyal { background-color: #fff7cc !important; }
.w3-border-goldroyal { border-color: #ffe680 !important; }
.w3-text-goldroyal { color: #ffd700 !important; }
.w3-hover-goldroyal:hover { background-color: #ffcc33 !important; }
.w3-hover-text-goldroyal:hover { color: #3e2709 !important; }
.w3-hover-border-goldroyal:hover { border-color: #ffcc33 !important; }

/* ChampagneGold */
.w3-goldchampagne { background-color: #fff8df !important; }
.w3-border-goldchampagne { border-color: #ffefb0 !important; }
.w3-text-goldchampagne { color: #f7e7ce !important; }
.w3-hover-goldchampagne:hover { background-color: #ffe499 !important; }
.w3-hover-text-goldchampagne:hover { color: #3f3400 !important; }
.w3-hover-border-goldchampagne:hover { border-color: #ffe499 !important; }

/* OldGold */
.w3-goldoldgold { background-color: #f7f1c2 !important; }
.w3-border-goldoldgold { border-color: #efdc87 !important; }
.w3-text-goldoldgold { color: #cfb53b !important; }
.w3-hover-goldoldgold:hover { background-color: #e0c84e !important; }
.w3-hover-text-goldoldgold:hover { color: #372e00 !important; }
.w3-hover-border-goldoldgold:hover { border-color: #e0c84e !important; }

/* YellowGold */
.w3-goldyellowgold { background-color: #fff7cc !important; }
.w3-border-goldyellowgold { border-color: #ffe780 !important; }
.w3-text-goldyellowgold { color: #ffdf00 !important; }
.w3-hover-goldyellowgold:hover { background-color: #ffe033 !important; }
.w3-hover-text-goldyellowgold:hover { color: #3e3000 !important; }
.w3-hover-border-goldyellowgold:hover { border-color: #ffe033 !important; }

/* ButterGold */
.w3-goldbutter { background-color: #fff8cf !important; }
.w3-border-goldbutter { border-color: #ffe690 !important; }
.w3-text-goldbutter { color: #faf0be !important; }
.w3-hover-goldbutter:hover { background-color: #ffdf66 !important; }
.w3-hover-text-goldbutter:hover { color: #3f3700 !important; }
.w3-hover-border-goldbutter:hover { border-color: #ffdf66 !important; }

/* MellowGold */
.w3-goldmellow { background-color: #ffefcc !important; }
.w3-border-goldmellow { border-color: #ffd999 !important; }
.w3-text-goldmellow { color: #d4b27c !important; }
.w3-hover-goldmellow:hover { background-color: #e8be5c !important; }
.w3-hover-text-goldmellow:hover { color: #3f2500 !important; }
.w3-hover-border-goldmellow:hover { border-color: #e8be5c !important; }

/* HoneyGold */
.w3-goldhoney { background-color: #fff2cc !important; }
.w3-border-goldhoney { border-color: #ffd885 !important; }
.w3-text-goldhoney { color: #ffb700 !important; }
.w3-hover-goldhoney:hover { background-color: #ffcc33 !important; }
.w3-hover-text-goldhoney:hover { color: #3f2500 !important; }
.w3-hover-border-goldhoney:hover { border-color: #ffcc33 !important; }

/* TuscanGold */
.w3-goldtuscan { background-color: #f6efc2 !important; }
.w3-border-goldtuscan { border-color: #ecd889 !important; }
.w3-text-goldtuscan { color: #edc9af !important; }
.w3-hover-goldtuscan:hover { background-color: #e7b76a !important; }
.w3-hover-text-goldtuscan:hover { color: #3f2500 !important; }
.w3-hover-border-goldtuscan:hover { border-color: #e7b76a !important; }

/* SoftGold */
.w3-goldsoft { background-color: #fff9d9 !important; }
.w3-border-goldsoft { border-color: #fff3b4 !important; }
.w3-text-goldsoft { color: #f7e7ce !important; }
.w3-hover-goldsoft:hover { background-color: #ffe890 !important; }
.w3-hover-text-goldsoft:hover { color: #3f3400 !important; }
.w3-hover-border-goldsoft:hover { border-color: #ffe890 !important; }

/* PaleGold */
.w3-goldpale { background-color: #fffade !important; }
.w3-border-goldpale { border-color: #fff7bd !important; }
.w3-text-goldpale { color: #eee8aa !important; }
.w3-hover-goldpale:hover { background-color: #ffe77b !important; }
.w3-hover-text-goldpale:hover { color: #3f3400 !important; }
.w3-hover-border-goldpale:hover { border-color: #ffe77b !important; }

/* DeepGold */
.w3-golddeep { background-color: #fceeb3 !important; }
.w3-border-golddeep { border-color: #f8da74 !important; }
.w3-text-golddeep { color: #b8860b !important; }
.w3-hover-golddeep:hover { background-color: #d9982e !important; }
.w3-hover-text-golddeep:hover { color: #ffffff !important; }
.w3-hover-border-golddeep:hover { border-color: #d9982e !important; }

/* AntiqueGold */
.w3-goldantique { background-color: #f5efda !important; }
.w3-border-goldantique { border-color: #e4d5a3 !important; }
.w3-text-goldantique { color: #cba135 !important; }
.w3-hover-goldantique:hover { background-color: #dcb44b !important; }
.w3-hover-text-goldantique:hover { color: #3f2d00 !important; }
.w3-hover-border-goldantique:hover { border-color: #dcb44b !important; }

/* ShimmerGold */
.w3-goldshimmer { background-color: #fffbe0 !important; }
.w3-border-goldshimmer { border-color: #fff2a6 !important; }
.w3-text-goldshimmer { color: #f1e5ac !important; }
.w3-hover-goldshimmer:hover { background-color: #ffe65c !important; }
.w3-hover-text-goldshimmer:hover { color: #3f3400 !important; }
.w3-hover-border-goldshimmer:hover { border-color: #ffe65c !important; }

/* SilverLight */
.w3-silverlight { background-color: #f9f9f9 !important; }
.w3-border-silverlight { border-color: #e5e5e5 !important; }
.w3-text-silverlight { color: #c0c0c0 !important; }
.w3-hover-silverlight:hover { background-color: #dcdcdc !important; }
.w3-hover-text-silverlight:hover { color: #333333 !important; }
.w3-hover-border-silverlight:hover { border-color: #dcdcdc !important; }

/* PureSilver */
.w3-silverpure { background-color: #f4f4f4 !important; }
.w3-border-silverpure { border-color: #d1d1d1 !important; }
.w3-text-silverpure { color: #c0c0c0 !important; }
.w3-hover-silverpure:hover { background-color: #d6d6d6 !important; }
.w3-hover-text-silverpure:hover { color: #2e2e2e !important; }
.w3-hover-border-silverpure:hover { border-color: #d6d6d6 !important; }

/* MetallicSilver */
.w3-silvermetallic { background-color: #f0f0f0 !important; }
.w3-border-silvermetallic { border-color: #dcdcdc !important; }
.w3-text-silvermetallic { color: #aaa9ad !important; }
.w3-hover-silvermetallic:hover { background-color: #c8c8c8 !important; }
.w3-hover-text-silvermetallic:hover { color: #191919 !important; }
.w3-hover-border-silvermetallic:hover { border-color: #c8c8c8 !important; }

/* FrostSilver */
.w3-silverfrost { background-color: #f8f8f8 !important; }
.w3-border-silverfrost { border-color: #eaeaea !important; }
.w3-text-silverfrost { color: #dfe0e2 !important; }
.w3-hover-silverfrost:hover { background-color: #cccccc !important; }
.w3-hover-text-silverfrost:hover { color: #333333 !important; }
.w3-hover-border-silverfrost:hover { border-color: #cccccc !important; }

/* Platinum */
.w3-silverplatinum { background-color: #f6f6f6 !important; }
.w3-border-silverplatinum { border-color: #e2e2e2 !important; }
.w3-text-silverplatinum { color: #e5e4e2 !important; }
.w3-hover-silverplatinum:hover { background-color: #c9c9c9 !important; }
.w3-hover-text-silverplatinum:hover { color: #2f2f2f !important; }
.w3-hover-border-silverplatinum:hover { border-color: #c9c9c9 !important; }

/* GreyMist */
.w3-silvergreymist { background-color: #f2f2f2 !important; }
.w3-border-silvergreymist { border-color: #dadada !important; }
.w3-text-silvergreymist { color: #bdbdbd !important; }
.w3-hover-silvergreymist:hover { background-color: #c7c7c7 !important; }
.w3-hover-text-silvergreymist:hover { color: #202020 !important; }
.w3-hover-border-silvergreymist:hover { border-color: #c7c7c7 !important; }

/* IceSilver */
.w3-silverice { background-color: #f3f9ff !important; }
.w3-border-silverice { border-color: #e1eefc !important; }
.w3-text-silverice { color: #d8e0e6 !important; }
.w3-hover-silverice:hover { background-color: #cdd8e3 !important; }
.w3-hover-text-silverice:hover { color: #2e2e2e !important; }
.w3-hover-border-silverice:hover { border-color: #cdd8e3 !important; }

/* MoonSilver */
.w3-silvermoon { background-color: #f7f7f8 !important; }
.w3-border-silvermoon { border-color: #e5e5e6 !important; }
.w3-text-silvermoon { color: #d6d6e0 !important; }
.w3-hover-silvermoon:hover { background-color: #c6c5cc !important; }
.w3-hover-text-silvermoon:hover { color: #222222 !important; }
.w3-hover-border-silvermoon:hover { border-color: #c6c5cc !important; }

/* PearlSilver */
.w3-silverpearl { background-color: #f9f9fa !important; }
.w3-border-silverpearl { border-color: #e3e3e5 !important; }
.w3-text-silverpearl { color: #cccdd8 !important; }
.w3-hover-silverpearl:hover { background-color: #dcdce2 !important; }
.w3-hover-text-silverpearl:hover { color: #292933 !important; }
.w3-hover-border-silverpearl:hover { border-color: #dcdce2 !important; }

/* SteelSilver */
.w3-silversteel { background-color: #eaeaea !important; }
.w3-border-silversteel { border-color: #d1d1d1 !important; }
.w3-text-silversteel { color: #b0b0b0 !important; }
.w3-hover-silversteel:hover { background-color: #b8b8b8 !important; }
.w3-hover-text-silversteel:hover { color: #1a1a1a !important; }
.w3-hover-border-silversteel:hover { border-color: #b8b8b8 !important; }

/* Chrome */
.w3-silverchrome { background-color: #f0f0f2 !important; }
.w3-border-silverchrome { border-color: #dcdcdc !important; }
.w3-text-silverchrome { color: #bfc1c2 !important; }
.w3-hover-silverchrome:hover { background-color: #c8c8cd !important; }
.w3-hover-text-silverchrome:hover { color: #262626 !important; }
.w3-hover-border-silverchrome:hover { border-color: #c8c8cd !important; }

/* ArcticSilver */
.w3-silverarctic { background-color: #f7fafb !important; }
.w3-border-silverarctic { border-color: #e6ecef !important; }
.w3-text-silverarctic { color: #d0d7da !important; }
.w3-hover-silverarctic:hover { background-color: #c7cfd3 !important; }
.w3-hover-text-silverarctic:hover { color: #242424 !important; }
.w3-hover-border-silverarctic:hover { border-color: #c7cfd3 !important; }

/* CloudSilver */
.w3-silvercloud { background-color: #f5f5f7 !important; }
.w3-border-silvercloud { border-color: #e0e0e3 !important; }
.w3-text-silvercloud { color: #d1d3d4 !important; }
.w3-hover-silvercloud:hover { background-color: #c4c7cc !important; }
.w3-hover-text-silvercloud:hover { color: #222222 !important; }
.w3-hover-border-silvercloud:hover { border-color: #c4c7cc !important; }

/* TwilightSilver */
.w3-silvertwilight { background-color: #f4f4f6 !important; }
.w3-border-silvertwilight { border-color: #dedfe1 !important; }
.w3-text-silvertwilight { color: #c0c0c8 !important; }
.w3-hover-silvertwilight:hover { background-color: #b7b8bf !important; }
.w3-hover-text-silvertwilight:hover { color: #1c1c22 !important; }
.w3-hover-border-silvertwilight:hover { border-color: #b7b8bf !important; }

/* SatinSilver */
.w3-silversatin { background-color: #f8f8f8 !important; }
.w3-border-silversatin { border-color: #e5e5e5 !important; }
.w3-text-silversatin { color: #cfcfcf !important; }
.w3-hover-silversatin:hover { background-color: #cacaca !important; }
.w3-hover-text-silversatin:hover { color: #232323 !important; }
.w3-hover-border-silversatin:hover { border-color: #cacaca !important; }

/* DuskSilver */
.w3-silverdusk { background-color: #efefef !important; }
.w3-border-silverdusk { border-color: #dbdbdb !important; }
.w3-text-silverdusk { color: #a9a9a9 !important; }
.w3-hover-silverdusk:hover { background-color: #c0c0c0 !important; }
.w3-hover-text-silverdusk:hover { color: #1a1a1a !important; }
.w3-hover-border-silverdusk:hover { border-color: #c0c0c0 !important; }

/* MistSilver */
.w3-silvermist { background-color: #f3f3f3 !important; }
.w3-border-silvermist { border-color: #dfdfdf !important; }
.w3-text-silvermist { color: #c8c8c8 !important; }
.w3-hover-silvermist:hover { background-color: #bfbfbf !important; }
.w3-hover-text-silvermist:hover { color: #202020 !important; }
.w3-hover-border-silvermist:hover { border-color: #bfbfbf !important; }

/* PearlGrey */
.w3-silverpearlgrey { background-color: #f7f7f8 !important; }
.w3-border-silverpearlgrey { border-color: #e3e4e5 !important; }
.w3-text-silverpearlgrey { color: #b4b4b4 !important; }
.w3-hover-silverpearlgrey:hover { background-color: #c9c9ca !important; }
.w3-hover-text-silverpearlgrey:hover { color: #232323 !important; }
.w3-hover-border-silverpearlgrey:hover { border-color: #c9c9ca !important; }

/* PlatinumGrey */
.w3-silverplatinumgrey { background-color: #f6f6f6 !important; }
.w3-border-silverplatinumgrey { border-color: #e2e2e2 !important; }
.w3-text-silverplatinumgrey { color: #bebebe !important; }
.w3-hover-silverplatinumgrey:hover { background-color: #cacaca !important; }
.w3-hover-text-silverplatinumgrey:hover { color: #212121 !important; }
.w3-hover-border-silverplatinumgrey:hover { border-color: #cacaca !important; }

/* LunarSilver */
.w3-silverlunar { background-color: #f8f8f9 !important; }
.w3-border-silverlunar { border-color: #e6e6e7 !important; }
.w3-text-silverlunar { color: #c3c3c3 !important; }
.w3-hover-silverlunar:hover { background-color: #cccccc !important; }
.w3-hover-text-silverlunar:hover { color: #2a2a2a !important; }
.w3-hover-border-silverlunar:hover { border-color: #cccccc !important; }

/* OpalSilver */
.w3-silveropal { background-color: #f9f9fb !important; }
.w3-border-silveropal { border-color: #e5e5e9 !important; }
.w3-text-silveropal { color: #dcdcdc !important; }
.w3-hover-silveropal:hover { background-color: #bdbdbd !important; }
.w3-hover-text-silveropal:hover { color: #242424 !important; }
.w3-hover-border-silveropal:hover { border-color: #bdbdbd !important; }

/* DiamondSilver */
.w3-silverdiamond { background-color: #fafafa !important; }
.w3-border-silverdiamond { border-color: #eaeaea !important; }
.w3-text-silverdiamond { color: #d8d8d8 !important; }
.w3-hover-silverdiamond:hover { background-color: #c9c9c9 !important; }
.w3-hover-text-silverdiamond:hover { color: #1e1e1e !important; }
.w3-hover-border-silverdiamond:hover { border-color: #c9c9c9 !important; }

/* CopperLight */
.w3-copperlight { background-color: #ffece0 !important; }
.w3-border-copperlight { border-color: #ffcbad !important; }
.w3-text-copperlight { color: #b87333 !important; }
.w3-hover-copperlight:hover { background-color: #e59b4a !important; }
.w3-hover-text-copperlight:hover { color: #3f2100 !important; }
.w3-hover-border-copperlight:hover { border-color: #e59b4a !important; }

/* PureCopper */
.w3-copperpure { background-color: #ffe6d1 !important; }
.w3-border-copperpure { border-color: #ffbe88 !important; }
.w3-text-copperpure { color: #b46b32 !important; }
.w3-hover-copperpure:hover { background-color: #e08a42 !important; }
.w3-hover-text-copperpure:hover { color: #ffffff !important; }
.w3-hover-border-copperpure:hover { border-color: #e08a42 !important; }

/* RusticCopper */
.w3-copperrustic { background-color: #f8e2cc !important; }
.w3-border-copperrustic { border-color: #ecb38c !important; }
.w3-text-copperrustic { color: #a65f2d !important; }
.w3-hover-copperrustic:hover { background-color: #d97c40 !important; }
.w3-hover-text-copperrustic:hover { color: #ffffff !important; }
.w3-hover-border-copperrustic:hover { border-color: #d97c40 !important; }

/* BurnishedCopper */
.w3-copperburnish { background-color: #f6e0d1 !important; }
.w3-border-copperburnish { border-color: #e6af87 !important; }
.w3-text-copperburnish { color: #7c4848 !important; }
.w3-hover-copperburnish:hover { background-color: #be6848 !important; }
.w3-hover-text-copperburnish:hover { color: #ffffff !important; }
.w3-hover-border-copperburnish:hover { border-color: #be6848 !important; }

/* BronzeCopper */
.w3-copperbronze { background-color: #fbdec6 !important; }
.w3-border-copperbronze { border-color: #efb277 !important; }
.w3-text-copperbronze { color: #cd7f32 !important; }
.w3-hover-copperbronze:hover { background-color: #e39947 !important; }
.w3-hover-text-copperbronze:hover { color: #ffffff !important; }
.w3-hover-border-copperbronze:hover { border-color: #e39947 !important; }

/* AntiqueCopper */
.w3-copperantique { background-color: #f2dfcc !important; }
.w3-border-copperantique { border-color: #e0b48c !important; }
.w3-text-copperantique { color: #7b3f00 !important; }
.w3-hover-copperantique:hover { background-color: #b56a2a !important; }
.w3-hover-text-copperantique:hover { color: #ffffff !important; }
.w3-hover-border-copperantique:hover { border-color: #b56a2a !important; }

/* DeepCopper */
.w3-copperdeep { background-color: #edd5c2 !important; }
.w3-border-copperdeep { border-color: #e0a975 !important; }
.w3-text-copperdeep { color: #9c5221 !important; }
.w3-hover-copperdeep:hover { background-color: #c35e28 !important; }
.w3-hover-text-copperdeep:hover { color: #ffffff !important; }
.w3-hover-border-copperdeep:hover { border-color: #c35e28 !important; }

/* ReddishCopper */
.w3-copperred { background-color: #fbe6d9 !important; }
.w3-border-copperred { border-color: #f2b594 !important; }
.w3-text-copperred { color: #bb4f39 !important; }
.w3-hover-copperred:hover { background-color: #e36c40 !important; }
.w3-hover-text-copperred:hover { color: #ffffff !important; }
.w3-hover-border-copperred:hover { border-color: #e36c40 !important; }

/* SoftCopper */
.w3-coppersoft { background-color: #fff1e0 !important; }
.w3-border-coppersoft { border-color: #ffd0aa !important; }
.w3-text-coppersoft { color: #c98a50 !important; }
.w3-hover-coppersoft:hover { background-color: #f2a86e !important; }
.w3-hover-text-coppersoft:hover { color: #3f2100 !important; }
.w3-hover-border-coppersoft:hover { border-color: #f2a86e !important; }

/* BrightCopper */
.w3-copperbright { background-color: #ffe9d4 !important; }
.w3-border-copperbright { border-color: #ffd0a3 !important; }
.w3-text-copperbright { color: #c66a18 !important; }
.w3-hover-copperbright:hover { background-color: #e6853d !important; }
.w3-hover-text-copperbright:hover { color: #ffffff !important; }
.w3-hover-border-copperbright:hover { border-color: #e6853d !important; }

/* NaturalCopper */
.w3-coppernatural { background-color: #f9e7d6 !important; }
.w3-border-coppernatural { border-color: #efbf9a !important; }
.w3-text-coppernatural { color: #b65c36 !important; }
.w3-hover-coppernatural:hover { background-color: #e48249 !important; }
.w3-hover-text-coppernatural:hover { color: #ffffff !important; }
.w3-hover-border-coppernatural:hover { border-color: #e48249 !important; }

/* BurntCopper */
.w3-copperburnt { background-color: #f4d9c6 !important; }
.w3-border-copperburnt { border-color: #e1a977 !important; }
.w3-text-copperburnt { color: #8e402a !important; }
.w3-hover-copperburnt:hover { background-color: #c3633f !important; }
.w3-hover-text-copperburnt:hover { color: #ffffff !important; }
.w3-hover-border-copperburnt:hover { border-color: #c3633f !important; }

/* BlushCopper */
.w3-copperblush { background-color: #ffeadd !important; }
.w3-border-copperblush { border-color: #ffc6a3 !important; }
.w3-text-copperblush { color: #cc7351 !important; }
.w3-hover-copperblush:hover { background-color: #ed906d !important; }
.w3-hover-text-copperblush:hover { color: #40170a !important; }
.w3-hover-border-copperblush:hover { border-color: #ed906d !important; }

/* AuburnCopper */
.w3-copperauburn { background-color: #f3d8cc !important; }
.w3-border-copperauburn { border-color: #e5a87f !important; }
.w3-text-copperauburn { color: #a45a52 !important; }
.w3-hover-copperauburn:hover { background-color: #c97763 !important; }
.w3-hover-text-copperauburn:hover { color: #ffffff !important; }
.w3-hover-border-copperauburn:hover { border-color: #c97763 !important; }

/* SatinCopper */
.w3-coppersatin { background-color: #fde8db !important; }
.w3-border-coppersatin { border-color: #f5bea1 !important; }
.w3-text-coppersatin { color: #b4722f !important; }
.w3-hover-coppersatin:hover { background-color: #df8c4a !important; }
.w3-hover-text-coppersatin:hover { color: #ffffff !important; }
.w3-hover-border-coppersatin:hover { border-color: #df8c4a !important; }

/* RusticBronze */
.w3-copperbronzedark { background-color: #efd8c2 !important; }
.w3-border-copperbronzedark { border-color: #dbab6d !important; }
.w3-text-copperbronzedark { color: #8b4000 !important; }
.w3-hover-copperbronzedark:hover { background-color: #c86c20 !important; }
.w3-hover-text-copperbronzedark:hover { color: #ffffff !important; }
.w3-hover-border-copperbronzedark:hover { border-color: #c86c20 !important; }

/* AntiqueRust */
.w3-copperantiquerust { background-color: #f2e4d7 !important; }
.w3-border-copperantiquerust { border-color: #e1b58f !important; }
.w3-text-copperantiquerust { color: #a97142 !important; }
.w3-hover-copperantiquerust:hover { background-color: #c89158 !important; }
.w3-hover-text-copperantiquerust:hover { color: #ffffff !important; }
.w3-hover-border-copperantiquerust:hover { border-color: #c89158 !important; }

/* CocoaCopper */
.w3-coppercocoa { background-color: #f5e4d9 !important; }
.w3-border-coppercocoa { border-color: #e8b995 !important; }
.w3-text-coppercocoa { color: #834333 !important; }
.w3-hover-coppercocoa:hover { background-color: #b26748 !important; }
.w3-hover-text-coppercocoa:hover { color: #ffffff !important; }
.w3-hover-border-coppercocoa:hover { border-color: #b26748 !important; }

/* EarthCopper */
.w3-copperearth { background-color: #f5e0ca !important; }
.w3-border-copperearth { border-color: #e3a464 !important; }
.w3-text-copperearth { color: #b87333 !important; }
.w3-hover-copperearth:hover { background-color: #d18247 !important; }
.w3-hover-text-copperearth:hover { color: #3f2100 !important; }
.w3-hover-border-copperearth:hover { border-color: #d18247 !important; }

/* PureWhite */
.w3-whitepure { background-color: #ffffff !important; }
.w3-border-whitepure { border-color: #f2f2f2 !important; }
.w3-text-whitepure { color: #ffffff !important; }
.w3-hover-whitepure:hover { background-color: #f9f9f9 !important; }
.w3-hover-text-whitepure:hover { color: #000000 !important; }
.w3-hover-border-whitepure:hover { border-color: #f9f9f9 !important; }

/* SnowWhite */
.w3-whitesnow { background-color: #fffafa !important; }
.w3-border-whitesnow { border-color: #f3eaea !important; }
.w3-text-whitesnow { color: #fffafa !important; }
.w3-hover-whitesnow:hover { background-color: #f6f0f0 !important; }
.w3-hover-text-whitesnow:hover { color: #333333 !important; }
.w3-hover-border-whitesnow:hover { border-color: #f6f0f0 !important; }

/* PearlWhite */
.w3-whitepearl { background-color: #fdfdfd !important; }
.w3-border-whitepearl { border-color: #f0f0f0 !important; }
.w3-text-whitepearl { color: #f5f5f5 !important; }
.w3-hover-whitepearl:hover { background-color: #f9f9f9 !important; }
.w3-hover-text-whitepearl:hover { color: #333333 !important; }
.w3-hover-border-whitepearl:hover { border-color: #f9f9f9 !important; }

/* Ivory */
.w3-whiteivory { background-color: #fffff0 !important; }
.w3-border-whiteivory { border-color: #f4f4d1 !important; }
.w3-text-whiteivory { color: #fffff0 !important; }
.w3-hover-whiteivory:hover { background-color: #f9f9d9 !important; }
.w3-hover-text-whiteivory:hover { color: #3e3e00 !important; }
.w3-hover-border-whiteivory:hover { border-color: #f9f9d9 !important; }

/* Linen */
.w3-whitelinen { background-color: #faf0e6 !important; }
.w3-border-whitelinen { border-color: #efddcf !important; }
.w3-text-whitelinen { color: #faf0e6 !important; }
.w3-hover-whitelinen:hover { background-color: #f5e6db !important; }
.w3-hover-text-whitelinen:hover { color: #3e2e25 !important; }
.w3-hover-border-whitelinen:hover { border-color: #f5e6db !important; }

/* CottonWhite */
.w3-whitecotton { background-color: #fefefe !important; }
.w3-border-whitecotton { border-color: #ebebeb !important; }
.w3-text-whitecotton { color: #f8f8f8 !important; }
.w3-hover-whitecotton:hover { background-color: #f5f5f5 !important; }
.w3-hover-text-whitecotton:hover { color: #333333 !important; }
.w3-hover-border-whitecotton:hover { border-color: #f5f5f5 !important; }

/* CreamWhite */
.w3-whitecream { background-color: #fffdd0 !important; }
.w3-border-whitecream { border-color: #f8e9a7 !important; }
.w3-text-whitecream { color: #fffdd0 !important; }
.w3-hover-whitecream:hover { background-color: #f9e6a3 !important; }
.w3-hover-text-whitecream:hover { color: #3e3a04 !important; }
.w3-hover-border-whitecream:hover { border-color: #f9e6a3 !important; }

/* FrostWhite */
.w3-whitefrost { background-color: #fafafa !important; }
.w3-border-whitefrost { border-color: #ededed !important; }
.w3-text-whitefrost { color: #f2f2f2 !important; }
.w3-hover-whitefrost:hover { background-color: #e8e8e8 !important; }
.w3-hover-text-whitefrost:hover { color: #222222 !important; }
.w3-hover-border-whitefrost:hover { border-color: #e8e8e8 !important; }

/* CloudWhite */
.w3-whitecloud { background-color: #f5f5f5 !important; }
.w3-border-whitecloud { border-color: #e4e4e4 !important; }
.w3-text-whitecloud { color: #f5f5f5 !important; }
.w3-hover-whitecloud:hover { background-color: #dddddd !important; }
.w3-hover-text-whitecloud:hover { color: #2e2e2e !important; }
.w3-hover-border-whitecloud:hover { border-color: #dddddd !important; }

/* SmokeWhite */
.w3-whitesmoke { background-color: #f5f5f5 !important; }
.w3-border-whitesmoke { border-color: #e5e5e5 !important; }
.w3-text-whitesmoke { color: #f5f5f5 !important; }
.w3-hover-whitesmoke:hover { background-color: #e9e9e9 !important; }
.w3-hover-text-whitesmoke:hover { color: #222222 !important; }
.w3-hover-border-whitesmoke:hover { border-color: #e9e9e9 !important; }

/* Alabaster */
.w3-whitealabaster { background-color: #fefefa !important; }
.w3-border-whitealabaster { border-color: #f0f0e6 !important; }
.w3-text-whitealabaster { color: #fefefa !important; }
.w3-hover-whitealabaster:hover { background-color: #f5f5eb !important; }
.w3-hover-text-whitealabaster:hover { color: #3e3e30 !important; }
.w3-hover-border-whitealabaster:hover { border-color: #f5f5eb !important; }

/* ChalkWhite */
.w3-whitechalk { background-color: #fefefe !important; }
.w3-border-whitechalk { border-color: #f0f0f0 !important; }
.w3-text-whitechalk { color: #fafafa !important; }
.w3-hover-whitechalk:hover { background-color: #ededed !important; }
.w3-hover-text-whitechalk:hover { color: #2e2e2e !important; }
.w3-hover-border-whitechalk:hover { border-color: #ededed !important; }

/* PearlDust */
.w3-whitepearldust { background-color: #f9f9f9 !important; }
.w3-border-whitepearldust { border-color: #ececec !important; }
.w3-text-whitepearldust { color: #f3f3f3 !important; }
.w3-hover-whitepearldust:hover { background-color: #e7e7e7 !important; }
.w3-hover-text-whitepearldust:hover { color: #333333 !important; }
.w3-hover-border-whitepearldust:hover { border-color: #e7e7e7 !important; }

/* ShellWhite */
.w3-whiteshell { background-color: #fffaf0 !important; }
.w3-border-whiteshell { border-color: #f7e9c9 !important; }
.w3-text-whiteshell { color: #fffaf0 !important; }
.w3-hover-whiteshell:hover { background-color: #f2e4bb !important; }
.w3-hover-text-whiteshell:hover { color: #3e3704 !important; }
.w3-hover-border-whiteshell:hover { border-color: #f2e4bb !important; }

/* SnowDust */
.w3-whitesnowdust { background-color: #f9f9f9 !important; }
.w3-border-whitesnowdust { border-color: #eaeaea !important; }
.w3-text-whitesnowdust { color: #f6f6f6 !important; }
.w3-hover-whitesnowdust:hover { background-color: #ebebeb !important; }
.w3-hover-text-whitesnowdust:hover { color: #292929 !important; }
.w3-hover-border-whitesnowdust:hover { border-color: #ebebeb !important; }

/* PorcelainWhite */
.w3-whiteporcelain { background-color: #fafafa !important; }
.w3-border-whiteporcelain { border-color: #e8e8e8 !important; }
.w3-text-whiteporcelain { color: #f2f2f2 !important; }
.w3-hover-whiteporcelain:hover { background-color: #ededed !important; }
.w3-hover-text-whiteporcelain:hover { color: #333333 !important; }
.w3-hover-border-whiteporcelain:hover { border-color: #ededed !important; }

/* CrystalWhite */
.w3-whitecrystal { background-color: #fdfdfd !important; }
.w3-border-whitecrystal { border-color: #ededed !important; }
.w3-text-whitecrystal { color: #ffffff !important; }
.w3-hover-whitecrystal:hover { background-color: #f6f6f6 !important; }
.w3-hover-text-whitecrystal:hover { color: #232323 !important; }
.w3-hover-border-whitecrystal:hover { border-color: #f6f6f6 !important; }

/* ArcticWhite */
.w3-whitearctic { background-color: #fbfbfc !important; }
.w3-border-whitearctic { border-color: #ededee !important; }
.w3-text-whitearctic { color: #f8f8ff !important; }
.w3-hover-whitearctic:hover { background-color: #e9e9ec !important; }
.w3-hover-text-whitearctic:hover { color: #292929 !important; }
.w3-hover-border-whitearctic:hover { border-color: #e9e9ec !important; }

/* MoonWhite */
.w3-whitemoon { background-color: #fefefe !important; }
.w3-border-whitemoon { border-color: #f0f0f0 !important; }
.w3-text-whitemoon { color: #f8f8f8 !important; }
.w3-hover-whitemoon:hover { background-color: #eaeaea !important; }
.w3-hover-text-whitemoon:hover { color: #2e2e2e !important; }
.w3-hover-border-whitemoon:hover { border-color: #eaeaea !important; }

/* MistWhite */
.w3-whitemist { background-color: #fafafa !important; }
.w3-border-whitemist { border-color: #e8e8e8 !important; }
.w3-text-whitemist { color: #f2f2f2 !important; }
.w3-hover-whitemist:hover { background-color: #e3e3e3 !important; }
.w3-hover-text-whitemist:hover { color: #292929 !important; }
.w3-hover-border-whitemist:hover { border-color: #e3e3e3 !important; }

/* PureBlack */
.w3-blackpure { background-color: #000000 !important; }
.w3-border-blackpure { border-color: #1a1a1a !important; }
.w3-text-blackpure { color: #000000 !important; }
.w3-hover-blackpure:hover { background-color: #1a1a1a !important; }
.w3-hover-text-blackpure:hover { color: #ffffff !important; }
.w3-hover-border-blackpure:hover { border-color: #1a1a1a !important; }

/* JetBlack */
.w3-blackjet { background-color: #0a0a0a !important; }
.w3-border-blackjet { border-color: #1f1f1f !important; }
.w3-text-blackjet { color: #0a0a0a !important; }
.w3-hover-blackjet:hover { background-color: #2a2a2a !important; }
.w3-hover-text-blackjet:hover { color: #ffffff !important; }
.w3-hover-border-blackjet:hover { border-color: #2a2a2a !important; }

/* Onyx */
.w3-blackonyx { background-color: #111111 !important; }
.w3-border-blackonyx { border-color: #262626 !important; }
.w3-text-blackonyx { color: #353839 !important; }
.w3-hover-blackonyx:hover { background-color: #2f2f2f !important; }
.w3-hover-text-blackonyx:hover { color: #ffffff !important; }
.w3-hover-border-blackonyx:hover { border-color: #2f2f2f !important; }

/* Charcoal */
.w3-blackcharcoal { background-color: #151515 !important; }
.w3-border-blackcharcoal { border-color: #2b2b2b !important; }
.w3-text-blackcharcoal { color: #36454f !important; }
.w3-hover-blackcharcoal:hover { background-color: #3a3a3a !important; }
.w3-hover-text-blackcharcoal:hover { color: #ffffff !important; }
.w3-hover-border-blackcharcoal:hover { border-color: #3a3a3a !important; }

/* Coal */
.w3-blackcoal { background-color: #101010 !important; }
.w3-border-blackcoal { border-color: #242424 !important; }
.w3-text-blackcoal { color: #2b2b2b !important; }
.w3-hover-blackcoal:hover { background-color: #333333 !important; }
.w3-hover-text-blackcoal:hover { color: #ffffff !important; }
.w3-hover-border-blackcoal:hover { border-color: #333333 !important; }

/* Midnight */
.w3-blackmidnight { background-color: #0d0d0e !important; }
.w3-border-blackmidnight { border-color: #1f1f21 !important; }
.w3-text-blackmidnight { color: #2c2c34 !important; }
.w3-hover-blackmidnight:hover { background-color: #393942 !important; }
.w3-hover-text-blackmidnight:hover { color: #ffffff !important; }
.w3-hover-border-blackmidnight:hover { border-color: #393942 !important; }

/* Ebony */
.w3-blackebony { background-color: #121212 !important; }
.w3-border-blackebony { border-color: #242424 !important; }
.w3-text-blackebony { color: #555d50 !important; }
.w3-hover-blackebony:hover { background-color: #323232 !important; }
.w3-hover-text-blackebony:hover { color: #ffffff !important; }
.w3-hover-border-blackebony:hover { border-color: #323232 !important; }

/* Graphite */
.w3-blackgraphite { background-color: #191919 !important; }
.w3-border-blackgraphite { border-color: #2a2a2a !important; }
.w3-text-blackgraphite { color: #3b3b3b !important; }
.w3-hover-blackgraphite:hover { background-color: #454545 !important; }
.w3-hover-text-blackgraphite:hover { color: #ffffff !important; }
.w3-hover-border-blackgraphite:hover { border-color: #454545 !important; }

/* SteelBlack */
.w3-blacksteel { background-color: #202020 !important; }
.w3-border-blacksteel { border-color: #333333 !important; }
.w3-text-blacksteel { color: #43464b !important; }
.w3-hover-blacksteel:hover { background-color: #4c4c4c !important; }
.w3-hover-text-blacksteel:hover { color: #ffffff !important; }
.w3-hover-border-blacksteel:hover { border-color: #4c4c4c !important; }

/* Obsidian */
.w3-blackobsidian { background-color: #0b0b0d !important; }
.w3-border-blackobsidian { border-color: #1b1b1e !important; }
.w3-text-blackobsidian { color: #0b1215 !important; }
.w3-hover-blackobsidian:hover { background-color: #303030 !important; }
.w3-hover-text-blackobsidian:hover { color: #ffffff !important; }
.w3-hover-border-blackobsidian:hover { border-color: #303030 !important; }

/* Jetstone */
.w3-blackjetstone { background-color: #0a0a0a !important; }
.w3-border-blackjetstone { border-color: #1c1c1c !important; }
.w3-text-blackjetstone { color: #343434 !important; }
.w3-hover-blackjetstone:hover { background-color: #2d2d2d !important; }
.w3-hover-text-blackjetstone:hover { color: #ffffff !important; }
.w3-hover-border-blackjetstone:hover { border-color: #2d2d2d !important; }

/* IronBlack */
.w3-blackiron { background-color: #181818 !important; }
.w3-border-blackiron { border-color: #2f2f2f !important; }
.w3-text-blackiron { color: #474747 !important; }
.w3-hover-blackiron:hover { background-color: #505050 !important; }
.w3-hover-text-blackiron:hover { color: #ffffff !important; }
.w3-hover-border-blackiron:hover { border-color: #505050 !important; }

/* PitchBlack */
.w3-blackpitch { background-color: #050505 !important; }
.w3-border-blackpitch { border-color: #141414 !important; }
.w3-text-blackpitch { color: #0a0a0a !important; }
.w3-hover-blackpitch:hover { background-color: #2c2c2c !important; }
.w3-hover-text-blackpitch:hover { color: #ffffff !important; }
.w3-hover-border-blackpitch:hover { border-color: #2c2c2c !important; }

/* ShadowBlack */
.w3-blackshadow { background-color: #0a0a0a !important; }
.w3-border-blackshadow { border-color: #1d1d1d !important; }
.w3-text-blackshadow { color: #2b2b2b !important; }
.w3-hover-blackshadow:hover { background-color: #252525 !important; }
.w3-hover-text-blackshadow:hover { color: #ffffff !important; }
.w3-hover-border-blackshadow:hover { border-color: #252525 !important; }

/* Raven */
.w3-blackraven { background-color: #1a1a1c !important; }
.w3-border-blackraven { border-color: #262628 !important; }
.w3-text-blackraven { color: #1c1c21 !important; }
.w3-hover-blackraven:hover { background-color: #343434 !important; }
.w3-hover-text-blackraven:hover { color: #ffffff !important; }
.w3-hover-border-blackraven:hover { border-color: #343434 !important; }

/* NightBlack */
.w3-blacknight { background-color: #0d0d10 !important; }
.w3-border-blacknight { border-color: #1b1b20 !important; }
.w3-text-blacknight { color: #141414 !important; }
.w3-hover-blacknight:hover { background-color: #393940 !important; }
.w3-hover-text-blacknight:hover { color: #ffffff !important; }
.w3-hover-border-blacknight:hover { border-color: #393940 !important; }

/* Eclipse */
.w3-blackeclipse { background-color: #0a0a0a !important; }
.w3-border-blackeclipse { border-color: #191919 !important; }
.w3-text-blackeclipse { color: #1c1c21 !important; }
.w3-hover-blackeclipse:hover { background-color: #2f2f2f !important; }
.w3-hover-text-blackeclipse:hover { color: #ffffff !important; }
.w3-hover-border-blackeclipse:hover { border-color: #2f2f2f !important; }

/* DeepBlack */
.w3-blackdeep { background-color: #070707 !important; }
.w3-border-blackdeep { border-color: #1a1a1a !important; }
.w3-text-blackdeep { color: #0f0f0f !important; }
.w3-hover-blackdeep:hover { background-color: #2b2b2b !important; }
.w3-hover-text-blackdeep:hover { color: #ffffff !important; }
.w3-hover-border-blackdeep:hover { border-color: #2b2b2b !important; }

/* MatteBlack */
.w3-blackmatte { background-color: #1c1c1c !important; }
.w3-border-blackmatte { border-color: #2a2a2a !important; }
.w3-text-blackmatte { color: #3a3a3a !important; }
.w3-hover-blackmatte:hover { background-color: #474747 !important; }
.w3-hover-text-blackmatte:hover { color: #ffffff !important; }
.w3-hover-border-blackmatte:hover { border-color: #474747 !important; }

/* VelvetBlack */
.w3-blackvelvet { background-color: #0b090a !important; }
.w3-border-blackvelvet { border-color: #1c191b !important; }
.w3-text-blackvelvet { color: #191919 !important; }
.w3-hover-blackvelvet:hover { background-color: #362f34 !important; }
.w3-hover-text-blackvelvet:hover { color: #ffffff !important; }
.w3-hover-border-blackvelvet:hover { border-color: #362f34 !important; }

/* BabyPink */
.w3-pinkbabypink { background-color: #ffe6f0 !important; }
.w3-border-pinkbabypink { border-color: #ffc2d9 !important; }
.w3-text-pinkbabypink { color: #ffb6c1 !important; }
.w3-hover-pinkbabypink:hover { background-color: #ff99bb !important; }
.w3-hover-text-pinkbabypink:hover { color: #660033 !important; }
.w3-hover-border-pinkbabypink:hover { border-color: #ff99bb !important; }

/* Bubblegum */
.w3-pinkbubblegum { background-color: #ffd6eb !important; }
.w3-border-pinkbubblegum { border-color: #ffaddd !important; }
.w3-text-pinkbubblegum { color: #ff69b4 !important; }
.w3-hover-pinkbubblegum:hover { background-color: #ff8cc9 !important; }
.w3-hover-text-pinkbubblegum:hover { color: #660033 !important; }
.w3-hover-border-pinkbubblegum:hover { border-color: #ff8cc9 !important; }

/* Rose */
.w3-pinkrose { background-color: #ffe0eb !important; }
.w3-border-pinkrose { border-color: #ffb3cd !important; }
.w3-text-pinkrose { color: #f77daf !important; }
.w3-hover-pinkrose:hover { background-color: #ff93c2 !important; }
.w3-hover-text-pinkrose:hover { color: #400022 !important; }
.w3-hover-border-pinkrose:hover { border-color: #ff93c2 !important; }

/* Flamingo */
.w3-pinkflamingo { background-color: #ffe3ed !important; }
.w3-border-pinkflamingo { border-color: #ffadcb !important; }
.w3-text-pinkflamingo { color: #fc8eac !important; }
.w3-hover-pinkflamingo:hover { background-color: #ff74b2 !important; }
.w3-hover-text-pinkflamingo:hover { color: #330019 !important; }
.w3-hover-border-pinkflamingo:hover { border-color: #ff74b2 !important; }

/* Carnation */
.w3-pinkcarnation { background-color: #ffe4eb !important; }
.w3-border-pinkcarnation { border-color: #ffb9cd !important; }
.w3-text-pinkcarnation { color: #ffa6c9 !important; }
.w3-hover-pinkcarnation:hover { background-color: #ff8cb7 !important; }
.w3-hover-text-pinkcarnation:hover { color: #3f0022 !important; }
.w3-hover-border-pinkcarnation:hover { border-color: #ff8cb7 !important; }

/* CoralPink */
.w3-pinkcoral { background-color: #ffe6e6 !important; }
.w3-border-pinkcoral { border-color: #ffb3b3 !important; }
.w3-text-pinkcoral { color: #ff7f7f !important; }
.w3-hover-pinkcoral:hover { background-color: #ff9999 !important; }
.w3-hover-text-pinkcoral:hover { color: #330000 !important; }
.w3-hover-border-pinkcoral:hover { border-color: #ff9999 !important; }

/* Fuchsia */
.w3-pinkfuchsia { background-color: #ffe0ff !important; }
.w3-border-pinkfuchsia { border-color: #ffb3ff !important; }
.w3-text-pinkfuchsia { color: #ff00ff !important; }
.w3-hover-pinkfuchsia:hover { background-color: #ff66ff !important; }
.w3-hover-text-pinkfuchsia:hover { color: #330033 !important; }
.w3-hover-border-pinkfuchsia:hover { border-color: #ff66ff !important; }

/* RoseQuartz */
.w3-pinkrosequartz { background-color: #fbe4eb !important; }
.w3-border-pinkrosequartz { border-color: #f2c4cf !important; }
.w3-text-pinkrosequartz { color: #f7cac9 !important; }
.w3-hover-pinkrosequartz:hover { background-color: #ef9aa8 !important; }
.w3-hover-text-pinkrosequartz:hover { color: #3f0011 !important; }
.w3-hover-border-pinkrosequartz:hover { border-color: #ef9aa8 !important; }

/* CottonCandy */
.w3-pinkcottoncandy { background-color: #ffe6f9 !important; }
.w3-border-pinkcottoncandy { border-color: #ffc2f0 !important; }
.w3-text-pinkcottoncandy { color: #ffbcd9 !important; }
.w3-hover-pinkcottoncandy:hover { background-color: #ffa3e0 !important; }
.w3-hover-text-pinkcottoncandy:hover { color: #330033 !important; }
.w3-hover-border-pinkcottoncandy:hover { border-color: #ffa3e0 !important; }

/* HotPink */
.w3-pinkhot { background-color: #ffcce5 !important; }
.w3-border-pinkhot { border-color: #ff99cc !important; }
.w3-text-pinkhot { color: #ff1493 !important; }
.w3-hover-pinkhot:hover { background-color: #ff4da6 !important; }
.w3-hover-text-pinkhot:hover { color: #330022 !important; }
.w3-hover-border-pinkhot:hover { border-color: #ff4da6 !important; }

/* BlushPink */
.w3-pinkblush { background-color: #ffe6ee !important; }
.w3-border-pinkblush { border-color: #ffc2d0 !important; }
.w3-text-pinkblush { color: #de5d83 !important; }
.w3-hover-pinkblush:hover { background-color: #f898b0 !important; }
.w3-hover-text-pinkblush:hover { color: #3f001e !important; }
.w3-hover-border-pinkblush:hover { border-color: #f898b0 !important; }

/* OrchidPink */
.w3-pinkorchid { background-color: #ffe0f4 !important; }
.w3-border-pinkorchid { border-color: #ffb3e5 !important; }
.w3-text-pinkorchid { color: #da70d6 !important; }
.w3-hover-pinkorchid:hover { background-color: #ed8fea !important; }
.w3-hover-text-pinkorchid:hover { color: #330033 !important; }
.w3-hover-border-pinkorchid:hover { border-color: #ed8fea !important; }

/* FlamingoLight */
.w3-pinkflamingolight { background-color: #fff0f5 !important; }
.w3-border-pinkflamingolight { border-color: #ffd6e2 !important; }
.w3-text-pinkflamingolight { color: #ffc0cb !important; }
.w3-hover-pinkflamingolight:hover { background-color: #ff94b9 !important; }
.w3-hover-text-pinkflamingolight:hover { color: #330022 !important; }
.w3-hover-border-pinkflamingolight:hover { border-color: #ff94b9 !important; }

/* PastelPink */
.w3-pinkpastel { background-color: #ffeaf2 !important; }
.w3-border-pinkpastel { border-color: #ffd5e8 !important; }
.w3-text-pinkpastel { color: #ffd1dc !important; }
.w3-hover-pinkpastel:hover { background-color: #ffb0c9 !important; }
.w3-hover-text-pinkpastel:hover { color: #440022 !important; }
.w3-hover-border-pinkpastel:hover { border-color: #ffb0c9 !important; }

/* NeonPink */
.w3-pinkneon { background-color: #ffe0ef !important; }
.w3-border-pinkneon { border-color: #ffb3db !important; }
.w3-text-pinkneon { color: #ff6ec7 !important; }
.w3-hover-pinkneon:hover { background-color: #ff8ed8 !important; }
.w3-hover-text-pinkneon:hover { color: #330033 !important; }
.w3-hover-border-pinkneon:hover { border-color: #ff8ed8 !important; }

/* CandyPink */
.w3-pinkcandy { background-color: #ffe8ee !important; }
.w3-border-pinkcandy { border-color: #ffd0dc !important; }
.w3-text-pinkcandy { color: #fcb2c9 !important; }
.w3-hover-pinkcandy:hover { background-color: #ffa5c2 !important; }
.w3-hover-text-pinkcandy:hover { color: #330022 !important; }
.w3-hover-border-pinkcandy:hover { border-color: #ffa5c2 !important; }

/* BlushRose */
.w3-pinkblushrose { background-color: #ffe9ef !important; }
.w3-border-pinkblushrose { border-color: #ffd0dc !important; }
.w3-text-pinkblushrose { color: #eec1c6 !important; }
.w3-hover-pinkblushrose:hover { background-color: #ffb6bf !important; }
.w3-hover-text-pinkblushrose:hover { color: #330022 !important; }
.w3-hover-border-pinkblushrose:hover { border-color: #ffb6bf !important; }

/* BubblePink */
.w3-pinkbubble { background-color: #ffe9f2 !important; }
.w3-border-pinkbubble { border-color: #ffd3e8 !important; }
.w3-text-pinkbubble { color: #ffb9d5 !important; }
.w3-hover-pinkbubble:hover { background-color: #ffaacc !important; }
.w3-hover-text-pinkbubble:hover { color: #2e0020 !important; }
.w3-hover-border-pinkbubble:hover { border-color: #ffaacc !important; }

/* SilkPink */
.w3-pinksilk { background-color: #fff1f6 !important; }
.w3-border-pinksilk { border-color: #ffd6df !important; }
.w3-text-pinksilk { color: #f6c1d3 !important; }
.w3-hover-pinksilk:hover { background-color: #ffb9ca !important; }
.w3-hover-text-pinksilk:hover { color: #330022 !important; }
.w3-hover-border-pinksilk:hover { border-color: #ffb9ca !important; }

/* Tangerine */
.w3-orangetangerine { background-color: #fff0e0 !important; }
.w3-border-orangetangerine { border-color: #ffd1a6 !important; }
.w3-text-orangetangerine { color: #f28500 !important; }
.w3-hover-orangetangerine:hover { background-color: #ffb055 !important; }
.w3-hover-text-orangetangerine:hover { color: #4d2a00 !important; }
.w3-hover-border-orangetangerine:hover { border-color: #ffb055 !important; }

/* Apricot */
.w3-orangeapricot { background-color: #fff2e0 !important; }
.w3-border-orangeapricot { border-color: #ffd7a3 !important; }
.w3-text-orangeapricot { color: #fbceb1 !important; }
.w3-hover-orangeapricot:hover { background-color: #ffc87c !important; }
.w3-hover-text-orangeapricot:hover { color: #4d2600 !important; }
.w3-hover-border-orangeapricot:hover { border-color: #ffc87c !important; }

/* Pumpkin */
.w3-orangepumpkin { background-color: #ffebcc !important; }
.w3-border-orangepumpkin { border-color: #ffd399 !important; }
.w3-text-orangepumpkin { color: #ff7518 !important; }
.w3-hover-orangepumpkin:hover { background-color: #ff9933 !important; }
.w3-hover-text-orangepumpkin:hover { color: #ffffff !important; }
.w3-hover-border-orangepumpkin:hover { border-color: #ff9933 !important; }

/* AmberOrange */
.w3-orangeamber { background-color: #fff2dc !important; }
.w3-border-orangeamber { border-color: #ffd599 !important; }
.w3-text-orangeamber { color: #ffbf00 !important; }
.w3-hover-orangeamber:hover { background-color: #ffc54c !important; }
.w3-hover-text-orangeamber:hover { color: #3e3000 !important; }
.w3-hover-border-orangeamber:hover { border-color: #ffc54c !important; }

/* Persimmon */
.w3-orangepersimmon { background-color: #ffe4cc !important; }
.w3-border-orangepersimmon { border-color: #ffbb80 !important; }
.w3-text-orangepersimmon { color: #ec5800 !important; }
.w3-hover-orangepersimmon:hover { background-color: #ff8a3c !important; }
.w3-hover-text-orangepersimmon:hover { color: #ffffff !important; }
.w3-hover-border-orangepersimmon:hover { border-color: #ff8a3c !important; }

/* SpiceOrange */
.w3-orangespice { background-color: #ffe7c9 !important; }
.w3-border-orangespice { border-color: #ffc796 !important; }
.w3-text-orangespice { color: #e2725b !important; }
.w3-hover-orangespice:hover { background-color: #f58a72 !important; }
.w3-hover-text-orangespice:hover { color: #330b00 !important; }
.w3-hover-border-orangespice:hover { border-color: #f58a72 !important; }

/* Carrot */
.w3-orangecarrot { background-color: #ffe7cc !important; }
.w3-border-orangecarrot { border-color: #ffcc99 !important; }
.w3-text-orangecarrot { color: #ed9121 !important; }
.w3-hover-orangecarrot:hover { background-color: #ffac51 !important; }
.w3-hover-text-orangecarrot:hover { color: #4d2a00 !important; }
.w3-hover-border-orangecarrot:hover { border-color: #ffac51 !important; }

/* Sunset */
.w3-orangesunset { background-color: #ffe5cc !important; }
.w3-border-orangesunset { border-color: #ffb266 !important; }
.w3-text-orangesunset { color: #fd5e53 !important; }
.w3-hover-orangesunset:hover { background-color: #ff9260 !important; }
.w3-hover-text-orangesunset:hover { color: #4d1818 !important; }
.w3-hover-border-orangesunset:hover { border-color: #ff9260 !important; }

/* Flame */
.w3-orangeflame { background-color: #ffe1c6 !important; }
.w3-border-orangeflame { border-color: #ffb680 !important; }
.w3-text-orangeflame { color: #e25822 !important; }
.w3-hover-orangeflame:hover { background-color: #ff964a !important; }
.w3-hover-text-orangeflame:hover { color: #ffffff !important; }
.w3-hover-border-orangeflame:hover { border-color: #ff964a !important; }

/* CopperOrange */
.w3-orangecopper { background-color: #ffe2cb !important; }
.w3-border-orangecopper { border-color: #ffc097 !important; }
.w3-text-orangecopper { color: #b87333 !important; }
.w3-hover-orangecopper:hover { background-color: #ce7b43 !important; }
.w3-hover-text-orangecopper:hover { color: #ffffff !important; }
.w3-hover-border-orangecopper:hover { border-color: #ce7b43 !important; }

/* HoneyOrange */
.w3-orangehoney { background-color: #fff0cc !important; }
.w3-border-orangehoney { border-color: #ffda80 !important; }
.w3-text-orangehoney { color: #fbb034 !important; }
.w3-hover-orangehoney:hover { background-color: #ffb84d !important; }
.w3-hover-text-orangehoney:hover { color: #4d2a00 !important; }
.w3-hover-border-orangehoney:hover { border-color: #ffb84d !important; }

/* GoldOrange */
.w3-orangegold { background-color: #fff3c4 !important; }
.w3-border-orangegold { border-color: #ffe699 !important; }
.w3-text-orangegold { color: #daa520 !important; }
.w3-hover-orangegold:hover { background-color: #ffcd54 !important; }
.w3-hover-text-orangegold:hover { color: #5a3e00 !important; }
.w3-hover-border-orangegold:hover { border-color: #ffcd54 !important; }

/* Mandarin */
.w3-orangemandarin { background-color: #ffe1c0 !important; }
.w3-border-orangemandarin { border-color: #ffc08a !important; }
.w3-text-orangemandarin { color: #f77f00 !important; }
.w3-hover-orangemandarin:hover { background-color: #ff9f3f !important; }
.w3-hover-text-orangemandarin:hover { color: #4d2a00 !important; }
.w3-hover-border-orangemandarin:hover { border-color: #ff9f3f !important; }

/* Ochre */
.w3-orangeochre { background-color: #f6e3bd !important; }
.w3-border-orangeochre { border-color: #e8c885 !important; }
.w3-text-orangeochre { color: #cc7722 !important; }
.w3-hover-orangeochre:hover { background-color: #e29a47 !important; }
.w3-hover-text-orangeochre:hover { color: #ffffff !important; }
.w3-hover-border-orangeochre:hover { border-color: #e29a47 !important; }

/* AmberDeep */
.w3-orangeamberdeep { background-color: #ffdfb8 !important; }
.w3-border-orangeamberdeep { border-color: #ffc266 !important; }
.w3-text-orangeamberdeep { color: #ff8f00 !important; }
.w3-hover-orangeamberdeep:hover { background-color: #ffa436 !important; }
.w3-hover-text-orangeamberdeep:hover { color: #3f2100 !important; }
.w3-hover-border-orangeamberdeep:hover { border-color: #ffa436 !important; }

/* CopperTone */
.w3-orangecoppertone { background-color: #fbe9d4 !important; }
.w3-border-orangecoppertone { border-color: #e8c193 !important; }
.w3-text-orangecoppertone { color: #ad6f4d !important; }
.w3-hover-orangecoppertone:hover { background-color: #d59d70 !important; }
.w3-hover-text-orangecoppertone:hover { color: #3f2900 !important; }
.w3-hover-border-orangecoppertone:hover { border-color: #d59d70 !important; }

/* WarmOrange */
.w3-orangewarm { background-color: #ffe3ca !important; }
.w3-border-orangewarm { border-color: #ffbf96 !important; }
.w3-text-orangewarm { color: #f28500 !important; }
.w3-hover-orangewarm:hover { background-color: #ff9f33 !important; }
.w3-hover-text-orangewarm:hover { color: #4d2a00 !important; }
.w3-hover-border-orangewarm:hover { border-color: #ff9f33 !important; }

/* AutumnOrange */
.w3-orangeautumn { background-color: #fbe1c4 !important; }
.w3-border-orangeautumn { border-color: #efb686 !important; }
.w3-text-orangeautumn { color: #d56a00 !important; }
.w3-hover-orangeautumn:hover { background-color: #e28539 !important; }
.w3-hover-text-orangeautumn:hover { color: #ffffff !important; }
.w3-hover-border-orangeautumn:hover { border-color: #e28539 !important; }

/* Tiffany (using Tiffany Blue #0ABAB5) */
.w3-tiffany {
  background-color: #0ABAB5 !important;
}
.w3-border-tiffany {
  border-color: #0ABAB5 !important;
}
.w3-text-tiffany {
  color: #0ABAB5 !important;
}
.w3-hover-tiffany:hover {
  background-color: #0FD0CB !important; /* slightly lighter */
}
.w3-hover-text-tiffany:hover {
  color: #ffffff !important;
}
.w3-hover-border-tiffany:hover {
  border-color: #0FD0CB !important;
}