.page-head,
.page-top,
.page-footer,
.infoSection,
.workflowRightTab {
  display: none !important;
}
.form-section {
    display: block;
    overflow: hidden;
    padding-left: 10px;
    padding-bottom: 16px;
}
#workflow-wrapper:not(.embed):not(.registered-embed) {
  min-height: 0px;
}

#divWorkflowContent {
  width: 70%;
  height: 100% !important;
  min-height: 100% !important;
}

div#workflow-background-wrapper {
  min-width: 70% !important;
  border: 0px;
}

/* 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,
#divWorkflowContent,
.page-content {
  background: rgb(10,43,65) !important;
  background: -moz-linear-gradient(90deg, rgba(10,43,65,1) 0%, rgba(19,70,106,1) 50%) !important;
  background: -webkit-linear-gradient(90deg, rgba(10,43,65,1) 0%, rgba(19,70,106,1) 50%) !important;
  background: linear-gradient(90deg, rgba(10,43,65,1) 0%, rgba(19,70,106,1) 50%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a2b41",endColorstr="#13466a",GradientType=1) !important;
}

/* adjust page padding */
#workflow-wrapper,
#divWorkflowContent {
  padding: 20px 0px !important;
}

html,
body {
  background: rgb(10,43,65) !important;
  background: -moz-linear-gradient(90deg, rgba(10,43,65,1) 0%, rgba(19,70,106,1) 50%) !important;
  background: -webkit-linear-gradient(90deg, rgba(10,43,65,1) 0%, rgba(19,70,106,1) 50%) !important;
  background: linear-gradient(90deg, rgba(10,43,65,1) 0%, rgba(19,70,106,1) 50%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a2b41",endColorstr="#13466a",GradientType=1) !important;

}

div.page-wrap {
  padding-bottom: 0 !important;
}

/* Hide print button */
#print-preview {
  display: none !important;
}

/* Mobile Styles applied to anything narrower than 768 */
@media only screen and (max-width: 768px) {
  .page-wrap {
    width: 100vw;
  }

  /* Hiding hovertips */
  .qtip {
    display: none !important;
  }

  /* Remove padding from "container" form */
  #StageSubmitForm {
    padding: 0px !important;
  }

  /* All input font size */
  input,
  select:focus,
  textarea {
    font-size: 12px !important;
  }

  /* Help Popups */
  .k-widget.k-window {
    width: 90vw !important;
    left: 10px !important;
  }

  #contentWorkbench {
    width: 100%;
  }

  body > div.page-wrap {
    width: 95vw;
  }

  /* Hide print button */
  #print-preview {
    display: none !important;
  }

  /* Reduce right padding to 0. Change label font size to 11. */
  .workflowContent .formFieldWrapper,
  #ts-form-editor-wrapper .form-element-wrapper {
    padding: 15px 10px 7px 0px !important;
    font-size: 12px;
  }
  /* Change font-size for radio-buttons */
  .formFieldWrapper .radio-checkbox-label,
  .form-element-wrapper .radio-checkbox-label {
    font-size: 12px;
  }
  /* Change font-size for drop-downs */
  .form-element-wrapper .select2-container .select2-selection--single,
  .formFieldWrapper .select2-container .select2-selection--single {
    font-size: 12px;
  }
  /* Change size of Submit & Save buttons */
  .page-content .formFieldWrapper.submit-button-wrapper > div > input,
  .page-content .formFieldWrapper.action-button-wrapper > div > input,
  .page-content .form-section-buttons button,
  .page-content .form-section-buttons input,
  .form-collaboration-stage-submit-button,
  #divWorkflowContent .buttonPopup.blue {
    font-size: 11px !important;
  }
}


.sigWrapper,
.formFieldWrapper.text-box-wrapper input.input-text,
.form-element-wrapper.text-box input.field {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.3);
  color: rgb(10,43,65);
  font-family: OpensansRegular, Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

/* Change border color of small box for signature fields */
.sigPad:not(.standalone) input.name {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  margin-right: 2px;
  margin-top: 5px;
  color: rgb(10,43,65);
}

/* Font color DMV text blue */
.main_heading,
.page-content .formFieldWrapper.text-box-wrapper input.input-text,
.formFieldWrapper input.validate-email,
.formFieldWrapper input.validate-phone,
.formFieldWrapper input.validate-ssn,
.formFieldWrapper input.validate-currency,
.form-label,
.form-label.form-label-required,
.new_html_field,
body,
.workflowContent .form-static-text,
.form-element-wrapper .form-static-text,
.form-element-wrapper .form-static-text-area,
.select2-container--bootstrap
  .select2-selection--single
  .select2-selection__rendered,
.formFieldWrapper .radio-checkbox-label,
.form-element-wrapper .radio-checkbox-label,
.formFieldWrapper.text-area-wrapper textarea.textarea-input,
.form-element-wrapper.text-area textarea.field,
.select2-container--bootstrap
  .select2-selection--multiple
  .select2-selection__choice,
.page-content
  .workflowContent
  .formFieldWrapper:not(.boolean-check-box-wrapper):not(.heading-wrapper)
  .form-label {
  color: #000000 !important;
}

#tsForm-editor,
.workflowContent {
  font-family: OpensansRegular, Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000000;
}

.k-dropzone {
  background-color: white;
}
.formFieldWrapper.text-area-wrapper textarea.textarea-input,
.form-element-wrapper.text-area textarea.field {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.3);
}

.select2-container--bootstrap .select2-selection {
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: rgb(10,43,65);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"]:not(.select2-search__field),
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: white;
}

/* Headings */
.new_html_field,
.recordForm .formFieldWrapper.heading-wrapper h3,
.workflowContent .formFieldWrapper.heading-wrapper h3,
.form-element-wrapper[data-type="heading"]
  .heading-label-wrapper
  .editable-text,
.form-element-wrapper[data-type="heading"] .heading-label-wrapper input,
.page-content .workflowContent .formFieldWrapper.heading-wrapper h3 {
  color: rgb(10,43,65) !important;
  border-color: #F0C550 !important;
  font-family: Calibri, Sans-serif !important;
  text-transform: uppercase;
  font-size: 18px !important;
  font-weight: bold !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,
#divWorkflowContent .buttonPopup.blue {
  border-color: rgb(10,43,65) !important;
  /*background-color: rgb(10,43,65) !important;*/
  background-color: rgb(10,43,65) !important;
}
/* add padding under Buttons */
.form-section-buttons {
  padding: 50px 0px 30px 0px;
}

.rc-anchor-light.rc-anchor-normal {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

/*FORM FIELD SPECIFIC STYLES*/

/* SSNS fields */
.withQTip.toCheck.input-text.textfield.validate-ssn {
  background-color: transparent !important;
  color: transparent !important;
}
.validate-ssn,
.validate-ssn:focus {
  color: transparent !important;
  font-family: OpensansRegular, Verdana, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
}
.validate-ssn:mask {
  font-family: OpensansRegular, Verdana, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
}
.truncateWithEllipsis {
  margin-top: 2px !important;
}

#contentWorkbench {
  background-color: white !important;
  margin-top: 100px !important;
  padding-top: 25px;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2) !important;
}
/* need to bring in up to 4 contacts for Sr Roll Call form to PDF thru use of hidden */

#form-element-wrapper_67{
	display: none !important;
}
#form-element-wrapper_68{
	display: none !important;
}
#form-element-wrapper_69{
	display: none !important;
}
#form-element-wrapper_70{
	display: none !important;
}
#form-element-wrapper_71{
	display: none !important;
}
#form-element-wrapper_72{
	display: none !important;
}

#form-element-wrapper_73{
	display: none !important;
}
#form-element-wrapper_74{
	display: none !important;
}
#form-element-wrapper_75{
	display: none !important;
}
#form-element-wrapper_76{
	display: none !important;
}#form-element-wrapper_77{
	display: none !important;
}#form-element-wrapper_78{
	display: none !important;
}#form-element-wrapper_79{
	display: none !important;
}#form-element-wrapper_80{
	display: none !important;
}
 #form-element-wrapper_81{
	display: none !important;
}#form-element-wrapper_82{
	display: none !important;
}#form-element-wrapper_83{
	display: none !important;
}#form-element-wrapper_84{
	display: none !important;
}#form-element-wrapper_85{
	display: none !important;
}#form-element-wrapper_86{
	display: none !important;
}#form-element-wrapper_87{
	display: none !important;
}
#form-element-wrapper_88{
	display: none !important;
}
#form-element-wrapper_89{
	display: none !important;
}
#form-element-wrapper_90{
	display: none !important;
}

#form-element-wrapper_91{
	display: none !important;
}
#form-element-wrapper_92{
	display: none !important;
}
#form-element-wrapper_93{
	display: none !important;
}
#form-element-wrapper_94{
	display: none !important;
}
#form-element-wrapper_95{
	display: none !important;
}
#form-element-wrapper_96{
	display: none !important;
}
#form-element-wrapper_97{
	display: none !important;
}
#form-element-wrapper_98{
	display: none !important;
}
#form-element-wrapper_99{
	display: none !important;
}
#form-element-wrapper_100{
	display: none !important;
}
#form-element-wrapper_101{
	display: none !important;
}
#form-element-wrapper_102{
	display: none !important;
}
#form-element-wrapper_103{
	display: none !important;
}
#form-element-wrapper_104{
	display: none !important;
}
#form-element-wrapper_105{
	display: none !important;
}
#form-element-wrapper_106{
	display: none !important;
}
#form-element-wrapper_107{
	display: none !important;
}
#form-element-wrapper_108{
	display: none !important;
}
#form-element-wrapper_109{
	display: none !important;
}
#form-element-wrapper_110{
	display: none !important;
}
#form-element-wrapper_112{
	display: none !important;
}
#form-element-wrapper_135{
	display: none !important;
}

#form-element-wrapper_136{
	display: none !important;
}

.dx-toast-message {
  color: #000000 !important;
}

.clear-field-value {
	color: #265A87 !important;
}

.add-item-template {
  color: #292929 !important;
}/* Custom CSS for SimpliGov Form */

.validation-text {
    color: blue !important;
    font-size: 18px !important; /* Adjust the size as needed */
}

#form-element-wrapper_85 {
	padding-right: 0px !important;
}

#form-element-wrapper_105, #form-element-wrapper_107, #form-element-wrapper_108 {
    visibility: hidden;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*
CSS template for "Registered user stage" and "Anonymous user stage"
Updated for TAP version 1.1.1.20
*/


/* In case of anonymous access */

html, body {
	font-family: 'Open Sans', sans-serif;
}

.bodyText{
	display: contents !important;
}

html, body, .page-content, .page-content .inner, #workflow-wrapper:not(.embed):not(.registered-embed){
		background: #3a3a3c !important;
}



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

.workflowHeadingTitle{
	display: none !important;
}

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

/*
#workflow-wrapper:not(.embed):not(.registered-embed){

}
/* Page content */


/* Breadcrumb 

.section-breadcrumb-item.active {
  border-bottom: none;
		background:#1e4a93 !important;
		color: white!important;
    cursor: default;
}

.section-breadcrumb-item:hover {
    border-bottom: none;
		background: #1e4a93 !important;
}

.section-breadcrumb-item{
 border-bottom: none;
				font-size: 16px !important;
				color:white!important;
				padding-bottom: 5px;
	/*			text-transform: uppercase !important; 
				outline:none !important;
}

.section-breadcrumb-item:focus{
			outline:none !important;
}

#section-breadcrumbs{

		/*font-family: 'Roboto', sans-serif !important;
}
*/
/*
.formFieldWrapper label{

}*/

 .formFieldWrapper .form-label{
		padding-bottom: 7px;
		font-size:14px !important;
 }

#form-element-wrapper_151, #form-element-wrapper_156{
		font-family: 'Open Sans', sans-serif;

}

.form-static-html.form-item {
	overflow-x: visible;
}



#form-element-wrapper_152, #form-element-wrapper_153, #form-element-wrapper_154{
    margin: 0 !important;
    height: 170px;
	background: #f4f4f4;
}


#form-element-wrapper_148, #form-element-wrapper_162 {
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: 3px solid black !important;
}

/* Allign Select Manager with Name field */
#form-element-wrapper_8{
	margin: 0px 0px 0px 0px;
    padding: 15px 10px 5px 10px !important;
    border-radius: 3px;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}


/*Hide validation field text area and field label*/
#form-element-wrapper_183.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_183.formFieldWrapper.text-box-wrapper input.input-text, #label-element183, #element183, #form-element-wrapper_217.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_217.formFieldWrapper.text-box-wrapper input.input-text, #label-element217, #element217, #form-element-wrapper_114.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_114.formFieldWrapper.text-box-wrapper input.input-text, #label-element114, #element114 {
    display: none !important;
}

/* add background color and padding so that it's visible above/below form */

/*
#workflow-wrapper {
	background-color: #002147!important;
	padding: 50px 0px!important;

}
*/


#workflow-wrapper:not(.embed):not(.registered-embed){
	margin-top: 50px;
}

#StageSubmitForm:not(.recordForm){
/*	padding: 0px 50px !important; */
	margin:0px;
	padding: 0px;
}

#divWorkflowContent {
    width: 85%;
    height: 100%!important;
    min-height: 100%!important;
}
body div.page-content, body div.inner {
    max-width: 2000px !important;
}
div.page-wrap{
    padding-bottom: 0 !important;
}
div#workflow-background-wrapper{
	width: 85% !important;
	margin:0 auto !important;
	background-color: white!important;
	border-radius: 5px !important;
	border-color: rgba(0, 0, 0, 0.13)!important;
	box-shadow: 4px 7px 10px 3px rgba(0, 0, 0, 0.13) !important;
	padding: 20px !important;
}


#result-title{
	padding: 0 !important;
}



	/* Adobe Sign/TY page*/

	body div.page-content{

		margin: 0 auto;
	}

	#thank-you-text {
	 width: 100% !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: 0px!important;
}



/* Titles Underline */
.workflowContent .formFieldWrapper.heading-wrapper h3{
    border-bottom: 2px solid black !important;
font-family: 'Open Sans', sans-serif;
color:black !important;
}


/* Fields*/

.form-label{
	font-family: 'Open Sans', sans-serif;
	color:#696969;
}

.formFieldWrapper.text-box-wrapper input.input-text, .form-element-wrapper .select2-container .select2-selection--single, .formFieldWrapper .select2-container .select2-selection--single, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"]:not(.select2-search__field), input[type="tel"], input[type="time"], input[type="url"], textarea, select{
	background: white !important;
	border: 1px solid #B8B8B8 !important;
	color: #4A4A4A !important;
	font-size: 16px !important;
	height: 46px !important;
	line-height: 21px !important;
	outline: 0 !important;
	vertical-align: middle !important;
	font-family: 'Open Sans', sans-serif;
}


/*
.form-label-required span[role='presentation'],.required-text{
	color: #c68184 !important;
}*/



/*** Buttons ***/

.form-section-buttons{
	margin-top: 50px;
}


/* Upload button*/
#divWorkflowContent .buttonPopup.blue{
	background: #25aae1!important;
    border-color: #25aae1!important;
    color: white !important;
		padding: 3px 10px !important;
		font-size: 12px !important;
		transition: all 0.5s;
}

#divWorkflowContent .buttonPopup.blue:hover{
	background: #4BB7E6!important;
	border-color: #4BB7E6!important;
}

p{
	margin-bottom: 0px !important;
}

/* Upload button
#divWorkflowContent .buttonPopup.blue {
	border-color: #008c9a!important;
	background-color: #008c9a!important;
}
*/

/* Submit Button
.submit-button-wrapper .form-submit-button{
	background: #d74b2d !important;
	font-size: 18px !important;
	font-family: 'Nunito', sans-serif !important;
	border: none !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	border: 2px solid #d74b2d !important;f4f4f4
	border-radius: 0px !important;
}

.submit-button-wrapper .form-submit-button:hover,
.submit-button-wrapper .form-submit-button:checked{
	background-color: white!important;
	border: 2px solid #d74b2d!important;
	color:#d74b2d !important;
	border-radius: 0px !important;

}
*/
/* Next Button
.page-content .form-section-buttons .form-section-next{
  background: #0064A4 !important;
	font-size: 18px !important;
	font-family: 'Nunito', sans-serif !important;
	border: none !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	border: 2px solid #0064A4 !important;
	border-radius: 0px !important;
}


.form-submit-button:hover,
.page-content .form-section-buttons .form-section-next:hover,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:hover {
	background-color: white!important;
	border: 2px solid #0064A4!important;
	color:#0064A4 !important;
	border-radius: 0px !important;
}

.form-submit-button:checked,
.page-content .form-section-buttons input:checked,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:checked {
	background-color: white !important;
	border: 2px solid #0064A4 !important;
	color:#0064A4 !important;
	border-radius: 0px !important;
}

.form-submit-button:focus,
.page-content .form-section-buttons input:focus,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:focus {
	background-color: white !important;
	border: 2px solid #0064A4 !important;
	color:#0064A4 !important;
	border-radius: 0px !important;
}
*/
/* Back Button
.page-content .form-section-buttons .form-section-prev,
input.form-section-prev{
  background: #aa272f !important;
	font-size: 18px !important;
	font-family: 'Nunito', sans-serif !important;
	border: none !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	border: 2px solid #aa272f !important;
	border-radius: 0px !important;
}

.page-content .form-section-buttons .form-section-prev:hover,
.page-content .form-section-buttons .form-section-prev:checked,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:hover,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:checked{
	background: white !important;
	border: 2px solid #aa272f !important;
	color: #aa272f !important;
	border-radius: 0px !important;
}

*/



/* Make form wide 100% for phone screen */

@media screen and (max-width:812px) {
	div#workflow-background-wrapper{
	  max-width: 100% !important;
		width: 100% !important;
		}

		#StageSubmitForm:not(.recordForm){
			padding: 5px !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;
		}
}