body {
   background-image: url('https://www.assethealth.com/apps/resources/self_service/images/copart/1650x1032-run2.png');
}

.quick-icon{
   color: #E31952 !important;
}

#main-menu-top .dynamic-main-menu-top-row {
   background-color: #E31952 !important;
}

#dynamic-main-menu-top{
   background-color: #E31952 !important;
}

.branding-stripe {
   background-color: #E31952 !important;
}

.activitySubtext{
   font-size: 1.5rem;
}

#mainlogin_blackout{
   margin-top: 5%;
   border-radius: 20px;
   padding: 5% 2%;
}

#challenge-wrapper.sf .challenge-logo-tile .challenge-logo-wrapper .challenge-logo {
   background-image: url('/apps/resources/self_service/images/treetop/StressFreeChallenge_Logo3.png');
   background-size: 100% 100%;
}
#challenge-wrapper.cyoa .challenge-logo-tile .challenge-logo{
   background-image: url("/apps/resources/self_service/images/jxwellness/CYOA_Logo_1.png");
   background-size: 50% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
   width: auto;
}

#challenge-wrapper.sf .challenge-logo-tile .challenge-logo-wrapper .challenge-logo {
   background-image: url("/apps/resources/self_service/images/jxwellness/StreeFree_Logo_3.png");
   background-size: 70% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
}
#challenge-wrapper.sf .challenge-logo-tile .challenge-logo-wrapper {
   margin: unset;
   position: unset;
}

/*2024 hydration challenge*/
#challenge-wrapper.hydration .challenge-logo-tile .challenge-logo{
   width: auto;
   height: 287px;
   margin: 0 auto;
   background-image: url("/apps/resources/self_service/images/jxwellness/2024/HydrationChallenge_Logo_v2.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

#challenge-wrapper.ctnt .challenge-logo-tile .challenge-logo-wrapper .challenge-logo {
   background-image: url("/apps/resources/self_service/images/jxwellness/ChooseThisNotThat_Logo.png");
   background-size: 27% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
}

#challenge-wrapper.dts .challenge-logo-tile .challenge-logo-wrapper .challenge-logo{
   background-image: url("/apps/resources/self_service/images/challenges/v4/defeat_the_seat/DefeattheSeat_Logo_v2.png");
   background-size: 70% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
}

/**For small screens*!*/
@media only screen and (max-width: 930px) {
   .activityTitle{ font-size: 1.1rem; !important}
}

/* Styling for Bingo Challenges */
#calendar_div{
   margin-left: 6px !important;
}

.challenge-logo-wrapper{
   width: 100%;
}

#challenge-page .message-center .message:last-child {
   margin-bottom: 0;
   width: 84%;
}

#challenge-wrapper.bingo .challenge-logo-tile .challenge-logo{
   max-height: 250px;
   max-width: 400px;
   background-image: url('/apps/resources/self_service/images/jxwellness/SavvySaver_Logo.png');
}

#jxe_savvy_saver_2026 {
   overflow: hidden;
}

@media only screen and (max-width: 900px) {
   #challenge-page .tile {
      text-align: left !important;
      flex-direction: column !important;
      position: initial;
      width: 100%;
   }

}

#bingo_challenge_figure .tile-group .tile {
   text-align: left !important;
   flex-direction: initial !important;
}

#jxe_savvy_saver_2026 .tile  {
   text-align: left !important;
   flex-direction: initial !important;
   position: initial;
   width:100%;
}

#jxe_savvy_saver_2026-OnPeriodSuccess{
   margin-left: 125px;
}
/* Styling for Bingo Challenges End */