#create_market_view {
	.create-market-content {
		background: white;
		font-size: 1.4rem;
		padding: 4% 5%;

		h1 {
			font-size: 2.5rem;
			font-weight: 700;
			margin-bottom: 2rem;
		}

		h4 {
			font-size: 1.75rem;
			font-weight: 700;
			margin: 2rem 0 0.5rem;
		}

		label {
			font-weight: 700;
		}

		.button {
			font-size: 1.3rem;
		}

		.buttons {
			.button {
				margin: 2rem 1rem 1rem 0;
			}
		}

		.error-message {
			color: @color-danger-normal;
			display: inline-block;
			margin: 0.7rem 1rem;
		}

		.input-list {
			margin: 2rem 0 1rem;

			.item {
				margin: 1rem 0;
				width: 100%;

				&.new-item {
					opacity: 0.3;

					&:hover {
						opacity: 1;
					}
				}

				.input {
					max-width: 25rem;
					width: 100%;
				}
			}
		}

		.order-book-creation {
			.horizontal-divider {
				color: @color-muted-normal;
				font-size: 1.4rem;
				overflow: hidden;
				padding: 1rem 0;
				text-align: center;

				span {
					font-size: 0.7rem;
					line-height: 1.4rem;
					vertical-align: middle;
				}

				// Horizontal Lines
				&::before,
				&::after {
					background-color: @color-muted-normal;
					content: "";
					display: inline-block;
					height: 1px;
					position: relative;
					vertical-align: middle;
					width: 50%;
				}

				&::before {
					margin-left: -50%;
					right: 0.5rem;
				}

				&::after {
					left: 0.5rem;
					margin-right: -50%;
				}
			}
		}

		.step-1 {
			.market-types {
				.market-type {
					margin: 2rem 1rem;

					.button {
						margin: 1.5rem 0;
					}
				}

				.important-message {
					margin: 2rem 1rem 1rem;
				}
			}
		}

		.step-2 {
			.description {
				.input {
					font-size: 1.3em;
					width: 100%;
				}
			}

			.end-date {
				margin-top: 2em;

				.date-picker {
					margin-top: 2rem;
					max-width: 40rem;
					width: 100%;
				}
			}

			.scalar {
				.scalar-num {
					margin: 2rem 0;

					label {
						display: block;
						margin: 1rem 0;
					}
				}
			}
		}

		.step-3 {
			.expiry-source-option {
				display: block;
				margin: 1rem;

				* {
					margin-right: 0.25em;
					vertical-align: middle;
				}
			}

			.expiry-source-url {
				.input {
					margin: 1rem 3rem 0 0;
					width: 90%;
				}
			}

			.details-text-input {
				margin: 1rem 0;
				width: 90%;
			}

			.resources-list {
				.item {
					max-width: unset;
					width: 90%;
				}
			}
		}

		.step-4 {
			.input {
				font-size: 2rem;
				margin-top: 2rem;
				width: 5em;

				input {
					text-align: right;
				}
			}

			.denomination {
				font-size: 1.9rem;
				font-weight: 900;
				margin: 1rem;
			}

			.fee {
				margin-bottom: 2rem;
			}

			.initial-order-book .checkbox {
				display: block;
				margin: 2rem 0 0.5rem;
			}
		}
	}
}