.tmc-box--export {

	.tmc-box__body {
		font-size: 0;
		padding-top: 50px;
	}
}

.tmc-export-item {
	display: inline-block;
	margin-bottom: 30px;
	padding: 0 15px;
	vertical-align: top;
	width: calc(33% - 30px);

	&__form {
		border: 1px solid #dcdcdc;
		position: relative;
		text-align: center;
	}

	&__help {
		color: #aaa;
		cursor: help;
		font-size: 15px;
		position: absolute;
		right: 10px;
		top: 10px;

		&::after {
			line-height: 1.5;
			text-align: left;
			white-space: normal;
			width: 280px;
			word-break: break-word;
		}
	}

	&__icon {
		font-size: 60px;
		padding: 40px 0;

		&--has-file-name-input {

			i,
			.svg-inline--fa {
				margin-right: 5px;
				vertical-align: middle;
			}
		}

		img {
			max-height: 60px;
		}
	}

	&__input {
		vertical-align: middle;
	}

	&__footer {
		align-content: space-between;
		background-color: #f1f1f1;
		border-top: 1px solid #dcdc;
		display: flex;
		flex-direction: row;
		height: 42px;
	}

	&__name {
		display: inline-block;
		font-weight: 700;
		line-height: 42px;
		margin: 0;
		overflow: hidden;
		padding-left: 15px;
		text-align: left;
		vertical-align: middle;
		width: calc(100% - 50px);
	}

	& &__button {
		border-radius: 0;
	}
}