documize/app/app/styles/view/document/wizard.scss

.section-wizard {
	margin: 20px 0 30px;

	> .canvas {
		padding: 0;

		> .divider {
			margin: 30px 0 20px 0;
			border-top: 1px dotted $color-gray;
		}

		> .template-caption {
			text-align: center;
			color: $color-gray;
			padding-bottom: 10px;
		}

		> .list {
			margin: 0;
			padding: 0;

			> .item {
				list-style: none;
				cursor: pointer;
				padding: 10px 0;
				margin: 5px 0;
				@include ease-in();

				&:hover {
					@include ease-in();

					> .actions {
						display: inline-block;
					}

					> .details {
						> .title {
							color: $color-primary;
						}

						> .desc {
							color: $color-primary;
						}
					}
				}

				.icon {
					text-align: center;
					display: inline-block;
					width: 50px;

					> .img {
						float: left;
						text-align: center;
						display: inline-block;
						height: 40px;
						width: 40px;
					}
				}

				> .details {
					vertical-align: top;
					display: inline-block;
					width: 80%;

					> .title {
						font-size: 1rem;
						font-weight: bold;
						color: $color-off-black;
						letter-spacing: 0.5px;
					}

					> .desc {
						color: $color-gray;
						font-size: 0.9rem;
						margin-top: 5px;
					}
				}

				> .actions {
					display: none;
					vertical-align: top;
					text-align: center;
					width: 20px;
					margin-top: 5px;
					opacity: 0.4;

					> .material-icons, a {
						color: $color-gray;
					}
				}
			}
		}
	}
}

.tab-wizard {
	margin: 20px 0 30px;

	> .canvas {
		padding: 0;

		> .list {
			margin: 0;
			padding: 0;

			> .item {
				list-style: none;
				cursor: pointer;
				padding: 20px;
				@include ease-in();

				&:hover {
					@include ease-in();

					> .details {
						> .title {
							color: $color-primary;
						}

						> .desc {
							color: $color-primary;
						}
					}
				}

				.icon {
					text-align: center;
					display: inline-block;
					width: 50px;
					margin-right: 10px;
					float: left;

					> .img {
						float: left;
						text-align: center;
						display: inline-block;
						height: 40px;
						width: 40px;
					}
				}

				> .details {
					vertical-align: top;
					display: inline-block;
					float: left;

					> .title {
						font-size: 1rem;
						font-weight: bold;
						color: $color-off-black;
						letter-spacing: 0.5px;
					}

					> .desc {
						color: $color-gray;
						font-size: 0.9rem;
						margin-top: 5px;
					}
				}
			}
		}
	}
}