.page-head,
.page-top,
.page-footer,
.infoSection,
.workflowRightTab {
  display: none !important;
}
.form-section {
    display: block;
    overflow: hidden;
    padding-left: 10px;
    padding-bottom: 16px;
}

.section-breadcrumb-item.active {
  border-bottom: 5px solid #008551;
  cursor: default;
}

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

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

div#workflow-background-wrapper {
  min-width: 60% !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: none !important;
}

/* add background color and padding so that it's visible above/below form */
#workflow-wrapper,
#divWorkflowContent,
.page-content {
  background-color: #ffffff !important;
}

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

html,
body {
  background: #ffffff !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;
    color: #000000 !important;
  }
}


.sigWrapper,
.formFieldWrapper.text-box-wrapper input.input-text,
.form-element-wrapper.text-box input.field{
  background-color: white;
  border-color: rgba(0, 45, 83, 0.3);
  color: #000000;
  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, 45, 83, 0.3) !important;
  margin-right: 2px;
  margin-top: 5px;
  color: #000000;
}

.page-content .formFieldWrapper.text-box-wrapper input.input-text {
  margin: 0px 0px 0px 0px;
  padding: 12px 8px 12px 8px;
  background-position: 50% 50%;
  background-size: auto null;
  background-repeat: no-repeat;    
  background-image: none;
  font-size: 14px;
  line-height: 18px;
  color: rgb(0, 0, 0);
  font-style: normal;
  text-decoration: null;
  text-overflow: clip;
  white-space: normal;
}
.page-content .formFieldWrapper.text-box-wrapper input.input-text,
.select2-container--bootstrap .select2-selection,
.address-field,
.dateField,
.sigPad:not(.standalone) input.name,
.sigPad .sigWrapper,
.sigWrapper,
.cc-number,
.cc-name, 
.cc-month,
.cc-year,
.cc-cvv {
  border-radius: 8px !important;
/*  border-color: #7f7f7f !important; */
  border-style: solid !important;
  border-top-width: 1.0625px !important;
  border-bottom-width: 1.0625px !important;
  border-left-width: 1.0625px !important;
  border-right-width: 1.0625px !important;
}

.sig.sigWrapper > canvas {
  border-radius: 8px;
}
.required-text {
  padding-top: 2px;
}

.signature-form-wrapper .required-text {
  margin-left: 4px;
  margin-top: 4px;
}

.page-content .formFieldWrapper.text-area-wrapper textarea.textarea-input {
    margin: 0px 0px 0px 0px;
    padding: 12px 8px 12px 8px;
    background-position: 50% 50%;
    background-size: auto null;
    background-repeat: no-repeat;
    background-color: #FFFFFF!important;
    background-image: none;
    font-size: 14px;
    line-height: 18px;
    color: rgb(0, 0, 0);
    font-style: normal;
    text-decoration: null;    
    text-overflow: clip;
    white-space: normal;
    border-radius: 8px;
    border-color: gray;
    border-style: solid;
    border-top-width: 1.0625px;
    border-bottom-width: 1.0625px;
    border-left-width: 1.0625px;
    border-right-width: 1.0625px;
  }
.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 {
    /*
    font-weight: bold;
  */
    color: #000000 !important;
}

.radio-checkbox-label {
    padding-left: 10px !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, 45, 83, 0.3);
}

.select2-container--bootstrap .select2-selection {
  border: 1px solid rgba(0, 45, 83, 0.3);
  color: #000000;
}

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);
  background-color: white;
}

.recordForm .sub-heading .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 {
  font-weight: 400;
  font-size: 23px;
  line-height: 26px;
  text-decoration: none;
  font-family: BariolRegular,Verdana,Helvetica,Arial,sans-serif;
  font-style: normal;
  color: #000;
  white-space: normal;
  text-overflow: clip;
  border-radius: 0;
  border-style: solid;
  border-color: #2abfd9 !important;
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-width: 1px;
  border-right-width: 0;
  background-image: none;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 50% 50%;
  margin: 0 0 5px 0;
  padding: 27px 0 7px 0;
  width: 100%;
}

.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: 14px !important;
  line-height: 12px;
  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;
  padding-top:10px !important;
}

.workflowContent .formFieldWrapper.align-block-30, .workflowContent .formFieldWrapper.align-block {
  vertical-align: top !important;
}

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 {
  font: 1em/1em 'Verdana','Helvetica','Arial',sans-serif;
  border: 1px solid #ccc;
  background-color: #fafafa;
  display: inline-block;
  height: 40px;
  outline: 0 none;
  padding: 0.3em 0.57143em;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px !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: #008551 !important;
  background-color: #008551 !important;
}

/* add padding under Buttons */
.form-section-buttons {
  padding: 50px 0px 30px 0px;
}

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


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

.form-label {
  font-weight: bold !important;
}

/*
.radioButtonContainer {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px !important;
}
*/

.form-container-wrapper .item-template-header .container-title {
  padding-left: 23px;
  font-size: 14px !important;
  cursor: pointer;
}

/* add padding under Buttons */
.form-section-buttons {
  padding: 0px 0px 30px 0px;
}

#formHeaderDiv {
  min-height: 0px !important;
}

div#thank-you-text,
div#workflow-background-wrapper {
    background: #fff;
    box-shadow: none !important;
}

/*FORM FIELD SPECIFIC STYLES*/
/*
#form-element-wrapper_26,
#form-element-wrapper_33,
#form-element-wrapper_34,
#form-element-wrapper_44,
#form-element-wrapper_48,
#form-element-wrapper_49,
#form-element-wrapper_50,
#form-element-wrapper_51,
#form-element-wrapper_94,


#form-element-wrapper_56,
#form-element-wrapper_66,
#form-element-wrapper_71 {
	visibility: hidden !important;
}

#form-element-wrapper_9 {
  width: 30% !important;
  min-width: 30% !important;
}

/*
#form-element-wrapper_80, #form-element-wrapper_83 {
	vertical-align: top !important;
}
*/