/***************************************** 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;
}

#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 */
#workflow-wrapper,
#divWorkflowContent,
.page-content {
  background-color: rgba(28, 109, 178) !important;
}

/* adjust page padding */
#workflow-wrapper,
#divWorkflowContent {
  padding: 0px 0px !important;
}

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 *************************************/
#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;
}
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(1),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(4),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(7),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(10),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(13),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(16),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(19),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(22),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(25),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(28),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(31),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(34),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(35),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(2),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(5),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(8),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(11),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(14),
#form-element-wrapper_134> div > div > div > fieldset > div:nth-child(17),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(20),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(23),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(26),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(29),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(32),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(3),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(6),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(9),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(12),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(15),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(18),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(21),
#form-element-wrapper_134> div > div > div > fieldset > div:nth-child(24),
#form-element-wrapper_134> div > div > div > fieldset > div:nth-child(27),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(30),
#form-element-wrapper_134 > div > div > div > fieldset > div:nth-child(33)

{

			padding: 0px 0px 0px 5px;
            		width:30% !important;
			display: inline-block;
			/*border-color:black; */
}





#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(1),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(2),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(3),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(4),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(5),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(6),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(7),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(8),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(9),
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(10)
{

			padding: 0px 0px 0px 5px;
            		width:22% !important;
			display: inline-block;
			/*border-color:black; */
}







#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(1) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(2) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(3) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(4) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(5) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(6) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(7) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(8) > div.radioButtonCaption > label,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(9) > div.radioButtonCaption > label

{
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(1) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(2) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(3) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(4) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(5) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(6) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(7) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(8) > div.radioButtonCaption,
#form-element-wrapper_241 > div > div > div > fieldset > div:nth-child(9) > div.radioButtonCaption


{
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	padding: 0px 10px 0px 0px;
}
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(1) > div.radioButtonContainer,
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(2) > div.radioButtonContainer,
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(3) > div.radioButtonContainer,
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(4) > div.radioButtonContainer,
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(5) > div.radioButtonContainer,
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(6) > div.radioButtonContainer,
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(7) > div.radioButtonContainer,
#form-element-wrapper_327 > div > div > div > fieldset > div:nth-child(8) > div.radioButtonContainer

{
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	padding: 0px 10px 0px 0px;
}


#form-element-wrapper_16 > div > div > div > fieldset > div:nth-child(4) > div.radioButtonCaption > label
{
	
	white-space: nowrap;
}


#form-element-wrapper_57,
#form-element-wrapper_58,
#form-element-wrapper_59,
#form-element-wrapper_60,
#form-element-wrapper_298,
#form-element-wrapper_305,
#form-element-wrapper_314


{
width: 30% !important;
min-width:20% !important;
padding:1px;
margin: 1px;
}


#form-element-wrapper_214,
#form-element-wrapper_198,
#form-element-wrapper_293

{
width: 60% !important;
min-width:60% !important;
padding:1px;
margin: 1px;
}

#form-element-wrapper_299,
#form-element-wrapper_300,
#form-element-wrapper_301,
#form-element-wrapper_306,
#form-element-wrapper_307,
#form-element-wrapper_308,
#form-element-wrapper_316,
#form-element-wrapper_317,
#form-element-wrapper_318,
#form-element-wrapper_284,
#form-element-wrapper_288,
#form-element-wrapper_289,
#form-element-wrapper_285,
#form-element-wrapper_286,
#form-element-wrapper_287,
#form-element-wrapper_320
{
width: 22% !important;
min-width:16% !important;
padding:1px;
margin: 1px;
}

#form-element-wrapper_313 > div > table:nth-child(1),
#form-element-wrapper_313 > div > table:nth-child(2),
#form-element-wrapper_1 > div > table:nth-child(1),
#form-element-wrapper_1 > div > table:nth-child(2)
{


width: inherit !important;

}

#form-element-wrapper_244 > div > div,
#form-element-wrapper_313 > div > p

{
display: none !important;

}
#form-element-wrapper_69,
#label-element69\[\],
#form-element-wrapper_70 > div > div
{
	padding: 0px !important;
	
}
#form-element-wrapper_313 > div > table:nth-child(1) > tbody > tr > td:nth-child(2),
#form-element-wrapper_1 > div > table:nth-child(1) > tbody > tr > td:nth-child(2)
{
vertical-align: top;
}


#label-element344,
#element344,
#label-element333,
#element333,
#label-element348,
#element348,
#label-element342,
#element342,
#label-element242,
#element242,
#label-element354,
#element354,
#label-element355,
#element355
{

    display: none !important;
}
#form-element-wrapper_344 .validation-text.regexErrorLabel.truncateWithEllipsis
{
    white-space: normal !important;
  }
