/*****************
* Create Account *
******************/

.modal-register-create-account {
	padding: 5px;
	width: 540px;
	max-width: 100%;
}

.modal-register-create-account h3 {
	margin-top: 0;
}

.modal-register-create-account .form-row {
	margin-bottom: 15px;
}

.modal-register-create-account .form > *:last-child {
	margin-bottom: 0;
}

.modal-register-create-account .form-label {
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

.modal-register-create-account .form-description {
	display: block;
	margin-top: 5px;
	font-style: italic;
	color: rgb(102, 102, 102);
	font-size: 0.9em;
}

.modal-register-create-account .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	margin-top: 20px;
	text-transform: uppercase;
}

.modal-register-create-account .form-error {
	color: rgb(139, 0, 0);
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-left: 1px solid rgb(128, 128, 128);
}

.modal-register-create-account .form .radio-label {
	margin-right: 10px;
	margin-left: 3px;
}

.modal-register-create-account .captcha-image {
	margin-bottom: 7px;
	margin-right: 5px;
}

.modal-register-create-account .form-field label {
	cursor: pointer;
}

.modal-register-create-account #i-agree-row {
	margin-top: 30px;
	text-align: center;
}

.modal-register-create-account #i-agree-row .form-error {
	border: none;
	margin-left: 0;
	padding-left: 0;
	text-align: center;
	margin-top: 10px;
}

.modal-register-create-account a.chosen-default {
	background: white;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.modal-register-create-account .button-group {
	display: flex;
}

.fair-button-group {
	flex-wrap: wrap;
}
.fair-button-group .btn {
	flex: 1 1 50%;
}

.modal-register-create-account .button-group .btn:first-child {
	margin-left: 0;
}

.modal-register-create-account .button-group .btn {
	flex-basis: auto;
	margin-left: 10px;
}

.modal-register-create-account .button-group .back-button,
.modal-register-create-account .button-group .next-button,
.modal-register-create-account .button-group .bypass-button,
.modal-register-create-account .button-group .hidden-button {
	flex-grow: 1;
}

.modal-register-create-account .button-group .hidden-button {
	visibility: hidden;
}

.modal-register-create-account .button-group .back-button {
	background: rgb(221, 221, 221);
	color: rgb(27, 54, 93);
}

.modal-register-create-account .button-group .back-button:hover {
	background: rgb(27, 54, 93);
	color: white;
}

@media (max-width: 480px) {
	.modal-register-create-account {
		width: 100% !important;
	}
}