.blocker{
     background: #fff;
     margin-top: 76px;
 }
.positionRelative{
    position: relative;
}
.hidingBlock{
    background: #fff;
    position: absolute;
    height: 50px;
    top: -50px;
    width: 100%;
    text-align: center;
font-size: 16px;
font-weight: 600;
color: #cc1231;
}
#spanLPTTermBtnWarning{
    position: absolute;
    top: 56px;
    left:120px;
}
.jumboMessage{
    padding-top: 24px;
    min-height: 200px;
    background-color: #005AA3;
    margin-top: 0;
}
.jumboMessage h1{
    font-size: 40px;
    font-weight:400;
    color: #fff;
    padding: 48px 0;
}
.termWrapper{
    width: 154px;
    height: 50px;
    display: block;
    margin: 0 auto;
}
.coverageWrapper{
    width: 250px;
    height: 50px;
    display: block;
    margin: 5px auto 0;
}
.coverageWrapperAdvantage{
    width: 162px;
    height: 50px;
    display: block;
    margin: 5px auto 0;
}
.coverageWrapperGIL{
    width: 135px;
    height: 50px;
    display: block;
    margin: 5px auto 0;
}
.coverageWrapperHIP{
    width: 140px;
    height: 50px;
    display: block;
    margin: 5px auto 0;
}
.coverageWrapper label, 
.coverageWrapperAdvantage label,
.coverageWrapperGIL label{
 font-size: 20px;
 color: #002d73;
}
.coverageWrapperHIP label{
 font-size: 16px;
 color: #002d73;
}

.coverageWrapper input[type="radio"] + label::before, input[type="checkbox"] + label::before,
.coverageWrapperAdvantage input[type="radio"] + label::before, input[type="checkbox"] + label::before,
.coverageWrapperHIP input[type="radio"] + label::before{
    margin-top: -3px;
}

.whatIsBtn{
    font-size: 16px;
    color: #369;
}
.whatIsBtn .spacer{
    display: none;
}
.whatIsBtn .productField{
    min-height: 32px;
}
.whatIsBtn .answer{
    margin: 0;
    display: inline-block;
}
 .error {
    color: #cc1231;
    border: 1px solid #cc1231;
    padding: 16px;
}
.grey{
    color: #999;
}
.message {
    border: 1px solid #002d73;
    padding: 16px;
}
    
.applyingFor .yesNoBtn span span {

    padding: 4px 14px 10px 18px !important;

}
.addButton.updateButton .buttonState{
   text-transform: initial; 
   padding: 8px 10px 8px 10px;
   font-size: 15px;
}
.addButton.updateButton label{
   display: none;
}
.termButton .answer{
    margin-bottom: 0;
}
.termButton label{
    color: #000;
    margin-bottom: 0;
    line-height: 1.5em;
}

.termButton .buttonState{
    text-align: center;
    border: 1px solid;  
    border-radius: 4px;
    /*! text-transform: uppercase; */
    font-size: 15px;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 600;
    color: #000;
    background-color: #e6e6e6;
    border-color: #fff;
    display: block;
    width: 100%;
}

.termButton .buttonState.active{
color: #fff;
background-color: #1470aa;
background-image: linear-gradient(to top,#154d70 -25%,#1470aa 125%);
}


.termButton .buttonState:hover{
color: #fff;
background-color: #1470aa;
background-image: linear-gradient(to top,#154d70 -25%,#1470aa 125%);

}

.termButton .productField{
    min-height: 10px;
}
.termButton .spacer {
    display: none;
}
.enrollButton .buttonState {
    text-align: center;
    border: 1px solid;
    border-radius: 4px;
    font-size: 16px;
    padding: 92px 12px 16px;
    border-radius: 4px;
    font-weight: 500;
    color: #000;
    border-color: #ccc;
    display: block;
    width: 100%;
    margin-top: 16px;

}
.enrollButton.spouseButton .buttonState:hover,
.enrollButton.childButton .buttonState:hover{
color: #002d73;
background-color: #fff;
border: 1px solid; 
border-color: #6d8844;
}

.enrollButton .spacer {
    display: none;
}
.enrollButton .productField {
    display: block;
}
.enrollButton.spouseButton .buttonState {

    background: url('../../uploads/00001242/spouse-btn.svg');
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-color: #f1f1f1;
    background-size: 72px 72px;
    background-repeat: no-repeat;
    background-position: center 12px;

}

  .enrollButton.childButton .buttonState{
    background: url('../../uploads/00001225/child-btn.svg');
    background-color: #f1f1f1;
    background-size: 72px 72px;
    background-repeat: no-repeat;
    background-position: center 12px;
}

.enrollButton .buttonState.active{
color: #002d73;
font-weight: 600;
background: url('../../uploads/00001242/check-btn.svg');
background-size: 72px 72px;
background-repeat: no-repeat;
background-position: center 12px;
border: 3px solid; 
border-color: #002d73;
border-color: #6d8844;
background-color: #fff;
}
.enrollButtonSm .buttonState {
    border: 1px solid;
    border-radius: 4px;
    font-size: 14px;
    padding: 14px 12px 8px 52px;
    border-radius: 4px;
    font-weight: 600;
    color: #000;
    border-color: #ccc;
    display: block;
    width: 90%;
    min-height: 54px;
    margin: 0px auto;
}
.enrollButtonSm.spouseButton .buttonState:hover,
.enrollButtonSm.childButton .buttonState:hover{
color: #002d73;
background-color: #fff;
border: 1px solid; 
border-color: #6d8844;
}

.enrollButtonSm .spacer {
    display: none;
}
.enrollButtonSm .productField {
    display: block;
}
.enrollButtonSm.spouseButton .buttonState{
    background: url('../../uploads/00001185/spouse-btn.svg');
    background-color: #f1f1f1;
    background-size: 42px 42px;
    background-repeat: no-repeat;
    background-position: 6px 6px;
}
.enrollButtonSm.childButton .buttonState{
    background: url('../../uploads/00001185/child-btn.svg');
    background-color: #f1f1f1;
    background-size: 42px 42px;
    background-repeat: no-repeat;
    background-position: 6px 6px;
}


.enrollButtonSm .buttonState.active{
color: #002d73;
font-weight: 600;
background: url('../../uploads/00001185/check-btn.svg');
background-size: 42px 42px;
background-repeat: no-repeat;
background-position: 4px 4px;
border: 3px solid; 
border-color: #002d73;
border-color: #6d8844;
background-color: #fff;
}
.enrollButtonSm .buttonState.strm-bs-pos-2{
    background: none;
    border: none;
    padding: 14px 12px 8px 12px;
    font-weight: 500;
    color: #337ab7;
}
.enrollButtonSm .buttonState.strm-bs-pos-2:hover{
    border: none;
    text-decoration: underline;
}

.spouseEnrollBtn label{
    text-align: center;
    border: 1px solid;
    border-radius: 4px;
    font-size: 16px;
    border-radius: 4px;
    font-weight: 500;
    color: #000;
    border-color: #ccc;
    display: block;
    width: 100%;
    padding: 6px 0;
}
.spouseEnrollBtn input[type="radio"] + label::before {
    background: url('../../uploads/00001185/spouse-btn.svg');
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
background-color: #f1f1f1;
background-size: 42px 42px;
background-repeat: no-repeat;
background-position: 6px 6px;
}



.ageField{
    margin-top: 12px;
}

.ageField input[type="text"]{
    margin-left: 36px;
    width: 54px;
}
.ageField select{
    width: 154px;
    margin-left: 86px;
}
.ageField .productField{
margin-top: -38px;
    }
    
.relPosition{
        position: relative;
    }
.blocker20Year{
        position: absolute;
        height: 40px;
        width: 33%;
        background: #fff;
        right: 0;
    }
.blocker15Year{
        position: absolute;
        height: 40px;
        width: 67%;
        background: #fff;
        right: 0;
}


.card-error {
    border: 1px solid #ccc;
border-radius: 10px;
border-left: 5px solid #d80000;
}

.serviceButton .buttonState {
    border: 1px solid;
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    font-weight: 600;
    color: #555555;
    border-color: #ccc;
    display: inline-block;
    width: 100%;
    min-height: 48px;
    margin: 6px 4px 6px 4px;
    text-align: center;
    background-color: #f1f1f1;
}
.serviceButton .buttonState:hover
{
color: #002d73;
background-color: #fff;
border: 1px solid; 
border-color: #6d8844;
}

.serviceButton .spacer {
    display: none;
}
.serviceButton .productField {
    display: block;
}
.serviceButton. buttonState{
    background: url('../../uploads/00001185/spouse-btn.svg');
    background-color: #f1f1f1;
    background-size: 42px 42px;
    background-repeat: no-repeat;
    background-position: 6px 6px;
}
.serviceButton .buttonState.active{
color: #fff;
font-weight: 600;
border: 3px solid; 
border-color: #002d73;
border-color: #6d8844;
background-color: #6d8844;
}
.greyBg{
    background: #ededed;
}
.lptMonthly, .lptSemi, .lptAnnual,
.lifeMonthly, .lifeSemi, .lifeAnnual, 
.ccSubmit, .eftDiv {
    display: none;
}
.agreeRadio input[type="radio"] + label{
    padding: 2px 16px 0px 0px;
    height: 42px;
    font-size: 16px;
    border-radius: 4px;
    background: #f3f9fc;
    color: #333;
    border: solid 1px #abb6ba;
    margin: 0 8px;
}

.agreeRadio input[type="radio"] + label::before{
    border: 0px !important;
    background: none;
}
.agreeRadio input[type="radio"] + label:hover, 
.agreeRadio input[type="radio"] + label:focus:{
    border: 2px solid #ccc;
}
.agreeRadio input[type="radio"] + label:hover::before, 
.agreeRadio input[type="radio"] + label:focus::before{
    border: 0px !important;
}
.agreeRadio input:checked + label {
    background: #07639D;
    color: #fff;
}
.agreeRadio input:checked + label::before {
    content: '';
    background: url(/uploads/00001280/check-mark.png) center no-repeat;
    text-align: center;
    line-height: 34px;
    color: #fff;
    width: 16px;
    display: inline-block;
    border-radius: none;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    min-width: 16px;
    min-height: 36px;
    margin-left: 8px;
}

.agreeRadio .productField input[type="radio"]:focus + label {
    border: 2px solid #000 !important;
    border-radius: 3px !important;
    padding: 1px 14px 0px 0px;
}
.agreeRadio input[type="radio"] + label:first-of-type{
    min-width: 116px;
}
.agreeRadio input[type="radio"] + label:last-of-type{
    background: #fff;
    color: #333;
    border: solid 0px #333;
    min-width: 136px;
}
.agreeRadio input:checked + label:last-of-type {
    background: #616a6d;
    color: #fff;
    border: solid 1px #333;
}

.agreeRadio input:checked + label:last-of-type::before {
    background: url(/uploads/00001280/disagree-cross.svg) center no-repeat;
}

@media (min-width: 480px) {
.serviceButton .buttonState {
    width: 48%;
}
}

@media (min-width: 768px) {
.enrollButtonSm .buttonState {
    width: auto;
    margin: 0;
    display: inline-block;
}
}