.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 */




















