@charset "utf-8";
/* CSS Document */

.verisk-form-control {
  border: 0px;
}

.verisk-background {
  background-color: #f3f8f9;
  padding: 20px;
}

.verisk-background.verisk-top-border {
  background-color: unset;
}

.verisk-top-border {
  border-top: 0px !important;
}

.verisk-mr-60-5 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
/* 
    .verisk-panel-title {
        margin-left: 0px !important;
    } */

.verisk-buttonText {
  text-align: left;
  padding-left: 30px;
}

.verisk-right-float {
  margin-right: 6px;
}

button.verisk-right-float {
  margin-right: 0px;
}

.verisk-btn:not(.verisk-btn-checkbox):not(.verisk-btn-secondary) {
  padding: 6px 10px 6px 10px;
  background-image:linear-gradient(45deg, rgba(255, 138, 1, 1), rgba(255, 70, 6, 1));
  min-width: 180px;
  border: 0.5px;
  border-radius: 4px;
  border-color: #ff0c49;
  color: #ffffff;
  height: 51px;
  margin-bottom: 24px;
  text-transform: uppercase;
  font-weight: 700;
}

.verisk-btn-secondary:not(.verisk-btn-checkbox),
.verisk-btn-secondary:not(.verisk-btn-checkbox) {
  background-image: unset;
  min-width: 85px;
  border-width: 0.5px;
  border-radius: 4px;
  border-color: #000000;
  border-style: solid;
  color: #000000;
  /* height: 51px; */
  margin-top: 4px;
  text-transform: none;
  font-weight: 500;
}

.verisk-btn-finish {
  padding: 6px 10px 6px 10px;
  background-image: linear-gradient(
    45deg,
    rgba(255, 134, 1, 1),
    rgba(255, 72, 6, 1)
  );
  min-width: 180px;
  border: 0.5px;
  border-radius: 4px;
  border-color: #ff890c;
  color: #ffffff;
  /* height: 51px; */
  margin-top: 34px;
  text-transform: uppercase;
  font-weight: 700;
}

.verisk-btn:hover {
  /* background-image: linear-gradient(45deg, rgba(3, 118, 82, 1), rgba(96, 172, 6, 1)); */
  box-shadow: 0px 0px 0px 4px rgba(252, 146, 146, 0.7);
}

.verisk-btn.verisk-btn-secondary:not(.verisk-btn-checkbox) {
  padding: 0.8125rem 20px !important;
}

.verisk-btn-search-active {
  background-size: 38px 38px !important;
  background-position: center top 5px;
  width: 48px;
  height: 48px;
}

.selectedConditionItem {
  padding-bottom: 4px;
}

.verisk-mt-10 {
  margin-top: 0px;
}

.verisk-conditionHeader {
  font-size: 1.1rem;
}

.verisk-panel-title {
  margin-left: 0px !important;
}

.pt-3 {
  padding-top: 1.4rem !important;
}

.verisk-collapse-up,
.verisk-conditionHeader,
.verisk-stem,
.verisk-conditionHeader,
.verisk-conditionHeader,
.verisk-collapsible-header,
.verisk-header-incompleted,
.verisk-collapse-down,
.verisk-header-completed,
.verisk-forward {
  min-height: 50px !important;
  /* height: 50px !important; */
  text-align: left;
}
.verisk-conditionHeader,
.verisk-header-incompleted,
.verisk-header-completed {
  /* height: 50px !important; */
}
.verisk-collapse-up,
.verisk-collapse-down {
  height: 100%;
  background-color: #ffffff;
  /*	border-color:#004647; */
  border: 0px;
  background-size: 25px 12px;
}
.verisk-collapse-up {
  margin-right: 12px !important;
}

#BlackBoxContainer .verisk-collapse-up,
#BlackBoxContainer .verisk-collapse-down {
  cursor: pointer;
  pointer-events: auto;
}

/* Make each condition header obviously clickable (required for selecting/activating conditions) */
#BlackBoxContainer .Collapsible__trigger,
#BlackBoxContainer .verisk-stem,
#BlackBoxContainer .verisk-border[role="button"] {
  cursor: pointer;
}

/* Ensure stem/trigger area isn't accidentally collapsed */
#BlackBoxContainer .verisk-stem {
  display: block; /* safe explicit */
  pointer-events: auto;
}

/* If Verisk uses a header row container, make sure it can receive clicks */
#BlackBoxContainer .verisk-collapsible-header {
  pointer-events: auto;
}

.verisk-header-completed {
  background-size: 25px 18px;
  background-position: left 30px center;
}

.verisk-stem,
.verisk-header-incompleted,
.verisk-header-completed {
  height: unset;
}

.verisk-mr-100-5 {
  text-align: left;
  margin-right: 12px !important;
}

.verisk-declaration-screen-subtitle {
  font-size: 1rem;
}

.verisk-highlight {
  color: #187d84 !important;
  text-align: left;
}

.verisk-declaration-screen-subtitle,
.verisk-pt-20 p {
  text-align: left;
}

.verisk-answer {
  margin: 1.5rem 2rem 0 0;
  border-bottom: 1px solid #cccdce;
  text-align: left;
}
/*
.verisk-stem {
	display:none;
}
*/

#BlackBoxContainer .verisk-stem {
  display: block !important;
  pointer-events: auto;
}

.verisk-q-empty {
  max-width: 40px;
}

.pt-3 {
  padding-top: 1.2rem !important;

  /* padding-right: 1rem !important; */

  /* CHECK */
}

.verisk-pb-20 {
  padding-bottom: 0.2rem;
  padding-top: 0px;
}

.verisk-radio-input > input {
  position: absolute;
}

.verisk-q-success {
  background-position: left 35px top;
  width: 90px;
}

.verisk-q-success,
.verisk-c-success,
.verisk-header-completed {
  background-image: url(../images/v-check.png);
  background-size: 32px 32px;
}
.verisk-highlight-border {
  border-color: #187d84 !important;
}
.verisk-border {
  border: 1px solid #707070;
  border-radius: 3px;
  /* margin-bottom: 6px; */
}

.Collapsible__trigger {
  margin-bottom: 6px;
}

/* Verisk uses this as the clickable header row to expand/select a condition */
#BlackBoxContainer .verisk-border[role="button"] {
  /* border: 1px solid #707070; */
  /* background: #ffffff; */ /* ensure it looks like a button row */
  cursor: pointer;
  pointer-events: auto;
  border: 0px !important;
}
#BlackBoxContainer .verisk-border[role="button"]:hover {
  box-shadow: 0px 0px 0px 3px rgba(252, 193, 178, 0.35);
}

.verisk-panel-title,
.verisk-search-results-subtitle {
  padding: 10px 0px 10px 0px;
  text-align: left;
  font-family: century-gothic, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
}

.conditionSection h1,
#searchSectionLabel {
  padding: 20px 0px 10px 0px;
  text-align: left;
  font-family: century-gothic, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  color: #19464f;
}

#searchSectionLabel {
  content: "Search for a medical condition";
}

.verisk-searchBox {
  padding: 0px 20px;
}

.verisk-btn-checkbox-checked,
.verisk-btn-checkbox-unchecked,
.verisk-btn-checkbox:hover .verisk-btn-checkbox-checked {
  background-position: left 22px center;
  width: 68px;
}

.verisk-radio-input.col-lg-3.col-auto {
  width: auto;
  padding-left: 10px;
}

.verisk-box-active {
  border: 1px dashed #e40044;
}

.questionItem {
  border: 0.5px solid #cf002d;
}

.verisk-forward {
  background-size: 25px 28px;
  background-position: left 14px top 8px;
  height: unset;
}

.screeningPage .conditionList div.verisk-border div.d-none.d-sm-block {
  display: block !important;
}

.verisk-box-notactive {
  background-color: #ecfbf4;
  border-color: #ff8484;
}

.verisk-q-success {
  background-image: url(../images/success-tick.png);
}

.selectedConditionList.verisk-background {
  padding: 20px;
  margin: 20px;
}

.selectedConditionList .pt-4 {
  padding-top: 0px !important;
}

button#btnReactFinish {
  margin-right: 20px;
}

/* .verisk-btn-remove::before {
	content:'Remove';
	padding-right:10px;
}
.verisk-btn-remove::after {
	content:'+';
} */

.verisk-alertBackground {
  background-color: #ffeee6;
  padding: 20px;
}

.verisk-alert {
  /* min-height: 48px; */
  background-color: #fe621a;
  text-align: center;
  padding-top: 1rem;
  /* margin: 10px; */
  border-radius: 4px;
  color: #ffffff;
  padding-bottom: 0.5rem;
}

.verisk-declaration-screen-subtitle {
  padding-right: 6px !important;
}

.col-auto.verisk-right-float.verisk-pl-5 {
  padding-left: 0px;
  padding-top: 20px;
}

input[id^="verisk-checkbox-answer-"] {
  position: absolute;
}
.col.verisk-checkbox-text {
  padding: 6px 6px 6px 0px;
}

@media only screen and (min-width: 992px) {
  .verisk-btn-remove,
  .verisk-btn-edit {
    position: relative; /* ✅ ADD THIS */
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    border: 0px !important;
    background-image: linear-gradient(
      45deg,
      rgba(255, 136, 0, 1),
      rgba(255, 36, 6, 1)
    ) !important;
    color: #ffffff !important;
    font-size: 2rem !important;
    min-width: 0px !important;
  }
  .verisk-btn-edit {
    font-size: 1.4rem !important;
  }
  .verisk-btn.verisk-btn-secondary.verisk-btn-remove,
  .verisk-btn.verisk-btn-secondary.verisk-btn-edit {
    padding: 7px !important;
    margin-right: 10px;
  }
  /*
	button.verisk-btn.verisk-btn-secondary.verisk-right-float.verisk-btn-remove::before {
    content: 'Remove';
    position: absolute;
    right: 80px;
    color: #000000;
    font-size: 1rem;
    align-content: center;
    top: 23px;
}
	button.verisk-btn-edit::before {
    content: 'Edit';
    position: absolute;
    right: 80px;
    color: #000000;
    font-size: 1rem;
    align-content: center;
    top: 23px;
}

*/
  button.verisk-btn.verisk-btn-secondary.verisk-right-float.verisk-btn-remove::before,
  button.verisk-btn-edit::before {
    position: absolute;
    right: auto; /* ✅ CHANGE: stop anchoring from the right */
    left: -70px; /* ✅ CHANGE: anchor label to the left of *this* button */
    top: 50%; /* ✅ CHANGE */
    transform: translateY(-50%); /* ✅ CHANGE */
    color: #000000;
    font-size: 1rem;
    pointer-events: none; /* ✅ ADD: label won’t block clicks */
    white-space: nowrap; /* ✅ ADD: prevent wrapping */
  }

  button.verisk-btn.verisk-btn-secondary.verisk-right-float.verisk-btn-remove::before {
    content: "Remove";
  }

  button.verisk-btn-edit::before {
    content: "Edit";
  }
}

.searchResultList {
  margin: 20px;
  padding: 20px 0px 20px 0px;
  background-color: #f3f8f9;
}

button.verisk-light {
  background-color: #c0002a !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  border: 0px !important;
  /* padding-left: 90px !important; */
}

/* .verisk-btn-checkbox:hover, .verisk-btn-checkbox-unchecked:hover {
    background-position: left 22px center;
    width: 68px;
} */

.selectedConditionItem .pt-3 {
  padding-top: 1.3rem !important;
}

.conditionPage
  .declarationList
  div.verisk-declarationGroup
  div.declarationItem.row
  div.verisk-declaration-alert.verisk-alertBackground
  div.verisk-alert
  p {
  color: #ffffff;
}

/* .verisk-declarationGroup {
  position: relative;
}

.verisk-declaration-alert {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
} */

.conditionPage
  .declarationList
  div.verisk-declarationGroup
  div.declarationItem.row
  div.verisk-height-60
  div.col
  h3.verisk-buttonText.verisk-search-results-item-title {
  margin-left: 20px;
}

.answerList {
  margin-top: 10px;
}
/* .verisk-info {padding-left:6px;} */

.verisk-btn.verisk-btn-secondary.verisk-btn-remove,
.verisk-btn.verisk-btn-secondary.verisk-btn-edit {
  padding: 7px !important;
  margin-right: 10px;
  margin-left: 50px;
  margin-top: 8px;
  margin-bottom: 6px;
}

.verisk-buttonText {
  color: #000000 !important;
  padding-left: 0px; /* was 6px */
}

.ml-3 {
  margin-left: 20px !important;
} /* CHECK */

.pl-3 {
  padding-left: 0rem !important;
} /* CHECK */

/* The grey "faint" overlay */
.ReactModal__Overlay {
  z-index: 100000 !important; /* must be above everything */
  background: rgba(0, 0, 0, 0.35) !important;
}

/* The modal itself */
.ReactModal__Content,
.ReactModal__Content.verisk-modalContent {
  z-index: 100001 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* If your site CSS has a global .modal rule that hides/positions modals weirdly, neutralise it here */
.ReactModal__Content.verisk-modalContent.modal {
  position: absolute !important; /* was position:fixed */
  inset: 0 !important;
  margin: auto !important;
  max-width: 560px !important;
  height: fit-content !important;
}
.verisk-modalContent {
  transform: unset;
}

/* Ensure modal buttons are clickable even if you’ve got pointer-events games elsewhere */
.ReactModal__Content button {
  pointer-events: auto !important;
}

.modal-footer {
  margin: 10px;
}

.modal-footer .verisk-btn {
  width: 100%;
}
/* Added 18.05.26 */
.screeningPage .btn-float-right {
    right: 0;
    position: relative;
    margin-top: 4px;
}

.verisk-form-group .ml-3 {
    margin: 0px 20px 0px 20px;
}


button#btnReactFinish, button#btnSaveDeclaration {
    width: 100%;
    margin: 10px 0px 0px 0px;
}
/* Added 18.05.26 end */
/* Added 21.05.26 */

button#btnReactFinish {
	padding: 6px 10px 6px 10px;
    background-image: linear-gradient(45deg, rgba(255, 138, 1, 1), rgba(255, 70, 6, 1));
    min-width: 180px;
    border: 0.5px;
    border-radius: 4px;
    border-color: #ff890c;
    color: #ffffff;
    height: 51px;
    margin-top: 34px;
    text-transform: uppercase;
    font-weight: 700;
	
}
button#btnReactFinish:hover {
	background-image: linear-gradient(45deg, rgba(255, 138, 1, 1), rgba(255, 70, 6, 1));
    box-shadow: 0px 0px 0px 4px rgba(253, 131, 148, 0.7);
}

button#btnSaveDeclaration {
	padding: 6px 10px 6px 10px;
    min-width: 180px;
    height: 51px;
    margin-top: 34px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Added 21.05.26 end */

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .screeningPage .conditionList div.verisk-border h1.verisk-conditionHeader {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .screeningPage .conditionList div.verisk-border h1.verisk-conditionHeader {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .screeningPage .conditionList div.verisk-border h1.verisk-conditionHeader {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 361px) and (max-width: 480px) {
  .conditionPage .conditionSection h1.verisk-title {
    font-size: 1.2rem;
  }
  .conditionPage .searchSection h1#searchSectionLabel {
    font-size: 1.2rem;
  }
  .screeningPage .conditionList div.verisk-border h1.verisk-conditionHeader {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 1199px) {
  .verisk-btn-secondary:not(.verisk-btn-checkbox),
  .verisk-btn-secondary:not(.verisk-btn-checkbox) {
    min-width: 0px !important;
  }
  .screeningPage
    .conditionList
    div.questionItem
    div.verisk-background
    div.simpleQuestionItem
    div.answerList
    div.col.verisk-pr-5
    label.verisk-answer-button {
    width: 100%;
  }
  .verisk-radio-input.col-lg-3.col-auto {
    /* width: auto; */
    padding-left: 10px;
    width: 100%;
    display: block;
  }
  .verisk-btn-secondary.verisk-light.mb-0.verisk-answer-button {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .conditionPage
    .declarationList
    div.verisk-declarationGroup
    div.col-auto.verisk-pl-5
    button.verisk-btn.verisk-btn-secondary {
    margin-top: 6px;
  }
  .verisk-btn-checkbox {
    margin-left: 0.5rem;
  }
  .conditionPage .searchSection h1#searchSectionLabel,
  .conditionPage .conditionSection h1.verisk-title {
    font-size: 1.3rem;
    margin-top: 24px;
  }
  .pl-3 {
    /* padding-left: 1rem !important; */ /* CHECK */
  }
  .pl-3 button .verisk-btn-cancel {
    margin-left: -16px !important;
    height: 51px;
    margin-top: 0px !important;
  }
  .screeningPage
    .conditionList
    div.questionItem
    div.verisk-background
    div.simpleQuestionItem
    div.answerList
    div.col.verisk-pr-5
    div.verisk-answer {
    margin-left: 0px !important;
  }
  .verisk-btn.verisk-btn-secondary.verisk-btn-remove,
  .verisk-btn.verisk-btn-secondary.verisk-btn-edit {
    margin-left: 0px;

    color: #000000;
    border: 2px solid #dd0055;
    border-radius: 4px;
  }
  .screeningPage
    .conditionList
    div.questionItem
    div.verisk-background
    div.simpleQuestionItem
    div.answerList
    div.col.verisk-pr-5
    div.row.no-gutters.horizontal-answers {
    justify-content: left;
    align-items: center;
    display: flex;
  }
  .verisk-box-active {
    padding: 10px;
    text-align: center;
  }
  .verisk-box-active h2,
  .verisk-box-active p,
  .verisk-declaration-screen-subtitle,
  .verisk-box-notactive h2,
  .verisk-box-notactive p {
    text-align: center;
  }
  .verisk-declaration-screen-subtitle.verisk-declaration-screen-subtitle
    .verisk-buttonText {
    padding-left: 0px !important;
  }

  .screeningPage
    .conditionsToDeclareList
    div.col.verisk-pt-20
    h2.verisk-word-break.verisk-declaration-screen-subtitle {
    font-size: 0.9rem;
  }
  .verisk-box-notactive {
    padding: 10px;
  }
  .verisk-buttonText {
    padding-left: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  .verisk-btn.verisk-btn-secondary.verisk-btn-remove,
  .verisk-btn.verisk-btn-secondary.verisk-btn-edit {
    margin-right: 10px;
    margin-left: 2px;
  }
  .screeningPage .conditionList div.verisk-border h1.verisk-conditionHeader {
    padding-left: 30px;
  }
  .verisk-declaration-forward {
    height: 0px;
  }
  .conditionPage
    .declarationList
    div.verisk-declarationGroup
    div.declarationItem.row
    div.verisk-declaration-alert.verisk-alertBackground
    div.verisk-alert
    p {
    font-size: 0.9rem;
  }

  button.verisk-btn-remove::before,
  button.verisk-btn-edit::before {
    display: none;
  }
  /* .verisk-btn-remove, .verisk-btn-edit {
    width: 40px;
    height: 40px;
	font-size: 1.4rem !important;
	} 
	.verisk-btn-edit {
	font-size: 1.2rem !important;
	}
	.verisk-btn.verisk-btn-secondary.verisk-btn-remove {
    padding: 7px !important;
}
   */

  .pt-3 {
    padding-top: 1.2rem !important;
  }
  .verisk-background,
  .conditionSection h1,
  #searchSectionLabel {
    padding: 0px 0px 0px 0px;
  }
  .questionItem .verisk-background {
    padding: 0px 30px 0px 30px;
  }
  .verisk-title {
    margin-left: 0px;
  }
  .searchResultList {
    margin-top: 0px;
    padding-top: 0px;
  }
  .verisk-panel-title {
    padding-top: 20px !important;
  }
  .verisk-btn:not(.verisk-btn-checkbox):not(.verisk-btn-secondary) {
    min-width: unset;
  }
  .verisk-pt-20 {
    --bs-gutter-x: 0;
    padding-top: 0px;
  }

  .conditionPage
    .declarationList
    div.verisk-declarationGroup
    div.declarationItem.row
    div.verisk-height-60
    div.col
    h3.verisk-buttonText.verisk-search-results-item-title {
    font-size: 0.9rem;
  }
  .declarationList .pt-4 {
    padding-top: 0px;
  }
  .ml-3 {
    margin-left: 0px !important;
  }
  button#btnReactFinish {
    margin-right: 0px;
  }
  .selectedConditionList.verisk-background {
    margin: 0px;
  }
  .ml-3 p {
    margin-top: 10px;
  }
  .searchResultList {
    margin: 0px;
    padding: 20px 20px 20px 20px;
  }
  .verisk-radio-input.col-lg-3.col-auto {
    width: 100% !important;
    padding: 0px 20px 10px 10px !important;
  }
}
@media screen and (max-width: 360px) {
  .screeningPage .conditionList div.verisk-border h1.verisk-conditionHeader {
    font-size: 0.9rem;
  }
  .conditionPage
    .declarationList
    div.verisk-declarationGroup
    div.col-auto.verisk-pl-5
    button.verisk-btn.verisk-btn-secondary {
    margin-top: 8px;
  }
  .conditionPage
    .searchSection
    div.searchResultList
    div.verisk-background
    div.verisk-searchResultItem
    button.verisk-btn {
    font-size: 0.9rem;
    padding-right: 12px;
  }
  .screeningPage
    .conditionList
    div.questionItem
    div.verisk-background
    div.simpleQuestionItem
    div.answerList
    div.verisk-radio-input
    label.verisk-btn-checkbox
    div.verisk-checkbox-text {
    font-size: 0.9rem;
  }
  .conditionPage
    .selectedConditionList
    div.pt-4
    h2.verisk-search-results-subtitle {
    font-size: 0.9rem;
  }
  .conditionPage
    .selectedConditionList
    div.row.verisk-pt-20
    div.col-auto
    button.verisk-btn {
    font-size: 0.8rem;
  }
  .conditionPage
    .selectedConditionList
    div.verisk-pb-20.verisk-ml-60-5.verisk-mr-60-5
    div.verisk-height-60
    div.selectedConditionItem
    div.col
    p.verisk-buttonText {
    font-size: 0.9rem;
  }
  .pt-3 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .conditionPage
    .declarationList
    div.verisk-declarationGroup
    div.declarationItem.row
    div.verisk-height-60
    div.col
    h3.verisk-buttonText.verisk-search-results-item-title {
    padding-top: 10px;
  }

  /* --- Verisk/ReactModal confirmation dialog (Remove condition) --- */
}