/*Generic CSS*/
.formFieldWrapper .radio-checkbox-label,
.form-element-wrapper .radio-checkbox-label {
    margin: 0px;
}

/* Background */
html,
body {
    background-color: #325894!important;
}

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

.loadingPanel {
    top: 0px !important;
}

h3, .h3 {
    border-color: #325894!important;
}

#divWorkflowContent {
    width: 80%;
}

/* 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;
    border-radius: 4px!important;
    background: #325894!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: #325894!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;
}

/* 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: 54%;*/
    /*	width: 67%!important;*/
    /* width: 80%!important;
	max-width: 80%!important; */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

@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;
}

.page-content .formFieldWrapper.submit-button-wrapper>div>input,
.page-content .form-section-buttons button,
.page-content .form-section-buttons input,
.form-collaboration-stage-submit-button,
#divWorkflowContent .buttonPopup.blue{
	background: #325894!important;
    border-color: #325894!important;
    color: white !important;
	padding: 7px 40px !important;
	font-size: 16px !important;
	transition: all 0.5s;
}

/* 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;
}