/* -------------------- Colors -------------------- */

/* White */
.x-light-white, a.super-white:hover { color: #fbfbfb; }

.super-white, a.x-light-white:hover, button, input[type="button"], input[type="reset"], input[type="submit"], th { color: #ffffff; }

.light-white { color: #f7f7f7; }

a.light-white:hover { color: #fbfbfb; }

.white { color: #f3f3f3; }

a.white:hover { color: #f7f7f7; }

.dark-white { color: #eeeeee; }

a.dark-white:hover { color: #f3f3f3; }

.x-dark-white { color: #eaeaea; }

a.x-dark-white:hover { color: #eeeeee; }

/* Orange */
.x-light-orange { color: #f58952; }

a.x-light-orange:hover { color: #f6996a; }

.light-orange { color: #f3783a; }

a.light-orange:hover { color: #f58952; }

.orange, a, .link { color: #f26822; }

a.orange:hover, a:hover, .link:hover { color: #f3783a; }

.dark-orange { color: #ed590e; }

a.dark-orange:hover { color: #f26822; }

.x-dark-orange { color: #d5500d; }

a.x-dark-orange:hover { color: #ed590e; }

/* Red */
.x-light-red { color: #f26b6f; }

a.x-light-red:hover { color: #f48286; }

.light-red { color: #f05358; }

a.light-red:hover { color: #f26b6f; }

.red { color: #ee3c41; }

a.red:hover { color: #f05358; }

.dark-red { color: #ec252a; }

a.dark-red:hover { color: #ee3c41; }

.x-dark-red { color: #e3141a; }

a.x-dark-red:hover { color: #ec252a; }

/* Green */
.x-light-green { color: #8acc75; }

a.x-light-green:hover { color: #9ad388; }

.light-green { color: #7bc563; }

a.light-green:hover { color: #8acc75; }

.green { color: #6bbe50; }

a.green:hover { color: #7bc563; }

.dark-green { color: #5eb242; }

a.dark-green:hover { color: #6bbe50; }

.x-dark-green { color: #54a03b; }

a.x-dark-green:hover { color: #5eb242; }

/* Blue */
.x-light-blue { color: #23c4ff; }

a.x-light-blue:hover { color: #3dcbff; }

.light-blue { color: #09bdff; }

a.light-blue:hover { color: #23c4ff; }

.blue { color: #00afef; }

a.blue:hover { color: #09bdff; }

.dark-blue, .input-icon input:focus + i { color: #009cd6; }

a.dark-blue:hover { color: #00afef; }

.x-dark-blue { color: #008abc; }

a.x-dark-blue:hover { color: #009cd6; }

/* Silver */
.x-light-silver { color: #dcdcdc; }

a.x-light-silver:hover { color: #e8e8e8; }

.light-silver { color: #cfcfcf; }

a.light-silver:hover { color: #dcdcdc; }

.silver { color: #c2c2c2; }

a.silver:hover { color: #cfcfcf; }

.dark-silver { color: #b5b5b5; }

a.dark-silver:hover { color: #c2c2c2; }

.x-dark-silver { color: #a9a9a9; }

a.x-dark-silver:hover { color: #b5b5b5; }

/* Gray */
.x-light-gray { color: #8a8a8a; }

a.x-light-gray:hover { color: #969696; }

.light-gray { color: #7d7d7d; }

a.light-gray:hover { color: #8a8a8a; }

.gray { color: #707070; }

a.gray:hover { color: #7d7d7d; }

.dark-gray, fieldset legend { color: #636363; }

a.dark-gray:hover { color: #707070; }

.x-dark-gray { color: #575757; }

a.x-dark-gray:hover { color: #636363; }

/* Black */
.black {
	color: #373435;
}

a.black:hover {
	color: #575455;
}

/* -------------------- Backgrounds -------------------- */

/* White */
.x-light-white-bg, button.super-white-bg:hover, input[type="checkbox"]:not(:checked) + label { background-color: #fbfbfb; }

.super-white-bg, input, select, textarea, button.x-light-white-bg:hover, a.x-light-white-bg:hover { background-color: #ffffff; }

.light-white-bg { background-color: #f7f7f7; }

button.light-white-bg:hover, a.light-white-bg:hover { background-color: #fbfbfb; }

.white-bg, input[type="checkbox"]:checked + label { background-color: #f3f3f3; }

button.white-bg:hover, a.white-bg:hover { background-color: #f7f7f7; }

.dark-white-bg { background-color: #eeeeee; }

button.dark-white-bg:hover, a.dark-white-bg:hover { background-color: #f3f3f3; }

.x-dark-white-bg { background-color: #eaeaea; }

button.x-dark-white-bg:hover, a.x-dark-white-bg:hover { background-color: #eeeeee; }

/* Orange */
.x-light-orange-bg { background-color: #f58952; }

button.x-light-orange-bg:hover, a.x-light-orange-bg:hover { background-color: #f6996a; }

.light-orange-bg { background-color: #f3783a; }

button.light-orange-bg:hover, a.light-orange-bg:hover { background-color: #f58952; }

.orange-bg { background-color: #f26822; }

button.orange-bg:hover, a.orange-bg:hover { background-color: #f3783a; }

.dark-orange-bg { background-color: #ed590e; }

button.dark-orange-bg:hover, a.dark-orange-bg:hover { background-color: #f26822; }

.x-dark-orange-bg { background-color: #d5500d; }

button.x-dark-orange-bg:hover, a.x-dark-orange-bg:hover { background-color: #ed590e; }

/* Red */
.x-light-red-bg { background-color: #f26b6f; }

button.x-light-red-bg:hover, a.x-light-red-bg:hover { background-color: #f48286; }

.light-red-bg { background-color: #f05358; }

button.light-red-bg:hover, a.light-red-bg:hover { background-color: #f26b6f; }

.red-bg, th { background-color: #ee3c41; }

button.red-bg:hover , a.red-bg:hover{ background-color: #f05358; }

.dark-red-bg { background-color: #ec252a; }

button.dark-red-bg:hover, a.dark-red-bg:hover { background-color: #ee3c41; }

.x-dark-red-bg { background-color: #e3141a; }

button.x-dark-red-bg:hover, a.x-dark-red-bg:hover { background-color: #ec252a; }

/* Green */
.x-light-green-bg { background-color: #8acc75; }

button.x-light-green-bg:hover, a.x-light-green-bg:hover { background-color: #9ad388; }

.light-green-bg { background-color: #7bc563; }

button.light-green-bg:hover, a.light-green-bg:hover { background-color: #8acc75; }

.green-bg, input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after, .steps li.stepped:before, .steps li.stepped:after, .steps li.active:after { background-color: #6bbe50; }

button.green-bg:hover, a.green-bg:hover { background-color: #7bc563; }

.dark-green-bg { background-color: #5eb242; }

button.dark-green-bg:hover, a.dark-green-bg:hover { background-color: #6bbe50; }

.x-dark-green-bg { background-color: #54a03b; }

button.x-dark-green-bg:hover, a.x-dark-green-bg:hover { background-color: #5eb242; }

/* Blue */
.x-light-blue-bg { background-color: #23c4ff; }

button.x-light-blue-bg:hover, a.x-light-blue-bg:hover { background-color: #3dcbff; }

.light-blue-bg { background-color: #09bdff; }

button.light-blue-bg:hover, a.light-blue-bg:hover { background-color: #23c4ff; }

.blue-bg, .head-line:after { background-color: #00afef; }

button.blue-bg:hover, a.blue-bg:hover { background-color: #09bdff; }

.dark-blue-bg { background-color: #009cd6; }

button.dark-blue-bg:hover, a.dark-blue-bg:hover { background-color: #00afef; }

.x-dark-blue-bg { background-color: #008abc; }

button.x-dark-blue-bg:hover, a.x-dark-blue-bg:hover { background-color: #009cd6; }

/* Silver */
.x-light-silver-bg { background-color: #dcdcdc; }

button.x-light-silver-bg:hover, a.x-light-silver-bg:hover { background-color: #e8e8e8; }

.light-silver-bg { background-color: #cfcfcf; }

button.light-silver-bg:hover, a.light-silver-bg:hover { background-color: #dcdcdc; }

.silver-bg { background-color: #c2c2c2; }

button.silver-bg:hover, a.silver-bg:hover { background-color: #cfcfcf; }

.dark-silver-bg { background-color: #b5b5b5; }

button.dark-silver-bg:hover, a.dark-silver-bg:hover { background-color: #c2c2c2; }

.x-dark-silver-bg { background-color: #a9a9a9; }

button.x-dark-silver-bg:hover, a.x-dark-silver-bg:hover { background-color: #b5b5b5; }

/* Gray */
.x-light-gray-bg { background-color: #8a8a8a; }

button.x-light-gray-bg:hover, a.x-light-gray-bg:hover { background-color: #969696; }

.light-gray-bg { background-color: #7d7d7d; }

button.light-gray-bg:hover, a.light-gray-bg:hover { background-color: #8a8a8a; }

button, .gray-bg { background-color: #707070; }

button:hover, a.gray-bg:hover { background-color: #7d7d7d; }

.dark-gray-bg { background-color: #636363; }

button.dark-gray-bg:hover, a.dark-gray-bg:hover { background-color: #707070; }

.x-dark-gray-bg { background-color: #575757; }

button.x-dark-gray-bg:hover, a.x-dark-gray-bg:hover { background-color: #636363; }

/* Black */
.black-bg { background-color: #373435; }

button.black-bg:hover, a.black-bg:hover { background-color: #575455; }

/* -------------------- Borders -------------------- */

/* White */
.white-border { border-color: #f3f3f3; }

button.white-border:hover, a.white-border:hover { border-color: #f7f7f7; }

/* Orange */
.orange-border { border-color: #efa15d; }

button.orange-border:hover, a.orange-border:hover { border-color: #f1ae74; }

/* Red */
.red-border { border-color: #ee3c41; }

button.red-border:hover , a.red-border:hover{ border-color: #f05358; }

/* Green */
.green-border { border-color: #6bbe50; }

button.green-border:hover, a.green-border:hover { border-color: #7bc563; }

/* Blue */
.blue-border { border-color: #00afef; }

button.blue-border:hover, a.blue-border:hover { border-color: #09bdff; }

/* Gray */
.gray-border { border-color: #707070; }

button.gray-border:hover, a.gray-border:hover { border-color: #7d7d7d; }

/* Black */
.black-border { border-color: #000000; }

button.black-border:hover, a.black-border:hover { border-color: #575757;}

/* HTML Elements */
::selection {
	background:#00afef;
	color: #ffffff;
}

::-moz-selection {
	background:#00afef;
	color: #ffffff;
}

input, select, textarea {
	border-color: #e3e3e3;
}

input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before {
	border-color: #a3a3a3;
}

@media (min-width: 1200px) { /* Desktop */
	input:hover, select:hover, textarea:hover {
		border-color: #d3d3d3;
	}
}

input:focus, select:focus, textarea:focus {
	border-color: #616161;
}

button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], button[disabled]:hover, input[type="button"][disabled]:hover, input[type="reset"][disabled]:hover, input[type="submit"][disabled]:hover {
	background-color: #f9f9f9;
	color: #c3c3c3;
}

.wrong-input, input.wrong-input:hover, select.wrong-input:hover, textarea.wrong-input:hover, input.wrong-input:focus, select.wrong-input:focus, textarea.wrong-input:focus {
	border-color: #c62828;
}

fieldset {
	border-color: #f3f3f3;
}

hr {
    border-top-color: #eeeeee;
}