*/

/* Icons inside Submit and Reset buttons */
div#fox-container-m137 button span
{
	/*
	 Fix an issue with the icons on Microsoft Edge and RTL language: icon shown on the wrong side
	 Todo: Font icons will make this fix not necessary
	 */
	display: inline-block;
}

div#fox-container-m137 button span.with-icon
{
	background: no-repeat left center;
	padding: 0 0 0 20px;
}

html[dir="rtl"] div#fox-container-m137 button span.with-icon
{
	/* firefox doesn't use correctly "background-position-x" property so just redefine the entire "background-position" */
	background-position: right center;
	padding: 0 20px 0 0;
}

div#fox-container-m137 input.fox-item-calendar-input
{
	cursor: pointer;
	/* Prevent selection in order to avoid backspace which would take the page back */
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div#fox-container-m137 div.fox-item-radio label input[type="radio"],
div#fox-container-m137 div.fox-item-checkbox-group label input[type="checkbox"]
{
	margin-top: 0;
	margin-right: 7px;
}

html[dir="rtl"] div#fox-container-m137 div.fox-item-radio label input[type="radio"],
html[dir="rtl"] div#fox-container-m137 div.fox-item-checkbox-group label input[type="checkbox"]
{
	margin-right: 0;
	margin-left: 7px;
}

div#fox-container-m137 div.fox-item-radio div.fox-item-radio-label-inline,
div#fox-container-m137 div.fox-item-checkbox-group div.fox-item-checkbox-group-label-inline
{
	display: inline-block;
}

div#fox-container-m137 div.fox-item-radio div.fox-item-radio-label-inline:not(:last-child),
div#fox-container-m137 div.fox-item-checkbox-group div.fox-item-checkbox-group-label-inline:not(:last-child)
{
	margin-right: 16px;
}

html[dir="rtl"] div#fox-container-m137 div.fox-item-radio div.fox-item-radio-label-inline:not(:last-child),
html[dir="rtl"] div#fox-container-m137 div.fox-item-checkbox-group div.fox-item-checkbox-group-label-inline:not(:last-child)
{
	margin-right: 0;
	margin-left: 16px;
}

div#fox-container-m137 .fox-form-inline div.fox-item-newsletter div.controls span:not(.required),
div#fox-container-m137 .fox-form-inline div.fox-item-radio div.controls span:not(.required),
div#fox-container-m137 .fox-form-inline div.fox-item-checkbox-group div.controls span:not(.required),
div#fox-container-m137 div.fox-item-radio div.controls label,
div#fox-container-m137 div.fox-item-checkbox-group div.controls label
{
	display: inline-block;
	min-height: 20px;
	margin: 0;
}

div#fox-container-m137 .fox-form-inline div.fox-item-newsletter div.controls span:not(.required),
div#fox-container-m137 .fox-form-inline div.fox-item-radio div.controls span:not(.required),
div#fox-container-m137 .fox-form-inline div.fox-item-radio div.controls label:not(:last-child),
div#fox-container-m137 .fox-form-inline div.fox-item-checkbox-group div.controls span:not(.required),
div#fox-container-m137 .fox-form-inline div.fox-item-checkbox-group div.controls label:not(:last-child)
{
	margin-right: 16px;
}

html[dir="rtl"] div#fox-container-m137 .fox-form-inline div.fox-item-newsletter div.controls span:not(.required),
html[dir="rtl"] div#fox-container-m137 .fox-form-inline div.fox-item-radio div.controls span:not(.required),
html[dir="rtl"] div#fox-container-m137 .fox-form-inline div.fox-item-radio div.controls label:not(:last-child),
html[dir="rtl"] div#fox-container-m137 .fox-form-inline div.fox-item-checkbox-group div.controls span:not(.required),
html[dir="rtl"] div#fox-container-m137 .fox-form-inline div.fox-item-checkbox-group div.controls label:not(:last-child)
{
	margin-right: 0;
	margin-left: 16px;
}

/* ----- display warning/error inside item ----- */

div#fox-container-m137 div.controls span.alert
{
	display: block;
	margin: 0;
}

div#fox-container-m137 .control-group.error .fox-label-inside-no-placeholder
{
	color: #b94a48;
}

/* ----- recaptcha ----- */

div#fox-container-m137 .fox-item-recaptcha div.controls .fox-item-recaptcha-display
{
	display: inline-block;
}

/* Ensure that the template does not opacifies the whole button, or our spinner will be opacified too */
/* [disabled] or :disabled ? http://stackoverflow.com/questions/20141450/ */
div#fox-container-m137 button:disabled
{
	opacity: 1;
}

div#fox-container-m137 button:disabled .caption
{
	opacity: .3;
}

/* Characters left counter */
div#fox-container-m137 .text-count-wrapper
{
	text-align: right;
}
html[dir="rtl"] .text-count-wrapper
{
	text-align: left;
}

/* Spinner */
.fox-item-submit button, .upload-spinner-container
{
	position: relative;
}

.upload-spinner-container
{
	vertical-align: middle;
}

.fox-item-submit .spinner,
div#fox-container-m137 span.qq-upload-spinner
{
	padding: 0;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-animation: circle1 1.7s infinite ease;
	animation: circle1 1.7s infinite ease;
}

.fox-item-submit .spinner
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -.5em;
	margin-top: -.5em;
}

@-webkit-keyframes circle1
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@keyframes circle1
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

/* /Spinner */

/* ----- [START] Bootstrap v2.3.2 grid system [START] ----- */

@-ms-viewport
{
	width: device-width;
}

@media (min-width: 768px)
{
	div#fox-container-m137 .fox-row
	{
		width: 100%;
	}

	div#fox-container-m137 .fox-row:before,
	div#fox-container-m137 .fox-row:after
	{
		display: table;
		line-height: 0;
		content: "";
	}

	div#fox-container-m137 .fox-row:after
	{
		clear: both;
	}

	div#fox-container-m137 .fox-row .fox-column
	{
		display: block;
		float: left;
		width: 100%;
		min-height: 30px;
		margin-left: 2.7624309392265194%;
		box-sizing: border-box;
	}

	html[dir="rtl"] div#fox-container-m137 .fox-row .fox-column
	{
		float: right;
		margin-left: 0;
		margin-right: 2.7624309392265194%;
	}

	div#fox-container-m137 .fox-row .fox-column:first-child
	{
		margin-left: 0;
	}

	html[dir="rtl"] div#fox-container-m137 .fox-row .fox-column:first-child
	{
		margin-right: 0;
	}

	div#fox-container-m137 .fox-row .fox-column12
	{
		width: 100%;
	}

	div#fox-container-m137 .fox-row .fox-column11
	{
		width: 91.43646408839778%;
	}

	div#fox-container-m137 .fox-row .fox-column10
	{
		width: 82.87292817679558%;
	}

	div#fox-container-m137 .fox-row .fox-column9
	{
		width: 74.30939226519337%;
	}

	div#fox-container-m137 .fox-row .fox-column8
	{
		width: 65.74585635359117%;
	}

	div#fox-container-m137 .fox-row .fox-column7
	{
		width: 57.18232044198895%;
	}

	div#fox-container-m137 .fox-row .fox-column6
	{
		width: 48.61878453038674%;
	}

	div#fox-container-m137 .fox-row .fox-column5
	{
		width: 40.05524861878453%;
	}

	div#fox-container-m137 .fox-row .fox-column4
	{
		width: 31.491712707182323%;
	}

	div#fox-container-m137 .fox-row .fox-column3
	{
		width: 22.92817679558011%;
	}

	div#fox-container-m137 .fox-row .fox-column2
	{
		width: 14.3646408839779%;
	}

	div#fox-container-m137 .fox-row .fox-column1
	{
		width: 5.801104972375691%;
	}
}

@media (max-width: 767px)
{
	div#fox-container-m137 .fox-row
	{
		width: 100%;
	}

	div#fox-container-m137 .fox-row:before,
	div#fox-container-m137 .fox-row:after
	{
		display: table;
		line-height: 0;
		content: "";
	}

	div#fox-container-m137 .fox-row:after
	{
		clear: both;
	}

	div#fox-container-m137 .fox-row .fox-column
	{
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}

	html[dir="rtl"] div#fox-container-m137 .fox-row .fox-column
	{
		margin-right: 0;
	}

	div#fox-container-m137 .fox-row .fox-column12
	{
		width: 100%;
		box-sizing: border-box;
	}
}

/* ----- [END] Bootstrap Responsive v2.3.2 [END] ----- */