/*
  -------------------------------------------------------------------------------------------------------------------------
  If you edit this file, your modifications will be overwritten during the next upgrade.
  If you need to modify the appearance of the forms, add your own css rules to the style sheets bundled with your template.
  -------------------------------------------------------------------------------------------------------------------------
*/
@import 'https://fonts.googleapis.com/css?family=Open+Sans';

/* For the form controls */
div#fox-container-m129
{
	font-size: 16px;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	color: #939393;
	background: #EFEFEF;
}

div#fox-container-m129 .fox-form .control-group
{
	margin-bottom: 1.5em;
}

div#fox-container-m129 .fox-form input,
div#fox-container-m129 .fox-form textarea,
div#fox-container-m129 .fox-form button
{
	border-radius: 21px;
	font: inherit;
}

div#fox-container-m129 .fox-form input[type="text"],
div#fox-container-m129 .fox-form input[type="email"],
div#fox-container-m129 .fox-form textarea
{
	height: 42px;
	padding: 0 20px;
	border: 0 solid #8c8c8c;
	color: #8c8c8c;
	background: #FFFFFF;
	box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 1px 1px 3px rgba(0, 0, 0, 0.8) inset;
	font-size: 18px;
	transition: all .2s linear 0s;

}

div#fox-container-m129 .fox-form input[type="text"]:focus,
div#fox-container-m129 .fox-form input[type="email"]:focus,
div#fox-container-m129 .fox-form textarea:focus
{
	color: #333333;
	background: rgba(0, 0, 0, 0.1);
	transition: all .2s linear 0s;
}

/* Placeholder style documentation at https://css-tricks.com/almanac/selectors/p/placeholder-shown/ */
/* Firefox 19+ */
div#fox-container-m129 .fox-form input[type="text"]::-moz-placeholder,
div#fox-container-m129 .fox-form input[type="email"]::-moz-placeholder,
div#fox-container-m129 .fox-form textarea::-moz-placeholder
{
	/* Firefox attenuates the color applied here, so it is required to set a color a little lighter */
	color: #d0d0d0;
}

div#fox-container-m129 .fox-form textarea
{
	padding: 20px;
}

div#fox-container-m129 .fox-form button
{
	height: 42px;
	border: none;
	background: #FFFFFF linear-gradient(to bottom, #C0DDC7, #C0DDC7);
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7) inset, 1px 1px 1px rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.5);
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	padding: 0 38px;
}

div#fox-container-m129 .fox-form button:hover
{
	background: #C0DDC7 linear-gradient(to bottom, #ffffff, #707070);
}


/* == Demo content specific style == */
div#fox-container-m129 h2
{
	color: #c2c2c2;
	text-shadow: 1px 2px 1px #000000;
}
div#fox-container-m129 p
{
	width: 300px;
	max-width: 100%;
	text-align: justify;
}
div#fox-container-m129 .fox-form button
{
	width: 300px;
	max-width: 100%;
}


/* Chosen (partial) */
/*
div#fox-container-m129 .chzn-container
{
	font-size: 18px;
}

div#fox-container-m129 .chzn-container-single .chzn-single
{
	height: 42px;
	line-height: 40px;
	border-radius: 21px;
	border: none;
	padding: 0 20px;
	background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.4));
}
div#fox-container-m129 .chzn-container-active .chzn-single
{
	border: none;
}
*/