body, .bg-color, #loadingDiv {
background: #F4F0ED fixed !important;
}
#app:not(.daterangepicker td),
#loadingDiv,
.default-font-color,
.modal, .modal-theme .modal-close,
div.bottom_ui:before, div.check_in_ui:before,
#popup-daily-checkin-body .calendar_block,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link,
.challenge-item-title
{
color : #000000 !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
border-color: #000000 !important;
}
#popup-daily-checkin-body .calendar_block.unchecked,
.default-font-color-10
{
background : #00000026;
}
.default-font-color-50{
color : #00000080 !important;
}
.default-font-color-75{
color : #000000bf !important;
}
.btn-primary:not(.daterangepicker *),
.btn-primary:not(.daterangepicker *):hover,
.btn-primary:not(.daterangepicker *):active,
.btn-primary:not(.daterangepicker *):focus,
#voucher_usage-slider .carousel-indicators li.active,
#popup_notifications .msg-box .date{
background: #FFC931 !important;
color: #000000 !important;
}
.btn-outline-primary:not(.daterangepicker *),
#voucher_usage-slider .carousel-indicators li.active {
border-color: #000000 !important;
color: #000000 !important;
}
.btn-outline-primary:not(.daterangepicker *):hover,
.btn-outline-primary:not(.daterangepicker *):active,
.btn-primary:not(.daterangepicker *):focus{
background: #FFC931 !important;
border-color: transparent !important;
}

.bg-layer-img {
    background-color: #F4F0ED;
            background-image: url(' https://locoloyalty.locorewards.app/file/images/loco-rewards-background-overlay-1126-x-2436-happy-teal-69c7be-1728456893-1706115699.png ');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

.bg-layer-gradient {
    background: linear-gradient(90deg, #F4F0ED 0%, #F4F0ED00 2%, #F4F0ED00 98%, #F4F0ED 100%) fixed;
}

.bg-nav{
background: #F4F0EDEE;
}
.nav-gradient {
background: linear-gradient(0deg, #F4F0ED00 0%, #00000075 70%, #00000091 100%);
}
.bottom-gradient > .buttons{
background: linear-gradient(180deg, #F4F0ED00 0%, #00000075 70%, #00000091 100%);
}
.bg-toast{
background:#F4F0ED99;
}

.main-section, .modal-body{
    background-color: #000000;
            background-image: url(' https://locoloyalty.locorewards.app/file/images/loco-rewards-pop-up-background-overlay-1065-x-1991-oatmilk-white-f4f0ed-1728456904-2004206992.png ');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

.main-section{
    box-shadow: 1px 5px 4px #00000029;
}

.masthead-main{
background-image: url('https://locoloyalty.locorewards.app/file/images/evergreen-design-2-1728453164-1639475958.png') !important;
}
.masthead-popup{
background-image: url('') !important;
}

#navbar-brand{
background-image: url('https://locoloyalty.locorewards.app/file/images/1-11-1721662189-181410178.png') !important;
}

.footer{
background: #FFC931;
}
.footer *{
color: #323747 !important;
}




















.wheel-art {
    background-image: none !important;
}
.wheel-cursor {
    border-top: none !important;
}

.game-container .spinandwin-wrap .wheel-container .wheel-inner:after {
    background: none !important;
}

.game-container .spinandwin-wrap .wheel-container .wheel-center {
    border: 0px !important;
    background: none !important;
    background: url("https://locoloyalty.locorewards.app/assets/images/spinandwin/spoke_needle.min.png") no-repeat !important;
    background-size: contain !important;
    border-radius: 0px !important;
    transform: translate(-38%, -50%) !important;
}

.game-container .spinandwin-wrap .wheel-container .wheel-inner {
    width: 100% !important;
    height: 100% !important;
}

.game-container .spinandwin-wrap .wheel-container .wheel-outer:after {
    
    background: url("https://locoloyalty.locorewards.app/assets/images/spinandwin/spoke_ring.png") !important;
    background-size: contain !important;
    z-index: 2 !important;
}