@import '../variables.less';
@import '../mixins.less';

@import 'components/fields-nav.less';
@import 'components/field.less';
@import 'components/field-types.less';

/**********************
import-export.less
*************************/
#ecf-creator {	
	&.ecf-import-export-wrapper {

		.ecf-form-field {
			padding: 15px 0;

			label {
				font-size: 1.25rem;
				font-weight: 700;
				margin-bottom: 15px;
				display: block;
			}

			.ecf-input-wrapper {

				> textarea {
					.transition(all, 0.25s, ease);
					.roundedcorners(5px);
					.placeholder(@text_1);
			    color: @text_2;
					background: @grey_2;
					border: 1px solid @grey_2;
					padding: 15px;
					width: 100%;
					min-height: 550px;
			    outline: none;
			    font-size: 16px;

			    &:focus {
			    	border-color: @grey_2;
			    	.box-shadow(none);
			    }

			    &:not(.ecf-readonly) {
			    	&:focus {
			    		.box-shadow(0 0 0 2px @grey_2);
			    		background: @white;
			    	}
			    }
					
				}
			}
		}

		.ecf-textarea {

		}
	}
}