:root {

    --billa-sg-theme: #ffd300;
    --billa-sg-light-theme: #FFED70;
    --billa-sg-dark-theme: #FFC400;
    --billa-sg-red: #bf0b1c;
    --billa-sg-light-red: #FF6E66;
    --billa-sg-dark-red: #a20918;
    --billa-sg-gray: #303030;
    --billa-sg-light-gray: #eaeaea;
    /*lighten 90%*/
    --billa-sg-dark-gray: #292929;

    --card-neutral-background: rgba(255, 255, 255, 0.7);


    --theme-1000: #997f00;
    /*Darken 40%*/
    --theme-900: #b39400;
    /*Darken 30%*/
    --theme-800: #cca900;
    /*Darken 20%*/
    --theme-700: #e6be00;
    /*Darken 10%*/
    --theme-600: var(--billa-sg-theme);
    --theme-500: #ffd71a;
    /*Lighten 10%*/
    --theme-400: #ffdc33;
    /*Lighten 20%*/
    --theme-300: #ffe04d;
    /*Lighten 30%*/
    --theme-200: #ffe566;
    /*Lighten 40%*/
    --theme-150: #ffe980;
    /*Lighten 50%*/
    --theme-125: #ffed99;
    /*Lighten 60%*/
    --theme-120: #fff2b3;
    /*Lighten 70%*/
    --theme-100: #fff6cc;
    /*Lighten 80%*/


    --theme-transparent-90: #ffd300e6;
    --theme-transparent-75: #ffd300bf;
    --theme-transparent-50: #ffd30080;
    /*--theme-transparent-25: #ffd30040;*/
    --theme-transparent-25: var(--theme-120);
    --theme-transparent-20: #ffd30033;
    --theme-transparent-15: #ffd30026;
    --theme-transparent-10: #ffd3001a;
    --theme-transparent-5: #ffd3000d;

    --red-1000: #d52b1e;
    --red-900: #e63929;
    --red-800: #f24d3d;
    --red-300: #f9c6c3;
    --red-150: #fde3e2;
    --red-100: #fef0ef;


    --main-color-1000: var(--theme-1000);
    --main-color-900: var(--theme-900);
    --main-color-800: var(--theme-800);
    --main-color-700: var(--theme-700);
    --main-color-600: var(--theme-600);
    --main-color-500: var(--theme-500);
    --main-color-400: var(--theme-400);
    --main-color-300: var(--theme-300);
    --main-color-200: var(--theme-200);
    --main-color-150: var(--theme-150);
    --main-color-100: var(--theme-100);

    --main-color-transparent-90: var(--theme-transparent-90);
    --main-color-transparent-75: var(--theme-transparent-75);
    --main-color-transparent-50: var(--theme-transparent-50);
    --main-color-transparent-25: var(--theme-transparent-25);
    --main-color-transparent-10: var(--theme-transparent-10);
    --main-color-transparent-5: var(--theme-transparent-5);

    --primary-button-hover-color: var(--theme-600);
    --primary-button-hover-color: var(--theme-600);
    --primary-button-focus-color: var(--theme-600);
    --primary-button-active-color: var(--theme-600);

    --icon-button-color: none;

    --main-background-light: var(--theme-100);
    --card-neutral-background: rgb(255 255 255 / 65%);

    --turqouise-400: #318e41;
    --turqouise-700: #38bb4f;

    --footer-height: 170px;

    @media screen and (max-width: 768px) {
        --footer-height: 462px;
    }

    @media screen and (max-width: 320px) {
        --footer-height: 530px;
    }
}

.product-item {
    background: unset;
}

.footer__additional-row {
    display: unset;
}

.footer__main-row {
    justify-content: center;
}

.footer__additional-row {
    text-align: center;
}


.background-container {
    opacity: 0.08;
}

.text-3,
.text-dark,
.hp_search-text,
.modal-header,
.form-element-label,
.r_drawer_backdrop .r_notifications_drawer__header__text,
#muralBannerTitle,
.s-voucher-header-right {
    color: var(--billa-sg-dark-gray)
}

.modal-header {
    color: var(--billa-sg-gray)
}

.modal>.header {
    background: linear-gradient(to right top, var(--billa-sg-light-gray), var(--white));
}

.modal>.actions {
    background: linear-gradient(to left bottom, var(--billa-sg-light-gray), var(--white));
}

.r-tooltip-content {
    color: white;
}

.product-info>#productPrice,
.link-button,
.s-order-value,
.s-voucher-header-link,
#donationCrownCommDetailsTitle {
    color: var(--billa-sg-red) !important;
}

.footer__navigation>button>div {
    color: white;
}

.hp_secondary-card {
    background: var(--card-neutral-background);

    @media screen and (max-width: 768px) {
        min-width: 100%;
        width: 100%;
    }
}

.form-element:focus,
.form-element-textarea:focus,
.form-element:active,
.form-element-textarea:active,
.form-select .form-element:focus,
.form-select .form-element:active,
.form-element,
.form-element-textarea,
.form-select .form-element {
    border-color: var(--billa-sg-dark-gray);
}

.form-element:focus,
.form-element-textarea:focus,
.form-element:active,
.form-element-textarea:active,
.form-select .form-element:focus,
.form-select .form-element:active {
    border-color: var(--billa-sg-red);
    box-shadow: 0 0 0 1px var(--billa-sg-red);
}

.carousel_thumbnail--active {
    border: 2px solid var(--billa-sg-red);
}

.hp_search-button,
.selected-item-tag {
    background: var(--billa-sg-red)
}

.selected-item-tag {
    color: white;
}

.primary-button {
    color: var(--billa-sg-red);
    background-color: var(--theme-600)
}

.primary-button:disabled {
    color: var(--billa-sg-light-gray);
}

.s-club-image {
    border: 2px solid var(--billa-sg-red);
}

#b_voucherDonationButton,
#b_submitButton:not(:disabled),
#b_hpSearchButtonText,
#b_homepagePiggyBankButton,
#b_homepageLocationButton,
#b_marketingHomepageButton,
#b_lqPublicNoVoucherButton,
#b_lqAdminButton,
#b_searchButtonText,
#b_downloadCenterButton,
#b_materialGeneratorButton,
#shareHubMaterialShareButton,
#shareHubCommunityButton,
#shareHubCampaignButton,
#b_lqPublicWithVouchersButton,
.mural-banner__button {
    color: var(--billa-sg-red);
    background-color: var(--theme-600);
}

#b_homepagePiggyBankButton>div>div>img,
#b_homepageLocationButton>div>div>img,
#b_achievementsShareButton>div.button__content>img,
#b_wishlistShareButton>div.button__content>img,
.black-circle-image-container>#piggyBankIcon,
#searchLocationIcon {
    filter: unset;
}

.small-range-slider .range-slider__thumb {
    border-color: var(--billa-sg-red);
}

.tab-active-bar {
    background-color: var(--billa-sg-red);
}

.cart-address.selected>.s-card-container,
.mg-download-format-card.selected,
.mg-template-item.selected,
.product-color-selector-btn.selected,
.carousel__thumbnail--active {
    border: 2px solid var(--billa-sg-red) !important;
}

html ::-webkit-scrollbar-thumb:hover {
    background: var(--billa-sg-red);
    cursor: pointer;
}

#shareHubCommunitySlogan,
#shareHubCampaignSlogan,
#donationCrownNoVoucherTitle,
#donationCrownDisabledTitle,
#muralCampaignSlogan,
#muralCommunitySlogan,
#muralLeaderBoardSlogan,
.s-voucher-title,
.s-search-title,
.s-sub-bottom-text a {
    color: var(--billa-sg-red);
}

#hamburgerMenuIcon-icon,
#homeIcon-icon {
    filter: invert(1);
}

#searchMagnifierIcon {
    filter: brightness(0) saturate(100%) invert(10%) sepia(67%) saturate(6274%) hue-rotate(348deg) brightness(100%) contrast(100%);
}

#b_marketingHomepageButton,
#b_downloadCenterButton,
#b_materialGeneratorButton {
    border-style: solid;
    border-width: 1px;
    border-color: var(--theme-150);
}

#searchMagnifierIcon,
#searchLocationIcon {
    margin-right: 0px;
}

.footer,
.community-balance-total {
    background-color: var(--billa-sg-dark-gray);
}

.oval-button:disabled {
    background-color: var(--theme-700);
    color: var(--theme-200);
}

.oval-button:not(:disabled):hover,
.product-quantity-selector-input,
.primary-button:hover {
    filter: brightness(0.97);
}

.oval-button:not(:disabled):focus,
.primary-button:not(:disabled):focus {
    transition: box-shadow .1s ease;
    filter: brightness(.97);
    box-shadow: 0 0 5px #0000004d;
}

.crown-code-digit-full {
    background: linear-gradient(0deg, var(--theme-100) 0%, white 100%);
    color: var(--billa-sg-dark-red);
    border-color: var(--theme-600);
}


div.pd-section-container.product-name-title>button.pd-wishlist-button {
    background: white;
}

.pd-section-container>.product-quantity>.product-quantity-selector>.product-quantity-selector-input,
.sh-campaign-step {
    background-color: white;
}

@media screen and (max-width: 768px) {
    .sh-campaign-step-body {
        background-color: rgb(0 54 96 / 50%);
    }

    .header-icon-one {
        height: 28px;
    }

}

@media screen and (max-width: 1040px) {
    .hp_secondary-cards-container {
        flex-direction: column-reverse;
    }
}

.button__image-container {
    background: white;
}

.dcc_main-card {
    color: var(--billa-sg-gray);
    background: linear-gradient(to right bottom, var(--main-color-600), var(--main-color-300));
}

.embla {
    --slide-size: 80%;
    --slide-height: unset;
}

.embla__slide__img {
    object-fit: contain;
    max-width: 100%;
}

.product-quantity-selector-btn,
#searchLocationContainer,
#piggybankContainer {
    background: var(--theme-600);
}

#donationCrownCommunityTitle,
#donationCrownEnterVoucherTitle {
    color: white;
}

.mural-cell--empty,
.mural-banner__preview-cell {
    background-color: var(--theme-transparent-20);
}

.embla__dots {
    width: 100%;
}

.embla__dot:after {
    box-shadow: inset 0 0 0 .2rem var(--grey-400);
}

.embla__dot--selected:after {
    box-shadow: inset 0 0 0 .2rem var(--demo-accent);
}

.dcc_qr-icon {
    display: none;
}

.s-search-filters-box,
.cat-filters {
    @media screen and (max-width: 768px) {
        background: unset;
    }
}

.s-mobile-filter-wrapper {
    background-color: #e2e2e18c;
}

div.mg-upload-area>div>div.mg-image-box__text.header-5 {
    scale: 0.9
}

/*Wishlist sharing PDF adjustments START*/
.wl-footer-logo-container {
    background-color: unset;
}

@media screen and (max-width: 768px) {
    .step-list__step-body {
        background-color: var(--main-color-transparent-10);
    }
}

/*Wishlist sharing PDF adjustments END*/

#b_scanSummaryProcessingIcon,
#b_scanSummarySuccessIcon,
#b_scanSummaryFailIcon {
    min-width: 50px;
    margin: 5px;
    padding: 0px 15px;
    height: 35px;
}

#b_scanSummaryProcessingIcon,
#b_scanSummarySuccessIcon,
#b_scanSummaryFailIcon {
    background-color: gray;
    color: white;
}

#b_scanSummaryProcessingIcon>.button__content,
#b_scanSummaryFailIcon>.button__content {
    scale: 0.85;
}

#b_scanSummaryProcessingIcon:hover,
#b_scanSummarySuccessIcon:hover,
#b_scanSummaryFailIcon:hover {
    background-color: #737373;
}

.scan-summary-icon {
    padding: 0px 5px 0px 0px;
    filter: invert(1);
}

#scanSummarySuccessIcon {
    filter: unset;
}

/*Wishlist sharing PDF adjustments START*/
.wl-footer-logo-container {
    background-color: unset;
}

@media screen and (max-width: 768px) {
    .step-list__step-body {
        background-color: var(--main-color-transparent-10);
    }
}

/*Wishlist sharing PDF adjustments END*/

.step-container>div>div.active.completed>div {
    color: white;
}

#b_voucherDonationButton>div>div>img {
    filter: invert(9%) sepia(82%) saturate(6804%) hue-rotate(350deg) brightness(94%) contrast(96%);
}

.voucher-crown-buttons {
    background-color: var(--theme-100);
    border-radius: 50px;
    padding: 4px;
    justify-content: space-between;
}

.embla {
    --slide-size: 80%;
    --slide-height: unset;
}

.embla__slide__img {
    object-fit: contain;
    max-width: 100%;
}

.embla__dots {
    width: 100%;
}

.embla__dot:after {
    box-shadow: inset 0 0 0 .2rem var(--main-color-800);
}

.embla__dot--selected:after {
    box-shadow: inset 0 0 0 .2rem var(--billa-sg-red);
}

.mg-image-box__edit-btn {
    background: var(--main-color-600);
}

.s-sort-component,
#searchResultsCount {
    color: var(--text-primary);
}

.mg-template-item--selected,
.mg-image-box--selected {
    border: 2px solid var(--billa-sg-red);
}

.step.active:not(.completed) {
    background: var(--billa-sg-red);
    border-color: var(--billa-sg-red);
}

.step-name.active:not(.completed) {
    background: var(--billa-sg-red);
}

.activity-hub__stripe>button,
#muralCommunitySubtitle,
#muralLeaderBoardSubtitle {
    color: var(--main-color-1000);
}


.activity-hub-modal__tabs__button {
    border: none;
    background: white;
    color: var(--billa-sg-red);
}

.activity-hub-modal__tabs__button--active {
    color: var(--billa-sg-red);
    background-color: var(--theme-600);
    border: none;
}

.activity-hub-modal__tabs__button--active .button__text {
    color: var(--billa-sg-red);
}

.user-engagement:not(.user-engagement--completed, .user-engagement--expired) {
    border: 1px solid #dddddd;
}

#pointsRewardIcon.header-icon-button {
    background: var(--text-primary);
    background: linear-gradient(45deg, var(--text-primary) 0%, var(--text-secondary) 80%);
}

.activity-hub-modal__title-header,
#muralCommunityNotRegisteredMessage {
    color: var(--text-primary);
}


#onboardingSubtitleSubtextSettingsLink,
#donationCrownVoucherReadyTitle,
#muralCommunityNotRegisteredHeading,
#donationCrownCommunityTitle {
    color: var(--billa-sg-red)
}

.survey-modal__header__title,
.user-engagement__task-reward-box {
    border: 2px solid var(--main-color-1000);
}

.step-list__step {
    background: white;
}

.step-list__slogan,
.step-list__subtitle {
    color: var(--main-color-1000);
}

.secondary-button {
    background-color: transparent;
    color: var(--text-secondary);
    border: 2px solid var(--text-secondary);
}

.mural-leaderboard__rank:after {
    border: 2px solid var(--billa-sg-red);
}

.mural-leaderboard__stats {
    background-color: var(--grey-transparent-50);
    border-radius: var(--general-border-radius);
}

.mural-leaderboard__rank-number {
    color: var(--billa-sg-red);
}

#editCommunityLogo {
    box-shadow: 0 6px 12px var(--black-transparent-50);
}