:focus { outline: 0px; }

:disabled.buttonRounded:active { background: gray; opacity: 1; }

:disabled.buttonSquare:active { background: gray; opacity: 1; }

button { height: 32px; }

button.buttonRounded i {
	margin: 0px;
	left: 18px;
	top: 15px;
	color: white;
	font-size: 32px;
	position: absolute;
	z-index: 9999;
}

button.buttonRounded:hover {
	transition: 0.3s;
	text-shadow: 0px 0px 0px rgba(87,151,180,0.36);
}

button.buttonSquare i {
	margin: 0px;
	left: 18px;
	top: 15px;
	color: white;
	font-size: 32px;
	position: absolute;
	z-index: 9999;
}

button.buttonSquare:hover {
	transition: 0.3s;
	text-shadow: 0px 0px 0px rgba(87,151,180,0.36);
}

button[disabled] {
	background: gray;
	cursor: default;
	opacity: 1;
	text-shadow: none;
}

html input[disabled] {
	background: gray;
	cursor: default;
	opacity: 1;
	text-shadow: none;
}

.amethyst { background: rgb(26, 188, 156); }

.amethyst:active { background: rgb(58, 206, 177); }

.amethyst:focus { background: rgb(58, 206, 177); }

.anothergreen { background: rgb(82, 190, 127); }

.anothergreen:active { background: rgb(125, 206, 159); }

.anothergreen:focus { background: rgb(125, 206, 159); }

.anotherpurple { background: rgb(156, 0, 197); }

.anotherpurple:active { background: rgb(181, 64, 212); }

.anotherpurple:focus { background: rgb(181, 64, 212); }

.asphalt { background: rgb(52, 73, 94); }

.asphalt:active { background: rgb(79, 100, 122); }

.asphalt:focus { background: rgb(79, 100, 122); }

.azure { background: rgb(0, 162, 211); }

.azure:active { background: rgb(64, 185, 222); }

.azure:focus { background: rgb(64, 185, 222); }

.beige { background: #b69f76; }

.beige:active { background: rgb(200, 183, 152); }

.beige:focus { background: rgb(200, 183, 152); }

.beigeplus { background: rgb(227, 149, 104); }

.beigeplus:active { background: rgb(234, 176, 142); }

.beigeplus:focus { background: rgb(234, 176, 142); }

.black { background: rgb(45, 46, 43); }

.black:active { background: rgb(98, 98, 96); }

.black:focus { background: rgb(98, 98, 96); }

.blue { background: rgb(2, 72, 131); }

.blue:active { background: rgb(65, 118, 162); }

.blue:focus { background: rgb(65, 118, 162); }

.bluelight { background: rgb(128, 168, 204); }

.bluelight:active { background: rgb(160, 190, 217); }

.bluelight:focus { background: rgb(160, 190, 217); }

.bluelightplus { background: rgb(106, 177, 184); }

.bluelightplus:active { background: rgb(143, 197, 202); }

.bluelightplus:focus { background: rgb(143, 197, 202); }

.blueplus { background: rgb(41, 128, 185); }

.blueplus:active { background: rgb(95, 160, 203); }

.blueplus:focus { background: rgb(95, 160, 203); }

.brown { background: rgb(154, 99, 98); }

.brown:active { background: rgb(179, 138, 137); }

.brown:focus { background: rgb(179, 138, 137); }

.brownlight { background: rgb(168, 120, 120); }

.brownlight:active { background: rgb(190, 154, 154); }

.brownlight:focus { background: rgb(190, 154, 154); }

.buttonRounded {
	/* default fallback */
	background: transparent;
	font: normal 900 15px "Roboto", Helvetica, sans-serif;
	margin: 0px 0px 4px;
	padding: 10px 0px;
	border-radius: 10px;
	border: currentColor;
	transition: 0.2s;
	border-image: none;
	width: 60%;
	color: black;
	display: inline-block;
	position: relative;
	cursor: pointer;
	-ms-text-overflow: clip;
	box-sizing: content-box;
	font-size-adjust: none;
	font-stretch: normal;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-text-overflow: clip;
}

.buttonRounded i {
	margin: 0px 0px 0px 17px;
	color: white;
	font-size: 15px;
	position: relative;
	z-index: 9999;
}

.buttonRounded span {
	font: 15px/normal "Roboto", Helvetica, sans-serif;
	left: 50px;
	top: 10px;
	text-transform: none;
	position: absolute;
	font-size-adjust: none;
	font-stretch: normal;
}

.buttonRounded:hover {
	transition: 0.3s;
	text-shadow: 0px 0px 0px rgba(87,151,180,0.36);
}

.buttonRounded:active {
	background: transparent;
	transform-origin: 50% 100% 0px;
	transition: 0.3s;
	top: 0px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transform-origin: 50% 100% 0;
	-moz-transform-origin: 50% 100% 0;
	-o-transform-origin: 50% 100% 0;
	-moz-transition: all 0.3s;
}

.buttonRounded:focus {
	background: transparent;
	transform-origin: 50% 100% 0px;
	transition: 0.3s;
	top: 0px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transform-origin: 50% 100% 0;
	-moz-transform-origin: 50% 100% 0;
	-o-transform-origin: 50% 100% 0;
	-moz-transition: all 0.3s;
}

.buttonRounded::before {
	background: #cda072;
	border-radius: 10px 0px 0px 10px;
	border: currentColor;
	transition: 0.2s;
	border-image: none;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	color: black;
	display: inline-block;
	position: absolute;
	cursor: pointer;
	-ms-text-overflow: clip;
	content: "";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-background-size: 48px auto;
	-o-text-overflow: clip;
}

.buttonSquare {
	background: rgb(104, 109, 110);
	font: 18px/normal "Roboto", Helvetica, sans-serif;
	margin: 0px 0px 4px;
	padding: 15px 0px;
	border-radius: 0px;
	border: currentColor;
	transition: 0.2s;
	border-image: none;
	width: 100%;
	color: rgba(255, 255, 255, 0.9);
	text-transform: capitalize;
	display: inline-block;
	position: relative;
	cursor: pointer;
	-ms-text-overflow: clip;
	box-sizing: content-box;
	font-size-adjust: none;
	font-stretch: normal;
	text-shadow: 0px 0px 0px rgba(239,245,247,1);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-text-overflow: clip;
}

.buttonSquare i {
	margin: 0px 0px 0px 17px;
	color: white;
	font-size: 32px;
	position: relative;
	z-index: 9999;
}

.buttonSquare span {
	font: 18px/normal "Roboto", Helvetica, sans-serif;
	left: 78px;
	top: 20px;
	text-transform: uppercase;
	position: absolute;
	font-size-adjust: none;
	font-stretch: normal;
}

.buttonSquare:hover {
	transition: 0.3s;
	text-shadow: 0px 0px 0px rgba(87,151,180,0.36);
}

.buttonSquare:active {
	background: rgb(142, 146, 146);
	transform-origin: 50% 100% 0px;
	transition: 0.3s;
	top: 0px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transform-origin: 50% 100% 0;
	-moz-transform-origin: 50% 100% 0;
	-o-transform-origin: 50% 100% 0;
	-moz-transition: all 0.3s;
}

.buttonSquare:focus {
	background: rgb(142, 146, 146);
	transform-origin: 50% 100% 0px;
	transition: 0.3s;
	top: 0px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transform-origin: 50% 100% 0;
	-moz-transform-origin: 50% 100% 0;
	-o-transform-origin: 50% 100% 0;
	-moz-transition: all 0.3s;
}

.buttonSquare::before {
	background: no-repeat 50% 50% / 48px auto rgba(0, 0, 0, 0.3);
	border: currentColor;
	transition: 0.2s;
	border-image: none;
	left: 0px;
	top: 0px;
	width: 63px;
	height: 100%;
	color: rgba(0, 0, 0, 0.9);
	display: inline-block;
	position: absolute;
	cursor: pointer;
	-ms-text-overflow: clip;
	content: "";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-background-size: 48px auto;
	-o-text-overflow: clip;
}

.concrete { background: rgb(149, 165, 166); }

.concrete:active { background: rgb(181, 181, 181); }

.concrete:focus { background: rgb(181, 181, 181); }

.darkblue { background: rgb(52, 73, 94); }

.darkblue:active { background: rgb(103, 119, 134); }

.darkblue:focus { background: rgb(103, 119, 134); }

.darkbluelight { background: rgb(72, 72, 96); }

.darkbluelight:active { background: rgb(118, 118, 136); }

.darkbluelight:focus { background: rgb(118, 118, 136); }

.darkbluelightplus { background: rgb(96, 103, 122); }

.darkbluelightplus:active { background: rgb(136, 141, 155); }

.darkbluelightplus:focus { background: rgb(136, 141, 155); }

.darkbrown { background: rgb(82, 50, 58); }

.darkbrown:active { background: rgb(125, 101, 107); }

.darkbrown:focus { background: rgb(125, 101, 107); }

.darkgreen { background: rgb(139, 169, 135); }

.darkgreen:active { background: rgb(191, 203, 185); }

.darkgreen:focus { background: rgb(191, 203, 185); }

.darkgreenextended { background: rgb(7, 99, 62); }

.darkgreenextended:active { background: rgb(36, 124, 88); }

.darkgreenextended:focus { background: rgb(36, 124, 88); }

.darkgreenplus { background: rgb(6, 122, 107); }

.darkgreenplus:active { background: rgb(68, 155, 144); }

.darkgreenplus:focus { background: rgb(68, 155, 144); }

.darkorange { background: rgb(186, 98, 0); }

.darkorange:active { background: rgb(203, 137, 64); }

.darkorange:focus { background: rgb(203, 137, 64); }

.darkpink { background: rgb(231, 152, 186); }

.darkpink:active { background: rgb(237, 178, 203); }

.darkpink:focus { background: rgb(237, 178, 203); }

.darkpurple { background: rgb(88, 76, 88); }

.darkpurple:active { background: rgb(130, 121, 130); }

.darkpurple:focus { background: rgb(130, 121, 130); }

.deepbrown { background: rgb(131, 15, 18); }

.deepbrown:active { background: rgb(143, 40, 42); }

.deepbrown:focus { background: rgb(143, 40, 42); }

.deeporange { background: rgb(255, 91, 11); }

.deeporange:active { background: rgb(246, 122, 62); }

.deeporange:focus { background: rgb(246, 122, 62); }

.deeppurple { background: rgb(51, 26, 77); }

.deeppurple:active { background: rgb(82, 55, 110); }

.deeppurple:focus { background: rgb(82, 55, 110); }

.deepsea { background: rgb(15, 112, 102); }

.deepsea:active { background: rgb(34, 132, 122); }

.deepsea:focus { background: rgb(34, 132, 122); }

.disablow.buttonRounded {
	background: gray;
	cursor: default;
	opacity: 1;
	text-shadow: none;
}

.disablow.buttonRounded:hover { text-shadow: none; }

.disablow.buttonRounded:active { background: gray; opacity: 1; }

.disablow.buttonSquare {
	background: gray;
	cursor: default;
	opacity: 1;
	text-shadow: none;
}

.disablow.buttonSquare:hover { text-shadow: none; }

.disablow.buttonSquare:active { background: gray; opacity: 1; }

.graphite { background: rgb(69, 69, 69); }

.graphite:active { background: rgb(98, 97, 97); }

.graphite:focus { background: rgb(98, 97, 97); }

.gray { background: rgb(95, 94, 97); }

.gray:active { background: rgb(135, 134, 137); }

.gray:focus { background: rgb(135, 134, 137); }

.green { background: rgb(1, 177, 105); }

.green:active { background: rgb(98, 217, 149); }

.green:focus { background: rgb(98, 217, 149); }

.greenplus { background: rgb(22, 160, 133); }

.greenplus:active { background: rgb(80, 184, 164); }

.greenplus:focus { background: rgb(80, 184, 164); }

.lightgreen { background: rgb(130, 216, 181); }

.lightgreen:active { background: rgb(161, 226, 200); }

.lightgreen:focus { background: rgb(161, 226, 200); }

.lightgreenplus { background: rgb(71, 201, 175); }

.lightgreenplus:active { background: rgb(117, 215, 195); }

.lightgreenplus:focus { background: rgb(117, 215, 195); }

.lightgreentwoplus { background: rgb(90, 173, 162); }

.lightgreentwoplus:active { background: rgb(131, 194, 185); }

.lightgreentwoplus:focus { background: rgb(131, 194, 185); }

.lightpink { background: rgb(250, 99, 116); }

.lightpink:active { background: rgb(251, 138, 151); }

.lightpink:focus { background: rgb(251, 138, 151); }

.lightpurple { background: rgb(85, 54, 122); }

.lightpurple:active { background: rgb(128, 104, 155); }

.lightpurple:focus { background: rgb(128, 104, 155); }

.lightpurpleplus { background: rgb(175, 122, 196); }

.lightpurpleplus:active { background: rgb(195, 155, 211); }

.lightpurpleplus:focus { background: rgb(195, 155, 211); }

.lightred { background: rgb(242, 108, 99); }

.lightred:active { background: rgb(245, 145, 138); }

.lightred:focus { background: rgb(245, 145, 138); }

.lime { background: rgb(207, 227, 116); }

.lime:active { background: rgb(219, 234, 151); }

.lime:focus { background: rgb(219, 234, 151); }

.muddygreen { background: rgb(158, 154, 39); }

.muddygreen:active { background: rgb(173, 165, 99); }

.muddygreen:focus { background: rgb(173, 165, 99); }

.muddygreenplus { background: rgb(169, 186, 162); }

.muddygreenplus:active { background: rgb(191, 203, 185); }

.muddygreenplus:focus { background: rgb(191, 203, 185); }

.muddypurple { background: rgb(128, 115, 153); }

.muddypurple:active { background: rgb(160, 150, 179); }

.muddypurple:focus { background: rgb(160, 150, 179); }

.muddyred { background: rgb(204, 96, 85); }

.muddyred:active { background: rgb(217, 136, 128); }

.muddyred:focus { background: rgb(217, 136, 128); }

.notification_error {
	background: rgb(250, 99, 116);
	margin: 0px 3px 4px 2px;
	padding: 14px 21px;
	color: rgb(255, 255, 255);
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 300;
}

.notification_ok {
	background: rgb(64, 185, 222);
	margin: 0px 3px 4px 2px;
	padding: 14px 21px;
	color: rgb(255, 255, 255);
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 300;
}

.orange { background: rgb(211, 84, 0); }

.orange:active { background: rgb(222, 127, 64); }

.orange:focus { background: rgb(222, 127, 64); }

.orangeblind { background: rgb(248, 178, 67); }

.orangeblind:active { background: rgb(250, 197, 114); }

.orangeblind:focus { background: rgb(250, 197, 114); }

.orangelight { background: rgb(247, 148, 29); }

.orangelight:active { background: rgb(249, 175, 86); }

.orangelight:focus { background: rgb(249, 175, 86); }

.orangelightplus { background: rgb(243, 156, 18); }

.orangelightplus:active { background: rgb(246, 181, 77); }

.orangelightplus:focus { background: rgb(246, 181, 77); }

.orangeplus { background: rgb(252, 119, 54); }

.orangeplus:active { background: rgb(253, 153, 104); }

.orangeplus:focus { background: rgb(253, 153, 104); }

.pinklight { background: rgb(222, 0, 99); }

.pinklight:active { background: rgb(238, 44, 130); }

.pinklight:focus { background: rgb(238, 44, 130); }

.purple { background: rgb(142, 68, 173); }

.purple:active { background: rgb(170, 115, 194); }

.purple:focus { background: rgb(170, 115, 194); }

.purpleplus { background: rgb(174, 94, 155); }

.purpleplus:active { background: rgb(194, 134, 180); }

.purpleplus:focus { background: rgb(194, 134, 180); }

.red { background: #7b0000; }

.red:active { background: rgb(237, 121, 109); }

.red:focus { background: rgb(237, 121, 109); }

.yellow { background: #CCA071; }

.yellow:active { background: #93683c; }

.yellow:focus { background: #CCA071; }