@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(3, 118, 82, 1), rgba(96, 172, 6, 1));
    min-width: 180px;
    border: 0.5px;
    border-radius: 4px;
    border-color: #ff890c;
    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(3, 118, 82, 1), rgba(96, 172, 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(0, 175, 206, 0.7);
}

.verisk-btn.verisk-btn-secondary:not(.verisk-btn-checkbox) {
        padding: .8125rem 20px !important;
	height:51px;
    }

.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;
}

#BlackBoxContainer,
#BlackBoxContainer .Collapsible__contentOuter {
  overflow-anchor: none;
}

/* 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(0, 175, 206, 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 #6EC100;
}

.questionItem {
	border:0.5px solid #719892;
}

.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:#047A52;
}

.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(3, 118, 82, 1), rgba(96, 172, 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: #187D84 !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 !important;
}

.modal-footer .verisk-btn {
    width: 100%;
}

/* MT Verisk Click Pointer Fix*/
/* Fix small unclickable area in Verisk answer buttons */
.verisk-radio-input > input,
input[id^="verisk-checkbox-answer-"] {
    pointer-events: none !important;
}

/* Make entire Verisk answer row show pointer cursor */
/* Make ALL Verisk answer "buttons" show pointer cursor everywhere */
#BlackBoxContainer label.verisk-btn,
#BlackBoxContainer label.verisk-btn *,
#BlackBoxContainer .verisk-radio-input,
#BlackBoxContainer .verisk-radio-input * {
  cursor: pointer !important;
}

/* Optional: if some answers have a special class */
#BlackBoxContainer .verisk-answer-button,
#BlackBoxContainer .verisk-answer-button * {
  cursor: pointer !important;
}

/* Keep text cursor for real typing fields (safety net) */
#BlackBoxContainer input[type="text"],
#BlackBoxContainer input[type="search"],
#BlackBoxContainer textarea {
  cursor: text !important;
}


/* 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(3, 118, 82, 1), rgba(96, 172, 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(3, 118, 82, 1), rgba(96, 172, 6, 1));
    box-shadow: 0px 0px 0px 4px rgba(0, 175, 206, 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 */

/* MT Verisk Click Pointer Fix*/

@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 #004A44;
			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: .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: .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: .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;
}
.verisk-form-group .ml-3 {
    margin: 0px;
}
}
@media screen and (max-width: 360px) {
    .screeningPage .conditionList div.verisk-border h1.verisk-conditionHeader {
        font-size: .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: .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: .9rem;
    }
	.conditionPage .selectedConditionList div.pt-4 h2.verisk-search-results-subtitle {
		font-size: .9rem;
	}
	.conditionPage .selectedConditionList div.row.verisk-pt-20 div.col-auto button.verisk-btn {
        font-size: .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: .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) --- */


}


