* {
    box-sizing:border-box;
}

/* Based on PPS-New.css and HMC-New.css */

input[type="submit"], label[for="id114_34"], label[for="id115_36"], label[for="id116_38"], label[for="id117_40"] {
    background: initial;
    background-color: #00abeb;
    color: white;
}

input[type="submit"]:hover, label[for="id114_34"]:hover, label[for="id115_36"]:hover, label[for="id116_38"]:hover, label[for="id117_40"]:hover, label[for="id24_343"]:hover, label[for="id24_344"]:hover, label[for="id112_998"]:hover, label[for="id112_999"]:hover, label[for="id85_18"]:hover, label[for="id85_19"]:hover, label[for="id86_20"]:hover, label[for="id86_21"]:hover, label[for="id87_22"]:hover, label[for="id87_23"]:hover, label[for="id112_1000"]:hover {
    background: initial;
    background-color: #e60000;
    color: white;
}

input[id="id24_343"]:checked + .radiolabel label, input[id="id24_344"]:checked + .radiolabel label, input[id="id112_998"]:checked + .radiolabel label, input[id="id112_999"]:checked + .radiolabel label, input[id="id85_18"]:checked + .radiolabel label, input[id="id85_19"]:checked + .radiolabel label, input[id="id86_20"]:checked + .radiolabel label, input[id="id86_21"]:checked + .radiolabel label, input[id="id87_22"]:checked + .radiolabel label, input[id="id87_23"]:checked + .radiolabel label, input[id="id112_1000"]:checked + .radiolabel label {
    background-color: #e60000;
    color: white;
}

.renew p {
    margin: 30px 0 0 0;
}

.rvpro, .hmc-cbo-red-unsubscribe-policy a, .hmc-cbo-cs-email, .privacy-policy {
    color: #e60000;
}

.cs-email {
    font-weight: bold;
}

a {
    text-decoration: none;
}

.best-deal {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.header-text {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    display: block;
    margin: 20px 0px;
}

.mobileDisclaimer {
    width: 58%;
    float: right;
    font-size: x-small;
    line-height: normal;
    text-align: justify;
    margin-top: 10px;
}

select#id2869 {
    width: 100%;
    max-width: 100%;
}

select#id2870 {
    width: 100%;
    max-width: 100%;
}

input#id_r22460 {
    width: 100%;
    max-width: 100%;
}

input#id_r22461 {
    width: 100%;
    max-width: 100%;
}

p#p2869 {
    margin-top: 20px;
}

p#p2870 {
    margin-top: 20px;
}

div#pp853 {
    margin: 20px 0px;
}

div#pp852 span.questionlabel, div#pd774 span.questionlabel {
    font-weight:normal;
    color:#000;
}

div#pp852 {
    margin: 20px 0px;
}

.sixteen.columns.footer {
    margin: 0;
    float: none;
}

div#submitbtn {
    margin-bottom: 10px;
}

p#p4579 {
    display: flex;
    align-items: center;
}

select#id4579 {
    margin: 0;
}

p#pp849 {
    margin-bottom: 10px;
}

p#p49 {
    display: flex;
    align-items: center;
    gap: 10px;
}

input#id49 {
    margin: 0;
}

p#pp849 span.questionlabel, p#p49 span.questionlabel {
    font-weight:normal;
}

.confirm-page {
    margin: 20px 0px;
}

.confirm-page div {
    text-align: center;
    margin: 20px;
}

select#id2871, select#id2872, select#id2874, select#id2873 {
    width: 100%;
    max-width: 100%;
}

select#id2875, select#id2879, select#id2877, select#id2878, select#id2876 {
    width: 100%;
    max-width: 100%;
}

span.passalong-groups {
    font-weight: bold;
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

/*mainV2.css*/

body { 
    background-color: lightgray;
    color: #333;
}

.container {
    background-color: white;
    border: 2px solid black;
    border-radius: 9px;
    outline: none;
    padding: 0 20px;
}

.sub-header, .indicate-required {
    font-size: 18px;
    text-align: left;
}

.email-use, .phone {
    font-size: 13px;
    margin-left: 200px;
    text-align: left;
    width: 400px;
}

.phone {
    margin-bottom: 0;
}

.checkboxlabel {
    font-weight: bold;
}

.yes-no {
    font-weight: normal;
}

.version-notes {
    margin: 0;
}

.questionlabel, label[for="id127"], label[for="EXPMONTH"], .sub-header, .subscribe-to-nl {
    font-size: 18px;
    font-weight: bold;
}

.contact-preferences {
    font-size: 16px;
    margin-bottom: 5px;
}

.publisher-rights {
    font-size: 18px;
    text-align: center;
}

.footer {
    border-top: none;
    font-size: 13px;
}

p#p11 {
    display: block;
    margin: 5px 0px 10px;
    width: 100%;
}


/* BEGIN FORM INPUTS */
input[type="text"], select {
    border-color: #767676;
    color: #333;
    font-size: 17px;
    height: 35px;
    padding: 5px;
    max-width: 90%;
}

p#p197 {
    margin-left: 475px;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p13, #p49, #p101, #p127, #p28, #p124 {
    margin: 0;
    padding: 0;
}

input#id124_ccc {
    padding-right: 80px;
}

/*Button*/

.button {
    display: none;
}

span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label{
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #dee2e6;
    font-size: 16px;
    border-radius: 10px;
    color: #252525;
    background: #ffffff;
    padding: 11px 13px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label:hover
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label:focus {
    text-decoration: none;
    background: #fff;
    border-color: #ffcd78;
    color: #ffcd78;
    box-shadow: none;
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label path {
    transition: fill 0.15s ease-in-out
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label:hover path,
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label:focus path {
    fill: #ffcd78;
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label:focus,
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label.focus {
    outline: 0;
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel label:not(:disabled):not(.disabled) {
    cursor: pointer;
}

span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 li {
    display: inline-block;
    padding: 0 5px;
}

span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 ul {
    margin: 0px;
}

span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 [id^="optid849"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

span.spanc36.drg-element-type-cms-content.drg-element-sub-type-category-1 {
    font-size: 16px;
    max-width: 77%;
    display: flex;
    color: #333232;
    font-weight: 500;
    flex-direction: column;
}


span.spanc36.drg-element-type-cms-content.drg-element-sub-type-category-1 .radiolabel label {
    border: 1px solid #990000;
    border-radius: 10px;
    font-size: 24px;
    color: #111;
    text-transform: none;
    padding: 0 15px;
    background: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 .radiolabel:hover label {
    border: 1px solid #111;
    color: #111;
    background: #fff;
}


span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 [id^="optid849"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 [id^="optid849"]:checked + .radiolabel label {
    margin-bottom: 0px;
    background: #00abeb;
    border: 1px solid #00abeb;
    color: #fff;
}
span.spancp849.drg-element-type-product.drg-element-sub-type-type-1 [id^="optid36"]:focus + .radiolabel {
    box-shadow: none;
}

/* END FORM INPUTS */

select {
    box-sizing: border-box;
}

hr {
    border: 1px solid black;
}

#content1 {
    text-align: left;
    margin-bottom: 50px;
    margin: 0px;
    float: none;
}

#content2 {
    margin: 0;
    text-align: right;
    max-width: 600px;
    width: 100%;
    /* padding: 0px 10px; */
}

#content2 .questionlabel {
    margin-right: 20px;
}

#content2 input[type="text"], #content2 select {
    display: inline-block;
    margin: 5px 0;
    max-width: 350px;
}

#content3 {
    margin: 0;
    text-align: right;
    width: 250px;
    padding: 0px 10px 0px 20px;
}

#content3 img {
    max-width: 100%;
    width: 100%;
}

div#content4 {
    margin: 0px;
    width: 100%;
}

span.spanc112.drg-element-type-standard-field.drg-element-sub-type-fieldname-REQUESTED_VERSION ul {
        padding-left: 250px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
}


#p131, #p132, #p133, #p134, #p135, #p164 {
    margin: 0;
    text-align: right;
    width: 600px
}

#id131, #id132, #id133, #id134, #id135, #id164 {
    display: inline-block;
    margin: 5px 0;
}

label[for="id131"], label[for="id132"], label[for="id133"], label[for="id134"], label[for="id135"], label[for="id164"] {
    margin-right: 20px;
}

p.addresslabel[class*="PHONE"] .iti {
      display: inline-block;
    }

/* BEGIN DEMOS */
#p352, #p354, #p1493, #p1440, #content4 #p355, #id352, #id354, #content4 #id355  {
    margin: 0 10px;
}

#p352 select, #p354 select, #content4 #p355 select {
    display: inline-block;
    margin: 5px 0;
    max-width: 100%;
    width: 920px;
}

#content5 #p355 select {
    max-width: 100%;
    width: 540px;
}

/*Checkboxes on New form*/
.licr422_1542.lier15529_1542.column2, .licr422_1543.lier15529_1543.column2, .licr422_1546.lier15529_1546.column2, .licr422_1547.lier15529_1547.column2, .licr422_1550.lier15529_1550.column2, .licr422_1552.lier15529_1552.column2, .licr422_1553.lier15529_1553.column2, .licr422_1556.lier15529_1556.column2 {
    margin-bottom: 30px;
  }

/*Checkboxes on Renew form*/
li.licr422_1542.lier18309_1542.column2, li.licr422_1543.lier18309_1543.column2, li.licr422_1546.lier18309_1546.column2, li.licr422_1547.lier18309_1547.column2, li.licr422_1550.lier18309_1550.column2, li.licr422_1552.lier18309_1552.column2, li.licr422_1553.lier18309_1553.column2, li.licr422_1554.lier18309_1554.column2, li.licr422_1556.lier18309_1556.column2 {
    margin-bottom: 30px;
  }
/* END DEMOS */

/* BEGIN PASSALONG INPUT */
.passalong-text {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    max-width: 100%;
    width: 764px;
}

.passalong-text-color {
    color: #1D9AD6;
}

.groupul {
    border: 2px solid lightgrey;
    padding: 10px 0 0 10px;
    max-width: 100%;
    width: 750px;
    margin-bottom: 10px;
}

.groupul #p1, .groupul #p2, .groupul #p10 {
    margin-right: 30px;
    max-width: 100%;
    width: 160px;
}

.groupinline {
    margin: 0;
    display: inline-block;
}

#id1, #id2, #id10 {
    margin: 0;
    max-width: 100%;
    width: 160px;
}
/* END PASSALONG INPUT */

/* BEGIN BUTTONS */
input[type="submit"] {
    border: 2px solid black;
    border-radius: 6px;
    font-size: 18px;
    margin: 10px;
    padding: 10px 16px;
    text-shadow: initial;
    text-transform: uppercase;
}

input[type="submit"]:hover {
    border: 2px solid black;
    border-radius: 6px;
    font-size: 18px;
    margin: 10px;
    padding: 10px 16px;
    text-shadow: initial;
    text-transform: uppercase;
}
/* END BUTTONS */

/* BEGIN RADIO BUTTONS */
#id85_18, #id85_19, #id86_20, #id86_21, #id87_22, #id87_23, #p114, #p115, #p116, #p117, #id114_34, #id115_36, #id116_38, #id24_343, #id24_344, #id112_998, #id112_999, #id117_40, #id151_65, #id151_67, #id151_77, #p130, #p141, #p190, #p380, #p95, #id112_1000 {
    display: none;
}

label[for="id24_343"], label[for="id24_344"], label[for="id112_998"], label[for="id112_999"], id112_998, label[for="id114_34"], label[for="id115_36"], label[for="id116_38"], label[for="id117_40"], label[for="id85_18"], label[for="id85_19"], label[for="id86_20"], label[for="id86_21"], label[for="id87_22"], label[for="id87_23"], label[for="id151_65"], label[for="id151_67"], label[for="id151_77"], label[for="id112_1000"] {
    border: 1px solid black;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 16px;
}

.licr24_343, .licr24_344, .licr85_18, .licr85_19, .licr86_20, .licr86_21, .licr87_22, .licr87_23, .licr151_65, .licr151_67, .licr151_77, li.licr112_1000.lier15524_1000, .licr112_1000.lier14934_1000, li.licr112_1000.lier18302_1000, li.licr112_1000.lier17982_1000, li.licr112_1000.lier18442_1000, li.licr112_1000.lier18808_1000 {
    display: inline-block;
}

/*.spanc24 ul, .spanc151 ul, .spanc112 ul, #disp5518 ul, #disp4591 ul, #disp4592 ul, #disp4593 ul, #disp4670 ul, #disp4671 ul, #disp4672 ul, #disp6355 ul, #disp6356 ul, #disp6357 ul, #disp8218 ul, #disp8219 ul, #disp8220 ul, #disp8350 ul, #disp8351 ul, #disp8352 ul {
    text-align: center;
}*/

.licr130_1013, .licr190_69 {
  text-align: left;
}

#content4 div .drg-element-type-cms-content ul, .drg-element-type-standard-field ul {
    text-align: center;
}

#disp4591 ul, #disp4592 ul, #disp4593 ul, #disp4672 ul {
    margin: 0;
}

.spanc24 .licr24_344, .spanc151 .licr151_67, .spanc151 .licr151_77, .spanc85 .licr85_19, .spanc86 .licr86_21, .spanc87 .licr87_23, #disp5518 .licr112_999, #disp4592 .licr85_19, #disp4591 .licr86_21, #disp4593 .licr87_23, li.licr112_1000.lier15524_1000, li.licr112_1000.lier14934_1000, li.licr112_1000.lier18302_1000, li.licr112_1000.lier17982_1000, li.licr112_1000.lier18442_1000, li.licr112_1000.lier18808_1000{
    margin-left: 30px;
}
/* END RADIO BUTTONS*/

/* BEGIN NEWSLETTERS */
.newsletter {
    margin-left: 20px;
}

.nl-header {
    font-size: 16px;
}

#pp82, #pp84 {
    height: 35px;
}

label[for="optd67"], label[for="optd68"], label[for="optd70"], label[for="optd71"], label[for="optd73"], label[for="id190_69"], label[for="optd4"], label[for="optd37"], label[for="optd36"], label[for="optd58"] {
    font-size: 15px;
    margin-left: 5px;
}
/* END NEWSLETTERS */

/* BEGIN CREDIT CARD */
#EXPMONTH, #EXPYEAR {
    max-width: 100%;
}
/* BEGIN CREDIT CARD */

@media (min-width: 992px) {
span.spanc112.drg-element-type-standard-field.drg-element-sub-type-fieldname-REQUESTED_VERSION ul li {
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    /* width: 30%; */
}
}

@media only screen and (max-width: 959px) {
    #content3 {
        display: none;
    }

    span.spanc112.drg-element-type-standard-field.drg-element-sub-type-fieldname-REQUESTED_VERSION ul {
        padding-left: 175px;
        --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    label[for="id112_998"], label[for="id112_999"], label[for="id112_1000"] {
        margin-right: 20px;
    }

    /*Other field on PPS and CBO forms*/
    p#p182, p#p197 {
        margin-left: 380px;
    }
}

@media only screen and (max-width: 767px) {
    #content1 img {
        max-width: 270px;
        width: 100%;
    }

    #content3 {
        display: none;
    }

    #content2 input[type="text"], #content2 select {
        display: block;
        max-width: 100%;
        width: 100%;
    }

    #content2 p {
        text-align: left;
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }

    .email-use, .phone {
        margin: 0;
        max-width: 270px;
        width: 100%;
    }

    label[for="id85_18"], label[for="id85_19"], label[for="id86_20"], label[for="id86_21"], label[for="id87_22"], label[for="id87_23"] {
        font-size: 12px;
    }

    .spanc151 .licr151_77 {
        margin: 35px 0 0 0;
    }

    label[for="id151_77"] {
        font-size: 15px;
    }

    #id127, #EXPMONTH, #EXPYEAR {
        max-width: 270px;
        width: 100%;
    }

    #pp82, #pp84 {
        height: 100px;
    }

    .spanc112 .licr112_998, .spanc112 .licr112_999, .spanc112 .licr112_1000 {
        margin: 25px 0 0 0;
    }

    #content4 .spanc355 #id355, #content5 #p355 select {
        max-width: 160px;
        width: 100%;
    }

    input.submit-btn-bpn-ps {
        font-size: 9px;
        margin: 10px 0;
        width: 100%;
    }

    #id131, #id132, #id133, #id134, #id135, #id140, #id164 {
        display: block;
        margin: 10px;
        max-width: 270px;
        width: 100%;
    }

    #p131, #p132, #p133, #p134, #p135, #p140, #p164 {
        margin: 0;
        text-align: left;
        width: 100%;
    }

    #p131 .questionlabel, #p132 .questionlabel, #p133 .questionlabel, #p134 .questionlabel, #p135 .questionlabel, #p140 .questionlabel, #p164 .questionlabel {
        margin: 10px;
    }

    #content4 .spanc355 #id355, #content5 #p355 select {
        max-width: 160px;
        width: 100%;
    }

    input#id124_ccc {
    padding-right: 100px;
}
}

@media only screen and (max-width: 479px) {
    #content1 img {
        max-width: 270px;
        width: 100%;
    }

    #content3 {
        display: none;
    }

    #content2 input[type="text"], #content2 select {
        display: block;
        max-width: 270px;
        width: 100%;
    }

    #content2 p {
        text-align: left;
        max-width: 270px;
        width: 100%;
    }

    span.spanc112.drg-element-type-standard-field.drg-element-sub-type-fieldname-REQUESTED_VERSION ul {
        padding-left: 87px;
        /* padding-top: 0px; */--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .email-use, .phone {
        margin: 0;
        max-width: 270px;
        width: 100%;
    }

    label[for="id85_18"], label[for="id85_19"], label[for="id86_20"], label[for="id86_21"], label[for="id87_22"], label[for="id87_23"] {
        font-size: 12px;
    }

    .spanc151 .licr151_77 {
        margin: 35px 0 0 0;
    }

    label[for="id151_77"] {
        font-size: 15px;
    }

    #id127, #EXPMONTH, #EXPYEAR {
        max-width: 270px;
        width: 100%;
    }

    #pp82, #pp84 {
        height: 100px;
    }

    .spanc112 .licr112_998, .spanc112 .licr112_999, .spanc112 .licr112_1000 {
        margin: 25px 0 0 0;
    }

    #xontent4 .spanc355 #id355, #content5 #p355 select {
        max-width: 160px;
        width: 100%;
    }

    input.submit-btn-bpn-ps {
        font-size: 9px;
        margin: 10px 0;
        width: 100%;
    }

    #id131, #id132, #id133, #id134, #id135, #id140, #id164 {
        display: block;
        margin: 10px;
        max-width: 270px;
        width: 100%;
    }

    #p131, #p132, #p133, #p134, #p135, #p140, #p164 {
        margin: 0;
        text-align: left;
        width: 100%;
    }

    #p131 .questionlabel, #p132 .questionlabel, #p133 .questionlabel, #p134 .questionlabel, #p135 .questionlabel, #p140 .questionlabel, #p164 .questionlabel {
        margin: 10px;
    }

    /*Other field on PPS and CBO forms*/
    p#p182, p#p197 {
        margin-left: 150px;
    }

    input#id124_ccc {
    padding-right: 50px;
}
}

@media (min-width: 992px) {
span.spanc112.drg-element-type-standard-field.drg-element-sub-type-fieldname-REQUESTED_VERSION ul li {
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    /* width: 30%; */
}
}

@media only screen and (max-width: 767px) {
.mobileDisclaimer {
    width: 100%;
    float: none;
    font-size: x-small;
    line-height: normal;
    text-align: justify;
    margin-top: 10px;
}
}