/**
 * Lightweight base styles for the front-end form.
 */

.userform-progress {
	.progress {
		position: relative;
		height: 1em;
		background: #eee;
	}

	.progress-bar {
		position: absolute;
		height: 1em;
		background: #666;
	}

	.step-buttons {
		margin-left: 0;
		position: relative;
	}

	.step-button-wrapper {
		display: inline-block;
		list-style-type: none;

		&.current {
			.step-button-jump {
				background: #666;
			}
		}
	}

	.step-button-jump {
		position: absolute;
		top: 0;
	}
}

.step-navigation {
	.step-buttons {
		margin-left: 0;
	}

	.step-button-wrapper {
		display: inline-block;
		list-style-type: none;
	}
}

.userform {
	clear: both;
	width: 100%;
	max-width: 100%;
}