Yellow-Bike-Database-Mirror/css/contacts.css

.contacts {
	display: inline-block;
	text-align: right;
	width: 161px;
	font-weight: bold;
	padding-right: 5px;
}

.contact_comment {
	display: inline-block;
}

/* center label with textarea */
.center_comment * {
	vertical-align: middle;
}

#interest_form, #waiver {
	padding: 10px; 
	display: block; 
	border: 1px solid rgb(173, 216, 230);
}

#interest_form > p {
	margin-top: 0;
}

#submit_contact, #sign_in_button {
	height: 36px;
	width: 98px;
	font-size: x-large;
}

#submit_contact:focus { 
    color: green;
}

#interest_form_button:focus { 
    color: green;
}

#waiver_button:focus { 
    color: green;
}

/* errors */
#waiver_error, #phone_error, #email_error,
#first_name_error, #last_name_error, #email_list_error
 {
	color: red; 
}

/* toggle for mailman or other email list */
.toggle {
	height: 50px;
}
.toggle.off .noUi-handle {
	border-color: red;
}

.toggle.on .noUi-handle {
	border-color: green;
}


/* get rid of the pesky handle stripping with specificity (when figured out) */
#email_list_toggle > div > div > div:before, #email_list_toggle > div > div > div:after,
{
	content: none;
}

.toggle.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 20px;
	top: -2px;
}

.toggle.noUi-horizontal.noUi-extended {
	padding-right: 32px;
}

.toggle.noUi-horizontal.noUi-extended .noUi-handle {
	left: -1px;
}
.toggle.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -32px;
}

#email_list_block > div {
	display: inline-block;
}

/* end email list toggle */