.ht-email-composer-container{
	max-width: 960px;
	margin: 0 auto;
	padding: 24px 0;
	.ec-section-header{
		padding: 0 0 12px;
		margin: 0 0 12px;
		border-bottom: 1px solid #eee;
		.ec-section-title{
			margin: 0 0 8px;
			line-height: 32px;
			font-size: 28px;
			font-weight: 600;
			color: $grey900;
		}
		.ec-section-subtitle{
			line-height: 18px;
			font-size: 14px;
			color: $grey600;
		}
	}
	.ec-section-content{
		padding: 16px 0;
		.ec-input-row{
			display: flex;
			padding: 12px 12px;
			border: 1px solid $grey300;
			& + .ec-input-row{
				border-top: 0;
			}
			&.ec-form-header{
				background-color: $grey800;
				border-color: transparent;
				.ec-form-title{
					margin: 0;
					line-height: 20px;
					font-size: 14px;
					font-weight: 600;
					color: #fff;
				}				
			}
			.ec-input-label{
				flex: 0 0 auto;
				min-width: 0;
				margin: 0;
				padding: 4px 0;
				min-width: 0;
				display: block;
				line-height: 20px;
				font-size: 14px;
				color: $grey600;
			}
			.ec-input-main{
				flex: 1 1 auto;
				min-width: 0;
				padding: 0 12px;
				.ec-input-control{
					display: block;
					width: 100%;
					max-width: 100%;
					height: 28px;
					padding: 4px 4px;
					line-height: 20px;
					font-size: 14px;
					color: $grey900;
					border: 0;
					outline: none;
					&:focus{
						outline: none;
					}
					&.width-auto{
						width: auto;
					}
				}
				&.ec-sender-info{
					.ec-input-control{
						height: 128px;
						padding: 12px 4px;
						resize: none;
					}
				}
			}
			.ec-add-logo{
				flex: 0 0 auto;
				min-width: 0;
				border-right: 1px solid $grey300;
				.logo-container{
					width: 128px;
				}
				.ec-add-logo-label{
					background-color: $grey100;
					font-size: 12px;
					color: $grey600;
					border: 2px dashed #eaeaea;
					cursor: pointer;
					z-index: 230;
				}
				.logo-actions{
					position: absolute;
					bottom: 2px; right: 2px;
					.single-action{
						padding: 1px 5px;
						line-height: 14px;
						color: $grey700;
						background-color: $grey100;
						border: 1px solid #eaeaea;
						border-radius: 4px;
						opacity: .9;
						&:hover{
							text-decoration: none;
							background-color: $grey200;
							border-color: $grey300;
						}
					}
				}
				.image-wrap{
					z-index: 240;
					background-color: $grey100;
					&:hover{
						.logo-actions{
							.single-action{
								opacity: 1;
							}
						}
					}
				}
			}
			.ec-sender-info{

			}
		}
	}
}