.button{
	margin:5px 0px;
	display:inline-block;
	border:2px solid transparent;
	cursor:pointer;
	padding:15px 25px;
	position:relative;
	/*
	text-shadow:
		-1px -1px 0px #000000,
		-1px 0px 0px #000000,
		-1px 1px 0px #000000,
		
		0px -1px 0px #000000,
		0px 0px 0px #000000,
		0px 1px 0px #000000,
		
		1px -1px 0px #000000,
		1px 0px 0px #000000,
		1px 1px 0px #000000;
	*/
	text-shadow:
		-1px 0px 0px #404040,
		0px -1px 0px #404040,
		
		1px 0px 0px #404040,
		0px 1px 0px #404040;
	font-weight:bold;
	color:#fff;
	-webkit-transition:all 0.2s ease-in-out 0s;
	-moz-transition:all 0.2s ease-in-out 0s;
	-ms-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
	
	line-height:0.875rem;
	font-size:0.875rem;
}

.button.extra-small{
	padding:6px 12px;
	line-height:0.6875rem;
	font-size:0.6875rem;
}
.button.small{
	padding:13px 21px;
	line-height:0.75rem;
	font-size:0.75rem;
}
.button.large{
	padding:19px 32px;
	line-height:1.125rem;
	font-size:1.125rem;
}
.button.extra-large{
	padding:28px 43px;
	line-height:1.5rem;
	font-size:1.5rem;
}
.button.left{
	float:left;
}
.button.right{
	float:right;
}
.button:last-child::after{
	display:block;
	clear:both;
	content:"";
}

.button.rounded{
	border-radius:4px;
}
.button.full-rounded{
	border-radius:100px;
}

.button.bordered:not(:hover){
	background-color:transparent !important;
	text-shadow:none;
}
.button.press:not(:active){
	top:0px;
}
.button.press:active{
	top:3px;
}
			
/* ========== default ========== */
.button:not(.bordered){
	background-color:#d3d3d3;
	border:2px solid transparent;
}
.button:hover{
	background-color:#e1e1e1;
}
.button:active{
	background-color:#c9c9c9;
}
.button.press{
	box-shadow:0 3px 0 #a9a9a9;
}
.button.press:active{
	box-shadow:0 0px 0 #a9a9a9;
}
.button:active{
	background-color:#c9c9c9;
}
.button.bordered:not(:hover){
	border:2px solid #d3d3d3;
	color:#c9c9c9;
}
.button.bordered:hover{
	background-color:#d3d3d3;
}
.button.bordered:active{
	background-color:#bebebe;
}

/* ========== black ========== */
.button.black:not(.bordered){
	background-color:#202020;
	border:2px solid transparent;
}
.button.black:hover{
	background-color:#636363;
}
.button.black:active{
	background-color:#1f1f1f;
}
.button.black.press{
	box-shadow:0 3px 0 #1a1a1a;
}
.button.black.press:active{
	box-shadow:0 0px 0 #1a1a1a;
}
.button.black:active{
	background-color:#1f1f1f;
}
.button.black.bordered:not(:hover){
	border:2px solid #202020;
	color:#1f1f1f;
}
.button.black.bordered:hover{
	background-color:#202020;
}
.button.black.bordered:active{
	background-color:#1d1d1d;
}

/* ========== darkgrey ========== */
.button.darkgrey:not(.bordered){
	background-color:#696969;
	border:2px solid transparent;
}
.button.darkgrey:hover{
	background-color:#969696;
}
.button.darkgrey:active{
	background-color:#646464;
}
.button.darkgrey.press{
	box-shadow:0 3px 0 #545454;
}
.button.darkgrey.press:active{
	box-shadow:0 0px 0 #545454;
}
.button.darkgrey:active{
	background-color:#646464;
}
.button.darkgrey.bordered:not(:hover){
	border:2px solid #696969;
	color:#646464;
}
.button.darkgrey.bordered:hover{
	background-color:#696969;
}
.button.darkgrey.bordered:active{
	background-color:#5f5f5f;
}

/* ========== grey ========== */
.button.grey:not(.bordered){
	background-color:#a0a0a0;
	border:2px solid transparent;
}
.button.grey:hover{
	background-color:#bdbdbd;
}
.button.grey:active{
	background-color:#989898;
}
.button.grey.press{
	box-shadow:0 3px 0 #808080;
}
.button.grey.press:active{
	box-shadow:0 0px 0 #808080;
}
.button.grey:active{
	background-color:#989898;
}
.button.grey.bordered:not(:hover){
	border:2px solid #a0a0a0;
	color:#989898;
}
.button.grey.bordered:hover{
	background-color:#a0a0a0;
}
.button.grey.bordered:active{
	background-color:#909090;
}

/* ========== lightgrey ========== */
.button.lightgrey:not(.bordered){
	background-color:#d3d3d3;
	border:2px solid transparent;
}
.button.lightgrey:hover{
	background-color:#e1e1e1;
}
.button.lightgrey:active{
	background-color:#c9c9c9;
}
.button.lightgrey.press{
	box-shadow:0 3px 0 #a9a9a9;
}
.button.lightgrey.press:active{
	box-shadow:0 0px 0 #a9a9a9;
}
.button.lightgrey:active{
	background-color:#c9c9c9;
}
.button.lightgrey.bordered:not(:hover){
	border:2px solid #d3d3d3;
	color:#c9c9c9;
}
.button.lightgrey.bordered:hover{
	background-color:#d3d3d3;
}
.button.lightgrey.bordered:active{
	background-color:#bebebe;
}

/* ========== white ========== */
.button.white:not(.bordered){
	background-color:#f8f8f8;
	border:2px solid transparent;
}
.button.white:hover{
	background-color:#fbfbfb;
}
.button.white:active{
	background-color:#ececec;
}
.button.white.press{
	box-shadow:0 3px 0 #c7c7c7;
}
.button.white.press:active{
	box-shadow:0 0px 0 #c7c7c7;
}
.button.white:active{
	background-color:#ececec;
}
.button.white.bordered:not(:hover){
	border:2px solid #f8f8f8;
	color:#ececec;
}
.button.white.bordered:hover{
	background-color:#f8f8f8;
}
.button.white.bordered:active{
	background-color:#e0e0e0;
}

/* ========== darkred ========== */
.button.darkred:not(.bordered){
	background-color:#8b0000;
	border:2px solid transparent;
}
.button.darkred:hover{
	background-color:#ae4d4d;
}
.button.darkred:active{
	background-color:#850000;
}
.button.darkred.press{
	box-shadow:0 3px 0 #700000;
}
.button.darkred.press:active{
	box-shadow:0 0px 0 #700000;
}
.button.darkred:active{
	background-color:#850000;
}
.button.darkred.bordered:not(:hover){
	border:2px solid #8b0000;
	color:#850000;
}
.button.darkred.bordered:hover{
	background-color:#8b0000;
}
.button.darkred.bordered:active{
	background-color:#7e0000;
}

/* ========== red ========== */
.button.red:not(.bordered){
	background-color:#ff0000;
	border:2px solid transparent;
}
.button.red:hover{
	background-color:#ff4d4d;
}
.button.red:active{
	background-color:#f30000;
}
.button.red.press{
	box-shadow:0 3px 0 #cc0000;
}
.button.red.press:active{
	box-shadow:0 0px 0 #cc0000;
}
.button.red:active{
	background-color:#f30000;
}
.button.red.bordered:not(:hover){
	border:2px solid #ff0000;
	color:#f30000;
}
.button.red.bordered:hover{
	background-color:#ff0000;
}
.button.red.bordered:active{
	background-color:#e60000;
}

/* ========== orangered ========== */
.button.orangered:not(.bordered){
	background-color:#ff4900;
	border:2px solid transparent;
}
.button.orangered:hover{
	background-color:#ff804d;
}
.button.orangered:active{
	background-color:#f34600;
}
.button.orangered.press{
	box-shadow:0 3px 0 #cc3b00;
}
.button.orangered.press:active{
	box-shadow:0 0px 0 #cc3b00;
}
.button.orangered:active{
	background-color:#f34600;
}
.button.orangered.bordered:not(:hover){
	border:2px solid #ff4900;
	color:#f34600;
}
.button.orangered.bordered:hover{
	background-color:#ff4900;
}
.button.orangered.bordered:active{
	background-color:#e64200;
}

/* ========== darkorange ========== */
.button.darkorange:not(.bordered){
	background-color:#ff8c00;
	border:2px solid transparent;
}
.button.darkorange:hover{
	background-color:#ffaf4d;
}
.button.darkorange:active{
	background-color:#f38500;
}
.button.darkorange.press{
	box-shadow:0 3px 0 #cc7000;
}
.button.darkorange.press:active{
	box-shadow:0 0px 0 #cc7000;
}
.button.darkorange:active{
	background-color:#f38500;
}
.button.darkorange.bordered:not(:hover){
	border:2px solid #ff8c00;
	color:#f38500;
}
.button.darkorange.bordered:hover{
	background-color:#ff8c00;
}
.button.darkorange.bordered:active{
	background-color:#e67e00;
}

/* ========== orange ========== */
.button.orange:not(.bordered){
	background-color:#ffa500;
	border:2px solid transparent;
}
.button.orange:hover{
	background-color:#ffc04d;
}
.button.orange:active{
	background-color:#f39d00;
}
.button.orange.press{
	box-shadow:0 3px 0 #cc8400;
}
.button.orange.press:active{
	box-shadow:0 0px 0 #cc8400;
}
.button.orange:active{
	background-color:#f39d00;
}
.button.orange.bordered:not(:hover){
	border:2px solid #ffa500;
	color:#f39d00;
}
.button.orange.bordered:hover{
	background-color:#ffa500;
}
.button.orange.bordered:active{
	background-color:#e69500;
}

/* ========== gold ========== */
.button.gold:not(.bordered){
	background-color:#ffd700;
	border:2px solid transparent;
}
.button.gold:hover{
	background-color:#ffe34d;
}
.button.gold:active{
	background-color:#f3cd00;
}
.button.gold.press{
	box-shadow:0 3px 0 #ccac00;
}
.button.gold.press:active{
	box-shadow:0 0px 0 #ccac00;
}
.button.gold:active{
	background-color:#f3cd00;
}
.button.gold.bordered:not(:hover){
	border:2px solid #ffd700;
	color:#f3cd00;
}
.button.gold.bordered:hover{
	background-color:#ffd700;
}
.button.gold.bordered:active{
	background-color:#e6c200;
}

/* ========== yellow ========== */
.button.yellow:not(.bordered){
	background-color:#ffff00;
	border:2px solid transparent;
}
.button.yellow:hover{
	background-color:#ffff4d;
}
.button.yellow:active{
	background-color:#f3f300;
}
.button.yellow.press{
	box-shadow:0 3px 0 #cccc00;
}
.button.yellow.press:active{
	box-shadow:0 0px 0 #cccc00;
}
.button.yellow:active{
	background-color:#f3f300;
}
.button.yellow.bordered:not(:hover){
	border:2px solid #ffff00;
	color:#f3f300;
}
.button.yellow.bordered:hover{
	background-color:#ffff00;
}
.button.yellow.bordered:active{
	background-color:#e6e600;
}

/* ========== yellowgreen ========== */
.button.yellowgreen:not(.bordered){
	background-color:#d2ff00;
	border:2px solid transparent;
}
.button.yellowgreen:hover{
	background-color:#e0ff4d;
}
.button.yellowgreen:active{
	background-color:#c8f300;
}
.button.yellowgreen.press{
	box-shadow:0 3px 0 #a8cc00;
}
.button.yellowgreen.press:active{
	box-shadow:0 0px 0 #a8cc00;
}
.button.yellowgreen:active{
	background-color:#c8f300;
}
.button.yellowgreen.bordered:not(:hover){
	border:2px solid #d2ff00;
	color:#c8f300;
}
.button.yellowgreen.bordered:hover{
	background-color:#d2ff00;
}
.button.yellowgreen.bordered:active{
	background-color:#bde600;
}

/* ========== greenyellow ========== */
.button.greenyellow:not(.bordered){
	background-color:#adff2f;
	border:2px solid transparent;
}
.button.greenyellow:hover{
	background-color:#c6ff6e;
}
.button.greenyellow:active{
	background-color:#a5f32d;
}
.button.greenyellow.press{
	box-shadow:0 3px 0 #8bcc26;
}
.button.greenyellow.press:active{
	box-shadow:0 0px 0 #8bcc26;
}
.button.greenyellow:active{
	background-color:#a5f32d;
}
.button.greenyellow.bordered:not(:hover){
	border:2px solid #adff2f;
	color:#a5f32d;
}
.button.greenyellow.bordered:hover{
	background-color:#adff2f;
}
.button.greenyellow.bordered:active{
	background-color:#9ce62b;
}

/* ========== chartreuse ========== */
.button.chartreuse:not(.bordered){
	background-color:#80ff00;
	border:2px solid transparent;
}
.button.chartreuse:hover{
	background-color:#a7ff4d;
}
.button.chartreuse:active{
	background-color:#7af300;
}
.button.chartreuse.press{
	box-shadow:0 3px 0 #67cc00;
}
.button.chartreuse.press:active{
	box-shadow:0 0px 0 #67cc00;
}
.button.chartreuse:active{
	background-color:#7af300;
}
.button.chartreuse.bordered:not(:hover){
	border:2px solid #80ff00;
	color:#7af300;
}
.button.chartreuse.bordered:hover{
	background-color:#80ff00;
}
.button.chartreuse.bordered:active{
	background-color:#74e600;
}

/* ========== lime ========== */
.button.lime:not(.bordered){
	background-color:#00ff00;
	border:2px solid transparent;
}
.button.lime:hover{
	background-color:#4dff4d;
}
.button.lime:active{
	background-color:#00f300;
}
.button.lime.press{
	box-shadow:0 3px 0 #00cc00;
}
.button.lime.press:active{
	box-shadow:0 0px 0 #00cc00;
}
.button.lime:active{
	background-color:#00f300;
}
.button.lime.bordered:not(:hover){
	border:2px solid #00ff00;
	color:#00f300;
}
.button.lime.bordered:hover{
	background-color:#00ff00;
}
.button.lime.bordered:active{
	background-color:#00e600;
}

/* ========== limegreen ========== */
.button.limegreen:not(.bordered){
	background-color:#32cd32;
	border:2px solid transparent;
}
.button.limegreen:hover{
	background-color:#70dc70;
}
.button.limegreen:active{
	background-color:#30c330;
}
.button.limegreen.press{
	box-shadow:0 3px 0 #28a428;
}
.button.limegreen.press:active{
	box-shadow:0 0px 0 #28a428;
}
.button.limegreen:active{
	background-color:#30c330;
}
.button.limegreen.bordered:not(:hover){
	border:2px solid #32cd32;
	color:#30c330;
}
.button.limegreen.bordered:hover{
	background-color:#32cd32;
}
.button.limegreen.bordered:active{
	background-color:#2db92d;
}

/* ========== green ========== */
.button.green:not(.bordered){
	background-color:#00c800;
	border:2px solid transparent;
}
.button.green:hover{
	background-color:#4dd94d;
}
.button.green:active{
	background-color:#00be00;
}
.button.green.press{
	box-shadow:0 3px 0 #00a000;
}
.button.green.press:active{
	box-shadow:0 0px 0 #00a000;
}
.button.green:active{
	background-color:#00be00;
}
.button.green.bordered:not(:hover){
	border:2px solid #00c800;
	color:#00be00;
}
.button.green.bordered:hover{
	background-color:#00c800;
}
.button.green.bordered:active{
	background-color:#00b400;
}

/* ========== forestgreen ========== */
.button.forestgreen:not(.bordered){
	background-color:#228b22;
	border:2px solid transparent;
}
.button.forestgreen:hover{
	background-color:#65ae65;
}
.button.forestgreen:active{
	background-color:#218521;
}
.button.forestgreen.press{
	box-shadow:0 3px 0 #1c701c;
}
.button.forestgreen.press:active{
	box-shadow:0 0px 0 #1c701c;
}
.button.forestgreen:active{
	background-color:#218521;
}
.button.forestgreen.bordered:not(:hover){
	border:2px solid #228b22;
	color:#218521;
}
.button.forestgreen.bordered:hover{
	background-color:#228b22;
}
.button.forestgreen.bordered:active{
	background-color:#1f7e1f;
}

/* ========== darkgreen ========== */
.button.darkgreen:not(.bordered){
	background-color:#006400;
	border:2px solid transparent;
}
.button.darkgreen:hover{
	background-color:#4d934d;
}
.button.darkgreen:active{
	background-color:#005f00;
}
.button.darkgreen.press{
	box-shadow:0 3px 0 #005000;
}
.button.darkgreen.press:active{
	box-shadow:0 0px 0 #005000;
}
.button.darkgreen:active{
	background-color:#005f00;
}
.button.darkgreen.bordered:not(:hover){
	border:2px solid #006400;
	color:#005f00;
}
.button.darkgreen.bordered:hover{
	background-color:#006400;
}
.button.darkgreen.bordered:active{
	background-color:#005a00;
}

/* ========== greenblue ========== */
.button.greenblue:not(.bordered){
	background-color:#009b4e;
	border:2px solid transparent;
}
.button.greenblue:hover{
	background-color:#4db984;
}
.button.greenblue:active{
	background-color:#00944b;
}
.button.greenblue.press{
	box-shadow:0 3px 0 #007c3f;
}
.button.greenblue.press:active{
	box-shadow:0 0px 0 #007c3f;
}
.button.greenblue:active{
	background-color:#00944b;
}
.button.greenblue.bordered:not(:hover){
	border:2px solid #009b4e;
	color:#00944b;
}
.button.greenblue.bordered:hover{
	background-color:#009b4e;
}
.button.greenblue.bordered:active{
	background-color:#008c47;
}

/* ========== springgreen ========== */
.button.springgreen:not(.bordered){
	background-color:#00ff80;
	border:2px solid transparent;
}
.button.springgreen:hover{
	background-color:#4dffa7;
}
.button.springgreen:active{
	background-color:#00f37a;
}
.button.springgreen.press{
	box-shadow:0 3px 0 #00cc67;
}
.button.springgreen.press:active{
	box-shadow:0 0px 0 #00cc67;
}
.button.springgreen:active{
	background-color:#00f37a;
}
.button.springgreen.bordered:not(:hover){
	border:2px solid #00ff80;
	color:#00f37a;
}
.button.springgreen.bordered:hover{
	background-color:#00ff80;
}
.button.springgreen.bordered:active{
	background-color:#00e674;
}

/* ========== cyan ========== */
.button.cyan:not(.bordered){
	background-color:#00ffff;
	border:2px solid transparent;
}
.button.cyan:hover{
	background-color:#4dffff;
}
.button.cyan:active{
	background-color:#00f3f3;
}
.button.cyan.press{
	box-shadow:0 3px 0 #00cccc;
}
.button.cyan.press:active{
	box-shadow:0 0px 0 #00cccc;
}
.button.cyan:active{
	background-color:#00f3f3;
}
.button.cyan.bordered:not(:hover){
	border:2px solid #00ffff;
	color:#00f3f3;
}
.button.cyan.bordered:hover{
	background-color:#00ffff;
}
.button.cyan.bordered:active{
	background-color:#00e6e6;
}

/* ========== turquoise ========== */
.button.turquoise:not(.bordered){
	background-color:#00d0d0;
	border:2px solid transparent;
}
.button.turquoise:hover{
	background-color:#4ddfdf;
}
.button.turquoise:active{
	background-color:#00c6c6;
}
.button.turquoise.press{
	box-shadow:0 3px 0 #00a7a7;
}
.button.turquoise.press:active{
	box-shadow:0 0px 0 #00a7a7;
}
.button.turquoise:active{
	background-color:#00c6c6;
}
.button.turquoise.bordered:not(:hover){
	border:2px solid #00d0d0;
	color:#00c6c6;
}
.button.turquoise.bordered:hover{
	background-color:#00d0d0;
}
.button.turquoise.bordered:active{
	background-color:#00bcbc;
}

/* ========== teal ========== */
.button.teal:not(.bordered){
	background-color:#008080;
	border:2px solid transparent;
}
.button.teal:hover{
	background-color:#4da7a7;
}
.button.teal:active{
	background-color:#007a7a;
}
.button.teal.press{
	box-shadow:0 3px 0 #006767;
}
.button.teal.press:active{
	box-shadow:0 0px 0 #006767;
}
.button.teal:active{
	background-color:#007a7a;
}
.button.teal.bordered:not(:hover){
	border:2px solid #008080;
	color:#007a7a;
}
.button.teal.bordered:hover{
	background-color:#008080;
}
.button.teal.bordered:active{
	background-color:#007474;
}

/* ========== slategreen ========== */
.button.slategreen:not(.bordered){
	background-color:#2f4f4f;
	border:2px solid transparent;
}
.button.slategreen:hover{
	background-color:#6e8484;
}
.button.slategreen:active{
	background-color:#2d4c4c;
}
.button.slategreen.press{
	box-shadow:0 3px 0 #264040;
}
.button.slategreen.press:active{
	box-shadow:0 0px 0 #264040;
}
.button.slategreen:active{
	background-color:#2d4c4c;
}
.button.slategreen.bordered:not(:hover){
	border:2px solid #2f4f4f;
	color:#2d4c4c;
}
.button.slategreen.bordered:hover{
	background-color:#2f4f4f;
}
.button.slategreen.bordered:active{
	background-color:#2b4848;
}

/* ========== aquamarine ========== */
.button.aquamarine:not(.bordered){
	background-color:#66cdaa;
	border:2px solid transparent;
}
.button.aquamarine:hover{
	background-color:#94dcc4;
}
.button.aquamarine:active{
	background-color:#61c3a2;
}
.button.aquamarine.press{
	box-shadow:0 3px 0 #52a488;
}
.button.aquamarine.press:active{
	box-shadow:0 0px 0 #52a488;
}
.button.aquamarine:active{
	background-color:#61c3a2;
}
.button.aquamarine.bordered:not(:hover){
	border:2px solid #66cdaa;
	color:#61c3a2;
}
.button.aquamarine.bordered:hover{
	background-color:#66cdaa;
}
.button.aquamarine.bordered:active{
	background-color:#5cb999;
}

/* ========== lightcyan ========== */
.button.lightcyan:not(.bordered){
	background-color:#ddffff;
	border:2px solid transparent;
}
.button.lightcyan:hover{
	background-color:#e8ffff;
}
.button.lightcyan:active{
	background-color:#d2f3f3;
}
.button.lightcyan.press{
	box-shadow:0 3px 0 #b1cccc;
}
.button.lightcyan.press:active{
	box-shadow:0 0px 0 #b1cccc;
}
.button.lightcyan:active{
	background-color:#d2f3f3;
}
.button.lightcyan.bordered:not(:hover){
	border:2px solid #ddffff;
	color:#d2f3f3;
}
.button.lightcyan.bordered:hover{
	background-color:#ddffff;
}
.button.lightcyan.bordered:active{
	background-color:#c7e6e6;
}

/* ========== electricblue ========== */
.button.electricblue:not(.bordered){
	background-color:#00bfff;
	border:2px solid transparent;
}
.button.electricblue:hover{
	background-color:#4dd3ff;
}
.button.electricblue:active{
	background-color:#00b6f3;
}
.button.electricblue.press{
	box-shadow:0 3px 0 #0099cc;
}
.button.electricblue.press:active{
	box-shadow:0 0px 0 #0099cc;
}
.button.electricblue:active{
	background-color:#00b6f3;
}
.button.electricblue.bordered:not(:hover){
	border:2px solid #00bfff;
	color:#00b6f3;
}
.button.electricblue.bordered:hover{
	background-color:#00bfff;
}
.button.electricblue.bordered:active{
	background-color:#00ace6;
}

/* ========== dodgerblue ========== */
.button.dodgerblue:not(.bordered){
	background-color:#0080ff;
	border:2px solid transparent;
}
.button.dodgerblue:hover{
	background-color:#4da7ff;
}
.button.dodgerblue:active{
	background-color:#007af3;
}
.button.dodgerblue.press{
	box-shadow:0 3px 0 #0067cc;
}
.button.dodgerblue.press:active{
	box-shadow:0 0px 0 #0067cc;
}
.button.dodgerblue:active{
	background-color:#007af3;
}
.button.dodgerblue.bordered:not(:hover){
	border:2px solid #0080ff;
	color:#007af3;
}
.button.dodgerblue.bordered:hover{
	background-color:#0080ff;
}
.button.dodgerblue.bordered:active{
	background-color:#0074e6;
}

/* ========== flowerblue ========== */
.button.flowerblue:not(.bordered){
	background-color:#6495ed;
	border:2px solid transparent;
}
.button.flowerblue:hover{
	background-color:#93b5f3;
}
.button.flowerblue:active{
	background-color:#5f8ee2;
}
.button.flowerblue.press{
	box-shadow:0 3px 0 #5078be;
}
.button.flowerblue.press:active{
	box-shadow:0 0px 0 #5078be;
}
.button.flowerblue:active{
	background-color:#5f8ee2;
}
.button.flowerblue.bordered:not(:hover){
	border:2px solid #6495ed;
	color:#5f8ee2;
}
.button.flowerblue.bordered:hover{
	background-color:#6495ed;
}
.button.flowerblue.bordered:active{
	background-color:#5a87d6;
}

/* ========== royalblue ========== */
.button.royalblue:not(.bordered){
	background-color:#4070ff;
	border:2px solid transparent;
}
.button.royalblue:hover{
	background-color:#7a9bff;
}
.button.royalblue:active{
	background-color:#3d6bf3;
}
.button.royalblue.press{
	box-shadow:0 3px 0 #345acc;
}
.button.royalblue.press:active{
	box-shadow:0 0px 0 #345acc;
}
.button.royalblue:active{
	background-color:#3d6bf3;
}
.button.royalblue.bordered:not(:hover){
	border:2px solid #4070ff;
	color:#3d6bf3;
}
.button.royalblue.bordered:hover{
	background-color:#4070ff;
}
.button.royalblue.bordered:active{
	background-color:#3a65e6;
}

/* ========== blue ========== */
.button.blue:not(.bordered){
	background-color:#0000ff;
	border:2px solid transparent;
}
.button.blue:hover{
	background-color:#4d4dff;
}
.button.blue:active{
	background-color:#0000f3;
}
.button.blue.press{
	box-shadow:0 3px 0 #0000cc;
}
.button.blue.press:active{
	box-shadow:0 0px 0 #0000cc;
}
.button.blue:active{
	background-color:#0000f3;
}
.button.blue.bordered:not(:hover){
	border:2px solid #0000ff;
	color:#0000f3;
}
.button.blue.bordered:hover{
	background-color:#0000ff;
}
.button.blue.bordered:active{
	background-color:#0000e6;
}

/* ========== navy ========== */
.button.navy:not(.bordered){
	background-color:#000080;
	border:2px solid transparent;
}
.button.navy:hover{
	background-color:#4d4da7;
}
.button.navy:active{
	background-color:#00007a;
}
.button.navy.press{
	box-shadow:0 3px 0 #000067;
}
.button.navy.press:active{
	box-shadow:0 0px 0 #000067;
}
.button.navy:active{
	background-color:#00007a;
}
.button.navy.bordered:not(:hover){
	border:2px solid #000080;
	color:#00007a;
}
.button.navy.bordered:hover{
	background-color:#000080;
}
.button.navy.bordered:active{
	background-color:#000074;
}

/* ========== aura ========== */
.button.aura:not(.bordered){
	background-color:#4000ff;
	border:2px solid transparent;
}
.button.aura:hover{
	background-color:#7a4dff;
}
.button.aura:active{
	background-color:#3d00f3;
}
.button.aura.press{
	box-shadow:0 3px 0 #3400cc;
}
.button.aura.press:active{
	box-shadow:0 0px 0 #3400cc;
}
.button.aura:active{
	background-color:#3d00f3;
}
.button.aura.bordered:not(:hover){
	border:2px solid #4000ff;
	color:#3d00f3;
}
.button.aura.bordered:hover{
	background-color:#4000ff;
}
.button.aura.bordered:active{
	background-color:#3a00e6;
}

/* ========== slateblue ========== */
.button.slateblue:not(.bordered){
	background-color:#7b68ee;
	border:2px solid transparent;
}
.button.slateblue:hover{
	background-color:#a396f4;
}
.button.slateblue:active{
	background-color:#7563e3;
}
.button.slateblue.press{
	box-shadow:0 3px 0 #6354bf;
}
.button.slateblue.press:active{
	box-shadow:0 0px 0 #6354bf;
}
.button.slateblue:active{
	background-color:#7563e3;
}
.button.slateblue.bordered:not(:hover){
	border:2px solid #7b68ee;
	color:#7563e3;
}
.button.slateblue.bordered:hover{
	background-color:#7b68ee;
}
.button.slateblue.bordered:active{
	background-color:#6f5ed7;
}

/* ========== indigo ========== */
.button.indigo:not(.bordered){
	background-color:#6a00d5;
	border:2px solid transparent;
}
.button.indigo:hover{
	background-color:#974de2;
}
.button.indigo:active{
	background-color:#6500cb;
}
.button.indigo.press{
	box-shadow:0 3px 0 #5500ab;
}
.button.indigo.press:active{
	box-shadow:0 0px 0 #5500ab;
}
.button.indigo:active{
	background-color:#6500cb;
}
.button.indigo.bordered:not(:hover){
	border:2px solid #6a00d5;
	color:#6500cb;
}
.button.indigo.bordered:hover{
	background-color:#6a00d5;
}
.button.indigo.bordered:active{
	background-color:#6000c0;
}

/* ========== violet ========== */
.button.violet:not(.bordered){
	background-color:#8000ff;
	border:2px solid transparent;
}
.button.violet:hover{
	background-color:#a74dff;
}
.button.violet:active{
	background-color:#7a00f3;
}
.button.violet.press{
	box-shadow:0 3px 0 #6700cc;
}
.button.violet.press:active{
	box-shadow:0 0px 0 #6700cc;
}
.button.violet:active{
	background-color:#7a00f3;
}
.button.violet.bordered:not(:hover){
	border:2px solid #8000ff;
	color:#7a00f3;
}
.button.violet.bordered:hover{
	background-color:#8000ff;
}
.button.violet.bordered:active{
	background-color:#7400e6;
}

/* ========== purple ========== */
.button.purple:not(.bordered){
	background-color:#b400ff;
	border:2px solid transparent;
}
.button.purple:hover{
	background-color:#cb4dff;
}
.button.purple:active{
	background-color:#ab00f3;
}
.button.purple.press{
	box-shadow:0 3px 0 #9000cc;
}
.button.purple.press:active{
	box-shadow:0 0px 0 #9000cc;
}
.button.purple:active{
	background-color:#ab00f3;
}
.button.purple.bordered:not(:hover){
	border:2px solid #b400ff;
	color:#ab00f3;
}
.button.purple.bordered:hover{
	background-color:#b400ff;
}
.button.purple.bordered:active{
	background-color:#a200e6;
}

/* ========== fushia ========== */
.button.fushia:not(.bordered){
	background-color:#dc00ff;
	border:2px solid transparent;
}
.button.fushia:hover{
	background-color:#e74dff;
}
.button.fushia:active{
	background-color:#d100f3;
}
.button.fushia.press{
	box-shadow:0 3px 0 #b000cc;
}
.button.fushia.press:active{
	box-shadow:0 0px 0 #b000cc;
}
.button.fushia:active{
	background-color:#d100f3;
}
.button.fushia.bordered:not(:hover){
	border:2px solid #dc00ff;
	color:#d100f3;
}
.button.fushia.bordered:hover{
	background-color:#dc00ff;
}
.button.fushia.bordered:active{
	background-color:#c600e6;
}

/* ========== magenta ========== */
.button.magenta:not(.bordered){
	background-color:#ff00ff;
	border:2px solid transparent;
}
.button.magenta:hover{
	background-color:#ff4dff;
}
.button.magenta:active{
	background-color:#f300f3;
}
.button.magenta.press{
	box-shadow:0 3px 0 #cc00cc;
}
.button.magenta.press:active{
	box-shadow:0 0px 0 #cc00cc;
}
.button.magenta:active{
	background-color:#f300f3;
}
.button.magenta.bordered:not(:hover){
	border:2px solid #ff00ff;
	color:#f300f3;
}
.button.magenta.bordered:hover{
	background-color:#ff00ff;
}
.button.magenta.bordered:active{
	background-color:#e600e6;
}

/* ========== pink ========== */
.button.pink:not(.bordered){
	background-color:#ee80ee;
	border:2px solid transparent;
}
.button.pink:hover{
	background-color:#f4a7f4;
}
.button.pink:active{
	background-color:#e37ae3;
}
.button.pink.press{
	box-shadow:0 3px 0 #bf67bf;
}
.button.pink.press:active{
	box-shadow:0 0px 0 #bf67bf;
}
.button.pink:active{
	background-color:#e37ae3;
}
.button.pink.bordered:not(:hover){
	border:2px solid #ee80ee;
	color:#e37ae3;
}
.button.pink.bordered:hover{
	background-color:#ee80ee;
}
.button.pink.bordered:active{
	background-color:#d774d7;
}

/* ========== hotpink ========== */
.button.hotpink:not(.bordered){
	background-color:#ff69b4;
	border:2px solid transparent;
}
.button.hotpink:hover{
	background-color:#ff96cb;
}
.button.hotpink:active{
	background-color:#f364ab;
}
.button.hotpink.press{
	box-shadow:0 3px 0 #cc5490;
}
.button.hotpink.press:active{
	box-shadow:0 0px 0 #cc5490;
}
.button.hotpink:active{
	background-color:#f364ab;
}
.button.hotpink.bordered:not(:hover){
	border:2px solid #ff69b4;
	color:#f364ab;
}
.button.hotpink.bordered:hover{
	background-color:#ff69b4;
}
.button.hotpink.bordered:active{
	background-color:#e65fa2;
}

/* ========== deeppink ========== */
.button.deeppink:not(.bordered){
	background-color:#ff1493;
	border:2px solid transparent;
}
.button.deeppink:hover{
	background-color:#ff5bb4;
}
.button.deeppink:active{
	background-color:#f3138c;
}
.button.deeppink.press{
	box-shadow:0 3px 0 #cc1076;
}
.button.deeppink.press:active{
	box-shadow:0 0px 0 #cc1076;
}
.button.deeppink:active{
	background-color:#f3138c;
}
.button.deeppink.bordered:not(:hover){
	border:2px solid #ff1493;
	color:#f3138c;
}
.button.deeppink.bordered:hover{
	background-color:#ff1493;
}
.button.deeppink.bordered:active{
	background-color:#e61285;
}

/* ========== lightpink ========== */
.button.lightpink:not(.bordered){
	background-color:#ffc0cb;
	border:2px solid transparent;
}
.button.lightpink:hover{
	background-color:#ffd3db;
}
.button.lightpink:active{
	background-color:#f3b7c1;
}
.button.lightpink.press{
	box-shadow:0 3px 0 #cc9aa3;
}
.button.lightpink.press:active{
	box-shadow:0 0px 0 #cc9aa3;
}
.button.lightpink:active{
	background-color:#f3b7c1;
}
.button.lightpink.bordered:not(:hover){
	border:2px solid #ffc0cb;
	color:#f3b7c1;
}
.button.lightpink.bordered:hover{
	background-color:#ffc0cb;
}
.button.lightpink.bordered:active{
	background-color:#e6adb7;
}

/* ========== slategrey ========== */
.button.slategrey:not(.bordered){
	background-color:#708090;
	border:2px solid transparent;
}
.button.slategrey:hover{
	background-color:#9ba7b2;
}
.button.slategrey:active{
	background-color:#6b7a89;
}
.button.slategrey.press{
	box-shadow:0 3px 0 #5a6774;
}
.button.slategrey.press:active{
	box-shadow:0 0px 0 #5a6774;
}
.button.slategrey:active{
	background-color:#6b7a89;
}
.button.slategrey.bordered:not(:hover){
	border:2px solid #708090;
	color:#6b7a89;
}
.button.slategrey.bordered:hover{
	background-color:#708090;
}
.button.slategrey.bordered:active{
	background-color:#657482;
}

/* ========== slatepurple ========== */
.button.slatepurple:not(.bordered){
	background-color:#483d8b;
	border:2px solid transparent;
}
.button.slatepurple:hover{
	background-color:#7f78ae;
}
.button.slatepurple:active{
	background-color:#453a85;
}
.button.slatepurple.press{
	box-shadow:0 3px 0 #3a3170;
}
.button.slatepurple.press:active{
	box-shadow:0 0px 0 #3a3170;
}
.button.slatepurple:active{
	background-color:#453a85;
}
.button.slatepurple.bordered:not(:hover){
	border:2px solid #483d8b;
	color:#453a85;
}
.button.slatepurple.bordered:hover{
	background-color:#483d8b;
}
.button.slatepurple.bordered:active{
	background-color:#41377e;
}

/* ========== steelblue ========== */
.button.steelblue:not(.bordered){
	background-color:#b0c4de;
	border:2px solid transparent;
}
.button.steelblue:hover{
	background-color:#c8d6e8;
}
.button.steelblue:active{
	background-color:#a8bbd3;
}
.button.steelblue.press{
	box-shadow:0 3px 0 #8d9db2;
}
.button.steelblue.press:active{
	box-shadow:0 0px 0 #8d9db2;
}
.button.steelblue:active{
	background-color:#a8bbd3;
}
.button.steelblue.bordered:not(:hover){
	border:2px solid #b0c4de;
	color:#a8bbd3;
}
.button.steelblue.bordered:hover{
	background-color:#b0c4de;
}
.button.steelblue.bordered:active{
	background-color:#9fb1c8;
}

/* ========== thisle ========== */
.button.thisle:not(.bordered){
	background-color:#d8bfd8;
	border:2px solid transparent;
}
.button.thisle:hover{
	background-color:#e4d3e4;
}
.button.thisle:active{
	background-color:#ceb6ce;
}
.button.thisle.press{
	box-shadow:0 3px 0 #ad99ad;
}
.button.thisle.press:active{
	box-shadow:0 0px 0 #ad99ad;
}
.button.thisle:active{
	background-color:#ceb6ce;
}
.button.thisle.bordered:not(:hover){
	border:2px solid #d8bfd8;
	color:#ceb6ce;
}
.button.thisle.bordered:hover{
	background-color:#d8bfd8;
}
.button.thisle.bordered:active{
	background-color:#c3acc3;
}

/* ========== lavender ========== */
.button.lavender:not(.bordered){
	background-color:#e6e6fa;
	border:2px solid transparent;
}
.button.lavender:hover{
	background-color:#eeeefc;
}
.button.lavender:active{
	background-color:#dbdbee;
}
.button.lavender.press{
	box-shadow:0 3px 0 #b8b8c8;
}
.button.lavender.press:active{
	box-shadow:0 0px 0 #b8b8c8;
}
.button.lavender:active{
	background-color:#dbdbee;
}
.button.lavender.bordered:not(:hover){
	border:2px solid #e6e6fa;
	color:#dbdbee;
}
.button.lavender.bordered:hover{
	background-color:#e6e6fa;
}
.button.lavender.bordered:active{
	background-color:#cfcfe1;
}

/* ========== olive ========== */
.button.olive:not(.bordered){
	background-color:#808000;
	border:2px solid transparent;
}
.button.olive:hover{
	background-color:#a7a74d;
}
.button.olive:active{
	background-color:#7a7a00;
}
.button.olive.press{
	box-shadow:0 3px 0 #676700;
}
.button.olive.press:active{
	box-shadow:0 0px 0 #676700;
}
.button.olive:active{
	background-color:#7a7a00;
}
.button.olive.bordered:not(:hover){
	border:2px solid #808000;
	color:#7a7a00;
}
.button.olive.bordered:hover{
	background-color:#808000;
}
.button.olive.bordered:active{
	background-color:#747400;
}

/* ========== darkkhaki ========== */
.button.darkkhaki:not(.bordered){
	background-color:#bdb76b;
	border:2px solid transparent;
}
.button.darkkhaki:hover{
	background-color:#d1cd98;
}
.button.darkkhaki:active{
	background-color:#b4ae66;
}
.button.darkkhaki.press{
	box-shadow:0 3px 0 #989356;
}
.button.darkkhaki.press:active{
	box-shadow:0 0px 0 #989356;
}
.button.darkkhaki:active{
	background-color:#b4ae66;
}
.button.darkkhaki.bordered:not(:hover){
	border:2px solid #bdb76b;
	color:#b4ae66;
}
.button.darkkhaki.bordered:hover{
	background-color:#bdb76b;
}
.button.darkkhaki.bordered:active{
	background-color:#aba561;
}

/* ========== khaki ========== */
.button.khaki:not(.bordered){
	background-color:#f0e68c;
	border:2px solid transparent;
}
.button.khaki:hover{
	background-color:#f5eeaf;
}
.button.khaki:active{
	background-color:#e4db85;
}
.button.khaki.press{
	box-shadow:0 3px 0 #c0b870;
}
.button.khaki.press:active{
	box-shadow:0 0px 0 #c0b870;
}
.button.khaki:active{
	background-color:#e4db85;
}
.button.khaki.bordered:not(:hover){
	border:2px solid #f0e68c;
	color:#e4db85;
}
.button.khaki.bordered:hover{
	background-color:#f0e68c;
}
.button.khaki.bordered:active{
	background-color:#d8cf7e;
}