.txt-message-url {
    color: var(--template2-PrimaryColor);
}

.txt-message-sms-image {
    width: 45px;
    height: auto;
    margin: auto;
}

@media (max-width: 767px) {
    .txt-message-sms-image {
        width: 30px;
    }
}

body {
    background-color: var(--template2-DefaultBackgroundColor);
}

.template2-HeaderVerticalLineColor {
    border-color: var(--template2-HeaderVerticalLineColor);
}

.template2-MainDescBackgroundColor {
    background-color: var(--template2-SecondaryBackgroundColor);
}

.template2-ThirdBackgroundColor {
    background-color: var(--template2-ThirdBackgroundColor);
}

.template2-ZipCodeBackgroundColor {
    background-color: var(--template2-ZipCodeBackgroundColor);
}

.template2-PrimaryTextColor {
    color: var(--template2-PrimaryColor);
}

.template2-SecondaryTextColor {
    color: var(--template2-SecondaryColor);
}

.template2-ThirdTextColor {
    color: var(--template2-ThirdColor);
}

.template2-ContentBorderColor {
    border-color: var(--template2-ContentBorderColor);
}

.template2-continueButton {
    background-color: var(--template2-ContinueButtonBgColor);
    border-color: var(--template2-BtnBorderColor);
    color: var(--template2-PrimaryColor);
}

.template2-LineUnderContentColor {
    background-color: var(--template2-LineUnderContentColor);
}

a.a-nonactive:visited {
    color: inherit;
}

a.a-nonactive:hover {
    color: inherit;
}

a.a-nonactive:active {
    color: inherit;
}

a.a-nonactive:focus {
    color: inherit;
}

.template2-StrangeDots {
    width: 160px;
    height: 270px;
    background-color: var(--template2-ThirdBackgroundColor);
    background-image: radial-gradient(var(--template2-PrimaryColor) 2px, transparent 4px);
    background-size: 15px 15px;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.dropdown-menu > li > a:hover {
    background-color: var(--template2-SecondaryBackgroundColor);
    color: var(--template2-SecondaryColor);
}

.dropdown > a:focus {
    outline: none;
}

#header {
    max-height: max-content;
    background-color: var(--template2-PrimaryBackgroundColor);
}

.main-container {
    min-height: 90%;
}

.footer, .footer a, .footer .copyright p {
    background-color: var(--template2-PrimaryBackgroundColor);
    color: var(--template2-PrimaryColor);
}

.field-validation-error {
    color: red;
}

.modal-header {
    display: flex;
    justify-content: end;
}

    .modal-header > .icon-x-reskin {
        color: var(--template2-SecondaryColor);
        border-color: var(--template2-SecondaryColor);
    }

button.button-popup-next-reskin {
    background-color: var(--template2-ContinueButtonBgColor) !important;
    color: var(--template2-PrimaryColor);
}

.full-width-navigationbar-reskin {
    position: static;
    height: unset;
    width: unset;
    transform: unset;
}

#assortmentsDataId {
    border: none;
}

#slider-section-hidden, #slider-section-show {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
}

.sort-items-reskin {
    margin: 0;
}

.dropdown-select-reskin {
    padding-right: 50px;
}

.sort-items-reskin:after {
    padding-right: 0;
}

.template2-dropdown-select-reskin {
    padding-right: 50px;
    height: 44px;
    color: var(--colorDarkGrey-reskin);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: normal;
    padding-left: 15px;
}

.template2-StepBorderColor {
    border-color: var(--template2-LineUnderContentColor);
}

.template2-StepIconColor {
    color: var(--template2-LineUnderContentColor);
}

.option-item.active, .template2-MeasurementSection {
    border-color: var(--template2-LineUnderContentColor);
    background-color: var(--template2-AssortmentHighlightColor);
}

.newStylig-PriceColor {
    color: var(--template2-PriceColor);
}

.template2-assortmentContinueButton {
    background-color: var(--template2-LineUnderContentColor);
    color: var(--template2-PrimaryColor);
}

.template2-ImageBorderColor {
    border-color: var(--template2-ImageBorderColor);
}

.template2-ImageBackgroundColor {
    background-color: var(--template2-ImageBackgroundColor);
}

.template2-greyed-out-btn {
    background: var(--template2-GreyedBtnColor);
    border: 1px solid var(--template2-GreyedBtnColor);
}

.template2-quantityBtnColor {
    color: var(--template2-LineUnderContentColor);
}

.template2-DefaultBackgroundColor {
    background-color: var(--template2-DefaultBackgroundColor);
}

.tab-content {
    min-height: 0 !important;
}

.slick-arrow:before {
    font-size: 32px;
    border-radius: 20px;
    padding: 4px 3px 0 2px;
    background-color: var(--template2-LineUnderContentColor);
}

.slick-arrow:focus:before,
.slick-arrow:hover:before {
    opacity: 0.75;
}

.slick-prev {
    left: -62px;
    top: 45%;
}

.slick-next {
    right: -16px;
    top: 45%;
}

.option-list {
    border-top: 0;
    border-bottom: 0;
}

.dropdown-menu {
    left: auto;
}

.text-white:before {
    color: #ffffff;
}

.checkmark-navigationbar:before {
    content: '\2713';
    color: var(--template2-PrimaryColor);
    font-weight: bold;
}

.ths-measurements-wrapper input[type="text"] {
    background-color: var(--template2-DefaultBackgroundColor);
    width: 60px;
    font-size: inherit !important;
    height: auto !important;
}

.template2-TextRedColor {
    color: var(--template2-RedColor);
}

.template2-MeasurementBorderColor {
    border-color: var(--template2-MeasurementBorderColor);
}

.template2-TitleBackgroundColor {
    background-color: var(--template2-QuoteSectionTitleBackgroundColor);
}

.template2-MakePaymentBtn {
    color: var(--template2-PrimaryColor);
    background-color: var(--template2-MakePaymentBackgroundColor);
}

.template2-QuoteBtn {
    color: var(--template2-SecondaryTextColor);
    background-color: var(--template2-SecondaryBackgroundColor);
}

.template2-FinancingAvailable {
    color: var(--template2-FinancingTextColor);
    background-color: var(--template2-FinancingBackgroundColor);
}

.template2-ApplyFinancingButton {
    color: var(--template2-PrimaryColor);
    background-color: var(--template2-FinancingBtnBackgroundColor);
}

.template2-QuotePriceColor {
    color: var(--template2-LineUnderContentColor);
}

.template2-QuotePromoColor {
    color: var(--template2-QuotePromoColor);
}

.template2-CancelBtn {
    color: var(--template2-LineUnderContentColor);
    background-color: inherit;
    border-color: var(--template2-LineUnderContentColor);
}

.new-styling-toggle-section-btn-rotate {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .slick-prev {
        left: -47px;
    }

    .slick-next {
        right: -27px;
    }
}

.stepper-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

    .stepper-item .step-counter {
        position: relative;
        z-index: 5;
        border: 2px solid var(--template2-MobilePizzaTracker);
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--template2-MobilePizzaTracker);
        color: var(--template2-MobilePizzaTrackerIcons);
    }

    .stepper-item::before {
        position: absolute;
        content: "";
        border-bottom: 2px solid var(--template2-MobilePizzaTracker);
        width: 100%;
        top: 20px;
        left: -50%;
        z-index: 2;
    }

    .stepper-item::after {
        position: absolute;
        content: "";
        border-bottom: 2px solid var(--template2-MobilePizzaTracker);
        width: 100%;
        top: 20px;
        left: 50%;
        z-index: 2;
    }

.nav-active > .step-counter {
    border: 2px solid var(--template2-MobilePizzaTrackerCompleted);
    background-color: var(--template2-MobilePizzaTracker);
}

.stepper-item.nav-active {
    font-weight: bold;
}

.stepper-item.nav-completed .step-counter {
    background-color: var(--template2-MobilePizzaTrackerCompleted);
    border-color: var(--template2-MobilePizzaTrackerCompleted);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-content: center;
}

.nav-active > .step-counter > i {
    color: var(--template2-MobilePizzaTrackerCompleted);
}

.stepper-item.nav-completed .step-counter {
    background-color: var(--template2-MobilePizzaTrackerCompleted);
}

.stepper-item.nav-completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid var(--template2-MobilePizzaTrackerCompleted);
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

.fa-check {
    transform: rotate(225deg);
}

.greyed-out-template2 {
    background-color: var(--template2-LightGray) !important;
}