.customer-measurements p { margin: 2px; }
.customer-measurements h2 { margin-bottom: 20px; }

.customer-measurements label
{
	width: 20%;
	display: inline-block;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}

.customer-measurements input, .customer-measurements select, .customer-measurements textarea, .customer-measurements button, .error-message
{
	display: inline-block;
	padding: 8px;
	font-size: 14px;
	width: 80%;
	max-width: 600px;
	border-radius: 2px;
	-webkit-appearance: none;
	background-color: rgba(204, 204, 204, 0.2);
	color: red;
	border: 1px rgba(204, 204, 204, 0.2) solid;
	vertical-align: middle;
}

.customer-measurements option { color: black; }

.customer-measurements input:-webkit-autofill
{
	background-color: red !important;
	-webkit-text-fill-color: red !important;
	-webkit-box-shadow: 0 0 0px 1000px rgb(57, 57, 57) inset;
	border: 1px rgba(204, 204, 204, 0.2) solid !important;
}

.customer-measurements input:hover, .customer-measurements input:focus, .customer-measurements select:hover, .customer-measurements select:focus, .customer-measurements button:hover, .customer-measurements button:focus
{
	background-color: rgba(0, 0, 0, 0);
	border: 1px rgba(204, 204, 204, 0.2) solid;
}

input.error, select.error, textarea.error, .error-message
{
	background-color: red;
	border: 1px rgba(204, 204, 204, 1) solid;
	color: white;
}

.error-message
{
	width: 100%;
	max-width: 100%;
	padding: 20px;
}

.customer-measurements select { color: white; }
input.inch, input.cm, .customer-measurements button { width: 100px; }
#Height, #Weight { width: 404px; }
.duplicate input, .duplicate select { width: 100%; }

.customer-measurements button, .submit
{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.customer-measurements button:hover, .submit-form:hover
{
	background-color: red;
	color: white;
	cursor: pointer;
}

.bike-measurements
{
	border-radius: 4px;
	padding: 10px;
	border: 2px red solid;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	width: 23%;
}

@media all and (min-width: 768px) and (max-width: 1400px)
{
	.bike-measurements { width: 48%; }
}

@media all and (min-width: 0) and (max-width: 768px)
{
	.bike-measurements { width: 100%; }
}

.bike-measurements:last-of-type:after
{
	content: "";
	clear: both;
	width: 0;
	height: 0;
}

.bike-measurements label
{
	width: 50%;
	text-align: right;
	padding-right: 10px;
}

.bike-measurements input { width: 50%; }

.customer-measurements .submit-form
{
	margin-top: 20px;
	margin-left: -200px;
	position: relative;
	left: 50%;
	top: 20px;
	width: 400px;
	clear: both;
	display: block;
}

.hide-me, .customer-measurements .ssba { display: none; }

.select-wrapper { position: relative; }

.select-wrapper:after
{
	content: "";
	position: absolute;
	top: 16px;
	right: 10px;
	z-index: 0;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #f00;
}

.bike-measurements select
{
	background-color: transparent;
	position: relative;
	cursor: pointer;
	z-index: 10;
}

.customer-measurements *
{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.customer-measurements p
{
	padding: 0;
	margin-top: 10px;
}

.bike-measurements ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.1); }
.bike-measurements :-moz-placeholder { color: rgba(255, 255, 255, 0.1); }
.bike-measurements ::-moz-placeholder { color: rgba(255, 255, 255, 0.1); }
.bike-measurements :-ms-input-placeholder { color: rgba(255, 255, 255, 0.1); }