/* Custom checkbox */
/* Customize the label (the container) */
 .custom_checkbox_container {
	 display: block;
	 position: relative;
	 padding-left: 35px;
	 margin-bottom: 12px;
	 cursor: pointer;
	 font-size: 16px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
/* Hide the browser's default checkbox */
 .custom_checkbox_container input {
	 position: absolute;
	 opacity: 0;
	 cursor: pointer;
	 height: 0;
	 width: 0;
}
/* Create a custom checkbox */
 .custom_checkmark {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 25px;
	 width: 25px;
	 border: 1px solid black;
	 background-color: #fff;
}
/* On mouse-over, add a grey background color */
 .custom_checkbox_container:hover input ~ .custom_checkmark {
	 background-color: #fafafa;
}
/* When the checkbox is checked, add a blue background */
 .custom_checkbox_container input:checked ~ .custom_checkmark {
	 background-color: #0069ff;
}
/* Create the checkmark/indicator (hidden when not checked) */
 .custom_checkmark:after {
	 content: "";
	 position: absolute;
	 display: none;
}
/* Show the checkmark when checked */
 .custom_checkbox_container input:checked ~ .custom_checkmark:after {
	 display: block;
}
/* Style the checkmark/indicator */
 .custom_checkbox_container .custom_checkmark:after {
	 left: 9px;
	 top: 5px;
	 width: 5px;
	 height: 10px;
	 border: solid white;
	 border-width: 0 3px 3px 0;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
}
/* End custom checkbox */
 .larger {
	 font-weight: 500;
	 font-size: 1.1em;
}
 .larger input[type=number], .larger [type=text], .larger [type=password], .larger select {
	 border: 1px solid black;
}
 .larger input[type=number], .larger [type=text], .larger [type=password], .larger [type=submit], .larger select {
	 padding: 12px 20px;
	 margin: 8px 0;
	 font-weight: 200;
	 font-size: 1em;
	 display: inline-block;
	 box-sizing: border-box;
	 width: 95%;
}
 .larger input[type=text]:hover, .larger [type=password]:hover, .larger [type=number]:hover, .larger select:hover, .larger textarea:hover {
	 background-color: #fafafa;
}
 textarea.larger {
	 width: 95%;
	 height: 7em;
	 display: inline-block;
	 border: 1px solid black;
}
 a.larger {
	 text-decoration: none;
}
 a.larger:visited {
	 color: black;
}
 a.larger:hover {
	 color: blue;
	 text-decoration: underline;
	 background-color: white;
}
 @media (min-width: 1150px) {
	 .customer_form_flex_columns {
		 display: flex;
		 align-items: top;
	}
}
 @media (min-width: 600px) {
	 .larger input[type=number], .larger [type=text], .larger [type=submit], .larger select {
		 width: auto;
	}
	 .customer_form_container {
		 width: 100%;
		 max-width: 570px;
	}
	 .customer_form_flex_container {
		 display: flex;
		 align-items: top;
	}
	 .customer_form_flex_content {
		 margin-top: 0;
		 margin-left: 0em;
	}
	 .customer_form_flex_content + .customer_form_flex_content {
		 margin-left: 0.3em;
	}
}