/* ===========================
   GLOBAL STYLES
=========================== */
:root {
  --primary-blue: rgba(28,109,178);
  --border-blue: rgba(11,102,158,.3);
  --text-blue: #163159;
}

html, body {
  background-color: var(--primary-blue) !important;
  font-family: OpensansRegular, Verdana, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: var(--text-blue);
}

/* Hide unwanted sections */
.page-top, .page-footer, .infoSection, .workflowRightTab,
#print-preview {
  display: none !important;
}

/* ===========================
   LAYOUT
=========================== */
.page-wrap,
div.page-wrap {
  padding-bottom: 0 !important;
  width: 95vw;
}

#workflow-wrapper,
#divWorkflowContent,
.page-content {
  background-color: var(--primary-blue) !important;
  padding: 20px 0 !important;
}

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

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

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

/* ===========================
   FORM FIELD STYLES
=========================== */
input,
select:focus,
textarea,
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-color: white;
  border: 1px solid var(--border-blue);
  color: var(--text-blue);
}

.sigWrapper,
.formFieldWrapper.text-box-wrapper input.input-text,
.form-element-wrapper.text-box input.field,
.formFieldWrapper.text-area-wrapper textarea.textarea-input,
.form-element-wrapper.text-area textarea.field {
  background-color: white;
  border-color: var(--border-blue);
  color: var(--text-blue);
}

.sigPad:not(.standalone) input.name {
  width: 100%;
  border: 1px solid var(--border-blue) !important;
  margin-right: 2px;
  margin-top: 5px;
  color: var(--text-blue);
}

/* ===========================
   TEXT & HEADING STYLES
=========================== */
.main_heading,
.form-label,
.form-label.form-label-required,
.new_html_field,
.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: var(--text-blue) !important;
}

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

/* ===========================
   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: var(--primary-blue) !important;
  background-color: var(--primary-blue) !important;
}

.form-section-buttons {
  padding: 50px 0 30px 0;
}

/* reCAPTCHA */
.rc-anchor-light.rc-anchor-normal {
  border: 1px solid var(--border-blue) !important;
}

/* Specific field width constraint */
#form-element-wrapper_142 .item-template-data .formFieldWrapper {
  max-width: 20% !important;
  width: 20% !important;
}

/* ===========================
   MOBILE STYLES
=========================== */
@media only screen and (max-width: 768px) {
  .qtip {
    display: none !important;
  }

  #StageSubmitForm {
    padding: 0 !important;
  }

  input,
  select:focus,
  textarea,
  .formFieldWrapper .radio-checkbox-label,
  .form-element-wrapper .radio-checkbox-label,
  .form-element-wrapper .select2-container .select2-selection--single,
  .formFieldWrapper .select2-container .select2-selection--single {
    font-size: 12px !important;
  }

  .workflowContent .formFieldWrapper,
  #ts-form-editor-wrapper .form-element-wrapper {
    padding: 15px 10px 7px 0 !important;
    font-size: 12px;
  }

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

  .page-content .form-section-buttons button,
  .page-content .form-section-buttons input,
  .form-collaboration-stage-submit-button,
  #divWorkflowContent .buttonPopup.blue {
    font-size: 11px !important;
  }
}

.info-block {
    background-color: #f1f8ff;
    border-left: 5px solid #2a6ebb;
    padding: 16px 20px;
    margin: 20px 0;
    font-family: sans-serif;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
}

.error-block {
    background-color: hsl(0, 100%, 97%);
    border-left: 5px solid #b31c1c;
    padding: 16px 20px;
    margin: 20px 0;
    font-family: sans-serif;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
}

/* Hide Error Label / Text Field */

#element78, #label-element78
{
	visibility:hidden;
	max-height:0px;
	display:flex;
	margin-bottom: -25px
}