/* for Wayne Township */
html, body {
	background-color: #223b75 !important;
}

/*
#workflow-background-wrapper {
	border-radius: 4px!important;
}
*/

.loadingPanel{
    top: 0px !important;
}

h3 {
	border-color: #a9a9a9 !important;
}

/*
#divWorkflowContent {
	width: 80%;
}
*/

/*
.radio-checkbox-label {
	color: red!important;
}
*/

body div.page-content, body div.inner {
    max-width: none !important;
}

/* below here is content of default demo template */

/* turn off title, header/footer, info, summary/attachments/communications sections */
.page-head, .page-footer, .infoSection, .workflowRightTab {
	display: none !important;
}

/* center form, get rid of line on right border, add shadow */
/*#workflow-background-wrapper {
	float: none!important;
	margin: auto!important;
	border-right: none!important;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2)!important;
}*/

/* turn on the wizard button to toggle between wizard view and normal view */
.wizardNormalMode {
    display: inline-block !important;
    padding: 5px 20px !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #3ba2fc !important;
    margin-top: 5px !important;
}

/* add background color and padding so that it's visible above/below form */
#workflow-wrapper {
	/* go Dodgers (used to be: #3489ba) */
	background-color: #223B75 !important;
	padding: 25px 0px !important;
}

/* put space between bottom of form fields and top of submit button */
.submit-button-wrapper {
	padding-top: 50px !important;
}

/* default space below submit button is 100px, too much */
#formPartialDiv {
	margin-bottom: 50px !important;
}

/* change color of submit button */
/*.form-submit-button {
	border-color: #0067C5!important;
	background-color: #0067C5!important;
}*/

/* make form wide enough to fit 3 fields on one line */
@media screen and (min-width: 1100px) and (max-width: 1340px) {
	#workflow-background-wrapper {
		min-width: 840px !important;
	}
}

/* set form width to 94%, override default @media query that sets width to 100% */
@media screen and (min-width: 700px) and (max-width: 1100px) {
	#workflow-background-wrapper {
		width: 94% !important;
	}
}

/* get rid of top/bottom padding, form takes up entire screen */
@media screen and (max-width: 700px) {
	#workflow-wrapper {
		padding: none !important;
	}
}

.workflowRightTab {
 /* width: 37%;*/
 /*	width: 27%;*/
 	width: 10% !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div#workflow-background-wrapper {
	width: 80% !important;
	max-width: 80% !important;
	border-radius: 4px;
	float: none !important;
	margin: auto !important;
	border-right: none !important;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2) !important;
  }

@media screen and (max-width: 1340px) and (min-width: 1100px) {}
	#workflow-background-wrapper {
     	min-width: 2px !important;
}

#workflow-wrapper:not(.embed):not(.registered-embed) {
	justify-content: center;
}


/* 0. Heading */
		/* Top Row */
		#form-element-wrapper_573, #form-element-wrapper_579, #form-element-wrapper_585 {
			width: 20% !important;
			min-width: 20% !important;
			padding: 0px;
			margin: 0px;
			text-align: center;
		}

		/* Column A */
		#label-element573, #label-element574, #label-element575, #label-element576, #label-element577 {
			font-size: 12px;
			font-weight: 700;
			text-align: center;
		}

		/* Row fields */
		#form-element-wrapper_574, #form-element-wrapper_575, #form-element-wrapper_576, #form-element-wrapper_577, #form-element-wrapper_580, #form-element-wrapper_581, #form-element-wrapper_582, #form-element-wrapper_583, #form-element-wrapper_586, #form-element-wrapper_587, #form-element-wrapper_588, #form-element-wrapper_589 {
			width: 15% !important;
			min-width: 15% !important;
			padding: 0px;
			margin: 0px;
		}

		/* Hide field value */
		#element573, #element585 {
			display: none;
			padding: 0px !important;
}