/**
*	Forms > gray-theme
*/

@media screen {

	.ym-form {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

}

/**
*	Forms > JOOMLA: Specifics
*/

@media screen {

	body.contentpane.forms {
		margin: 1.5em;
	}

}

/**
*	Forms
*/

@media screen {

	.ym-form button[disabled],
	.ym-form button[disabled]:hover,
	.ym-form input[type="button"][disabled],
	.ym-form input[type="button"][disabled]:hover,
	.ym-form input[type="submit"][disabled],
	.ym-form input[type="submit"][disabled]:hover {
		cursor: not-allowed !important;
		border-color: #aaa !important;
	}

	.pflichtfeld {
		/* padding-top: 10px !important;
		padding-bottom: 10px!important; */
	}

	.pflichtfeld.error {
		background: transparent;
	}

	.error label {
		color: #800;
		font-weight: bold;
	}

	.ym-form .pflichtfeld.error input,
	.ym-form .pflichtfeld.error input:hover,
	.ym-form .pflichtfeld.error input:focus,
	.ym-form .pflichtfeld.error select,
	.ym-form .pflichtfeld.error select:hover,
	.ym-form .pflichtfeld.error select:focus,
	.ym-form .pflichtfeld.error textarea,
	.ym-form .pflichtfeld.error textarea:hover,
	.ym-form .pflichtfeld.error textarea:focus {
		border: 1px #800 solid !important;
	}

	.msg {
		margin: 0 15px 0 15px;
	}

	.box.success,
	.box.error {
		position: relative;
	}
	.box.success:before,
	.box.error:before {
		font-family: "FontAwesome";
		font-style: normal;
		font-weight: normal;
		font-line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		font-size: 32px;
		color: rgba(0, 0, 0, 0.3);

		position: absolute;
		top: 0;
		left: 0;
		margin: 5px 0 0 15px;
	}

	.box.success:before {
		/* fa-check-circle */
		content: "\f058" !important;
	}

	.box.error:before {
		/* fa-exclamation-circle */
		content: "\f06a" !important;
	}

	.box.success,
	.box.error {
		padding-left: 50px;
	}

	.spinner {}

	/* Loading spinner */
	.fancy-loading {
		border: 6px solid rgba(255, 255, 255, 0.2);
		border-top: 6px solid rgba(255, 255, 255, 0.8);
		/* border: 6px solid rgba(100, 100, 100, 0.2);
		border-top: 6px solid rgba(0, 0, 0, 0.6); */
		border-radius: 100%;
		height: 50px;
		width: 50px;
		-webkit-animation: fancy-rotate .8s infinite linear;
		animation: fancy-rotate .8s infinite linear;
		background: transparent;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -25px;
		margin-left: -25px;
		z-index: 99999;
	}

	@-webkit-keyframes fancy-rotate {

		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

	@keyframes fancy-rotate {

		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
		}

	}

}