#regForm, date {
	margin: 15px auto;
	padding: 40px;
	max-width: 900px;
	border: 1px solid #6D6D6D;
	-webkit-border-radius: 14;
	-moz-border-radius: 14;
	border-radius: 14px;
}
/* Form Fields */
/* input[type=text], [type=tel], [type=email], [type=date], [type=checkbox], [type=textarea], [type=radio], */
input
	[type=button],
	/* [type=checkbox], */  /* If this is not commented out, checkbox break intended formatting of checkboxes */
	[type=color],
	[type=date],
	[type=datetime-local],
	[type=email],
	[type=file],
	[type=hidden],
	[type=image],
	[type=month],
	[type=number],
	[type=password],
	/* [type=radio], */  /* If this is not commented out, radio break intended formatting of radio buttons */
	[type=range],
	[type=reset],
	[type=search],
	[type=submit],
	[type=tel],
	[type=text],
	[type=textarea],
	[type=time],
	[type=url],
	[type=week] {
  	width: 100%;
 	padding: 12px;
	box-sizing: border-box;
	border: 1px solid #6D6D6D;
    resize: vertical;
 	line-height: 1.5rem;
	 -webkit-border-radius: 14;
	 -moz-border-radius: 14;
	 border-radius: 14px;
}
label { /* Label Fields */
  	padding: 12px 12px 12px 0;
 	display: inline-block;
	margin: 4px 0px;
 	line-height: 1.5rem;
}
.col-25 { /* Input Field Column */
	float: left;
  	width: 25%;
  	margin-top: 3px;
}
.col-75 { /* Input Field Column */
  	float: left;
  	width: 75%;
  	margin-top: 3px;
}
.col-25-checkbox { /* Input Field Column / Checkbox Positinoing */
  	float: left;
  	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 3px;
  	margin-right: 33px;
}
.col-75-checkbox { /* Input Field Column / Checkbox Positinoing */
  	float: left;
  	width: 75%;
  	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 3px;
  	margin-bottom: 10px;
}
.selectBoxDropMenu { /* Styles the Select Box "Drop Menu" */
	float: left;
	width: 100%;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	/* border: 1px solid #6D6D6D;
	-webkit-border-radius: 14;
	-moz-border-radius: 14;
	border-radius: 14px;  */
}
.col-25-radio, .col-75-radio, { /* Input Field Column / Radio Button Positinoing  */
  	float: left;
  	margin-top: 3px;
  	margin-right: 10px;
  	margin-bottom: 10px;
}
.row:after { /* Clear floats after the columns */
  	content: "";
  	display: table;
  	clear: both;
}
h1.center, h2.center, h3.center {
	text-align: center;
}
.FormTitleBold { /* Span Class used to color text blue. This is used as a highlight text */
	font-size: 20px;
	font-weight:bolder;
	letter-spacing: 1.5px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 1.125rem;
 	line-height: 1.5rem;
}
.acknowledge {
	color: #F00;
}
.infoMessage {
	color: #F00;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
  	background-color: #ffdddd;
}
/* BEGIN COUNTER CSS */
#wordCount { /* Character counter text for message field 
	font-size:15px; */
}
#wordCount2, .wordCount2 { /* Character counter text for message field */
	/*font-size: 15px;
	font-style: italic;
	font-family: Roboto;
	font-size: 1.125rem;
 	line-height: 1.5rem;
	 color: #6D6D6D;
	 /* color: rgba(255,51,102,1); */
}
/*BEGIN HTML5 Form Field Attributes*/
input:required:invalid, input:focus:invalid {
	/*background-image: url(/MultiForm/images/invalid.png);*/
    background-position: right top;
    background-repeat: no-repeat;
	}
input:required:valid {
    /*background-image: url(/MultiForm/images/valid.png);*/
    background-position: right top;
    background-repeat: no-repeat;
} /*END HTML5 Form Field Attributes*/
.hSBHP { /* This contraols the Hidden Spam Bot Honey Pot Field Visability */
	display: none;
}
.button, #prevBtn  { /* http://css3buttongenerator.com */
   	background-color: #4CAF50;
	color: #ffffff;
  	border: none;
  	padding: 3px; 
  	cursor: pointer;
	width: 100px;
  	-webkit-border-radius: 8;
  	-moz-border-radius: 8;
  	border-radius: 8px;
}
.button:hover {
  	opacity: 0.8;
}
/* Tablet view */
@media screen and (max-width:769px) {
#regForm, date {
	margin: 5px auto;
	padding: 15px;
	width: 100%;
	background-color: #ffffff;
}
label { /* Label Fields */
  	padding: 12px 12px 12px 0;
 	display: inline-block;
}
.col-25, .col-75, input { /* Label Name Column, Form Field Column, and Form Firld Inputs */
	width: 95%;
 	margin-top: 0;
	margin-right: 5px;
	float: none;
}
/* Mobile view */
@media screen and (max-width:480px) {
#regForm, date {
	margin: 5px auto;
	padding: 15px;
	width: 93%;
	background-color: #ffffff;
}
label { /* Label Fields */
  	padding: 12px 12px 12px 0;
 	display: inline-block;
	 color: #6D6D6D;
	 /* color: rgba(255,51,102,1); */
}
.col-25, .col-75, input { /* Label Name Column, Form Field Column, and Form Firld Inputs */
	width: 95%;
 	margin-top: 0;
	margin-right: -5px;
	padding: auto;
	float: none;
}