@import "compass";
@import "mixins";

.portlet-configuration {
	.lfr-panel-content {
		padding: 0 1em;
	}

	fieldset.rows-container {
		border-width: 0;
		margin-top: 0;
	}

	.editing-disabled dt {
		color: #999;
		float: left;
		font-weight: bold;
		width: 6em;
	}

	.lfr-form-row {
		.field {
			margin-left: 2em;
		}

		.field.options, .validation .field {
			clear: both;
			display: block;
		}

		.field-title {
			color: #000;
			font-size: 120%;
			font-weight: bold;
			padding: 3px;
		}
	}

	.syntax-help {
		margin: 2em 0 0 2em;
	}

	.validation {
		clear: left;
	}

	.label-name .field-wrapper-content {
		margin-top: 0;
	}

	.label-name input, .options input {
		width: 275px;
	}
}

.web-formx-portlet {
	.description {
		margin-bottom: 2em;
	}
	
	.ww-input {
		width:350px;
	}
	
	.ww-input-box {
		width:350px;
		height:80px;
	}
}

@include respond-to(phone, tablet) {
	.web-formxx-portlet {
		
		.ww-input {
			width:275px;
		}
	
		.ww-input-box {
			width:275px;
			height:80px;
		}
	}
}