.new-document-wizard {
	@include content-container();

	.import-document-button {
		width: 100%;
		padding: 20px;
		margin: 0 0 30px 0;
		text-align: center;
		color: $color-gray;
		cursor: pointer;
		font-size: 1.2rem;
		line-height: 1.7rem;
		@include ease-in();
		@extend .no-select;
		border: 1px solid $color-stroke;
		background-color: $color-off-white;

		&:hover {
			border-color: $color-link;
			color: $color-link;
		}

		 > .dz-preview,
		.dz-processing {
			display: none !important;
		}
	}

	> .input-control {
		> .list-wrapper {
			> .template-list {
				margin: 0;
				padding: 0;

				.item {
					@include ease-in();
					@include border-radius(4px);
					list-style: none;
					cursor: pointer;
					display: inline-block;
					background-color: $color-blue;
					margin: 0 20px 20px 0;
					padding: 12px 0 0 20px;
					width: 423px;
					height: 60px;
					position: relative;

					&:hover {
						@include ease-in();
						border-color: $color-link;

						> .template-actions {
							display: block;
						}
					}

					> .template-actions {
						@include ease-in();
						display: none;
						position: absolute;
						top: 10px;
						right: 8px;

						.material-icons {
							color: $color-stroke;
							font-size: 1rem;
						}
					}

					> .details {
						width: 350px;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;

						> .title {
							font-size: 1rem;
							font-weight: normal;
							color: $color-white;
							letter-spacing: 0.5px;
							margin-top: 0;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}

						> .desc {
							color: $color-white;
							font-size: 0.8rem;
							margin-top: 5px;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
					}
				}
			}
		}
	}
}