/* -------------------- Utility classes -------------------- */

.form-information-text {
  background-color: #eff9fe;
  padding: 16px 20px 1px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #1a325c;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-left: 4px solid #0064a6;
}

.form-subheader {
  font-weight: 600;
  font-size: 16px;
  background-color: #0064a6;
  color: #ffffff;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  font-family: 'Poppins', sans-serif;
  border-radius: 6px;
  box-sizing: border-box;
  margin: 0;
}

.form-instruction-text {
  padding: 14px 18px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #1a325c;
  border-radius: 6px;
  box-sizing: border-box;
  text-align: center;
}

.error-text {
  background-color: rgba(253, 236, 236, 1);
  border-left: 5px solid rgba(198, 40, 40, 1);
  padding: 16px 20px 1px;
  margin: 20px 0 0;
  font-family: sans-serif;
  font-size: 14px;
  color: rgba(122, 28, 28, 1);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.custom-html-button {
  display: inline-block;
  border-color: #1a325c !important;
  background-color: #1a325c !important; /* blue */
  color: #ffffff !important ;         /* white text */
  padding: 10px 20px;
  text-decoration: none;    /* remove underline */
  border-radius: 8px;       /* rounded edges */
  font-weight: 500;
  padding: 18px;  
  transition: all 0.2s ease;
  box-shadow: -3px 3px 3px rgb(0 0 0 / 17%);
}




  /* ---------- Pulsing Dots Loading Animation ---------- */
.lds-pulse {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 100px;
  }
  
  .lds-pulse div {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: pulse 1.2s ease-in-out infinite;
  }
  
  .lds-pulse div:nth-child(1) {
    background-color: #0064a6;
    animation-delay: 0s;
  }
  .lds-pulse div:nth-child(2) {
    background-color: #ffda2f;
    animation-delay: 0.2s;
  }
  .lds-pulse div:nth-child(3) {
    background-color: #8ac0de;
    animation-delay: 0.4s;
  }
  .lds-pulse div:nth-child(4) {
    background-color: #071a38;
    animation-delay: 0.6s;
  }
  
  @keyframes pulse {
    0%, 100% {
      transform: scale(1);
      opacity: 0.6;
    }
    50% {
      transform: scale(1.5);
      opacity: 1;
    }
  }

/* ---------- Reduce header on mobile ---------- */
  @media only screen and (max-width: 768px) {

  /* Hide the text column on mobile */
  .mobile-hide-text {
    display: none !important;
  }

  /* Make image cell full width and centered */
  .mobile-logo-cell {
    width: 100% !important;
    text-align: center;
  }

  /* Resize image nicely for mobile */
  .mobile-logo-cell img {
    width: 250px !important;
    height: auto !important;
  }
}

/* ---------- Reposition Welcome Page - Mobile ---------- */
@media only screen and (max-width: 768px) {

  /* Stack the table columns vertically */
  .mobile-stack td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Hide spacer column */
  .mobile-stack .mobile-spacer {
    display: none !important;
  }

  /* Add spacing between stacked boxes */
  .mobile-stack .mobile-box {
    margin-bottom: 16px !important;
  }
}

/* -------------------- END OF Utility Classes CSS -------------------- *//* -------------------------- Field Specific CSS -------------------------- */

/* Ensure Allegation and Description fields align at the top */
#element47_container .item-template-data {
  display: flex;
  align-items: flex-start;
  /* Top alignment */
  gap: 16px;
  /* Optional spacing between fields */
}

/* Preserve intended widths */
#element47_container .align-block-30 {
  flex: 0 0 30%;
}

#element47_container .align-block {
  flex: 1 1 auto;
}


/* Container CSS */
[id^="label-element225_"] {
  display: none !important;
}


/* Nest Respondent fieldset */

/* Nested, 90% width */
#form-element-wrapper_276.formFieldWrapper {
  width: 90% !important;
  vertical-align: top;
  padding-left: 3% !important;
}

/* Nested, 30% width */
#form-element-wrapper_206.formFieldWrapper,
#form-element-wrapper_260.formFieldWrapper,
#form-element-wrapper_263.formFieldWrapper,
#form-element-wrapper_266.formFieldWrapper,
#form-element-wrapper_255.formFieldWrapper,
#form-element-wrapper_271.formFieldWrapper,
#form-element-wrapper_274.formFieldWrapper {
  width: 30% !important;
  vertical-align: top;
  padding-left: 3% !important;
}

/* 30% width */
#form-element-wrapper_261.formFieldWrapper,
#form-element-wrapper_264.formFieldWrapper,
#form-element-wrapper_269.formFieldWrapper,
#form-element-wrapper_272.formFieldWrapper {
  width: 30% !important;
  vertical-align: top;
}

/* 60% width */
#form-element-wrapper_205.formFieldWrapper,
#form-element-wrapper_267.formFieldWrapper,
#form-element-wrapper_275.formFieldWrapper {
  width: 60% !important;
  vertical-align: top;
}

/* Grey background for specific text input fields */
#form-element-wrapper_194.formFieldWrapper input,
#form-element-wrapper_206.formFieldWrapper input,
#form-element-wrapper_260.formFieldWrapper input,
#form-element-wrapper_263.formFieldWrapper input,
#form-element-wrapper_266.formFieldWrapper input,
#form-element-wrapper_205.formFieldWrapper input,
#form-element-wrapper_261.formFieldWrapper input,
#form-element-wrapper_264.formFieldWrapper input,
#form-element-wrapper_267.formFieldWrapper input,
#form-element-wrapper_262.formFieldWrapper input,
#form-element-wrapper_265.formFieldWrapper input {
  background-color: #f2f2f2 !important;
}

/* Style textarea input for Allegation Text (element225) */
[data-field-code="CTMH_Internal_element225"] textarea.formula-result,
[data-field-code="CTMH_Internal_element225"] textarea.readonly {
  background-color: #eff9fe !important;
  padding: 16px 20px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #1a325c !important;

  border-radius: 6px !important;
  border-left: 4px solid #0064a6 !important;
}


/* Align Add / Remove Buttons Horizontally */

#form-element-wrapper_428,
#form-element-wrapper_443 {
  display: inline-block;
  width: 215px;
  vertical-align: top;
}

#form-element-wrapper_428 {
  margin-right: 1px;
}

#form-element-wrapper_428 input,
#form-element-wrapper_443 input {
  width: 100%;
}


/* --- Vertically Align Fields --- */

/* Container Fields */
[id^="form-element-wrapper_49_"],
[id^="form-element-wrapper_50_"],
/* Regular Fields */
#form-element-wrapper_514,
#form-element-wrapper_575,
#form-element-wrapper_577,
#form-element-wrapper_578,
#form-element-wrapper_339,
#form-element-wrapper_346,
#form-element-wrapper_352,
#form-element-wrapper_358,
#form-element-wrapper_364,
#form-element-wrapper_370,
#form-element-wrapper_376,
#form-element-wrapper_382,
#form-element-wrapper_388,
#form-element-wrapper_394,
#form-element-wrapper_400,
#form-element-wrapper_406,
#form-element-wrapper_412,
#form-element-wrapper_418,
/* IR fields */
#form-element-wrapper_1329,
#form-element-wrapper_1337,
#form-element-wrapper_1330,
#form-element-wrapper_1331,
#form-element-wrapper_1332,
#form-element-wrapper_1333,
#form-element-wrapper_1334
{
  vertical-align: top !important;
}



/* Hide validation/regex labels and text boxes */

#label-element158,
#element158,
#label-element117,
#element117,
#label-element471,
#element471,
#label-element472,
#element472,
#label-element473,
#element473,
#label-element474,
#element474,
#label-element475,
#element475,
#label-element476,
#element476,
#label-element477,
#element477,
#label-element478,
#element478,
#label-element479,
#element479,
#label-element480,
#element480,
#label-element481,
#element481,
#label-element482,
#element482,
#label-element483,
#element483,
#label-element484,
#element484,
#label-element223,
#element223,
#label-element124,
#element124,
#label-element162,
#element162,
#label-element530,
#element530,
#label-element126,
#element126,
#label-element122,
#element122,
#label-element123,
#element123,
#label-element158,
#element158,
#label-element1182,
#element1182,
#label-element1228,
#element1228,
#label-element1354,
#element1354,
#label-element1552,
#element1552,
#label-element1703,
#element1703,
#label-element1704,
#element1704,
#label-element1730,
#element1730,
#label-element1731,
#element1731,
#label-element1753,
#element1753,
#label-element1764,
#element1764,
#label-element1843,
#element1843,
#label-element1890,
#element1890,
#label-element1949,
#element1949 {
  display: none !important;
}


/* Hide elements of Witness Container field */
#element28_container>div>div.item-template-header,
#element28_wrapper>div.item-template-content.initial-item-template>div.item-template-data>button {
  display: none
}

#element28_container .item-wrapper {
  border: 0 !important
}


/* ----- Allegation Details ----- */

/* Hide checkbox labels, align with original display */
#form-element-wrapper_688:has(#element688:checked) label,
#form-element-wrapper_710:has(#element710:checked) label,
#form-element-wrapper_714:has(#element714:checked) label,
#form-element-wrapper_725:has(#element725:checked) label,
#form-element-wrapper_736:has(#element736:checked) label,
#form-element-wrapper_747:has(#element747:checked) label,
#form-element-wrapper_758:has(#element758:checked) label,
#form-element-wrapper_769:has(#element769:checked) label,
#form-element-wrapper_780:has(#element780:checked) label,
#form-element-wrapper_791:has(#element791:checked) label,
#form-element-wrapper_802:has(#element802:checked) label,
#form-element-wrapper_813:has(#element813:checked) label,
#form-element-wrapper_824:has(#element824:checked) label,
#form-element-wrapper_835:has(#element835:checked) label {
  display: none
}

#form-element-wrapper_688:not(:has(#element688:checked)),
#form-element-wrapper_710:not(:has(#element710:checked)),
#form-element-wrapper_714:not(:has(#element714:checked)),
#form-element-wrapper_725:not(:has(#element725:checked)),
#form-element-wrapper_736:not(:has(#element736:checked)),
#form-element-wrapper_747:not(:has(#element747:checked)),
#form-element-wrapper_758:not(:has(#element758:checked)),
#form-element-wrapper_769:not(:has(#element769:checked)),
#form-element-wrapper_780:not(:has(#element780:checked)),
#form-element-wrapper_791:not(:has(#element791:checked)),
#form-element-wrapper_802:not(:has(#element802:checked)),
#form-element-wrapper_813:not(:has(#element813:checked)),
#form-element-wrapper_824:not(:has(#element824:checked)),
#form-element-wrapper_835:not(:has(#element835:checked)) {
  padding: 15px 0 10px 10px;
  background-color: #eff9fe;
  border-color: #8ac0de
}

#form-element-wrapper_688:has(#element688:checked),
#form-element-wrapper_710:has(#element710:checked),
#form-element-wrapper_714:has(#element714:checked),
#form-element-wrapper_725:has(#element725:checked),
#form-element-wrapper_736:has(#element736:checked),
#form-element-wrapper_747:has(#element747:checked),
#form-element-wrapper_758:has(#element758:checked),
#form-element-wrapper_769:has(#element769:checked),
#form-element-wrapper_780:has(#element780:checked),
#form-element-wrapper_791:has(#element791:checked),
#form-element-wrapper_802:has(#element802:checked),
#form-element-wrapper_813:has(#element813:checked),
#form-element-wrapper_824:has(#element824:checked),
#form-element-wrapper_835:has(#element835:checked) {
  width: 10px !important;
  max-width: 10px !important;
  min-width: 5%;
  display: inline-block;
  vertical-align: top;
  padding: 15px 0 0 10px;
}

#element688,
#element710,
#element714,
#element725,
#element736,
#element747,
#element758,
#element769,
#element780,
#element791,
#element802,
#element813,
#element824,
#element835 {
  height: 20px !important;
  width: 20px;
  border-radius: 2px
}

#form-element-wrapper_632,
#form-element-wrapper_702,
#form-element-wrapper_715,
#form-element-wrapper_726,
#form-element-wrapper_737,
#form-element-wrapper_748,
#form-element-wrapper_759,
#form-element-wrapper_770,
#form-element-wrapper_781,
#form-element-wrapper_792,
#form-element-wrapper_803,
#form-element-wrapper_814,
#form-element-wrapper_825,
#form-element-wrapper_836 {
  display: inline-block;
  width: 90%;
  vertical-align: top;
  padding-top: 0;
}




/* Refer to Criminal */

div[id^="form-element-wrapper_1181"],
div[id^="form-element-wrapper_1180"],
div[id^="form-element-wrapper_1179"],

div[id^="form-element-wrapper_1186"],
div[id^="form-element-wrapper_1187"],
div[id^="form-element-wrapper_1188"],

div[id^="form-element-wrapper_1189"],
div[id^="form-element-wrapper_1190"],
div[id^="form-element-wrapper_1191"],

div[id^="form-element-wrapper_1192"],
div[id^="form-element-wrapper_1193"],
div[id^="form-element-wrapper_1194"],

div[id^="form-element-wrapper_1195"],
div[id^="form-element-wrapper_1196"],
div[id^="form-element-wrapper_1197"],

div[id^="form-element-wrapper_1198"],
div[id^="form-element-wrapper_1199"],
div[id^="form-element-wrapper_1200"],

div[id^="form-element-wrapper_1201"],
div[id^="form-element-wrapper_1202"],
div[id^="form-element-wrapper_1203"],

div[id^="form-element-wrapper_1204"],
div[id^="form-element-wrapper_1205"],
div[id^="form-element-wrapper_1206"],

div[id^="form-element-wrapper_1207"],
div[id^="form-element-wrapper_1208"],
div[id^="form-element-wrapper_1209"],

div[id^="form-element-wrapper_1210"],
div[id^="form-element-wrapper_1211"],
div[id^="form-element-wrapper_1212"],

div[id^="form-element-wrapper_1213"],
div[id^="form-element-wrapper_1214"],
div[id^="form-element-wrapper_1215"],

div[id^="form-element-wrapper_1216"],
div[id^="form-element-wrapper_1217"],
div[id^="form-element-wrapper_1218"],

div[id^="form-element-wrapper_1219"],
div[id^="form-element-wrapper_1220"],
div[id^="form-element-wrapper_1221"],

div[id^="form-element-wrapper_1222"],
div[id^="form-element-wrapper_1223"],
div[id^="form-element-wrapper_1224"]
{
  vertical-align: top !important;
}

/* Applicable Law */

div[id^="form-element-wrapper_1341"],
div[id^="form-element-wrapper_1342"]

div[id^="form-element-wrapper_1358"],
div[id^="form-element-wrapper_1359"],

div[id^="form-element-wrapper_1367"],
div[id^="form-element-wrapper_1368"],

div[id^="form-element-wrapper_1372"],
div[id^="form-element-wrapper_1373"],

div[id^="form-element-wrapper_1377"],
div[id^="form-element-wrapper_1378"],

div[id^="form-element-wrapper_1382"],
div[id^="form-element-wrapper_1383"],

div[id^="form-element-wrapper_1386"],
div[id^="form-element-wrapper_1387"],

div[id^="form-element-wrapper_1390"],
div[id^="form-element-wrapper_1391"],

div[id^="form-element-wrapper_1394"],
div[id^="form-element-wrapper_1395"],

div[id^="form-element-wrapper_1398"],
div[id^="form-element-wrapper_1399"],

div[id^="form-element-wrapper_1402"],
div[id^="form-element-wrapper_1403"],

div[id^="form-element-wrapper_1406"],
div[id^="form-element-wrapper_1407"],

div[id^="form-element-wrapper_1410"],
div[id^="form-element-wrapper_1411"],

div[id^="form-element-wrapper_1414"],
div[id^="form-element-wrapper_1415"] 
{
  vertical-align: top !important;
}


/* Unable to provide / Explanation */
#form-element-wrapper_673,
#form-element-wrapper_846,
#form-element-wrapper_1064,
#form-element-wrapper_1068,
#form-element-wrapper_848,
#form-element-wrapper_1072,
#form-element-wrapper_1076,
#form-element-wrapper_1080,
#form-element-wrapper_1084,
#form-element-wrapper_1088,
#form-element-wrapper_1092,
#form-element-wrapper_1096,
#form-element-wrapper_1100,
#form-element-wrapper_1104,
#form-element-wrapper_1108,
#form-element-wrapper_1112,
#form-element-wrapper_1116,
#form-element-wrapper_1120,
#form-element-wrapper_1124,
#form-element-wrapper_1128,
#form-element-wrapper_1132,
#form-element-wrapper_1136,
#form-element-wrapper_1140,
#form-element-wrapper_1144,
#form-element-wrapper_1148,
#form-element-wrapper_1152,
#form-element-wrapper_1156,
#form-element-wrapper_1160,
#form-element-wrapper_1164,
#form-element-wrapper_1168

{
    vertical-align: top !important;
}


/* -------------------------- End of Field Specific CSS -------------------------- *//* -------------------- Table Review Layouts -------------------- */

.summary-review {
    margin-left: 18px;
    margin-top: 8px;
}

.summary-table {
    width: 100%;
    max-width: 900px;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.45;
    background-color: #ffffff;
    border: 1px solid #c8d7eb;
}

.summary-head {
    text-align: left;
    vertical-align: top;
    background-color: #e8f2ff;
    color: rgba(11, 58, 106, 1);
    font-weight: 600;
    padding: 8px 12px;
    border: 1px solid #c8d7eb;
    width: 15%;
}

.summary-table-data {
    padding: 8px 12px;
    border: 1px solid #c8d7eb
}


.allg-detail {
    width: 100%;
    max-width: 900px;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.45;
    background-color: #ffffff;
    border: 1px solid #c8d7eb;
    margin-bottom: 10px;
}

.allg-detail td {
    padding: 8px 12px;
    border: 1px solid #c8d7eb
}

.allg-detail .allg-label {
    text-align: left;
    vertical-align: top;
    background-color: #e8f2ff;
    color: rgba(11, 58, 106, 1);
    font-weight: 600;
    padding: 8px 12px;
    border: 1px solid #c8d7eb;
    width: 125px;
}

.allg-SubHeader {
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 0;
}

.allg-Events,
.allg-LawSection,
.allg-LawExpanded {
    text-align: justify;
}

.allg-LawExpanded {
    font-style: italic;
    margin-left: 20px;
    padding: 0;
}

/* Case Activity Table */

.activityHeader {
  padding: 5px;
  color: white;
  background-color: #0064a6; 
  border: solid 1pt #0064a6
}

.activity-row {
  border: solid 1pt;
  border-color: #4D5971;
}

.activity-row:nth-child(odd) td {
  background-color: #eff9fe;
}

.activityLabel {
  padding: 5px;
}

.activityTime {
  padding: 5px;
  width: 10%;
  max-width: 10%;
}

.activityReviewer {
  padding: 5px;
}

.activityDescription {
  padding: 5px;
  width: 500px;
  max-width: 50%;
}


/* -------------------- End Table Review Layouts -------------------- *//* ----------------------- Begin Generic Styling ----------------------- */

/* 1. Global typography */
body,
#tsForm-editor,
.workflowContent,
.sigNav button,
.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,
.workflowContent .form-static-text,
.form-element-wrapper .form-static-text,
.form-element-wrapper .form-static-text-area,
.workflowContent .formFieldWrapper:not(.booleand-check-box-wrapper):not(.heading-wrapper) div.form-label,
.form-element-wrapper:not([data-type="heading"]):not([data-type="boolean-check-box"]) .form-label-left .editable-text,
.form-element-wrapper:not([data-type="heading"]):not([data-type="boolean-check-box"]) .form-label-left input,
.formFieldWrapper.payment-field-wrapper input.input-text,
.form-element-wrapper.payment-field input.field,
.formFieldWrapper .radio-checkbox-label,
.form-element-wrapper .radio-checkbox-label,
.formFieldWrapper.text-box-wrapper input.input-text,
.form-element-wrapper.text-box input.field,
.formFieldWrapper.text-area-wrapper textarea.textarea-input,
.form-element-wrapper.text-area textarea.field,
.formFieldWrapper .sub-heading,
.form-element-wrapper .editable-text-wrapper.sub-heading-wrapper>span,
.form-element-wrapper .editable-text-wrapper.sub-heading-wrapper>input {
  font-family: 'Poppins', sans-serif !important;
}

/* ---------- Reposition Page Size - Mobile ---------- */
@media only screen and (max-width: 768px) {

  .workflowContent .formFieldWrapper,
  #ts-form-editor-wrapper .form-element-wrapper {
    width: 95%
  }
}


/* 2. Layout + page shell */
html,
body,
.page-wrap,
#workflow-wrapper {
  background-color: #0064a6 !important;
}

#workflow-wrapper,
#divWorkflowContent,
.page-content {
  background-color: #0064a6 !important;
  padding: 20px 0 !important;
  min-height: 533px !important;
}

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

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

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

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

#print-preview {
  display: none !important;
}

td:nth-child(1)>img {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}


/*

body > div.page-wrap > div {
  max-width: 1800px !important;
  width: 95% !important;
  margin: auto !important;
}

body > div.page-wrap > div > div.inner {
  max-width: 1800px !important;
  margin: auto !important;
}

*/


/* 3. Main container */
#workflow-background-wrapper {
  background-color: #ffffff !important;
  max-width: 1200px;
  margin: 0 auto !important;
  border-radius: 6px;
  float: none !important;
  border-right: none !important;
  box-shadow: 0 0 10px 10px #00000033 !important;
}

div#thank-you-text {
  background: #ffffff;
  box-shadow: none !important;
  margin: 50px 0 !important;
}

/* 4. Buttons */
.form-save-button,
.form-reset-button,
.form-print-button,
.form-change-section,
.form-collaboration-stage-submit-button,
.form-submit-button,
#divWorkflowContent .buttonPopup.blue,
.form-action-button {
  border-color: #1a325c !important;
  background-color: #1a325c !important;
  color: #ffffff !important;
}

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

.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;
  padding: 12px 24px !important;
  min-height: 44px !important;
  border-radius: 8px !important;
}

.add-item-template,
.remove-item-template {
  background-color: #0064a6 !important;
  border: 1px solid #0064a6 !important;
  color: #ffffff !important;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}

.add-item-template:hover,
.remove-item-template:hover {
  background-color: #1a325c !important;
  border-color: #1a325c !important;
}

.add-item-template:focus,
.remove-item-template:active {
  background-color: #1a325c !important;
  border-color: #1a325c !important;
  outline: none;
}

/* 5. Generic form fields */
.sigWrapper,
.formFieldWrapper.text-box-wrapper input.input-text,
.form-element-wrapper.text-box input.field {
  background-color: #ffffff;
  border-color: #8ac0de;
  color: #000000;
  font-family: OpensansRegular, Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.formFieldWrapper.heading-wrapper h3 {
  font-size: 22px !important;
  font-weight: bold !important;
  color: #1a325c !important;
  border-color: #8ac0de !important;
}

.sigPad:not(.standalone) input.name {
  width: 100%;
  border: 1px solid #8ac0de !important;
  margin-right: 2px;
  margin-top: 5px;
  color: #000000;
  background-color: #ffffff;
}

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"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
.select2-container--bootstrap .select2-selection--single {
  border: 1px solid #8ac0de !important;
  background-color: #ffffff;
  display: inline-block;
  height: 40px;
  padding: 0.3em 0.57143em;
  border-radius: 8px !important;
  color: #000000;
}

/* Brand native checkbox and radio fill color */
input[type="checkbox"],
input[type="radio"] {
  accent-color: rgba(11, 58, 106, 1);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus,
.select2-container--bootstrap.select2-container--focus .select2-selection--single,
.select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-color: #8ac0de !important;
  outline: none;
  box-shadow: none !important;
}

/* 6. Select2 / dropdown components */
.formFieldWrapper.drop-down-wrapper .select2-container--bootstrap .select2-selection--single,
.form-element-wrapper.drop-down .select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--single {
  height: 44px !important;
  min-height: 44px !important;
  background-color: #ffffff !important;
  border: 1px solid #8ac0de !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #000000 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  padding: 0 42px 0 12px !important;
  display: flex !important;
  align-items: center !important;
}

.formFieldWrapper.drop-down-wrapper .select2-container--bootstrap .select2-selection__rendered,
.form-element-wrapper.drop-down .select2-container--bootstrap .select2-selection__rendered,
.select2-container--bootstrap .select2-selection__rendered {
  color: #000000 !important;
  line-height: 42px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
}

.select2-container--bootstrap .select2-selection__arrow {
  height: 42px !important;
  right: 10px !important;
  width: 24px !important;
}

.select2-container--bootstrap.select2-container--focus .select2-selection--single,
.select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-color: #8ac0de !important;
  box-shadow: none !important;
  outline: none !important;
}

.select2-container--bootstrap .select2-dropdown {
  border: 1px solid #8ac0de !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
}

.select2-container--bootstrap .select2-results__option {
  font-size: 14px !important;
  padding: 10px 12px !important;
  color: #000000 !important;
  background-color: #ffffff !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #eff9fe !important;
  color: #000000 !important;
}

.formFieldWrapper.drop-down-wrapper .select2-container,
.form-element-wrapper.drop-down .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Multi select width */
.multi-select
{
  width: 80% !important
}

/* Multi select text wrap */
span.selection > span > ul > li.select2-selection__choice
{
  text-wrap:auto;
  line-height: 20px;
}

/* 8. Responsive overrides */
@media only screen and (max-width: 768px) {
  .page-wrap {
    width: 100vw;
  }

  .qtip {
    display: none !important;
  }

  #StageSubmitForm {
    padding: 0 !important;
  }

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

  #contentWorkbench {
    width: 100%;
  }

  body>div.page-wrap {
    width: 95vw;
    margin-left: 5vw;
  }

  input,
  select:focus,
  textarea {
    font-size: 12px !important;
  }
}

/* test */
#CustomFramHead,
#CustomFrameHead,
#CustomFramePreBody,
#CustomFramePostBody,
#CustomFrameFooter {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 999999 !important;
}

#CustomFramHead table {
  width: 100% !important;
}


/* Regex error format */
.regexErrorLabel {
  font-style: italic;
}


/* Move Container Buttons to Bottom of Container */
.item-wrapper {
  display: flex; 
  flex-direction: column-reverse;
}


/* ----------------------- END OF GENERIC STYLING ----------------------- *//* ---------------------- Modify Response Lookup Window ---------------------- */
.modal.in .modal-dialog {
  width: 70%;
}

.responce-lookup-grid table {
  table-layout: fixed;
  width: 100%;
}

.responce-lookup-grid table col:nth-child(1) {
  width: 40%
}

.responce-lookup-grid table col:nth-child(2) {
  width: 15% !important;
}

.responce-lookup-grid table col:nth-child(3) {
  width: 45%
}

/* ---------------------- End Modify Response Lookup Window ---------------------- */