/* change container Add button to different green from Creative Services */
.form-container-wrapper .add-item-template {
  position: relative;
  text-transform: uppercase;
  background-color: #297A49 !important;
  color: white;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 5px 15px 5px 30px;
}

/* change color or required asterisk to red from Creative Services */
.form-label-required span[role="presentation"] {
  color: #EB0000 !important;
  font-weight: bold !important;
}

/* update subtitle size to 12px and line-height to 20px. Other settings are default */
.formFieldWrapper .sub-heading, .form-element-wrapper .editable-text-wrapper.sub-heading-wrapper > span, .form-element-wrapper .editable-text-wrapper.sub-heading-wrapper > input {
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 400;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  text-decoration: none;
  color: #696969;
  font-style: normal;
  white-space: normal;
  text-overflow: clip;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-style: solid;
  border-color: #ccc;
  border-radius: 0;
  padding: 0;
  margin: 0;
  display: block;
}



/* update body text size to 18px and and font weight to 400 */
.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: #163159 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}


/* update section headers size to 32px. Other settings are default */
.formFieldWrapper.heading-wrapper h3 {
  padding: 27px 0px 7px 0px;
  background-position: 50% 50%;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  font-size: 32px !important;
  font-family: BariolRegular,Verdana,Helvetica,Arial,sans-serif;
  line-height: 26px;
  color: rgb(0, 0, 0);
  font-style: normal;
  text-decoration: none;
  font-weight: 700;
  text-overflow: clip;
  white-space: normal;
  border-radius: 0px;
  border-color: rgb(56, 217, 56);
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0.833333px;
  border-left-width: 0px;
  border-right-width: 0px;
}

/* change how error messages for Regular Expressions are displayed */
.workflowContent .formFieldWrapper :not(.required-text) ~ :not(.api-error).truncateWithEllipsis, .workflowContent .formFieldWrapper :not(.required-text) ~ div > :not(.api-error).truncateWithEllipsis, .workflowContent .formFieldWrapper .required-text {
  position: absolute;
  margin-top: -4px;
  font-size: 14px !important;
  line-height: 25px !important;
  color: #EB0000 !important;
}.page-head,
.page-footer,
.infoSection,
.workflowRightTab {
  display: none !important;
}

#workflow-wrapper:not(.embed):not(.registered-embed) {
  min-height: 0px;
}

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

div#workflow-background-wrapper {
  min-width: 90% !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-color: rgba(28, 109, 178) !important;
}

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

html,
body {
  background: rgba(28, 109, 178) !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;
  }


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


  /* 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(11, 102, 158, 0.3);
  color: #163159;
  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(11, 102, 158, 0.3) !important;
  margin-right: 2px;
  margin-top: 5px;
  color: #163159;
}

/* 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: #163159 !important;
}


.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(11, 102, 158, 0.3);
}

.select2-container--bootstrap .select2-selection {
  border: 1px solid rgba(11, 102, 158, 0.3);
  color: #163159;
}

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(11, 102, 158, 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: rgba(46, 116, 181, 1) !important;
  border-color: rgba(46, 116, 181, 1) !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: #2e74b5 !important;
  background-color: #2e74b5 !important;
}
/* add padding under Buttons */
.form-section-buttons {
  padding: 50px 0px 30px 0px;
}

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

/*FORM FIELD SPECIFIC STYLES*/
/*Hide form field labels*/
  #label-element {
    display: none !important;
  }

  /*Hide validation field text area and field label*/
#form-element-wrapper_.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_.formFieldWrapper.text-box-wrapper input.input-text, #label-element, #element {
  display: none !important;
}




/* vertical top align */
#form-element-wrapper_  {
    vertical-align: top !important;
}

@media only screen and (max-width: 768px) {
  /*Make 1/2 width fields narrower on mobile screens*/
  #form-element-wrapper_.formFieldWrapper.text-box-wrapper input.input-text {
    width: 85% !important;
  }
}