/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,17): run-time error CSS1039: Token not allowed after unary operator: '-mc-alink-blue'
(701,27): run-time error CSS1039: Token not allowed after unary operator: '-footer-height'
(712,27): run-time error CSS1039: Token not allowed after unary operator: '-footer-height'
(820,17): run-time error CSS1039: Token not allowed after unary operator: '-mc-alink-blue'
(833,21): run-time error CSS1039: Token not allowed after unary operator: '-mc-alink-blue'
(839,21): run-time error CSS1039: Token not allowed after unary operator: '-mc-alink-blue'
 */
/* Cart/Checkout */

:root {
    --mc-alink-blue: #0166C6;
}

a, .a {
    color: var(--mc-alink-blue);
}

div #Header2 {
    font-size: 1.5em;
    font-weight: bold;
    white-space: nowrap;
}

#subHeader2 {
    font-size: .75em;
    color: darkgray;
    margin-left: 15px;
    display: inline-block;
}

#subHeader2Action {
    font-size: .75em;
    color: dodgerblue;
    float: inline-end;
    margin-top: 1em;
}


input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-size:16px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    font-size: 16px;
}

.select select:hover, .select select:focus, .select select:active, .select select.hover {
    outline: 0;
    font-size: 16px;
}

/*bootstrap override for drop down*/
select.form-control {
    appearance: auto !important;
    cursor: pointer;
}

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

.font-size-12 {
    font-size: 12px;
}

.member-pricing-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.member-listing {
    font-size: 14px;
    width: 40%;
    margin: 0 1% 1% 6%;
    display: flex;
}

.member-pricing-p {
    margin-bottom: 35px;
}

.close-icon {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 20px;
    border: 0;
    background: none;
    outline: 0;
    color: #707070;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    cursor: pointer;
    width: 2.1428571429em;
    height: 2.1428571429em;
    background: inherit;
    border-radius: 100%;
}

.member-pricing-p {
    font-weight: 500;
}

a.button.text-white.checkout {
    background: #0073DF;
    border-color: #0073DF;
}


.button-icon-testmark {
    content: '✓';
    text-align: center;
    border: 1px solid #aaa;
    background: red;
    color: white;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    white-space: nowrap;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.button-icon-checkmark-checked:after {
    content: '✓';
    text-align: center;
    border: 1px solid #aaa;
    background: red;
    color: white;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    white-space: nowrap;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.button-icon-checkmark:after {
    content: '✓';
    text-align: center;
    border: 1px solid #aaa;
    background: #ffffff;
    color: purple;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    white-space: nowrap;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.button-icon-plus-checked:after {
    content: '+';
    text-align: center;
    border: 1px solid darkgray;
    background: dodgerblue;
    color: white;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    white-space: nowrap;
    display: inline-block;
    width: 20px;
}

.button-icon-plus:after {
    content: '+';
    text-align: center;
    border: 1px solid darkgray;
    background: darkgray;
    color: white;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    white-space: nowrap;
    display: inline-block;
    width: 20px;
}

.icon-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.button-toggle {
    vertical-align: top;
    display: inline-block;
    background-color: white;
    height: 38px;
    width: 80px;
    color: black;
    border-color: darkgray;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-size: 10pt;
}
    .button-toggle :hover {
        border-color: ActiveBorder;
    }

.button-toggle-checked {
    vertical-align: top;
    display: inline-block;
    background-color: white;
    height: 38px;
    width: 80px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-size: 10pt;
    color: black;
    border-color: dodgerblue;
}
    .removeBtn {
    vertical-align: top;
    text-align: right;
    float: right;
    display: inline-block;
    background-color: white;
    border-style: none;
}
div .invisible {
    visibility: hidden;
}
div .visible {
    visibility: visible;
}
input .cart-group-button{
    appearance:button;
}

/*.cart-group-button-remove {
    vertical-align: middle;
    text-align: right;
    float: right;
    display: inline-block;
    background-color: white;
    border-style: none;
    font-size:8pt;
    flex: 0 1 100%;
}*/
.cart-group-icon .cart-group-icon-checked {
    background: darkgray;
    color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    display: inline-block;
    width: 20px;
}
.cart-group-icon-checked {
    border-width: 1px;
    border-radius: 50%;
    background: dodgerblue;
    color: white;
    width: 20px;
    display: inline-block;
}
button span .button-text {
    font-weight: bold;
    font-size:10pt;
}

.font-size-13 {
    font-size: 13px;
}

.text-normal {
    text-transform: initial;
}

.font-size-13 {
    font-size:13px;
}

.bg-lightgray {
    background:#f2f2f2 !important;
}

.text-normal {
    text-transform:initial;
}

.pt-24 {
    padding-top:24px;
}


/*.orderSummaryBlock {
    padding: 2px;
    max-width:280px;
    text-align:center;
    margin:auto;
}*/
.promotionBlock {
    padding: 2px;
    max-width: 280px;
    text-align: center;
    margin: auto;
}

.success-container {
    position: relative;
    border: 1px solid #70C87A;
    border-radius: 6px;
    background: #D7F0DA;
    box-sizing: border-box;
    padding: 1rem;
}

.error-container {
    position: relative;
    border: 1px solid #E85F5C;
    border-radius: 6px;
    background: #FFEBEB;
    box-sizing: border-box;
    padding: 1rem;
}

.error-container ul {
    padding-left: 2rem;
}

/* checkout button focus override */
.button.text-white:not([disabled]):not(.disabled):not(.deactivated):hover, .button.text-white:not([disabled]):not(.disabled):not(.deactivated):focus, .button.text-white:not([disabled]):not(.disabled):not(.deactivated):active, .button.text-white:not([disabled]):not(.disabled):not(.deactivated).hover {
    background-color: #0059ac;
    border-color: #0059ac;
}

/* display for screens 610px and below
------------------------------------------------------------------------*/

@media all and (max-width: 610px) {
}
    /* mobile display for screens 720px and up
------------------------------------------------------------------------*/
    @media all and (min-width: 720px) {
        .orderSummaryBlock {
            float: right;
        }
        .promotionBlock {
            float: right;
        }
        
    }

/* display for screens 479px and below, will render as 320 grid
------------------------------------------------------------------------*/
@media all and (max-width: 479px) {

    .footer2022 #footerContainer {
        width: 100%;
        bottom: 110px;
        position: relative;
    }

    .btn-modal-mobile {
        font-size:0.8rem;
    }
}

.btnWrap {
    width: 100%;
    text-align:center;
}



.primaryBtn,
.secondaryBtn {
    height: 45px;
    margin: 12px 0 0;
    font-size: 18px !important;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    min-width: 240px;
    max-width: 240px;
}

.primaryBtn {
    color: #ffffff !important;
    border: 1px solid #01831f;
    background-color: #01831f;
}

.secondaryBtn {
    color: #4f6b8f;
    border: 1px solid #cccccc;
    background-color: #f1f2f5;
}

a.primaryBtn:hover,
a.secondaryBtn:hover {
    text-decoration: none !important;
}

a.primaryBtn:hover {
    background: #4da862;
}

a.secondaryBtn:hover {
    color: #4f6b8f !important;
    background: #fff;
}

.promotion{
    border:1px solid #dfdfdf;
    border-radius:4px;
}
.promotionHeader{
    font-size:12pt;
    font-style:italic;
    white-space:normal;
}
.promotionBody{
    line-height:0.5em;
    font-size:8pt;
    color:gray;
}
.promotionImage{
    max-width:144px;
    max-height:86px;
    float:left;
    display:inline;
    padding-right:10px;
    white-space:nowrap;
}

.cart_servicePlanInner {
    background-color: #ffffb2;
    border-top: 5px solid #fbee83;
    width: 100%;
    overflow: hidden;
    padding: 20px;
}

input[type='text'],
input[type='number'],
input {
    font-size: 16px;
}

.bold {
    font-weight:600 !important;
}

.cursor-pointer {
    cursor:pointer;
}

.icon-input__flush i {
    top:15px;
}

/*.MobileFramework .ui-page-theme-a a, html .MobileFramework .ui-bar-a a, html .MobileFramework .ui-body-a a, html body.MobileFramework .ui-group-theme-a a {
    color: #0073DF;
    font-weight: 600;
}*/

h1.h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 16px;
}

.btn-secondary {
    color: #fff;
    background-color: #1C3850;
    border-color: #1C3850;
    border-style: solid;
}

.btn-primary {
    border-style: solid;
}

.modal-header {
    border-bottom: 0px solid #dee2e6;
    padding: 24px 24px 0px 24px;
}

.modal-close {
    font-size: 18px;
    font-weight: 400;
    color: #707070;
}

.modal-footer {
    padding: 24px;
    border-top: 0px;
    justify-content: unset;
}

.modal-content {
    max-width: 53.5714285714em;
}

.modal-body ul {
    padding-left: 1.5rem;
}

.store-caret i.fa-solid.fa-caret-down {
    position: absolute;
    right: 30px;
    top: 10px;
    cursor:pointer;
    
}


.button--alt a:hover {
    color:white;
}

.button.text-white {
    background: #0073DF;
}

.isChecked {
    background:#0073DF;
    border-radius:4px;
    color:white;
}

.isChecked a {
    color:white !important;
}

.nav-tabs .nav-link.active {
    background-color: rgb(0, 115, 223);
    color: white;
}

.tab-slider .button {
    color: #636363;
}

.tab-slider .button {
    background: #DFDFDF;
    color: #000000;
    border: 0;
    position: relative;
    z-index: 2;
}

.tab-slider__bg {
    background: transparent;
}

    .tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated):hover, .tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated):focus, .tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated):active, .tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated).hover {
        color: #636363;
    }

/* Custom PC build */

#customPCbuild ul {
    padding-left:3rem;
}

#customPCbuild li {
    padding-bottom: .5rem;
}


/* disable radio buttons */
.radio-group[disabled],
.radio-group[disabled]:hover > span,
.radio-group[disabled] input:hover + span,
.radio-group[disabled] input:focus span,
.radio-group-alt[disabled]:hover > span,
.radio-group-alt[disabled] input:hover + span,
.radio-group-alt[disabled] input:focus span,
.radio-group-plus[disabled]:hover > span,
.radio-group-plus[disabled] input:hover + span,
.radio-group-plus[disabled] input:focus span {
    color: #707070;
    border-color: #DFDFDF;
    background-color: white;
    cursor: default;
}

.button.text-dark-blue:not([disabled]):not(.disabled):not(.deactivated):hover, .button.text-dark-blue:not([disabled]):not(.disabled):not(.deactivated):focus, .button.text-dark-blue:not([disabled]):not(.disabled):not(.deactivated):active, .button.text-dark-blue:not([disabled]):not(.disabled):not(.deactivated).hover {
    background-color: #1C3850;
    border-color: #1C3850;
    color: #1C3850;
}

.tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated):hover, .tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated):focus, .tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated):active, .tab-slider .button.active:not([disabled]):not(.disabled):not(.deactivated).hover {
    color: white;
    background: #0073df;
}

.cart_descriptor {
    display: block;
    font-size: 12px;
    padding: 3px 3px 3px 0;
}

#storeClosedModal .modal-content {
    max-width: 600px;
}

#textMeModal .modal-content {
    max-width: 475px;
}

.modal-header {
    border-bottom: 0px solid #dee2e6;
    padding: 24px 24px 0px 24px;
}

.modal-body {
    padding:0;
    font-size: 16px;
}

.modal-footer {
    padding: 24px;
    border-top: 0px;
    justify-content: unset;
}

.member-pricing-footer {
    font-weight: 400;
    font-size: 12px;
    margin-bottom:0;
}

.btnSignCreate {
    font-size:16.8px !important;
}

.modal-body ul {
    padding-left: 1.5rem;
}

/*.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
    color: white !important;
}*/
/*.cart-serviceplan-label a:hover, a:focus, a:active, a.hover, .a:hover, .a:focus, .a:active, .a.hover {
    color: white;
}*/
.radio-group[disabled] > span {
    border: 2px dashed #DFDFDF;
    padding-right: 1.14286em;
    padding-left: 1.14286em;
}

.radio-group[disabled] > span:before, .radio-group[disabled] > span:after {
    content: none;
}

#cart-mpAvailable-span {
    padding: 4px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    line-height:1.5;
}

/* Sticky footer button override */
.nav-tabs .nav-link.active {
    background-color: rgb(0, 115, 223);
}

.radio-group input:checked + span a {
    color: white;
}

.modal-header {
    border: none;
}

img.memberPricing-picture {
    max-width: 90%;
}

.cart-serviceplan-label {
   /* min-width: 280px;*/
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
}


@media only screen and (max-width: 969px) {
    .footer2022 #footerNav {
        margin-bottom: 140px;
    }

    #usntA42Toggle {
        bottom: calc(var(--footer-height, 173px) + 10px) !important;
    }
}

@media (max-width: 769px) {
    .cart-body .footer2022 #footerContainer {
        position: static;
        margin-bottom: 160px;
    }

    #usntA42Toggle {
        bottom: calc(var(--footer-height, 173px) + 84px) !important;
    }
    
}


    /* display for screens 479px and below */
    @media all and (max-width: 479px) {

       .modal-open #usntA42Toggle {
            bottom: 10px !important;
        }
        .cart-serviceplan-label {
            font-size: 14px;
            min-width: 80px;
        }

        .modal-content.rounded.w-50 {
            width:100% !important;
            max-width:100%;
        }
        .cart-body .footer2022 #footerContainer {
            position: static;
            margin-bottom: 123px;
        }
    }

.radio-input{
    font-size:medium;
    white-space:nowrap;
}
@media all and (max-width: 479px) {
    .cart-serviceplan-label {
        font-size: 14px;
        min-width: 50px;
        overflow-x:visible;
    }
}

@media (max-width:390px) {
    .tab-slider {
        width: max-content;
        display: inherit;
        margin: 0 auto;
    }

    .cart-footer-xs {
        text-align:center;
    }
    .cart-footer-checkout-xs {
        text-align: center;
        margin: 0 auto;
        padding-top: 10px;
        padding-right: 3.5px;
    }
}

/* Busy Indicator */
.bg-busy-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
    color: white;
    justify-content: center;
}

.fa-spinner {
    transform-origin: center !important;
}

/* Accessibility  */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* InStorePickupNextSteps  */
.pickup-notice {
    font-size: 14px;
    color: #233044;
    text-align: left;
    margin-bottom:10px;
}

.pickup-notice__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pickup-notice__item {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    margin: 6px 0;
}

.pickup-notice__icon {
    flex: 0 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mc-alink-blue);
    font-size: 18px;
    line-height: 1;
}

.pickup-notice__message {
    font-size: 14px;
    line-height: 1.25;
    color: inherit;
    word-break: break-word;
}

    .pickup-notice__message a {
        color: var(--mc-alink-blue);
        text-decoration: none;
    }

    .pickup-notice__message strong {
        font-weight: 600;
        color: var(--mc-alink-blue);
        margin-left: 4px;
    }

@media (max-width: 479px) {
    .pickup-notice {
        padding: 5px;
        font-size: 12px;
        margin: 5px;
    }

    .pickup-notice__item {
        gap: 6px;
    }

    .pickup-notice__message a {
        display: inline;
    }
}