.field input[type="text"], .field input[type="password"], .field input[type="file"], .field textarea, .field .tagsinput, .content .field select
{
	border-radius:				0;
}

.content .field
{
	clear:						both;

	padding:					10px;
	margin-bottom:				2px;

	background:					#f5f5f5;

	color:						#444;
}

.settingsField .fieldWrapper .txtColorPicker
{
	padding:					0;
}
.settingsField .font-select,
.settingsField select,
.settingsField .txtColorPicker
{
	margin-bottom:				10px;
	margin-top:					10px;
}
.settingsField .fieldLabel
{
	margin-bottom:				10px;
}
.settingsPreview
{
	padding-top:				58px;
}

.content .field.withCount
{
	position:					relative;
}

.content .field.withCount input,
.content .field.withCount textarea
{
	padding-right:				40px;
}

.content .field.indent
{
	padding:					10px 10px 10px 25px;
}

.overlayContent .field
{
	min-height:					56px;
}

.overlayContent .field.passwordCheck
{
	overflow:					auto;
	min-height:					80px;
}

.overlayContent .field .passwordScore
{
	margin-top: 				1px;
}

.loginContent .field
{
	background:					transparent;
}

.content .field label
{
	display:					inline-block;

	color:						#444;

	max-width:					29%;

	line-height:				2.425em;
}
.content .field .answer label
{
	max-width:					100%;

	line-height:				1.8em;
}

.content .field.danger label
{
	color:						#9d2a2a;
}

.content .field input[type="checkbox"] ~ label
{
	max-width:					none;

	line-height:				1.775em;
}

.itemContent .field input[type="text"], .itemContent .field input[type="password"], .itemContent .field input[type="file"], .itemContent .field:not(.editor) textarea, .itemContent .field .tagsinput, .itemContent .field select,
#cms .sectionContent .field input[type="text"], #cms .sectionContent .field input[type="password"], #cms .sectionContent .field input[type="file"], #cms .sectionContent .field:not(.editor) textarea, #cms .sectionContent .field .tagsinput, #cms .sectionContent .field select
{
	border-color:				#444;

	width:						70% !important;

	float:						right;
}

#cms .sectionContent .field select[multiple]
{
	width:						99.9% !important;
}

.content .field.roleSelect select
{
	float:						left;
}

.content .sectionOptions .field input[type="text"], .content .sectionOptions .field input[type="password"], .content .sectionOptions .field input[type="file"], .content .sectionOptions .field textarea, .content .sectionOptions .field .tagsinput
{
	width:						20%;

	float:						left;
}

.sectionOptions .field
{
	background:					transparent;
}

.content .field select[multiple], #addComment .field.commentAuthor input
{
	width:						99.9% !important;

	float:						none;
}

.errorMessage
{
	padding:					12px 40px 0;

	background:					#f2bfbb url(../../images/icons/exclamation_mark.png) no-repeat 10px 10px;

	color:						#333;
}

.webGuidelines .errorMessage
{
	background-color:			#fff;
}

.errorMessage h2
{
	font-size:					16px;

	font-weight:				600;
}

.errorMessage ul
{
	margin-left:				20px;

	list-style:					square outside;
}

.field.markerDescription label:first-child
{
	max-width:					85%;
}

.charactersLeft
{
	float:						right;

	margin-top:					10px;
}

.withCount .charactersLeft
{
	float:						none;

	margin-top:					0;

	position:					absolute;

	right:						20px;
	top:						16px;

	z-index:					100;
}

.field.danger:after, .field.warning:after, .field.success:after
{
	right:						5px;
	top:						16px;
}

.field .passwordScore, .field .color
{
	right:						11px;

	-webkit-border-top-right-radius:	0;
	-moz-border-radius-topright:		0;
	border-radius:						0;
}

html .button.info, html.no-touch .button.info:hover
{
	border:						1px solid #444;
}

.no-touch .button.info:hover:before, .no-touch .button.info:hover a, .no-touch .button.info:hover input
{
	color:						#fff !important;
}

#forms.item select
{
	height:						36px;
}

form label:first-child
{
	margin-bottom:				0;
}

.inputDatePicker
{
	width:						70%;

	float:						right;
}

.content .field .inputDatePicker select
{
	width:						100% !important;
}

.content .field.dateTimePicker.icon-calendar.before::before
{
	content:					'';
}
.content .field.dateTimePicker.icon-calendar.before .dateTimeOutputWrapper
{
	position:					relative;
}
.field.dateTimePicker.icon-calendar.before .dateTimeOutputWrapper::before
{
	top:						5px;
	left:						10px;
	position:					absolute;
	z-index:					1;
	content:					'\e85b';
	display:					inline-block;
	font-family:				"entypo";
	font-style:					normal;
	font-weight:				normal;
	font-variant:				normal;
	text-align:					center;
	text-decoration:			inherit;
	text-transform:				none;
	speak:						none;
}

.field.dateSelect select
{
	width:						30% !important;

	float:						left;
}

.field.dateSelect select:nth-child(2)
{
	width:						40% !important;
}

.field.dateTimeSelect > div, .field.dateSelect > div
{
	width:						70%;

	float:						right;
}

.field.dateTimeSelect select
{
	width:						15% !important;

	float:						left;
}

.field.dateTimeSelect select:nth-child(2)
{
	width:						35% !important;
}

.content .field .commentField textarea
{
	width:						100% !important;
}

.content #addComment .field
{
	padding-top:				17px;

	background:					#e9e9e9;
}

.dateTimeOutputWrapper
{
	width:						70% !important;
	display:					inline-block;
}
.field .dateTimeOutputWrapper input[type="text"]
{
	width:						100% !important;
}

/* Form field sizes */

html .content .field .ten
{
	width: 						10% !important;

	float:						left;
}

html .content .field .twenty
{
	width: 						20% !important;

	float:						left;
}

html .content .field .thirty
{
	width: 						30% !important;

	float:						left;
}

html .content .field .forty
{
	width: 						40% !important;

	float:						left;
}

html .content .field .fifty
{
	width: 						50% !important;

	float:						left;
}

html .content .field .sixty
{
	width: 						60% !important;

	float:						left;
}

html .content .field .seventy
{
	width: 						70% !important;

	float:						left;
}

html .content .field .eighty
{
	width: 						80% !important;

	float:						left;
}

html .content .field .ninety
{
	width: 						90% !important;

	float:						left;
}

html .field.markerSearch input[type="text"]
{
	float:						left;
}


@media only screen and (max-width: 768px)
{
	.content .field label
	{
		display:					block;

		max-width:					100%;
	}

	.content .field.password label {
		float:						none;
	}

	.charactersLeft {
		position:					relative;
		bottom:						0;
		right:						0;
	}

	.itemContent .field input[type="text"], .itemContent .field input[type="password"], .itemContent .field input[type="file"], .itemContent .field:not(.editor) textarea, .itemContent .field .tagsinput, .itemContent .field select,
	#cms .sectionContent .field input[type="text"], #cms .sectionContent .field input[type="password"], #cms .sectionContent .field input[type="file"], #cms .sectionContent .field:not(.editor) textarea, #cms .sectionContent .field .tagsinput, #cms .sectionContent .field select
	{
		width:						100% !important;
	}
}