/* 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: #003A49 !important;
  text-transform: uppercase;
  font-size: 18px !important;
  font-weight: bold !important;
}

:root {
        --primary-navy: #003A49; /* NAVY PMS 309 */
        --primary-gold: #D1AE1E; /* GOLD PMS 7752 */
        --primary-green: #009478; /* GREEN PMS 309 */
}

.page-content .workflowContent .formFieldWrapper.heading-wrapper h3 {
  font-size: 24px !important;
  font-weight: bold !important;
  border-bottom-width: 5px !important;
  border-color: #D1AE1E !important;
}

#divWorkflowContent .buttonPopup.blue {
        background-color: #003A49 !important;
        border-color: #003A49 !important;
}

.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 {
   background-color: #003A49;
}

/* center form, get rid of line on right border, add shadow */
#workflow-background-wrapper {
float: none !important;
margin: auto !important;
border-right: none !important;
}

@media only screen and (max-width: 768px) {
    #workflow-background-wrapper {
        width: 90% !important; /* Adjust width for smaller screens */
        margin: 0 auto !important; /* Ensure it stays centered */
    }

  body {
    overflow-x: hidden !important;
  }

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

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

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

  #contentWorkbench {
    width: 100%;
  }

  /* 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: 14px;
  }
  /* Change font-size for radio-buttons */
  .formFieldWrapper .radio-checkbox-label,
  .form-element-wrapper .radio-checkbox-label {
    font-size: 14px;
  }
  /* Change font-size for drop-downs */
  .form-element-wrapper .select2-container .select2-selection--single,
  .formFieldWrapper .select2-container .select2-selection--single {
    font-size: 14px;
  }
  /* 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: 14px !important;
  }

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

/* add hover effect to submit/save/section buttons */
.form-save-button:hover,
.form-reset-button:hover,
.form-print-button:hover,
.form-change-section:hover,
.form-collaboration-stage-submit-button:hover,
.form-submit-button:hover,
#divWorkflowContent:hover .buttonPopup.blue:hover {
box-shadow: 0 0 0 5px rgba(9, 41, 64, .2);
}

/* Align Fields */
  /* All Text / address fields */
.withQTip.toCheck.input-text.textfield {
  width: 100% !important;
}

/* hide right workflow tab*/
.workflowRightTab {
display: none!important;
}

#workflow-wrapper {
	background-color: #003A49!important;
	padding: 50px 0px!important;
}

div#workflow-background-wrapper{
	width: 85% !important;
  margin:0 auto !important;
	background-color: white!important;
	border-radius: 5px !important;
	border-color: rgb(0 0 0 / 13%)!important;
	box-shadow: 4px 7px 10px 3px rgb(0 0 0 / 13%) !important;
	padding: 10px !important;
}

/* Responsive design for smaller screens */
@media (max-width: 780px) {
    form {
        width: 90%; /* Adjust width for smaller screens */
    }
}

/* Hide regex text fields */
#element102, #label-element102, #element106, #label-element106, #label-element112, #element112, #label-element107, #element107 {
    display: none !important;
}

/* in case of anonymous access */
html, body {
  background-color: #003A49!important;
}