.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.smallSteps .step-indicator .step,
.step-indicator .step
{
    background-color: #767676;
    color: #fff;
}

/* Radio and Button State hover states START */
input[type="radio"] + label::before, input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin-right: .5em;
    border: 2px solid #888;
    border-radius: 200px;
    background: #fff;
    vertical-align: middle; 
}
.roundedCheckBox input[type="radio"] + label::before, input[type="checkbox"] + label span::before {
    border: 2px solid #999;
    display: none;
}
.roundedCheckBox input:checked + label span::before {
	 display: none;
}
.yesNoBtn span span{
    padding: 5px 8px 3px 22px;
    font-weight: 400;
    font-size: 15px;
    background: url('../../uploads/00001280/radio_bg.png');
    background-size: 36px 36px;
    background-repeat: no-repeat;
    display: inline-block;
}
.yesNoBtn .buttonState span:hover{
/*.yesNoBtn .buttonState span:focus{*/
    background: url('../../uploads/00001280/radio_bg_hover.png');
    background-size: 36px 36px;
    background-repeat: no-repeat
}
.yesNoBtn .active span:hover{
    background: url('../../uploads/00001280/radio_select_bg.png');
    background-size: 36px 36px;
    background-repeat: no-repeat
}
.yesNoBtn:hover .inactive span span,
.yesNoBtn .buttonState span span:hover{
    background: none;
}
.yesNoBtn .active span{
    background: url('../../uploads/00001280/radio_select_bg.png');
    background-size: 36px 36px;
    background-repeat: no-repeat;
}
/*.yesNoBtn span span span,*/
/*.yesNoBtn .active span span{*/
/*    background: none;*/
/*}*/
input[type="radio"] + label:hover::before,
input[type="checkbox"] + labelhover::before,
input[type="radio"] + label:focus::before,
input[type="checkbox"] + labelfocus::before,
input[type="checkbox"] + label:hover::before{
    border: 3px solid #07639D;
}
input:checked + label::before {
    content: '';
    background: url(/uploads/00001280/check-mark.svg) center no-repeat;
    text-align: center;
    line-height: 34px;
    color: #fff;
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #07639D;
    border-radius: 25px;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    min-width: 36px;
    min-height: 36px;
}
/*.roundedCheckBox input:checked + label span::before,*/
/*.roundedCheckBox input[type="checkbox"] + label span::before{*/
/*    display: none;*/
/*}*/

/* Radio and Button State hover states END */


/* Step Indicator */
.smallSteps .step-indicator .active .step {
    background-color: #07639d;
}

/*.yesNoBtn .productField .buttonState:focus span {*/
/*    margin: 10px 0 0 0;*/
/*}*/

/*.yesNoBtn .buttonState:focus > span{*/
/*    background: url(/uploads/00001280/radio_bg_hover.png);*/
/*    background-size: 36px 36px;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*.yesNoBtn .active:focus > span {*/
/*    background: url(/uploads/00001280/radio_select_bg.png);*/
/*    background-size: 36px 36px;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*.yesNoBtn span span {*/
/*    padding: 5px 8px 3px 22px;*/
/*    display: inline-block;*/
/*}*/

/* Start Remove 'jump' when chooseing radio button options */
.productField input[type="radio"] + label{
    border: 2px solid rgba(0, 0, 0, 0);
    padding: 5px;
}

/* Preserve NEA rectangular radio buttons' style */
.switch-field .productField input[type="radio"] + label{
    padding: 10px 16px 10px 16px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}




/* End Remove 'jump' when chooseing radio button options */

/* Focus state for radio buttons - add blue border */
.productField input[type="radio"]:focus + label{
	border: 2px solid #005fcc;
	padding: 5px;
	border-radius: 0px;
}
/* Focus state for circle Yes/No checkmark button states - add blue border */
.yesNoBtn .productField .buttonState:focus{
	border: 2px solid #005fcc;
	padding: 5px 0 4px 5px;
	/*height: 50px;*/
	/*border-radius: 100px;*/
	margin: -5px 5px 0 0;
	height: fit-content;
}
/* Focus state for Add condition button states - add blue border */
.btn-block .productField .buttonState:focus{
	border: 2px solid #005fcc;
}
.termButton .buttonState:focus{
    margin: 0;
    padding: 8px 12px;
}
/* Add blue outline to slider circle */
.ui-widget :active, .ui-widget :focus {
    background: #fff;
    border: 2px solid #07639D !important;
}

/* Remove legend tag from genderBlock */
.radioBlock legend{
    display: none;
}

/* Style accordion w/bootstrap setting */
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}
.glyphicon{
    top: 5px;
}
.panel-heading{
    padding: 10px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{
    background: #fff;
}

/* eConsent from NEA */
.healthQ{
	text-align:center;
}
.eSignBlock{
	background-color: #f3f9fc;
	padding: 5px 15px;
}
.agreeSingleDiv {
	margin: auto;
	width: 140px;
}
.agreeSingleDiv label{
	display: none;
}
.paymentBtn .buttonState{
padding:8px 10px 0px 0px;
height: 42px;
font-size: 15px;
border-radius: 4px;
background:	#f3f9fc;
color: #333;
border: solid 1px #888;
margin: 8px;
}
.paymentBtn .buttonState:hover{
border: 2px solid #333;
}
.paymentBtn span span{
    padding: 4px 6px 10px 18px;
    font-weight: 400;
    font-size: 16px;
}
.paymentBtn .buttonState.active{
	background: #07639D;
	color: #fff;	
}
.paymentBtn .active span span{
	background: url('../../uploads/00001280/agree-check.svg');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 8px;
	
}
.paymentBtn.agreeBtn .buttonState.strm-bs-pos-2{
background:	#fff;
color: #333;
border: none;
}
.paymentBtn.agreeBtn .buttonState.strm-bs-pos-1.active{
	background: #07639D;
	color: #fff;
	
}
.paymentBtn.agreeBtn .buttonState.strm-bs-pos-2.active{
	background: #616a6d;
	color: #fff;
	border: solid 1px #333;
}
.paymentBtn.agreeBtn .strm-bs-pos-1.active span span{
	background: url('../../uploads/00001280/agree-check.svg');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 8px;
}
.paymentBtn.agreeBtn .strm-bs-pos-2.active span span{
background: url('../../uploads/00001280/disagree-cross.svg');
	background-size: 15px 15px;
background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 8px;
}


@media (min-width: 768px) {
.healthQ{
	text-align: left;
}
.appDiv{
 display: flex;
 justify-content: center;
  align-items: center;
  border-right: 1px solid #ccc; 
}
}

.ui-widget-content{
    background: #fff !important;
    border-radius: 20px !important;
    
}

/* December 2022 Tooltip Styles START */

.toggletip-container {
    position: relative;
    display: inline-block;
    z-index: 999;
}

.toggletip-bubble {
    display: block; 
    position: absolute; 
    left: 0;
    bottom: 0;
    width: 200px!important; 
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

/* December 2022 Tooltip Styles END */

input[type="text"], input[type="password"], select {
    border: 1px solid #888;
}

@media(min-width: 1200px){
    .add-condition .buttonState, .add-condition .productField{
        float:right!important;
        display: block;
    }    
}
.add-condition .elementcaption{
   display: none;
}




/* Laurens Law NY donor law section START */

.squareRadio .buttonState{
    padding: 0px;
}
.squareRadio .buttonState > span {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    background: url(../../uploads/00001280/radio_bg_square_n.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 10px 10px 10px 44px;
    background-position: left 6px center;
}    
.squareRadio .active > span, .squareRadio .inactive.active > span {
    background: url(../../uploads/00001280/radio_bg_square_active.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 44px;
    background-position: left 6px center;
}
.donate-life-link{
    color: #0066CC;
}
.donate-life-link:hover{
    color: #0066CC;
    text-decoration: underline;
}
.donate-life-link:focus{
    outline-offset: 2px;
}
.register-link{
    color: #1A1D1E;
}
.laurens-law.radioBlock legend {
    display: block;
    margin: 0px;
}
.laurens-law .buttonState{
    display: block;
}
.squareRadio .buttonState:focus > span {
    outline: 2px solid #069;
}
.squareRadio{
    margin: 0;
}
.laurens-law .strm-bs-pos-1 > span{
    margin-bottom: 6px;
}
@media(max-width:991px){
    #trLaurensLawRegisterLink{
        margin-top: 70px;
        padding-left: 6px;
    }
}
@media(min-width:992px){
    #trLaurensLawRegisterLink{
        margin: 0;
    }
}
.squareRadio.stackedRadio .answer{
    display: block;
}

/* Laurens Law NY donor law section END */


/* 
==========================
Start: Cookie Consent CSS
==========================
*/

/* Style the checkbox label to show checkmark */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
}

/* Hide default checkbox */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

/* Show "Yes" text when checked - replaces checkmark */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"]:checked + label::before {
    content: 'On';
    position: absolute !important;
    left: -40px !important;
    top: 90% !important;
    transform: translateY(-40%) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #3860BE !important;
    background-color: transparent !important;
    display: inline-block !important;
    border: none !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
}

/* Hide any other before/after elements that might conflict */
#onetrust-pc-sdk .ot-checkbox label::before,
#onetrust-pc-sdk .ot-chkbox label::before {
    display: none !important;
}

/* Override OneTrust's injected styles for the white background circle */
#onetrust-pc-sdk input[type="radio"] + label::before,
#onetrust-pc-sdk input[type="checkbox"] + label::before {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
}

/* Override OneTrust's injected label positioning - targeting the off toggle */
#onetrust-pc-sdk .category-switch-handler:not(:checked) + label.ot-switch::before {
    left: -40px !important;
    top: 5px !important;
}

#onetrust-pc-sdk .category-switch-handler:checked + label.ot-switch::before {
    left: -40px !important;
    top: 5px !important;
}

/* Show "Off" text when unchecked */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"]:not(:checked) + label::before {
    content: 'Off' !important;
    position: absolute !important;
    left: -40px !important;
    top: 60% !important;
    transform: translateY(-40%) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #767676 !important;
    background-color: transparent !important;
    display: inline-block !important;
    border: none !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
}

/* Ensure the toggle switch knob is visible with proper styling */
#onetrust-pc-sdk .ot-switch-nob {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #767676 !important;
    border: 1px solid #ddd !important;
}

/* Style the knob when checked */
#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob {
    background-color: #cddcf2 !important;
    border: 1px solid #3860BE !important;
}

/* Hide OneTrust's default toggle switch completely */
#onetrust-pc-sdk .ot-switch-nob {
    display: none !important;
}

/* Hide the label text that comes with OneTrust */
#onetrust-pc-sdk .ot-label-txt {
    display: none !important;
}

/* Style the label as our custom toggle container */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"] + label.ot-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    background-color: #767676;
    border-radius: 24px;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* Custom toggle knob */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"] + label.ot-switch::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 2px;
    top: 2px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}

/* Toggle ON state - change background */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"]:checked + label.ot-switch {
    background-color: #3860BE;
}

/* Toggle ON state - move knob to the right */
#onetrust-pc-sdk .ot-tgl input[type="checkbox"]:checked + label.ot-switch::after {
    transform: translateX(16px);
}

/* OneTrust Cookie Preference Center - Scrollbar Contrast Fix */
#onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar {
    width: 12px !important;
}

#onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-track {
    background: #FFFFFF !important;
    border: 1px solid #767676 !important;
    border-radius: 6px !important;
}

#onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-thumb {
    background: #767676 !important;
    border-radius: 6px !important;
    border: 2px solid #FFFFFF !important;
}

#onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #595959 !important;
}

/* Firefox scrollbar */
#onetrust-pc-sdk .ot-pc-scrollbar {
    scrollbar-width: auto !important;
    scrollbar-color: #767676 #FFFFFF !important;
}

/* Target all scrollable areas in OneTrust */
#onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar-thumb,
#onetrust-pc-sdk #ot-lst-cnt::-webkit-scrollbar-thumb,
#onetrust-pc-sdk .ot-acc-grpcntr::-webkit-scrollbar-thumb {
    background: #767676 !important;
}

#onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar-track,
#onetrust-pc-sdk #ot-lst-cnt::-webkit-scrollbar-track,
#onetrust-pc-sdk .ot-acc-grpcntr::-webkit-scrollbar-track {
    background: #FFFFFF !important;
    border: 1px solid #767676 !important;
}

/* 
==========================
End: Cookie Consent CSS
==========================
*/





/* 
========================================================
   ADA-COMPLIANT MODAL OVERRIDES
   Target: #dlgDynamic (Inactivity Warning Dialog)
   Purpose: WCAG 2.1 Level AA Accessibility Compliance
   Last Updated: EG - January 2026
========================================================
*/


@media(max-width:420px){
    [aria-describedby="dlgDynamic"]{
        width: 90%!important;
        left: 5%!important;
    }
}

/* ADA Compliance - Color Contrast & Focus */
#dlgDynamic {
    background: #fff;
    color: #1a1a1a;
}

#dlgDynamicHeader {
    color: #b30000; /* Dark red for warning - 7:1 contrast ratio */
}

#dlgDynamicBody {
    color: #1a1a1a; /* Near black - 16:1 contrast ratio */
}

#dlgDynamic input[type="button"] {
    background: #0056b3;
    color: #fff;
    border: 2px solid #0056b3;
    padding: 8px 16px;
    cursor: pointer;
}

#dlgDynamic input[type="button"]:hover {
    background: #004494;
    border-color: #004494;
}

#dlgDynamic input[type="button"]:focus {
    outline: 3px solid #1a1a1a;
    outline-offset: 2px;
}

/* Close button focus */
.ui-dialog-titlebar-close:focus {
    outline: 3px solid #1a1a1a;
    outline-offset: 2px;
}

/* 
========================================================
   ADA-COMPLIANT MODAL OVERRIDES
   Target: #dlgDynamic (Inactivity Warning Dialog)
   Purpose: WCAG 2.1 Level AA Accessibility Compliance
   Last Updated: EG - January 2026
========================================================
*/