.fm-field
{
	@include border-box();
	@include transition(background);
	
	background: $color-white;
	overflow: hidden;
	
	&:nth-child(odd)
	{
		background: $color-light-gray;
	}
	
	label
	{
		display: block;
	}
}

.fm-field-label,
.fm-field-input
{
	@include border-box();
	
	overflow: hidden;
}

.fm-meta-box > div > .fm-field
{
	> .fm-field-label,
	> .fm-field-input
	{
		padding: 12px;
	}
}

.fm-field-input
{
	input,
	select
	{
		&.fm-error
		{
			border: 1px solid $color-red;
		}
	}

	div.fm-error
	{
		@include border-box();
		
		background: $color-red;
		border: 0;
		color: $color-white;
		display: block;
		font-size: 12px;
		font-weight: bold;
		margin-top: -1px;
		padding: 3px 5px;
		width: 100%;
	}
}

#advanced-sortables,
#normal-sortables
{
	.fm-meta-box > div > .fm-field > .fm-field-label
	{
		@include bp(above-tall-admin-bar)
		{
			float: left;
			max-width: 240px;
			width: 25%;
			
			> label
			{
				margin-top: 3px;
			}
		}

		@include bp(up-to-tall-admin-bar)
		{
			margin-bottom: -8px;
			padding-bottom: 0;
		}
	}
}

@include bp(above-tall-admin-bar)
{
	#side-sortables .fm-meta-box > div > .fm-field > .fm-field-label
	{
		margin-bottom: -8px;
		padding-bottom: 0;
	}
}

.fm-description
{
	color: $color-wp-gray;
	
	@include bp(up-to-tall-admin-bar)
	{
		font-size: 16px;
	}
}

@include bp(above-tall-admin-bar)
{
	body.rtl
	{
		#advanced-sortables,
		#normal-sortables
		{
			.fm-meta-box > div > .fm-field > .fm-field-label
			{
				float: right;
			}
		}
	}
}