/* 
CSS template for "Registered user stage" and "Anonymous user stage"
*/

/* in case of anonymous access */
html, body {
	background-color: #0072bc!important;
}

/* turn off title, header/footer, info, summary/attachments/communications sections 
.page-top, .page-head, .page-footer, .infoSection, .workflowRightTab {
*/
.page-top, .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;
}

/* add background color and padding so that it's visible above/below form */
#workflow-wrapper {
	background-color: #0072bc!important;
	padding: 50px 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 header lines */
h3 {
	border-color: #0072bc!important;
}

/* change color of upload button */
#divWorkflowContent .buttonPopup.blue {
	border-color: #46608A!important;
	background-color: #46608A!important;
}

/* change color of submit/save/section buttons */
.form-save-button, .form-reset-button, .form-print-button, .form-change-section, .form-collaboration-stage-submit-button, .form-submit-button {
	border-color: #46608A!important;
	background-color: #46608A!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;
	}
}