﻿section.step-content {

}

	section.step-content input,
	section.step-content .select-wrapper {
		max-width: 350px;
	}

	section.step-content label {
		color: #999999;
		vertical-align: top;
	}

	section.step-content .checkbox label {
		color: #1d1d1b
	}

	section.step-content textarea {
		font-size: 1em;
		max-width: 505px;
	}

.assets-button {
	min-width: 115px;
}

input[id=activationCode] {
	text-transform: uppercase;
}

	input[id=activationCode].Success {
		box-shadow: 0 0 4px 0 #009982;
		border-color: transparent;
	}

	input[id=activationCode].Failed {
		box-shadow: 0 0 4px 0 #ed2939;
		border-color: transparent;
	}

input[id="validate"] {
	width: 144px;
	height: 40px;
	margin-left: 1em;
}

a[id=trial] {
	text-decoration: underline;
}

#activationFormWrapper {
	display: inline-flex;
	width: calc(100% - 50px);
	position: relative;
	margin-bottom: 1.25em;
}

	#activationFormWrapper input {
		margin-bottom: 0;
	}

#indicator {
	margin-left: 1em;
}

	#indicator.inProgress {
		content: url("../images/spinner.svg");
		animation: spin 2s linear infinite;
	}

	#indicator.Success {
		content: url("../images/check.svg");
	}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#commercialLicenseForm .form-element {
	width: 100%;
}

.form-element .assets-blocks {
	margin-bottom: 1em;
}

/* Chrome, Safari, Edge, Opera */
.input-number-remove-arrows::-webkit-outer-spin-button,
.input-number-remove-arrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.input-number-remove-arrows[type=number] {
	-moz-appearance: textfield;
}