body {
    background-image: url("/apps/resources/self_service/images/hopeatmcctest/MCC_Login1_Resized.jpg");
}

.task-list-incentive-tile .task-list-footer {
    background-color: transparent !important;
}

div.row.fractional-columns.task-list-tasks div.col-6:nth-child(8) div.progress-pie-chart div.ppc-progress div.ppc-progress-fill
{
    display: none;
}

#mccSpirit_widget_AHXDynamicLayout_renderWidget_spiritTile_0, #mccMind_widget_AHXDynamicLayout_renderWidget_mindTile_0, #body_widget_AHXDynamicLayout_renderWidget_bodyTile_0, #mccChurch_widget_AHXDynamicLayout_renderWidget_#mccChurchTile_0, .tile-group v8_journal_tile .v8-tile-badge-buttons
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 5px 5px;
}

.incentive-rewards-tile .reward-item .img-circle, .task-list-incentive-tile .reward-item .img-circle, .incentive-progress-tabulated-tile-style .reward-item .img-circle
{
    background: white;
}

.img-circle .ah-icons, .img-circle .md-icons, .pcc-percents-wrapper .ah-icons
{
    color: black;
}

.incentive-rewards-tile .reward-item.reward-item-success .img-circle, .task-list-incentive-tile .reward-item.reward-item-success .img-circle, .incentive-progress-tabulated-tile-style .reward-item.reward-item-success .img-circle
{
    background: white;
    border: 7px solid #28A745;
}

.incentive-rewards-tile .reward-item.reward-item-success .img-circle.clear, .task-list-incentive-tile .reward-item.reward-item-success .img-circle.clear, .incentive-progress-tabulated-tile-style .reward-item.reward-item-success .img-circle.clear
{
    border: 7px solid #28A745;
}

/* MENUS AND TOP LOGOS */
.client-logo
{
    max-height: 75px;
    width: 200px;
}

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

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

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

div#home.menu-item-text.nav-item
{
    margin-right: 20px;
}

div#registration.menu-item-text.nav-item
{
    margin-right: 20px;
}

div#challenges.menu-item-text.nav-item
{
    margin-right: 20px;
}

div#spirit.menu-item-text.nav-item
{
    margin-right: 20px;
}

div#mind.menu-item-text.nav-item
{
    margin-right: 20px;
}

div#body.menu-item-text.nav-item
{
    margin-right: 20px;
}

div#custom_reporting.menu-item-text.nav-item
{
    margin-right: 20px;
}

div#courses.menu-item-text.nav-item
{
    margin-right: 20px;
}

#messagecenter .page-title.dual-title
{
    color: white;
}

/* END MENUS AND TOP LOGOS */


/* HOME PAGE TILES */
/* VIA Tile */
div.via-logo-container, div.via-tile__content
{
    height: 50%;
}

div.via-logo-container .via-logo
{
    padding: 2.5rem 0 2rem;
}

/* Coaching Tracker Tile */
div.coaching-footer
{
    display: none !important;
}

div.coaching-info__paragraph p
{
    font-size: 13.5px;
}
/* END HOME PAGE TILES */


/* SPIRIT PAGE TILES */
@media (max-width: 991.98px)
{
    .custom-top-tile-title
    {
        text-align: left;
        font-size: 12px;
        color: white;
        font-weight: bold;
    }

    .custom-top-tile-body
    {
        text-align: left;
        font-size: 8px;
        color: white;
    }
}

@media (min-width: 992px)
{
    .custom-top-tile-title
    {
        text-align: left;
        font-size: 20px;
        color: white;
        font-weight: bold;
    }

    .custom-top-tile-body
    {
        text-align: left;
        font-size: 16px;
        color: white;
    }
}
/* END SPIRIT PAGE TILES */


/* GOAL TRACKING PAGE */
/* Hide white bar at top of goal tracking page */
#standard_tracking-sub-menu
{
    display: none;
}
/* END GOAL TRACKING PAGE */


/* RESOURCES PAGE */
/* Change logos on Healthy Recipes and Wellness Resources Tile on Resources Page */
.ah-icons.icon-wobbly.resource-tile-glyphicon.ah_green.ah_resource
{
    background-image: url("/apps/resources/self_service/images/hopeataod/2023/icons/AoD_Hope_icon.png");
    width: 25px;
    height: 25px;
}
/* END RESOURCES PAGE */


/* CHALLENGES */
div.toggle-opt-out-btn.btn.float-right.btn-danger.btn-block
{
    width: 120px;
    margin-left: 50px;
}
/* END CHALLENGES */

/* Home Page Tiles Overlay Colors */
.tile-group #home_widget_AHXDynamicLayout_renderWidget_smiTile_3 .v8-tile-badge-buttons, .tile-group #home_widget_AHXDynamicLayout_renderWidget_conciergeTile_4 .v8-tile-badge-buttons, .tile-group #home_widget_AHXDynamicLayout_renderWidget_spiritualDirectionTile_5 .v8-tile-badge-buttons, .tile-group #custom_tile__7 .v8-tile-badge-buttons, .tile-group #custom_tile__8 .v8-tile-badge-buttons, .tile-group #custom_tile__10 .v8-tile-badge-buttons
{
    background: #243E78;
}

/* Spirit Page Tiles Overlay Colors */
.tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_prayerBoardTile_1 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_spiritGoalTrackingTile_2 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_myPersonalAdvocateTile_4 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_catholicCounselingTile_5 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_spiritualDirectionTile_6 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_bioEthicsTile_7 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_smallGroupStudyTile_8 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_spiritualHealthSurveyTile_4 .v8-tile-badge-buttons, .tile-group #mccSpirit_widget_AHXDynamicLayout_renderWidget_meetSpiritualDirectorsTile_5 .v8-tile-badge-buttons
{
    background: #BFB0D6;
}

#spiritCoursesTile div[data-component-id=AhxRecommendedCourseTile] .header.course-title
{
    color: #243E78;
}

#spiritCoursesTile div[data-component-id=AhxRecommendedCourseTile] .progress
{
    background-color: #243E78;
}

#spiritCoursesTile div[data-component-id=AhxRecommendedCourseTile] .text-bold
{
    color: #243E78;
}

#spiritCoursesTile div[data-component-id=AhxRecommendedCourseTile] .nav-cluster .portfolio-label.text-bold, .row.course-navigation
{
    color: #243E78;
}

#spiritCoursesTile div[data-component-id=AhxRecommendedCourseTile] .overlay-text
{
    background: #BFB0D6;
}

/* Mind Page Tiles Overlay Colors */
.tile-group #mccMind_widget_AHXDynamicLayout_renderWidget_whyWallTile_1 .v8-tile-badge-buttons, .tile-group #mccMind_widget_AHXDynamicLayout_renderWidget_mindGoalTrackingTile_2 .v8-tile-badge-buttons, .tile-group #mccMind_widget_AHXDynamicLayout_renderWidget_myPersonalAdvocateTile_7 .v8-tile-badge-buttons, .tile-group #mccMind_widget_AHXDynamicLayout_renderWidget_meetYourCounselor_4 .v8-tile-badge-buttons ,.tile-group #mccMind_widget_AHXDynamicLayout_renderWidget_catholicCounselingTile_5 .v8-tile-badge-buttons, .tile-group #mccMind_widget_AHXDynamicLayout_renderWidget_lifeServicesTile_6 .v8-tile-badge-buttons, #v8_journal_tile .tile-footer
{
    background: #BCE6FB;
}

#mindCoursesTile div[data-component-id=AhxRecommendedCourseTile] .header.course-title
{
    color: #243E78;
}

#mindCoursesTile div[data-component-id=AhxRecommendedCourseTile] .progress
{
    background-color: #243E78;
}

#mindCoursesTile div[data-component-id=AhxRecommendedCourseTile] .text-bold
{
    color: #243E78;
}

#mindCoursesTile div[data-component-id=AhxRecommendedCourseTile] .nav-cluster .portfolio-label.text-bold, .row.course-navigation
{
    color: #243E78;
}

#mindCoursesTile div[data-component-id=AhxRecommendedCourseTile] .overlay-text
{
    background: #BCE6FB;
}

/* Body Page Tiles Overlay Colors */
.tile-group #mccBody_widget_AHXDynamicLayout_renderWidget_haTile_1 .v8-tile-badge-buttons, .tile-group #mccBody_widget_AHXDynamicLayout_renderWidget_bodyGoalTrackingTile_2 .v8-tile-badge-buttons, .tile-group #mccBody_widget_AHXDynamicLayout_renderWidget_myPersonalAdvocateTile_4 .v8-tile-badge-buttons, .tile-group #mccBody_widget_AHXDynamicLayout_renderWidget_bodyPhysicalActivityGoalTrackingTile_4 .v8-tile-badge-buttons, .tile-group #mccBody_widget_AHXDynamicLayout_renderWidget_catholicDoctorTile_6 .v8-tile-badge-buttons, .tile-group #mccBody_widget_AHXDynamicLayout_renderWidget_meetWellnessCoachTile_7 .v8-tile-badge-buttons, .tile-group #mccBody_widget_AHXDynamicLayout_renderWidget_catholicWellnessAssessment_8 .v8-tile-badge-buttons, .tile-group #mini_challenges_tile__4 .v8-tile-badge-buttons
{
    background: #F47E4F;
    color: #243E78;
}

#bodyCoursesTile div[data-component-id=AhxRecommendedCourseTile] .header.course-title
{
    color: #243E78;
}

#bodyCoursesTile div[data-component-id=AhxRecommendedCourseTile] .progress
{
    background-color: #243E78;
}

#bodyCoursesTile div[data-component-id=AhxRecommendedCourseTile] .text-bold
{
    color: #243E78;
}

#bodyCoursesTile div[data-component-id=AhxRecommendedCourseTile] .nav-cluster .portfolio-label.text-bold, .row.course-navigation
{
    color: #243E78;
}

#bodyCoursesTile div[data-component-id=AhxRecommendedCourseTile] .overlay-text
{
    background: #F47E4F;
}

/* In the Church Page Tiles Overlay Colors */
.tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_mccNewsTile_1 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_detroitNewsTile_2 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_lansingNewsTile_3 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_gaylordNewsTile_4 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_saginawNewsTile_5 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_marquetteNewsTile_6 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_grandRapidsNewsTile_7 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_kalamazooNewsTile_8 .v8-tile-badge-buttons,.tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_vaticanTile_9 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_jubileeTile_10 .v8-tile-badge-buttons, .tile-group #mccChurch_widget_AHXDynamicLayout_renderWidget_usccbTile_11 .v8-tile-badge-buttons
{
    background: #1B1D77;
}

/* End Tiles and Tile Buttons */

.ah-icons.icon-wobbly.resource-tile-glyphicon.ah_green.ah_resource
{
    background-image: url("/apps/resources/self_service/images/hopeataod/2023/icons/AoD_Hope_icon.png");
    width: 25px;
    height: 25px;
}

/* Tiles and Tile Buttons */
.tile-buttons
{
    background: white;
    color: #243E78
}

.btn-holder button.btn.tile-buttons:hover
{
    background: #EDF1F3;
    color: #243E78;
}

.v8-tile-badge-buttons button.btn.tile-buttons:hover, .v8-tile-badge-buttons btn-info
{
    background: #EDF1F3;
    color: #243E78;
}

.nav-cluster .btn-info
{
    background: white;
    color: #243E78
}

.btn-info, .btn-primary
{
    background: white;
    color: #243E78
}

.nav-cluster .btn-info:hover
{
    background: #EDF1F3;
    color: #243E78;
    border-color: #EDF1F3;
}

.btn-holder .btn-info
{
    background: white;
    color: #243E78
}

.btn-holder .btn-info:hover
{
    background: #EDF1F3;
    color: #243E78;
}

.tile-footer_version__badge .btn-primary.submit-button-disabled{
    color: #243E78;
}

/* Styling for Good Deeds Bingo Challenge */

#challenge-wrapper.bingo .challenge-logo-tile .challenge-logo{
    /* max-height: 150px; */
    /* max-width: 316px; */
    width: 327px;
    background-image: url('/apps/resources/self_service/images/challenges/v4/bingo/AH_Logo_MentalStressBingo_20240426.png');
}



#calendar_div{
    margin-left: 6px !important;
}

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


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

#mcc_bingo_2026 {
    overflow: hidden;
}


#mcc_bingo_2026-OnPeriodSuccess-content {
    width:100%;
}

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

#bingo_v2_widget_AHXDynamicLayout_renderWidget_message_center_0{
    justify-content: center;
}


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

}

/* End of Styling for Good Deeds Bingo Challenge */