/*description*/
#form-element-wrapper_38,
#form-element-wrapper_42,
#form-element-wrapper_46,
#form-element-wrapper_50,
#form-element-wrapper_54,
#form-element-wrapper_58,
#form-element-wrapper_62,
#form-element-wrapper_66,
#form-element-wrapper_70,
#form-element-wrapper_74,
#form-element-wrapper_78,
#form-element-wrapper_82,
#form-element-wrapper_86,
#form-element-wrapper_90,
#form-element-wrapper_94,
#form-element-wrapper_98,
#form-element-wrapper_102,
#form-element-wrapper_106,
#form-element-wrapper_110,
#form-element-wrapper_114,
#form-element-wrapper_131,
#form-element-wrapper_132,
#form-element-wrapper_133,
#form-element-wrapper_134,
#form-element-wrapper_135,
#form-element-wrapper_139,
#form-element-wrapper_143,
#form-element-wrapper_147,
#form-element-wrapper_151,
#form-element-wrapper_171,
#form-element-wrapper_180,
#form-element-wrapper_181
{
  width: 40% !important;
   min-width: 40% !important;
    max-width: 40% !important;
    text-align: center !important;
   padding-left: 0 !important;
   vertical-align: top;

}
/*description input box - hidden*/
#element38,
#element39,
#element40,
#element41,
#element42,
#element46,
#element50,
#element54,
#element58,
#element62,
#element66,
#element70,
#element74,
#element78,
#element82,
#element86,
#element90,
#element94,
#element98,
#element102,
#element106,
#element110,
#element114,
#element171
{
  display: none;

}


#form-element-wrapper_44,
#form-element-wrapper_48,
#form-element-wrapper_52,
#form-element-wrapper_56,
#form-element-wrapper_60,
#form-element-wrapper_64,
#form-element-wrapper_68,
#form-element-wrapper_72,
#form-element-wrapper_76,
#form-element-wrapper_80,
#form-element-wrapper_84,
#form-element-wrapper_88,
#form-element-wrapper_92,
#form-element-wrapper_96,
#form-element-wrapper_100,
#form-element-wrapper_104,
#form-element-wrapper_108,
#form-element-wrapper_112,
#form-element-wrapper_116,
#form-element-wrapper_43,
#form-element-wrapper_47,
#form-element-wrapper_51,
#form-element-wrapper_55,
#form-element-wrapper_59,
#form-element-wrapper_63,
#form-element-wrapper_67,
#form-element-wrapper_71,
#form-element-wrapper_75,
#form-element-wrapper_79,
#form-element-wrapper_83,
#form-element-wrapper_87,
#form-element-wrapper_91,
#form-element-wrapper_95,
#form-element-wrapper_99,
#form-element-wrapper_103,
#form-element-wrapper_107,
#form-element-wrapper_111,
#form-element-wrapper_115,
#form-element-wrapper_45,
#form-element-wrapper_49,
#form-element-wrapper_53,
#form-element-wrapper_57,
#form-element-wrapper_61,
#form-element-wrapper_65,
#form-element-wrapper_69,
#form-element-wrapper_73,
#form-element-wrapper_77,
#form-element-wrapper_81,
#form-element-wrapper_85,
#form-element-wrapper_89,
#form-element-wrapper_93,
#form-element-wrapper_97,
#form-element-wrapper_101,
#form-element-wrapper_105,
#form-element-wrapper_109,
#form-element-wrapper_113,
#form-element-wrapper_117,
#form-element-wrapper_39,
#form-element-wrapper_40,
#form-element-wrapper_41,
#form-element-wrapper_136,
#form-element-wrapper_137,
#form-element-wrapper_138,
#form-element-wrapper_140,
#form-element-wrapper_141,
#form-element-wrapper_142,
#form-element-wrapper_144,
#form-element-wrapper_145,
#form-element-wrapper_146,
#form-element-wrapper_148,
#form-element-wrapper_149,
#form-element-wrapper_150,
#form-element-wrapper_152,
#form-element-wrapper_153,
#form-element-wrapper_154,
#form-element-wrapper_172,
#form-element-wrapper_173,
#form-element-wrapper_174


{
  width: 100% !important;
   min-width: 15% !important;
  max-width: 15% !important;
}

/*top labels*/
#form-element-wrapper_39,
#form-element-wrapper_40 {
  text-align: center !important;
   padding-left: 0 !important;
   vertical-align: top;
  


}

/* ------------------------------------------------------------------------ */
/* #### Guilford County - 05/15/2025 #### */
/* ------------------------------------------------------------------------ */

:root {
  --header_color: #053131;
  --header_border: #053131;
  --header_font: Arial, Century Gothic, CenturyGothic, sans-serif;
  --text_color: #002554;
  --label_font: Arial, Century Gothic, CenturyGothic, sans-serif;
  --input_font: Arial, Century Gothic, CenturyGothic, sans-serif;
  --field_background_color: #A4A4A4;
  --field_border_color: #A4A4A4;
  --background_color: #053131;
  --buttons_color: #053131 !important;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* page */
div#workflow-background-wrapper {
  border-right: 0;
}

/* header */
.header_title_container {
  display: flex;
  margin-bottom: 0px !important;
}

.header_title_container h1 {
  padding-bottom: 0px;
}

@media only screen and (max-width: 475px) {
  .page-top {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .header_title_container {
    flex-direction: column;
  }
}

@media only screen and (min-width: 769px) {
  .header_title_container {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
  }
}

.logo,
.header_title_container>p {
  width: 80px;
}

.header {
  color: #053131 !important;
  font-family: Arial, Century Gothic, CenturyGothic, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;}
 /* Align element 119 to the right side and include it in the header */
  #form-element-wrapper_119 {
      position: absolute;
      top: 0;
      right: 0;
      width: auto;
      display: inline-block;
      text-align: right;
      padding: 0 15px;
    }

    
    /* Ensure the header has relative positioning for absolute positioning to work */
    .heading-wrapper {
      position: relative;
    }
}


/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* body */
.header_container {
  display: flex;
  flex-direction: column;
  padding: 5px;
  /*! border-bottom: 2px solid rgb(172, 175, 175); */
}

p:not(.typed):not(.required-text) {
  color: #053131 !important;
  font-family: Arial, Century Gothic, CenturyGothic, sans-serif !important;
  font-size: 17px !important;
}

/* field vertical alignment */
.workflowContent .formFieldWrapper.align-block-30,
.workflowContent .formFieldWrapper.align-block {
  vertical-align: bottom;
}

.form-section {
  overflow: hidden
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* Headings */
.heading-wrapper>div>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 { */
  border-bottom-color: var(--header_border) !important;
  border-bottom-width: 1.5px !important;
  color: var(--header_color) !important;
  font-family: var(--header_font) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* Field Labels */
label,
input[type="file"] {
  color: var(--text_color) !important;
  font-family: var(--label_font) !important;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* Field Input */
input,
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 {
  color: var(--text_color);
  background-color: white;
  border: 1px solid var(--field_border_color);
  font-family: var(--input_font) !important;
  font-size: 14px;

  width: 100% !imrportant;
}

body:not(.typed),
.workflowContent:not(.typed),
.radio-checkbox-label:not(.typed) {
  color: var(--text_color);
  font-family: var(--input_font) !important;
  font-size: 14px;
}

.main_heading,
.dateField,
.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: var(--text_color);

  /*! width: 100% !important; */
}

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

.sigWrapper,
.formFieldWrapper.text-box-wrapper input.input-text,
.form-element-wrapper.text-box input.field {
  color: var(--text_color);
  background-color: white;
  border-color: var(--field_border_color);
  font-family: var(--input_font);
  font-size: 14px;
  /*! width: 100% !important; */
}

.select2-container {
  width: 100% !important;
}

/* Signature Field */
.signatureWrapper>div>div.sigNav>div.name-wrapper>input {
  padding-left: 5px;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* SSNS fields */
.withQTip.toCheck.input-text.textfield.validate-ssn {
  background-color: transparent !important;
  color: transparent !important;
  border: 0px !important;
}

.validate-ssn,
.validate-ssn:focus {
  color: transparent !important;
  font-family: Arial, OpensansRegular, Verdana, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
}

.validate-ssn:mask {
  font-family: Arial, OpensansRegular, Verdana, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
}

.truncateWithEllipsis {
  margin-top: 2px !important;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* Signature fields */
.sigPad:not(.standalone) input.name {
  border: 1px solid var(--field_border_color) !important;
  color: var(--text_color);
  margin-right: 2px;
  margin-top: 5px;
  width: 100%;
}

.select2-container--bootstrap .select2-selection {
  color: var(--text_color);
  border: 1px solid var(--field_border_color);
}

.rc-anchor-light.rc-anchor-normal {
  border: 1px solid var(--field_border_color) !important;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* submit button */
.form-submit-button {
  background-color: var(--buttons_color) !important;
  border-color: var(--buttons_color) !important;
  font-family: var(--label_font) !important;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* all other buttons */
.section-breadcrumb-item.active,
.form-action-button,
.form-save-button,
.form-reset-button,
.form-print-button,
.form-change-section,
.form-collaboration-stage-submit-button,
#divWorkflowContent .buttonPopup.blue {
  background-color: var(--buttons_color) !important;
  border-color: var(--buttons_color) !important;
  font-family: var(--label_font) !important;
}

.section-breadcrumb-item.active {
  background-color: transparent !important;
}

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

/* center ty page header */
.ty_container {
  text-align: center;
}

/* ------------------------------------------------------------------------ */

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

/* Remove margin between bottom of form and bottom of page */
div.page-wrap {
  padding-bottom: 0 !important;
}

/* Add extra padding to form */
#workflow-wrapper,
#divWorkflowContent {
  padding: 20px 0 !important;
}

/* ------------------------------------------------------------------------*/
.formFieldWrapper select.validate-currency-type {
padding-left: 2px !important;
}

/*Turn off title, header/footer, info, summary/attachments/communications sections (Exit workflow icon hidden)*/
.page-top {
	display: none!important;
	background-color: white !important;
}
/*Hides the simpligov tabs*/
.page-head, .page-footer {
	display: none!important;
}

.infoSection, .workflowRightTab {
	display: none!important;
}
.workflowRightTab {
    /*   width: 37%;*/
    /*     width: 27%;*/
    width: 10%!important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


/*removed print icon in the top left*/
#print-preview{
  display: none;
  
}

/*Center form, get rid of line on right border, add shadow*/
#workflow-background-wrapper {
	float: none!important;
	margin: 0 auto !important;
	border-right: none!important;
	border-radius: 2px;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2)!important;
    display: block;
   /* min-width: 95%; */ /*uncomment this line to make the form area bigger if desired*/
}

/*Add background color and padding so that it's visible above and below the form*/
#workflow-wrapper, 
#divWorkflowContent,
.page-content {
background-color: #053131 !important;
padding: 10px 0px !important; 
min-height: 533px !important; 
}

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

/*Remove top and bottom padding so the form takes up the entire screen*/
/* get rid of top/bottom padding, form takes up entire screen */
@media screen and (max-width: 100%) {
    #workflow-wrapper {
        padding: none!important;
    }
}
 

 /* makes the form area centered*/
#workflow-wrapper:not(.embed):not(.registered-embed) {
    justify-content: center;
}
/*makes the color underneath header fields different from default*/
.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: #053131 !important;
  border-color: #053131 !important;
  border-bottom-width: 1px;
}
#element4,
#element5,
#element6,
#element17,
#element13,
#element26,
#element19
{
  width: 100% !important;
}
#element16

{
  width: 64% !important;
}
.formFieldWrapper span.validate-regex {
   width: 63% !important;
}
#element23,
#element24,
#element22,
#element18,
#element15
{
  width: 50% !important;
}