#form-element-wrapper_67,

#form-element-wrapper_61,
#form-element-wrapper_64
{
width: 20% !important;
min-width:20% !important;
margin: 2px;
}


#form-element-wrapper_76
{
width: 66% !important;
min-width:66% !important;
margin: 1px;
}

#form-element-wrapper_52
{
width: 33% !important;
min-width:33% !important;
margin: 1px;
}



#element88 > div:nth-child(1),
#element88 > div:nth-child(2),
#element88 > div:nth-child(3),
#element88 > div:nth-child(4),
#element88 > div:nth-child(5),
#element88 > div:nth-child(6),
#element88 > div:nth-child(7)
{

margin:7px;
  
}

#element88 > div:nth-child(8),
#element88 > div:nth-child(9),
#element88 > div:nth-child(10),
#element88 > div:nth-child(11),
#element88 > div:nth-child(12),
#element88 > div:nth-child(13),
#element88 > div:nth-child(14),
#element88 > div:nth-child(15),
#element88 > div:nth-child(16),
#element88 > div:nth-child(17),
#element88 > div:nth-child(18),
#element88 > div:nth-child(19),
#element88 > div:nth-child(20),
#element88 > div:nth-child(21)
{

margin: 7px;
  
}

#element88 > div:nth-child(22),
#element88 > div:nth-child(15)
{
width: 14 !important;
min-width:14 !important;
margin: 10px;
  
}
/***************************************** FORM SETTINGS START HERE ****************************************/
/*Form Top and Right Navigation Settings */
/* Date: 2024.10.18  Version : 1.0 - Initial Version */ 


.page-head,
.page-footer,
.infoSection,
.workflowRightTab {
  display: none !important;
}

#workflow-wrapper:not(.embed):not(.registered-embed) {
  min-height: 0px;
}
#justForPadding > div > div.page-top.padding-bottom-0
{
  display:none
}

#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 */
@media not print { 
#workflow-wrapper,
#divWorkflowContent,
.page-content {
  background-color: rgba(28, 109, 178) !important;
              }
}

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

 @media not print {
  html,
  body {
    background: rgba(28, 109, 178) !important;
  }
} 

div.page-wrap {
  padding-bottom: 0 !important;
}


/***************************************** FORM SETTINGS END HERE ******************************************/

 /*Hide print button - This block of code will hide the print button , use this as per form specific requirements */
#print-preview {
  display: none !important;
}  

/***************************************** FORM FIELD SETTINGS START HERE *************************************/

 /*Main Heading or Title of the Form */
.dhsHeading {
    vertical-align: top !important;
    font-size: 20px; 
    font-weight: bold;   
    text-align: center;  
}

/*SubHeading */
.dhsSubHeading1 {
    vertical-align: top !important;
    font-size: 16px; 
    font-weight: bold;  
    text-align: center;

}

/*SubHeading */
.dhsSubHeading2 {
    vertical-align: top !important;
    font-size: 14px;  
    font-weight: bold; 
    text-align: center;

}

/*Instructions in the title area - Style Italic */
.dhsInstructions1 {
    vertical-align: top !important;
    font-size: 14px;
    font-weight: bold;  
    font-style: italic;  
    text-align: justify;

}

/*Instructions in the title area - Style Normal */
.dhsInstructions2 {
    vertical-align: top !important;
    font-size: 14px;
    font-weight: bold;  
    font-style: normal;  
    text-align: justify;

}

/* Instructions under the Title area */
.dhsInstructions3 {
    vertical-align: top !important;
    font-size: 14px; 
    text-align: justify;  

}

/* Form field Labels Styles - Applies Automatically to form field labels only  */
.form-label {
   font-weight: bold;  
}


/* Heading form field Styles - Applies Automatically to Section Headings */
.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: #2A7AC1 !important;
  border-color: #2A7AC1 !important;
  font-family: Roboto;
  font-style: bold;
  font-size: 16px;
}


/***************************************** FORM FIELD SETTINGS END HERE *************************************/