/****************************************************************************************************************************/
/************************************************** SPORT PREDICTOR POPUP **************************************************/
/****************************************************************************************************************************/
#divAppSportPredictor
{
    /* VARIABLES ARE OVERWRITTEN VIA JS TO USE TOURNAMENT SPECIFIC VALUES */
    --sport-predictor-background-image:url('../images/promotions/sportPredictor/background.webp');
    --sport-predictor-heading-image:url('../images/promotions/sportPredictor/heading.webp');
    --sport-predictor-primary-color:#006d18;
    --sport-predictor-primary-color-dark:#00380c;
    --sport-predictor-primary-color-light:#00c72b;
    --sport-predictor-secondary-color:#9d8300;
    --sport-predictor-secondary-color-dark:#534500;
    --sport-predictor-secondary-color-light:#e5bf00;
    --sport-predictor-primary-text-color:#dddddd;
    --sport-predictor-secondary-text-color:#bbbbbb;
    /**********************************************************************/

    background-color:rgba(0, 0, 0, 0.75);
    display:none;
    height:100%;
    left:0%;
    opacity:0;
    position:fixed;
    top:0%;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    width:100%;
    z-index:20;
}

#divAppSportPredictor.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor .divPopupHeading
{
    color:#ffffff;
    font-size:22px;
    left:20px;
    line-height:40px;
    position:absolute;
    text-shadow:-1px 1px 2px #000000, 0px 0px 5px rgba(0, 0, 0, 0.5);
    top:15px;
}

#divAppSportPredictor .divPopupHeadingImage
{
    aspect-ratio:3 / 1;
    background-image:var(--sport-predictor-heading-image);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    left:10%;
    margin:50px 0px 0px;
    position:relative;
    width:80%;
}

/****************************************************************************************************************************/
/************************************************** SPORT PREDICTORS POPUP **************************************************/
/****************************************************************************************************************************/
#divAppSportPredictor #divSportPredictorsPopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/sportPredictor/background.webp');
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor.show #divSportPredictorsPopup
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnMuteMusic
{
    color:#edc967;
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    font-size:20px;
    height:40px;
    line-height:40px;
    position:absolute;
    right:55px;
    text-align:center;
    top:15px;
    transition:color 0.25s;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnMuteMusic.muted
{
	color:#888888;
}

#divAppSportPredictor #btnMuteMusic:hover, #divAppSportPredictor #btnMuteMusic:focus
{
    color:#ffffff;
}

#divAppSportPredictor #btnCloseSportPredictors
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseSportPredictors:before
{
    background-color:#edc967;
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseSportPredictors:after
{
    background-color:#edc967;
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseSportPredictors:hover:before, #divAppSportPredictor #btnCloseSportPredictors:focus:before, #divAppSportPredictor #btnCloseSportPredictors:hover:after, #divAppSportPredictor #btnCloseSportPredictors:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor .divSportPredictorsPopupHeading
{
    background-image:url('../images/promotions/sportPredictor/heading.webp');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:195px;
    left:calc(50% - 240px);
    margin-top:30px;
    position:relative;
    width:480px;
}

#divAppSportPredictor #divActivePredictors
{
    margin:30px 80px 0px;
}

#divAppSportPredictor .divPredictorTournament
{
    align-items:center;
    aspect-ratio:5 / 1;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border:2px solid #b28e3f;
    border-radius:12px;
    box-shadow:inset 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
    cursor:pointer;
    display:flex;
    filter:drop-shadow(0px 0px 0px #b28e3f);
    justify-content:center;
    margin-bottom:20px;
    transition:filter 0.25s, transform 0.25s;
}

#divAppSportPredictor .divPredictorTournament:hover, #divAppSportPredictor .divPredictorTournament:focus
{
    filter:drop-shadow(0px 0px 10px #b28e3f);
    transform:scale(1.05);
}

/*****************************************************************************************************************/
/************************************************** INTRO POPUP **************************************************/
/*****************************************************************************************************************/
#divAppSportPredictor #divIntroPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divIntroPopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnCloseIntro
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseIntro:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseIntro:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseIntro:hover:before, #divAppSportPredictor #btnCloseIntro:focus:before, #divAppSportPredictor #btnCloseIntro:hover:after, #divAppSportPredictor #btnCloseIntro:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor .divIntroButtons
{
    display:grid;
    gap:15px;
    grid-template-columns:1fr 1fr 1fr;
    margin:50px 40px 0px;
}

#divAppSportPredictor .divIntroButton
{
    aspect-ratio:5 / 6;
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(115deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 35%, var(--sport-predictor-primary-color-dark) 70%, var(--sport-predictor-primary-color) 100%);
    border:1px solid #ffffff;
    border-radius:11px;
    box-shadow:inset 0px 0px 5px 0px var(--sport-predictor-secondary-color), 0px 0px 5px 0px var(--sport-predictor-secondary-color);
    cursor:pointer;
    filter:drop-shadow(0px 0px 0px var(--sport-predictor-primary-color));
    transition:filter 0.25s, transform 0.25s;
}

#divAppSportPredictor .divIntroButton:hover, #divAppSportPredictor .divIntroButton:focus
{
    filter:drop-shadow(0px 0px 10px var(--sport-predictor-secondary-color));
    transform:scale(1.05);
}

#divAppSportPredictor .divIntroButton:after
{
    color:var(--sport-predictor-primary-text-color);
    font-size:18px;
    left:10px;
    line-height:20px;
    position:absolute;
    right:10px;
    text-align:center;
    top:15px;
}

#divAppSportPredictor #btnHowItWorks:after
{
    content:"How It Works";
}

#divAppSportPredictor #btnMakeYourPicks::before
{
    animation:pickStrokeSpin 1.5s linear infinite, pickStrokeGlow 1.4s ease-in-out infinite;
    background:conic-gradient(from var(--pick-angle), #f4d98a 0%, #7a2bc4 18%, #54227f 50%, #edc967 82%, #f4d98a 100%);
    border-radius:15px;
    content:'';
    height:100%;
    left:-4px;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    padding:4px;
    pointer-events:none;
    position:absolute;
    top:-4px;
    width:100%;
}

#divAppSportPredictor #btnMakeYourPicks:after
{
    content:"Make Your Picks";
}

#divAppSportPredictor #btnViewPrizes:after
{
    content:"View Prizes";
}

#divAppSportPredictor #btnMyProgress:after
{
    content:"My Progress";
}

#divAppSportPredictor #btnLeaderboards:after
{
    content:"Leaderboards";
}

#divAppSportPredictor #btnFAQs:after
{
    content:"FAQs";
}

#divAppSportPredictor .divIntroButton span
{
    bottom:10px;
    color:var(--sport-predictor-secondary-text-color);
    font-size:11px;
    left:10px;
    line-height:13px;
    position:absolute;
    right:10px;
    text-align:center;
}

#divAppSportPredictor .divIntroButton span:before
{
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    bottom:50px;
    content:"";
    display:block;
    filter:drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.5));
    height:80px;
    left:calc(50% - 40px);
    position:absolute;
    width:80px;
}

#divAppSportPredictor #btnHowItWorks span:before
{
    background-image:url('../images/promotions/sportPredictor/introIcons/howItWorks.webp');
}

#divAppSportPredictor #btnMakeYourPicks span:before
{
    background-image:url('../images/promotions/sportPredictor/introIcons/makeYourPicks.webp');
}

#divAppSportPredictor #btnViewPrizes span:before
{
    background-image:url('../images/promotions/sportPredictor/introIcons/viewPrizes.webp');
}

#divAppSportPredictor #btnMyProgress span:before
{
    background-image:url('../images/promotions/sportPredictor/introIcons/myProgress.webp');
}

#divAppSportPredictor #btnLeaderboards span:before
{
    background-image:url('../images/promotions/sportPredictor/introIcons/leaderboards.webp');
}

#divAppSportPredictor #btnFAQs span:before
{
    background-image:url('../images/promotions/sportPredictor/introIcons/faqs.webp');
}

/************************************************************************************************************************/
/************************************************** HOW IT WORKS POPUP **************************************************/
/************************************************************************************************************************/
#divAppSportPredictor #divHowItWorksPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divHowItWorksPopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnBackHowItWorks
{
    cursor:pointer;
    display:none;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:55px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnBackHowItWorks.show
{
    display:block;
}

#divAppSportPredictor #btnBackHowItWorks:before
{
    border-bottom:2px solid var(--sport-predictor-secondary-color-light);
    border-left:2px solid var(--sport-predictor-secondary-color-light);
    content:"";
    height:10px;
    left:11px;
    position:absolute;
    top:14px;
    transform:rotate(45deg);
    transition:border-color 0.25s;
    width:10px;
}

#divAppSportPredictor #btnBackHowItWorks:hover:before
{
    border-color:#ffffff;
}

#divAppSportPredictor #btnBackHowItWorks:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:10px;
    position:absolute;
    top:19px;
    transition:background-color 0.25s;
    width:20px;
}

 #divAppSportPredictor #btnBackHowItWorks:hover:after
{
    background-color:#ffffff;
}

#divAppSportPredictor #btnCloseHowItWorks
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseHowItWorks:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseHowItWorks:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseHowItWorks:hover:before, #divAppSportPredictor #btnCloseHowItWorks:focus:before, #divAppSportPredictor #btnCloseHowItWorks:hover:after, #divAppSportPredictor #btnCloseHowItWorks:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor .divHowItWorksButton
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    color:#ffffff;
    cursor:pointer;
    font-family:"Jost", sans-serif;
    font-size:18px;
    height:55px;
    left:25%;
    line-height:55px;
    margin-bottom:15px;
    position:relative;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s, filter 0.25s, transform 0.25s;
    width:50%;
}

#divAppSportPredictor .divHowItWorksButton:hover, #divAppSportPredictor .divHowItWorksButton:focus
{
    color:var(--sport-predictor-secondary-color-light);
    filter:drop-shadow(0px 0px 10px var(--sport-predictor-secondary-color));
    transform:scale(1.05);
}

#divAppSportPredictor .divHowItWorksButton:before
{
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:10px;
    bottom:1px;
    content:"";
    display:block;
    left:1px;
    position:absolute;
    right:1px;
    top:1px;
}

#divAppSportPredictor .divHowItWorksButton:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

#divAppSportPredictor #btnHowPointsWork
{
    margin-top:30px;
}

#divAppSportPredictor #btnOverallLeaderboard
{
    margin-bottom:20px;
}

#divAppSportPredictor .divHowItWorksButton span
{
    position:relative;
}

#divAppSportPredictor .divHowItWorksButton span:before
{
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    display:inline-block;
    filter:drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.5));
    height:30px;
    margin:0px 10px 0px 13px;
    transform:translateY(10px);
    width:30px;
}

#divAppSportPredictor #btnHowPointsWork span:before
{
    background-image:url('../images/promotions/sportPredictor/howItWorksIcons/howPointsWork.webp');
}

#divAppSportPredictor #btnGrandPrize span:before
{
    background-image:url('../images/promotions/sportPredictor/howItWorksIcons/grandPrize.webp');
}

#divAppSportPredictor #btnStageLeaderboard span:before
{
    background-image:url('../images/promotions/sportPredictor/howItWorksIcons/stageLeaderboards.webp');
}

#divAppSportPredictor #btnOverallLeaderboard span:before
{
    background-image:url('../images/promotions/sportPredictor/howItWorksIcons/overallLeaderboard.webp');
}

#divAppSportPredictor #btnHowItWorksPickNow
{
    left:calc(50% - 115px);
    position:relative;
    width:230px;
}

#divAppSportPredictor #divHowPointsWork, #divAppSportPredictor #divGrandPrize, #divAppSportPredictor #divStageLeaderboard, #divAppSportPredictor #divOverallLeaderboard
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:100%;
    left:50%;
    opacity:0;
    overflow-y:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
}

#divAppSportPredictor #divHowPointsWork.show, #divAppSportPredictor #divGrandPrize.show, #divAppSportPredictor #divStageLeaderboard.show, #divAppSportPredictor #divOverallLeaderboard.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor .divHowItWorksContent
{
    padding:20px;
}

#divAppSportPredictor .divHowItWorksTitle
{
    color:var(--sport-predictor-primary-text-color);
    font-family:"Jost", sans-serif;
    font-size:22px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:15px;
    text-align:center;
    text-shadow:0px 0px 10px rgba(0, 0, 0, 0.75);
    text-transform:uppercase;
}

#divAppSportPredictor .divHowItWorksCards
{
    display:flex;
    flex-direction:column;
    gap:10px;
}

#divAppSportPredictor .divHowItWorksCard
{
    background:linear-gradient(135deg, rgba(17, 17, 17, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%);
    border:1px solid #a57850;
    border-radius:10px;
    display:flex;
    gap:12px;
    padding:12px 15px;
}

#divAppSportPredictor .divHowItWorksCardIcon
{
    background:linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:50%;
    color:var(--sport-predictor-primary-text-color);
    font-size:16px;
    font-weight:700;
    height:36px;
    line-height:36px;
    text-align:center;
    width:36px;
}

#divAppSportPredictor .divHowItWorksCardTitle
{
    color:var(--sport-predictor-primary-text-color);
    font-size:13px;
    font-weight:600;
    width:85px;
}

#divAppSportPredictor .divHowItWorksCardText
{
    color:#dddddd;
    flex:1;
    font-size:11px;
    line-height:14px;
}

#divAppSportPredictor .divHowItWorksFooter
{
    background:rgba(17, 17, 17, 0.8);
    border:1px solid #a57850;
    border-radius:8px;
    color:#dddddd;
    font-size:11px;
    margin-top:15px;
    padding:8px 12px;
    text-align:center;
}

#divAppSportPredictor .divHowItWorksFooter span
{
    color:#b28e3f;
    font-weight:600;
}

/*******************************************************************************************************************/
/************************************************** PAYOUTS POPUP **************************************************/
/*******************************************************************************************************************/
#divAppSportPredictor #divPayoutsPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divPayoutsPopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnClosePayouts
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnClosePayouts:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnClosePayouts:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnClosePayouts:hover:before, #divAppSportPredictor #btnClosePayouts:focus:before, #divAppSportPredictor #btnClosePayouts:hover:after, #divAppSportPredictor #btnClosePayouts:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor .divLeaderboardContainer
{
    margin:0px 20px 15px;
}

#divAppSportPredictor .divLeaderboardContainer:first-child
{
    margin-top:70px;
}

#divAppSportPredictor .divPayoutsHeading
{
    background-color:#111111;
    border:1px solid #a57850;
    border-radius:10px;
    color:#b28e3f;
    font-size:14px;
    font-weight:600;
    line-height:30px;
    text-align:center;
    white-space:nowrap;
}

#divAppSportPredictor .divPayouts
{
    background-color:rgba(17, 17, 17, 0.9);
    border:1px solid #a57850;
    border-radius:10px;
    color:#bbbbbb;
    overflow:auto;
}

#divAppSportPredictor .divPayouts .divRow
{
    border-bottom:1px solid rgba(255, 255, 255, 0.05);
    display:flex;
    line-height:18px;
    padding:5px 10px;
}

#divAppSportPredictor .divPayouts .divRow.divRowHeader
{
    background-color:#111111;
    font-weight:600;
    padding:8px 10px;
}

#divAppSportPredictor .divPayouts .divCell
{
    font-size:12px;
}

#divAppSportPredictor .divPayouts .divCell:nth-child(1)
{
    width:75px;
}

#divAppSportPredictor .divPayouts .divCell:nth-child(2)
{
    color:#ffffff;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#divAppSportPredictor .divPayouts .divCell:nth-child(3)
{
    width:75px;
}

#divAppSportPredictor .divPayouts .divCell:nth-child(4)
{
    color:#ffffff;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#divAppSportPredictor .divPayouts .divRowHeader .divCell:nth-child(2), #divAppSportPredictor .divPayouts .divRowHeader .divCell:nth-child(4)
{
    color:#b28e3f;
}

#divAppSportPredictor .divPayouts .divCell.noResults
{
    flex:1;
    text-align:center;
}

/***********************************************************************************************************************/
/************************************************** LEADERBOARD POPUP **************************************************/
/***********************************************************************************************************************/
#divAppSportPredictor #divLeaderboardPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divLeaderboardPopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnCloseLeaderboard
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseLeaderboard:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseLeaderboard:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseLeaderboard:hover:before, #divAppSportPredictor #btnCloseLeaderboard:focus:before, #divAppSportPredictor #btnCloseLeaderboard:hover:after, #divAppSportPredictor #btnCloseLeaderboard:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor .divMainContent
{
    bottom:95px;
    display:flex;
    flex-direction:column;
    left:0px;
    overflow:hidden;
    padding:0px 20px;
    position:absolute;
    right:0px;
    top:60px;
}

/* LEADERBOARD TAB */
#divAppSportPredictor #divLeaderboardTab
{
    display:none;
    flex-direction:column;
    min-height:320px;
}

#divAppSportPredictor #divLeaderboardTab.show
{
    display:flex;
}

#divAppSportPredictor #divGlobalPosition
{
    background-color:#191b23;
    border:1px solid #383d57;
    border-radius:10px;
    color:#bbbbbb;
    float:left;
    font-size:14px;
    line-height:20px;
    margin-top:5px;
    padding:10px;
    text-align:center;
    width:calc(100% - 74px);
}

#divAppSportPredictor .customPool #divGlobalPosition
{
    margin-bottom:20px;
}

#divAppSportPredictor #divGlobalPosition span
{
    color:#b28e3f;
    font-weight:600;
}

#divAppSportPredictor #btnRefreshLeaderboard
{
    background-color:#191b23;
    border:1px solid #383d57;
    border-radius:10px;
    cursor:pointer;
    float:right;
    font-size:20px;
    height:40px;
    line-height:40px;
    margin-top:5px;
    text-align:center;
    width:40px;
}

#divAppSportPredictor #btnRefreshLeaderboard:before
{
    color:#999999;
    display:block;
    transition:color 0.25s, transform 0.25s;
}

#divAppSportPredictor #btnRefreshLeaderboard:hover:before, #divAppSportPredictor #btnRefreshLeaderboard:focus:before
{
    color:#dddddd;
    transform:rotate(180deg);
}

#divAppSportPredictor #drdLeaderboardRound, #divAppSportPredictor .customPool #drdLeaderboardRound.show
{
    display:none;
}

#divAppSportPredictor #drdLeaderboardRound.show
{
    display:block;
}

#divAppSportPredictor .divCustomPoolButtons
{
    display:none;
    font-size:0px;
}

#divAppSportPredictor .customPool .divCustomPoolButtons
{
    display:block;
}

#divAppSportPredictor #btnSharePool
{
    margin:0px 12px 0px 1px;
    width:120px;
}

#divAppSportPredictor #btnLeavePool
{
    width:120px;
}

#divAppSportPredictor #divLeaderboard
{
    background-color:rgba(17, 17, 17, 0.9);
    border:1px solid #a57850;
    border-radius:10px;
    color:#bbbbbb;
    margin-top:20px;
    overflow:auto;
}

#divAppSportPredictor #divLeaderboard .divRow
{
    border-bottom:1px solid rgba(255, 255, 255, 0.05);
    cursor:pointer;
    display:flex;
    line-height:18px;
    padding:5px 10px;
    transition:background-color 0.25s;
}

#divAppSportPredictor #divLeaderboard .divRow:hover, #divAppSportPredictor #divLeaderboard .divRow:focus
{
    background-color:var(--sport-predictor-primary-color-dark);
}

#divAppSportPredictor #divLeaderboard .divRow.divRowHeader
{
    background-color:#111111;
    cursor:default;
    padding:8px 10px;
}

#divAppSportPredictor #divLeaderboard .divRow.divRowHeader:hover, #divAppSportPredictor #divLeaderboard .divRow.divRowHeader:focus
{
    background-color:#111111;
}

#divAppSportPredictor #divLeaderboard .divRow.self
{
    background-color:rgba(0, 255, 0, 0.1);
}

#divAppSportPredictor #divLeaderboard .divRow.divRowSeparator
{
    justify-content:center;
    padding:2px 10px;
}

#divAppSportPredictor #divLeaderboard .divRow.divRowSeparator .divCell
{
    color:rgba(255, 255, 255, 0.3);
    text-align:center;
    width:auto;
}

#divAppSportPredictor #divLeaderboard .divCell
{
    font-size:12px;
}

#divAppSportPredictor #divLeaderboard .divCell.noResults
{
    flex:1;
    text-align:center;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(1)
{
    text-align:center;
    width:35px;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(2)
{
    flex:1;
    overflow:hidden;
    text-decoration:underline;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#divAppSportPredictor #divLeaderboard .divRowHeader .divCell:nth-child(2)
{
    text-decoration:none;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(3)
{
    text-align:center;
    width:35px;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(4)
{
    text-align:center;
    width:35px;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(5)
{
    text-align:center;
    width:35px;
}

#divAppSportPredictor.hideMargin #divLeaderboard .divCell:nth-child(5)
{
    display:none;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(6)
{
    color:rgba(255, 255, 255, 0.4);
    text-align:center;
    width:40px;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(7)
{
    color:#dddddd;
    font-weight:600;
    text-align:center;
    width:40px;
}

#divAppSportPredictor #divLeaderboard .divCell:nth-child(8)
{
    color:var(--sport-predictor-primary-color-light);
    font-weight:600;
    text-align:right;
    width:65px;
}

#divAppSportPredictor .customPool #divLeaderboard .divCell:nth-child(8)
{
    display:none;
}

#divAppSportPredictor .divLeaderboardLegend
{
    background-color:#111111;
    border:1px solid #a57850;
    border-radius:10px;
    color:#bbbbbb;
    font-size:12px;
    line-height:30px;
    margin-top:-1px;
    text-align:center;
    white-space:nowrap;
}

#divAppSportPredictor .divLeaderboardLegend span
{
    color:#dddddd;
    font-weight:600;
}

/* JOIN POOL TAB */
#divAppSportPredictor #divJoinPoolTab
{
    display:none;
    flex-direction:column;
    overflow:hidden;
}

#divAppSportPredictor #divJoinPoolTab.show
{
    display:flex;
}

#divAppSportPredictor .divContentText
{
    background-color:#191b23;
    border:1px solid #383d57;
    border-radius:10px;
    color:#bbbbbb;
    font-size:14px;
    line-height:20px;
    margin-top:5px;
    padding:10px;
    text-align:center;
}

#divAppSportPredictor .divContentText span
{
    color:#b28e3f;
}

#divAppSportPredictor #txtSearchPool
{
    float:left;
    width:calc(100% - 112px);
}

#divAppSportPredictor #btnSearchPools
{
    float:right;
    margin:20px 0px;
    width:100px;
}

#divAppSportPredictor #divSearchResults
{
    background-color:rgba(17, 17, 17, 0.9);
    border:1px solid #a57850;
    border-radius:10px;
    color:#bbbbbb;
    overflow:auto;
}

#divAppSportPredictor #divSearchResults.hide
{
    display:none;
}

#divAppSportPredictor #divSearchResults .divRow
{
    border-bottom:1px solid rgba(255, 255, 255, 0.05);
    display:flex;
    line-height:30px;
    padding:5px 10px;
}

#divAppSportPredictor #divSearchResults .divRow.divRowHeader
{
    background-color:#111111;
    line-height:18px;
    padding:8px 10px;
}

#divAppSportPredictor #divSearchResults .divCell
{
    font-size:12px;
}

#divAppSportPredictor #divSearchResults .divCell.noResults
{
    flex:1;
    text-align:center;
}

#divAppSportPredictor #divSearchResults .divCell:nth-child(1)
{
    flex:1;
}

#divAppSportPredictor #divSearchResults .divCell:nth-child(2)
{
    text-align:center;
    width:50px;
}

#divAppSportPredictor #divSearchResults .divCell:nth-child(3)
{
    text-align:center;
    width:60px;
}

#divAppSportPredictor #divSearchResults .divCell:nth-child(4)
{
    text-align:center;
    width:50px;
}

#divAppSportPredictor #divSearchResults .btnJoin
{
    font-size:11px;
    height:28px;
    line-height:28px;
    min-width:0px;
    padding:0px 10px;
}

#divAppSportPredictor #divSearchResults .btnJoin.joined
{
    cursor:default;
    filter:grayscale(0.9);
}

#divAppSportPredictor #divSearchResults .btnJoin.joined:hover, #divAppSportPredictor #divSearchResults .btnJoin.joined:focus
{
    color:var(--sport-predictor-primary-text-color);
}

/* CREATE POOL TAB */
#divAppSportPredictor #divCreatePoolTab
{
    display:none;
}

#divAppSportPredictor #divCreatePoolTab.show
{
    display:block;
}

#divAppSportPredictor #txtCreatePoolName
{
    margin-bottom:20px;
}

#divAppSportPredictor #txtCreatePoolPassword.hide
{
    display:none;
}

#divAppSportPredictor #btnCreatePool
{
    display:block;
    height:43px;
    line-height:43px;
    margin:21px 0px 0px 1px;
}

#divAppSportPredictor #btnLeaderboardPickNow
{
    bottom:20px;
    left:calc(50% - 115px);
    position:absolute;
    width:230px;
}

/*********************************************************************************************************************/
/************************************************** VIEW USER POPUP **************************************************/
/*********************************************************************************************************************/
#divAppSportPredictor #divViewUserPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divViewUserPopup.show
{
    animation-duration:0.25s;
    animation-name:showSportPredictorPopup;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnCloseViewUser
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseViewUser:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseViewUser:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseViewUser:hover:before, #divAppSportPredictor #btnCloseViewUser:focus:before, #divAppSportPredictor #btnCloseViewUser:hover:after, #divAppSportPredictor #btnCloseViewUser:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor #divViewUserSummary
{
    background-color:rgba(17, 17, 17, 0.9);
    border:1px solid #a57850;
    border-radius:10px;
    color:#bbbbbb;
    margin:70px 15px 15px;
    overflow:hidden;
}

#divAppSportPredictor #divViewUserSummary .divRow
{
    display:flex;
    line-height:18px;
    padding:5px 10px;
}

#divAppSportPredictor #divViewUserSummary .divRow.divRowHeader
{
    background-color:#111111;
    padding:8px 10px;
}

#divAppSportPredictor #divViewUserSummary .divCell
{
    font-size:12px;
    text-align:center;
    flex:1;
}

#divAppSportPredictor #divViewUserSummary .divCell:nth-child(1)
{
    color:#ffffff;
    flex:2;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#divAppSportPredictor.hideMargin #divViewUserSummary .divCell:nth-child(5)
{
    display:none;
}

#divAppSportPredictor #divViewUserSummary .divCell:nth-child(7)
{
    color:var(--sport-predictor-primary-color-light);
}

#divAppSportPredictor #divViewUserTable
{
    background-color:rgba(17, 17, 17, 0.9);
    border:1px solid #a57850;
    border-radius:10px;
    color:#bbbbbb;
    margin:0px 15px 30px;
    overflow-y:auto;
}

#divAppSportPredictor #divViewUserTable .divRow
{
    border-bottom:1px solid rgba(255, 255, 255, 0.05);
    display:flex;
    line-height:18px;
    padding:5px 10px;
}

#divAppSportPredictor #divViewUserTable .divRow.divRowHeader
{
    background-color:#111111;
    color:var(--sport-predictor-primary-color-light);
    padding:8px 10px;
}

#divAppSportPredictor #divViewUserTable .divCell
{
    font-size:12px;
}

#divAppSportPredictor #divViewUserTable .divCell:nth-child(1)
{
    color:#ffffff;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#divAppSportPredictor #divViewUserTable .divCell:nth-child(2)
{
    color:#ffffff;
    text-align:center;
    width:60px;
}

#divAppSportPredictor #divViewUserTable .divCell:nth-child(3),
#divAppSportPredictor #divViewUserTable .divCell:nth-child(4),
#divAppSportPredictor #divViewUserTable .divCell:nth-child(5)
{
    text-align:center;
    width:35px;
}

#divAppSportPredictor.hideMargin #divViewUserTable .divCell:nth-child(5)
{
    display:none;
}

#divAppSportPredictor #divViewUserTable .divCell.positiveScore
{
    color:var(--sport-predictor-primary-color-light);
    font-weight:600;
}

#divAppSportPredictor #divViewUserTable .divCell.didNotPick
{
    color:#dddddd;
}

/*****************************************************************************************************************/
/************************************************** PICKS POPUP **************************************************/
/*****************************************************************************************************************/
#divAppSportPredictor #divPicksPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divPicksPopup.show
{
    animation-duration:0.25s;
    animation-name:showSportPredictorPopup;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnClosePicks
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnClosePicks:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnClosePicks:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnClosePicks:hover:before, #divAppSportPredictor #btnClosePicks:focus:before, #divAppSportPredictor #btnClosePicks:hover:after, #divAppSportPredictor #btnClosePicks:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor #divRoundTabs
{
    display:none;
    margin:55px 20px 0px;
}

#divAppSportPredictor #divRoundTabs.show
{
    display:block;
}

#divAppSportPredictor #btnPrevious
{
    border-radius:50%;
    height:40px;
    line-height:38px;
    position:absolute;
    right:70px;
    top:140px;
    width:40px;
}

#divAppSportPredictor #btnNext
{
    border-radius:50%;
    height:40px;
    line-height:38px;
    position:absolute;
    right:20px;
    top:140px;
    width:40px;
}

#divAppSportPredictor #btnPrevious:before, #divAppSportPredictor #btnPrevious:after, #divAppSportPredictor #btnNext:before, #divAppSportPredictor #btnNext:after
{
    border-radius:50%;
}

#divAppSportPredictor #divPicksScroller
{
    height:400px;
    overflow-x:scroll;
    overflow-y:hidden;
    position:absolute;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    top:185px;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    width:100%;
    z-index:1;
}

#divAppSportPredictor #divPicksScroller::-webkit-scrollbar
{
    background:transparent;
    height:0px;
    width:0px;
}

#divAppSportPredictor #divPicks
{
    height:100%;
    position:relative;
    white-space:nowrap;
}

#divAppSportPredictor .divMatchContainer
{
    display:inline-block;
    height:100%;
    position:relative;
    top:0px;
    width:290px;
}

#divAppSportPredictor .divMatchContainer:first-child
{
    margin-left:calc((100% - 290px) / 2);
}

#divAppSportPredictor .divMatchContainer:last-child
{
    margin-right:calc((100% - 290px) / 2);
}

#divAppSportPredictor .divMatchTile
{
    background-color:#191b23;
    border:1px solid #a57850;
    border-radius:10px;
    box-shadow:inset 0px 0px 10px 0px rgba(255, 255, 255, 0.25),  0px 0px 10px rgba(0, 0, 0, 0.95);
    height:340px;
    left:calc(50% - 125px);
    position:absolute;
    top:10px;
    width:250px;
}

#divAppSportPredictor .divMatchTile.hasOdds
{
    height:386px;
}

#divAppSportPredictor .divMatchNumber
{
    font-size:12px;
    left:0px;
    line-height:14px;
    position:absolute;
    right:0px;
    text-align:center;
    top:10px;
}

#divAppSportPredictor .divHomeTeam
{
    color:#dddddd;
    font-size:14px;
    left:25px;
    line-height:16px;
    position:absolute;
    text-align:center;
    top:65px;
    transform:translateY(-50%);
    white-space:normal;
    width:85px;
}

#divAppSportPredictor .divVs
{
    color:#b28e3f;
    content:"VS";
    font-size:13px;
    font-weight:600;
    left:50%;
    position:absolute;
    top:56px;
    transform:translateX(-50%);
}

#divAppSportPredictor .divAwayTeam
{
    color:#dddddd;
    font-size:14px;
    line-height:16px;
    position:absolute;
    right:25px;
    text-align:center;
    top:65px;
    transform:translateY(-50%);
    white-space:normal;
    width:85px;
}

#divAppSportPredictor .divMarginPicker
{
    border:2px solid #a57850;
    border-radius:10px;
    box-shadow:inset 0px 0px 1px 0px #000000, inset 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    height:90px;
    left:50%;
    overflow:hidden;
    position:absolute;
    top:92px;
    transform:translateX(-50%);
    user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    width:160px;
}

#divAppSportPredictor .divMarginPicker:before
{
    background-color:rgba(0, 0, 0, 0.25);
    content:"";
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
}

#divAppSportPredictor .divHomeScorePicker
{
    background-position:center;
    background-size:cover;
    border:2px solid #a57850;
    border-radius:10px;
    box-shadow:inset 0px 0px 1px 0px #000000, inset 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    height:90px;
    left:15px;
    overflow:hidden;
    position:absolute;
    top:92px;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    width:100px;
}

#divAppSportPredictor .divAwayScorePicker
{
    background-position:center;
    background-size:cover;
    border:2px solid #a57850;
    border-radius:10px;
    box-shadow:inset 0px 0px 1px 0px #000000, inset 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    height:90px;
    overflow:hidden;
    position:absolute;
    right:15px;
    top:92px;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    width:100px;
}

#divAppSportPredictor .divHomeScorePicker:before, #divAppSportPredictor .divAwayScorePicker:before
{
    background-color:rgba(0, 0, 0, 0.25);
    content:"";
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
}

#divAppSportPredictor .divScorePickerIndicator
{
    background-color:rgba(0, 0, 0, 0.75);
    border-radius:10px;
    height:30px;
    left:10px;
    position:absolute;
    right:10px;
    top:30px;
    z-index:2;
}

#divAppSportPredictor .divScorePicker
{
    height:100%;
    left:0px;
    overflow-x:hidden;
    overflow-y:scroll;
    position:absolute;
    -webkit-overflow-scrolling:touch;
    top:0px;
    width:100%;
    z-index:2;
}

#divAppSportPredictor .divScore
{
    color:#ffffff;
    cursor:pointer;
    font-size:20px;
    font-weight:600;
    height:30px;
    line-height:30px;
    text-align:center;
    text-shadow:0px 0px 1px #000000;
}

#divAppSportPredictor .divMatchResults
{
    color:#b28e3f;
    font-size:14px;
    left:0px;
    position:absolute;
    right:0px;
    text-align:center;
    top:50px;
}

#divAppSportPredictor .divMatchResults:before
{
    background-color:#b28e3f;
    content:"";
    display:block;
    height:1px;
    left:20px;
    position:absolute;
    top:10px;
    width:17%;
}

#divAppSportPredictor .divMatchResults:after
{
    background-color:#b28e3f;
    content:"";
    display:block;
    height:1px;
    position:absolute;
    right:20px;
    top:10px;
    width:17%;
}

#divAppSportPredictor .divHomeTeamScore
{
    left:40px;
    position:absolute;
    right:0px;
    top:75px;
    white-space:nowrap;
}

#divAppSportPredictor .divAwayTeamScore
{
    left:40px;
    position:absolute;
    right:0px;
    top:120px;
    white-space:nowrap;
}

#divAppSportPredictor .divTeamImage
{
    border:1px solid #a57850;
    border-radius:5px;
    box-shadow:inset 0px 0px 1px 0px #000000, inset 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    display:inline-block;
    height:30px;
    transform:translateY(3px);
    width:30px;
}

#divAppSportPredictor .divTeamScore
{
    color:#dddddd;
    display:inline-block;
    font-size:36px;
    margin-left:10px;
}

#divAppSportPredictor .divYourPick
{
    color:#b28e3f;
    font-size:14px;
    left:0px;
    position:absolute;
    right:0px;
    text-align:center;
    top:185px;
}

#divAppSportPredictor .divYourPick:before
{
    background-color:#b28e3f;
    content:"";
    display:block;
    height:1px;
    left:20px;
    position:absolute;
    top:10px;
    width:17%;
}

#divAppSportPredictor .divYourPick:after
{
    background-color:#b28e3f;
    content:"";
    display:block;
    height:1px;
    position:absolute;
    right:20px;
    top:10px;
    width:17%;
}

#divAppSportPredictor .divYourPickValue
{
    color:#dddddd;
    font-size:28px;
    left:0px;
    position:absolute;
    right:0px;
    text-align:center;
    top:210px;
}

#divAppSportPredictor .divYourPickValue.didNotPick
{
    color:#ff0000;
    top:230px;
}

#divAppSportPredictor .divOutcomePoint, #divAppSportPredictor .divExactPoint, #divAppSportPredictor .divMarginPoint
{
    color:#b28e3f;
    border:1px solid #a57850;
    border-radius:50%;
    font-size:10px;
    font-weight:600;
    height:30px;
    line-height:30px;
    position:absolute;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
    top:252px;
    width:30px;
}

#divAppSportPredictor .divOutcomePoint:after, #divAppSportPredictor .divExactPoint:after, #divAppSportPredictor .divMarginPoint:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:50%;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
}

#divAppSportPredictor .divOutcomePoint
{
    left:calc(50% - 55px);
}

#divAppSportPredictor.hideMargin .divOutcomePoint
{
    left:calc(50% - 35px);
}

#divAppSportPredictor .divOutcomePoint.selected
{
    background:linear-gradient(180deg, #046804 0%, #005400 100%);
}

#divAppSportPredictor .divExactPoint
{
    left:calc(50% - 15px);
}

#divAppSportPredictor.hideMargin .divExactPoint
{
    left:calc(50% + 10px);
}

#divAppSportPredictor .divExactPoint.selected
{
    background:linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
}

#divAppSportPredictor .divMarginPoint
{
    left:calc(50% + 25px);
}

#divAppSportPredictor.hideMargin .divMarginPoint
{
    display:none;
}

#divAppSportPredictor .divMarginPoint.selected
{
    background:linear-gradient(180deg, #202d66 0%, #1c1349 100%);
}

#divAppSportPredictor .divMatchStartTimer
{
    left:0px;
    position:absolute;
    right:0px;
    top:185px;
}

#divAppSportPredictor .divMatchStartTimer .countdownTimer
{
    height:110px;
}

#divAppSportPredictor .divMatchStartTimer .countdownTimer .divTimerLabel
{
    font-size:14px;
    padding-top:10px;
    text-shadow:none;
}

#divAppSportPredictor .divMatchStartTimer .countdownTimer .divTimerLabel:before, #divAppSportPredictor .divMatchStartTimer .countdownTimer .divTimerLabel:after
{
    background-color:#b28e3f;
    box-shadow:none;
    height:1px;
    top:20px;
}

#divAppSportPredictor .divMatchStartTimer .countdownTimer .divDaysValue, #divAppSportPredictor .divMatchStartTimer .countdownTimer .divHoursValue, #divAppSportPredictor .divMatchStartTimer .countdownTimer .divMinutesValue, #divAppSportPredictor .divMatchStartTimer .countdownTimer .divSecondsValue
{
    border:2px solid #b28e3f;
    box-shadow:inset 0px 0px 1px 0px #000000, inset 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    font-size:20px;
    height:40px;
    line-height:42px;
    text-shadow:0px 0px 5px #01eff9;
    top:38px;
    width:40px;
}

#divAppSportPredictor .divMatchStartTimer .countdownTimer .divSecondsValue
{
    text-shadow:0px 0px 5px #7262f2, 0px 0px 5px #7262f2;
}

#divAppSportPredictor .divMatchStartTimer .countdownTimer .divDaysLabel, #divAppSportPredictor .divMatchStartTimer .countdownTimer .divHoursLabel, #divAppSportPredictor .divMatchStartTimer .countdownTimer .divMinutesLabel, #divAppSportPredictor .divMatchStartTimer .countdownTimer .divSecondsLabel
{
    color:#dddddd;
    font-size:10px;
    text-shadow:none;
}

#divAppSportPredictor .divTBA
{
    font-size:24px;
    font-style:italic;
    left:0px;
    position:absolute;
    right:0px;
    text-align:center;
    top:140px;
}

#divAppSportPredictor .divMatchTile .btnSavePick
{
    border-radius:8px;
    font-size:9px;
    height:30px;
    left:calc(50% - 100px);
    line-height:30px;
    position:absolute;
    top:295px;
    width:200px;
}

#divAppSportPredictor .divMatchTile .btnSavePick:before
{
    border-radius:8px;
}

#divAppSportPredictor .divMatchTile .btnSavePick:after
{
    border-radius:5px;
    bottom:3px;
    left:3px;
    right:3px;
    top:3px;
}

#divAppSportPredictor .divMatchTile .btnMatchLink
{
    border-radius:8px;
    font-size:9px;
    height:30px;
    left:calc(50% - 100px);
    line-height:30px;
    position:absolute;
    top:295px;
    width:200px;
}

#divAppSportPredictor .divMatchTile .btnMatchLink:before
{
    border-radius:8px;
    padding:2px;
}

#divAppSportPredictor .divMatchTile .btnMatchLink:after
{
    border-radius:5px;
    bottom:3px;
    left:3px;
    right:3px;
    top:3px;
}

#divAppSportPredictor .btnSavePick + .btnMatchLink
{
    left:calc(50% + 3px);
    width:97px;
}

#divAppSportPredictor .btnSavePick:has(+ .btnMatchLink)
{
    left:calc(50% - 100px);
    width:97px;
}

#divAppSportPredictor .divMatchOddsHeading
{
    bottom:38px;
    color:#b28e3f;
    font-size:12px;
    left:0px;
    line-height:14px;
    position:absolute;
    text-align:center;
    width:100%;
}

#divAppSportPredictor .divMatchOddsHeading span
{
    font-size:14px;
    position:relative;
}

#divAppSportPredictor .divMatchOddsHeading span:before
{
    margin-left:3px;
}

#divAppSportPredictor .divMatchOddsHeading span:after
{
    background-color:rgba(0, 0, 0, 0.9);
    border:1px solid #a57850;
    border-radius:10px;
    bottom:calc(100% + 5px);
    box-shadow:0px 0px 10px 0px #000000;
    color:#bbbbbb;
    content:"Odds show which result is seen as more likely and can guide your free prediction, but outcomes are never guaranteed.";
    display:none;
    font-family:"Jost", sans-serif;
    font-size:12px;
    left:calc(50% - 138px);
    padding:10px;
    position:absolute;
    white-space:normal;
    width:180px;
    z-index:1;
}

#divAppSportPredictor .divMatchOddsHeading span:hover:after, #divAppSportPredictor .divMatchOddsHeading span:focus:after
{
    display:block;
}

#divAppSportPredictor .divMatchOddsHeading:before
{
    background-color:#b28e3f;
    content:"";
    display:block;
    height:1px;
    left:30px;
    position:absolute;
    top:8px;
    width:15%;
}

#divAppSportPredictor .divMatchOddsHeading:after
{
    background-color:#b28e3f;
    content:"";
    display:block;
    height:1px;
    position:absolute;
    right:30px;
    top:8px;
    width:15%;
}

#divAppSportPredictor .divMatchOdds
{
    bottom:0px;
    display:flex;
    left:0px;
    overflow:hidden;
    position:absolute;
    width:100%;
}

#divAppSportPredictor .divOddsCell
{
    flex:1;
    padding:6px 0px;
    text-align:center;
    transition:background-color 0.2s;
}

#divAppSportPredictor .divOddsLabel
{
    color:#dddddd;
    font-size:10px;
    line-height:10px;
}

#divAppSportPredictor .divOddsValue
{
    color:#5cbc5c;
    font-size:12px;
}

#divAppSportPredictor #btnSavePicks
{
    bottom:20px;
    left:calc(50% - 130px);
    position:absolute;
    width:260px;
}

/********************************************************************************************************************/
/************************************************** PROGRESS POPUP **************************************************/
/********************************************************************************************************************/
#divAppSportPredictor #divProgressPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divProgressPopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnCloseProgress
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseProgress:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseProgress:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseProgress:hover:before, #divAppSportPredictor #btnCloseProgress:focus:before, #divAppSportPredictor #btnCloseProgress:hover:after, #divAppSportPredictor #btnCloseProgress:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor .divProgressHeading
{
    color:#ffffff;
    font-family:"Bebas Neue", sans-serif;
    font-size:52px;
    padding:30px 0px 0px 50px;
    text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
}

#divAppSportPredictor .divStatsContainer
{
    display:grid;
    gap:15px;
    grid-template-columns:repeat(6, 1fr);
    margin:0px 50px;
}

#divAppSportPredictor .divStatsItem
{
    color:var(--sport-predictor-primary-text-color);
    text-shadow:-1px 1px 2px #000000, -1px 1px 3px #000000;
}

#divAppSportPredictor .divStatsItem:nth-child(1), #divAppSportPredictor .divStatsItem:nth-child(2)
{
    grid-column:span 3;
}

#divAppSportPredictor .divStatsItem:nth-child(3), #divAppSportPredictor .divStatsItem:nth-child(4), #divAppSportPredictor .divStatsItem:nth-child(5)
{
    font-size:36px;
    font-weight:600;
    grid-column:span 2;
    height:60px;
    padding-top:70px;
    text-align:center;
}

#divAppSportPredictor .divStatsItem:nth-child(6), #divAppSportPredictor .divStatsItem:nth-child(7)
{
    font-size:24px;
    font-weight:600;
    grid-column:span 3;
    height:45px;
    padding-top:70px;
    text-align:center;
}

#divAppSportPredictor .divStatsItem:nth-child(n+3)
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    font-family:"Jost", sans-serif;
    position:relative;
    text-shadow:-1px 1px 2px #000000;
}

#divAppSportPredictor .divStatsItem:nth-child(n+3):before
{
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:10px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
}

#divAppSportPredictor .divStatsItem:nth-child(n+3):after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

#divAppSportPredictor .divStatsItem:nth-child(n+3) > *
{
    position:absolute;
    width:100%;
}

#divAppSportPredictor .divProgressSubHeading
{
    font-size:14px;
    line-height:16px;
    text-shadow:-1px 1px 2px #000000;
    width:90%;
}

#divAppSportPredictor .divProgressSubHeading > span
{
    color:var(--sport-predictor-secondary-color-light);
    display:block;
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
}

#divAppSportPredictor #divGrandPrizeSubHeading
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    display:none;
    font-family:"Jost", sans-serif;
    letter-spacing:-0.5px;
    line-height:16px;
    margin-top:20px;
    padding:12px 15px;
    position:relative;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
}

#divAppSportPredictor .hasGrandPrize #divGrandPrizeSubHeading
{
    display:block;
}

#divAppSportPredictor #divGrandPrizeSubHeading:before
{
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:10px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
}

#divAppSportPredictor #divGrandPrizeSubHeading:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

#divAppSportPredictor #divGrandPrizeSubHeading span
{
    font-size:13px;
    position:relative;
}

#divAppSportPredictor .divCorrectScoreProgress
{
    display:none;
    font-family:"Bebas Neue", sans-serif;
    position:relative
}

#divAppSportPredictor .hasGrandPrize .divCorrectScoreProgress
{
    display:block;
}

#divAppSportPredictor .divCorrectScoreChartContainer
{
    background:conic-gradient(from 315deg at 50% 50%, var(--sport-predictor-secondary-color-light) 0%, var(--sport-predictor-secondary-color-dark) 15%, var(--sport-predictor-primary-color-dark) 30%, var(--sport-predictor-primary-color) 50%, var(--sport-predictor-primary-color-dark) 70%, var(--sport-predictor-secondary-color-dark) 85%, var(--sport-predictor-secondary-color-light) 100%);
    border:2px solid #b28e3f;
    border-radius:50%;
    box-shadow:0px 0px 10px 0px #000000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    float:right;
    height:200px;
    position:relative;
    top:0px;
    width:200px;
}

#divAppSportPredictor .divCorrectScoreChartContainer:before
{
    background:linear-gradient(315deg, var(--sport-predictor-primary-color-dark) 0%, var(--sport-predictor-primary-color) 60%, var(--sport-predictor-primary-color-light) 100%);
    border:1px solid #b28e3f;
    border-radius:50%;
    bottom:15px;
    box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    content:"";
    display:block;
    left:15px;
    position:absolute;
    right:15px;
    top:15px;
}

#divAppSportPredictor #svgCorrectScoreChart
{
    height:100%;
    overflow:visible;
    transform:rotate(-90deg);
    width:100%;
}

#divAppSportPredictor .svgCorrectScoreChartFillBackground
{
    filter:drop-shadow(0px 0px 2px var(--sport-predictor-secondary-color)) drop-shadow(0px 0px 5px var(--sport-predictor-secondary-color));
    fill:transparent;
    stroke:#ffffff;
    stroke-linecap:round;
    stroke-width:12px;
    transition:stroke-dashoffset 0.5s ease-in-out;
}

#divAppSportPredictor .svgCorrectScoreChartFill
{
    fill:transparent;
    stroke:var(--sport-predictor-primary-color);
    stroke-linecap:round;
    stroke-width:10px;
    transition:stroke-dashoffset 0.5s ease-in-out;
}

#divAppSportPredictor #divCorrectScoreContent
{
    border:2px solid #b28e3f;
    border-radius:50%;
    bottom:22px;
    box-shadow:inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    font-size:52px;
    left:22px;
    line-height:165px;
    position:absolute;
    right:22px;
    text-align:center;
    text-shadow:-1px 1px 2px #000000, -1px 1px 3px #000000;
    top:22px;
}

#divAppSportPredictor #divCorrectScoreContent:before
{
    background-image:url('../images/promotions/sportPredictor/trophyCheck.webp');
    background-position:center top 10%;
    background-repeat:no-repeat;
    background-size:28%;
    content:"";
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
}

#divAppSportPredictor #divCorrectScoreContent:after
{
    color:var(--sport-predictor-secondary-color-light);
    content:"COMPLETE";
    font-size:22px;
    left:0px;
    line-height:normal;
    position:absolute;
    right:0px;
    top:calc(50% + 30px);
}

#divAppSportPredictor .divStatsLabel
{
    color:var(--sport-predictor-secondary-color-light);
    font-size:16px;
    font-weight:600;
    left:0px;
    letter-spacing:-0.25px;
    line-height:18px;
    text-shadow:-1px 1px 2px #000000, -1px 1px 3px #000000;
    top:50%;
    transform:translateY(-50%);
}

#divAppSportPredictor .divStatsLabel:before
{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    display:block;
    height:40px;
    left:calc(50% - 20px);
    position:absolute;
    top:calc(50% - 20px);
    transform:translateY(-35px);
    width:40px;
}

#divAppSportPredictor .divStatsItem:nth-child(6) .divStatsLabel:before, #divAppSportPredictor .divStatsItem:nth-child(7) .divStatsLabel:before
{
    transform:translateY(-30px);
}

#divAppSportPredictor .divTotalPointsLabel:before
{
    background-image:url('../images/promotions/sportPredictor/myProgressIcons/totalPoints.webp');
}

#divAppSportPredictor .divCorrectScoreLabel:before
{
    background-image:url('../images/promotions/sportPredictor/myProgressIcons/correctScore.webp');
}

#divAppSportPredictor .divCorrectResultLabel:before
{
    background-image:url('../images/promotions/sportPredictor/myProgressIcons/correctResult.webp');
}

#divAppSportPredictor .divStageRankingLabel:before
{
    background-image:url('../images/promotions/sportPredictor/myProgressIcons/stageRanking.webp');
}

#divAppSportPredictor .divOverallRankingLabel:before
{
    background-image:url('../images/promotions/sportPredictor/myProgressIcons/overallRanking.webp');
}

#divAppSportPredictor #divStageRanking
{
    font-size:18px;
}

#divAppSportPredictor #divStageRanking span
{
    color:#bbbbbb;
    display:block;
    font-size:10px;
    font-weight:400;
    margin-top:-6px;
}

#divAppSportPredictor #btnViewPicks
{
    left:calc(50% - 130px);
    margin-top:20px;
    width:260px;
}

/****************************************************************************************************************/
/************************************************** FAQS POPUP **************************************************/
/****************************************************************************************************************/
#divAppSportPredictor #divFaqsPopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divFaqsPopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnCloseFaqs
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseFaqs:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseFaqs:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseFaqs:hover:before, #divAppSportPredictor #btnCloseFaqs:focus:before, #divAppSportPredictor #btnCloseFaqs:hover:after, #divAppSportPredictor #btnCloseFaqs:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor #divFaqsList
{
    margin:70px 0px 50px;
}

#divAppSportPredictor .divFaqItem
{
    left:calc(50% - 200px);
    margin-bottom:15px;
    position:relative;
    width:400px;
}

#divAppSportPredictor .divFaqItem.show
{
    margin-bottom:15px;
}

#divAppSportPredictor .divFaqButton
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    color:#ffffff;
    cursor:pointer;
    font-family:"Jost", sans-serif;
    font-size:18px;
    height:50px;
    line-height:50px;
    padding:0px 15px;
    position:relative;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s, filter 0.25s;
}

#divAppSportPredictor .divFaqButton:hover, #divAppSportPredictor .divFaqButton:focus
{
    color:var(--sport-predictor-secondary-color-light);
    filter:drop-shadow(0px 0px 10px var(--sport-predictor-secondary-color));
}

#divAppSportPredictor .divFaqButton:before
{
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:10px;
    bottom:1px;
    content:"";
    display:block;
    left:1px;
    position:absolute;
    right:1px;
    top:1px;
}

#divAppSportPredictor .divFaqButton:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

#divAppSportPredictor .divFaqButton span
{
    position:relative;
}

#divAppSportPredictor .divFaqContent
{
    background-color:rgba(17, 17, 17, 0.9);
    border:1px solid #a57850;
    border-radius:10px;
    color:#bbbbbb;
    display:none;
    font-size:13px;
    letter-spacing:-0.5px;
    line-height:16px;
    padding:10px 15px;
}

#divAppSportPredictor .divFaqItem.show .divFaqContent
{
    display:block;
}

#divAppSportPredictor .divFaqQuestion
{
    color:#ffffff;
    margin-bottom:5px;
}

#divAppSportPredictor .divFaqQuestion:before
{
    color:var(--sport-predictor-primary-color-light);
    content:"Q:";
    margin-right:5px;
}

#divAppSportPredictor .divFaqAnswer:before
{
    color:var(--sport-predictor-secondary-color-light);
    content:"A:";
    margin-right:5px;
}

/*****************************************************************************************************************/
/************************************************** PRIZE POPUP **************************************************/
/*****************************************************************************************************************/
#divAppSportPredictor #divClaimPrizePopup
{
    background-color:#1b1c20;
    background-image:var(--sport-predictor-background-image);
    background-position:center;
    background-size:cover;
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    display:none;
    height:680px;
    left:50%;
    opacity:0;
    overflow:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSportPredictor #divClaimPrizePopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor #btnCloseClaimPrize
{
    cursor:pointer;
    filter:drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 1px #000000);
    height:40px;
    position:absolute;
    right:15px;
    top:15px;
    width:40px;
    z-index:2;
}

#divAppSportPredictor #btnCloseClaimPrize:before
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseClaimPrize:after
{
    background-color:var(--sport-predictor-secondary-color-light);
    content:"";
    height:2px;
    left:8px;
    position:absolute;
    top:20px;
    transform:rotate(-45deg);
    transition:background-color 0.25s;
    width:24px;
}

#divAppSportPredictor #btnCloseClaimPrize:hover:before, #divAppSportPredictor #btnCloseClaimPrize:focus:before, #divAppSportPredictor #btnCloseClaimPrize:hover:after, #divAppSportPredictor #btnCloseClaimPrize:focus:after
{
    background-color:#ffffff;
}

#divAppSportPredictor #divPrizeMessage
{
    color:#ffffff;
    font-size:18px;
    line-height:20px;
    margin:50px 50px 0px;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
}

#divAppSportPredictor #divPrizeMessage span
{
    color:var(--sport-predictor-secondary-color);
    font-weight:600;
}

#divAppSportPredictor #divPrizeOptions
{
    display:flex;
    justify-content:center;
}

#divAppSportPredictor .divPrizeOption
{
    cursor:pointer;
    position:relative;
    text-align:center;
    transition:filter 0.25s, transform 0.2s;
    width:250px;
}

#divAppSportPredictor .divPrizeOption:hover
{
    filter:drop-shadow(0px 0px 5px var(--sport-predictor-secondary-color));
    transform:scale(1.05);
}

#divAppSportPredictor .divPrizeOption.claimed
{
    transform:scale(1.1);
}

#divAppSportPredictor .divPrizeOption.disabled
{
    cursor:default;
    filter:grayscale(1);
    opacity:0.4;
    transform:scale(0.95);
}

#divAppSportPredictor .divPrizeBall
{
    background-image:url('../images/promotions/sportPredictor/claimPrizeRugbyBall.webp');
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    height:250px;
    margin:0px auto;
    width:250px;
}

#divAppSportPredictor.soccerTournament .divPrizeBall
{
    background-image:url('../images/promotions/sportPredictor/claimPrizeSoccerBall.webp');
}

#divAppSportPredictor .divPrizeLabel
{
    color:var(--sport-predictor-secondary-color);
    font-family:"Bebas Neue", sans-serif;
    font-size:52px;
    left:50%;
    line-height:50px;
    position:absolute;
    text-shadow:1px 1px 1px var(--sport-predictor-secondary-color-dark), 0px 0px 5px #000000, 0px 0px 10px #000000;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
}

#divAppSportPredictor .divPrizeOption.claimed .divPrizeLabel
{
    color:var(--sport-predictor-primary-color);
}

#divAppSportPredictor .divPrizeLabel span
{
    color:#dddddd;
    display:block;
    font-family:"Jost", sans-serif;
    font-size:18px;
    font-weight:400;
    left:calc(50% - 60px);
    line-height:20px;
    position:relative;
    text-shadow:-1px 1px 2px #000000;
    width:120px;
}

#divAppSportPredictor #divPrizeResult
{
    background-color:rgba(0, 0, 0, 0.75);
    color:var(--sport-predictor-primary-color-light);
    display:none;
    font-size:16px;
    font-weight:600;
    margin-top:15px;
    padding:10px 50px;
    text-align:center;
    text-shadow:0px 0px 5px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1);
}

#divAppSportPredictor #divPrizeResult.show
{
    display:block;
}

#divAppSportPredictor .divPrizeOption.hide
{
    display:none;
}

/************************************************************************************************************************/
/************************************************** CUSTOM ALERT POPUP **************************************************/
/************************************************************************************************************************/
#divAppSportPredictor #divSportPredictorAlertPopup
{
    background-color:rgba(0, 0, 0, 0.75);
    display:none;
    height:100%;
    left:0px;
    opacity:0;
    position:absolute;
    top:0px;
    width:100%;
}

#divAppSportPredictor #divSportPredictorAlertPopup.show
{
    animation:showSportPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSportPredictor .divAlertPopup
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 10px rgba(0, 0, 0, 0.5);
    left:50%;
    padding:20px;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:300px;
}

#divAppSportPredictor .divAlertPopup:before
{
    background:linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:8px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
    z-index:-1;
}

#divAppSportPredictor .divAlertPopup:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
    z-index:-1;
}

#divAppSportPredictor #divAlertHeading
{
    display:none;
    position:relative;
}

#divAppSportPredictor #divAlertHeading.show
{
    display:block;
}

#divAppSportPredictor #divAlertHeading:before
{
    background-image:url('../images/promotions/sportPredictor/alertIcon.webp');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    display:block;
    filter:drop-shadow(0px 0px 5px #cea44a);
    height:100px;
    left:calc(50% - 50px);
    margin-bottom:5px;
    position:relative;
    width:100px;
}

#divAppSportPredictor #divAlertHeading:after
{
    background-image:url('../images/promotions/sportPredictor/confetti.webp');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    display:block;
    height:90px;
    left:calc(50% - 127px);
    position:absolute;
    top:0px;
    width:255px;
    z-index:-1;
}

#divAppSportPredictor #divAlertHeadingText
{
    color:var(--sport-predictor-primary-text-color);
    font-size:18px;
    text-align:center;
    text-shadow:1px 1px 2px #000000;
}

#divAppSportPredictor #divAlertHeadingText:before
{
    border-radius:50%;
    bottom:0px;
    box-shadow:0px 0px 3px 0px #ffffff, 0px 0px 10px 0px #ffffff;
    content:"";
    display:block;
    height:1px;
    left:calc(50% - 6px);
    position:absolute;
    width:12px;
}

#divAppSportPredictor #divAlertHeadingText:after
{
    background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #ff61ff 50%, rgba(0, 0, 0, 0) 100%);
    content:"";
    display:block;
    height:1px;
    left:10%;
    margin-top:10px;
    position:relative;
    top:0px;
    width:80%;
}

#divAppSportPredictor #divAlertContent
{
    color:var(--sport-predictor-secondary-text-color);
    font-size:16px;
    line-height:18px;
    padding:10px 0px 20px;
    position:relative;
    text-align:center;
    text-shadow:1px 1px 2px #000000;
}

#divAppSportPredictor #divAlertButtons
{
    text-align:center;
}

#divAppSportPredictor .btnAlert
{
    height:40px;
    line-height:40px;
    margin-left:10px;
    min-width:80px;
    padding:0px 15px;
}

#divAppSportPredictor .btnAlert:first-child
{
    margin-left:0px;
}

/* CUSTOM BUTTON STYLING */
#divAppSportPredictor .btnSportPredictor
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    color:var(--sport-predictor-primary-text-color);
    cursor:pointer;
    font-family:"Jost", sans-serif;
    font-size:16px;
    height:45px;
    line-height:45px;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s;
}

#divAppSportPredictor .btnSportPredictor:hover, #divAppSportPredictor .btnSportPredictor:focus
{
    color:var(--sport-predictor-secondary-color-light);
}

#divAppSportPredictor .btnSportPredictor:before
{
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:10px;
    bottom:1px;
    content:"";
    display:block;
    left:1px;
    position:absolute;
    right:1px;
    top:1px;
}

#divAppSportPredictor .btnSportPredictor:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

#divAppSportPredictor .btnSportPredictor span
{
    position:relative;
}

/* CUSTOM GLOW BUTTON STYLING */
#divAppSportPredictor .btnSportPredictorGlow
{
    background:url('../images/promotions/sportPredictor/noise.svg'), conic-gradient(from 0deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 20%, var(--sport-predictor-primary-color) 50%, var(--sport-predictor-primary-color-dark) 70%, var(--sport-predictor-primary-color) 100%);
    border-radius:10px;
    box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    color:var(--sport-predictor-secondary-color-light);
    cursor:pointer;
    font-size:22px;
    font-weight:600;
    height:55px;
    isolation:isolate;
    line-height:55px;
    text-align:center;
    text-shadow:1px 1px 2px #000000;
    transition:box-shadow 0.25s, color 0.25s, transform 0.25s;
}

#divAppSportPredictor .btnSportPredictorGlow:hover, #divAppSportPredictor .btnSportPredictorGlow:focus
{
    box-shadow:0px 0px 10px var(--sport-predictor-secondary-color), 0px 0px 20px var(--sport-predictor-secondary-color);
    color:var(--sport-predictor-secondary-color);
    transform:scale(1.05) translateY(0px);
}

#divAppSportPredictor .btnSportPredictorGlow:active
{
    transform:scale(1.05) translateY(3px);
}

#divAppSportPredictor .btnSportPredictorGlow::before
{
    animation:pickStrokeSpin 1.5s linear infinite, pickStrokeGlow 1.4s ease-in-out infinite;
    background:conic-gradient(from var(--pick-angle), #f4d98a 0%, #7a2bc4 18%, #54227f 50%, #edc967 82%, #f4d98a 100%);
    border-radius:12px;
    content:'';
    inset:-1px;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
     mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    padding:3px;
    pointer-events:none;
    position:absolute;
}

#divAppSportPredictor .btnSportPredictorGlow::after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

/* CUSTOM TAB NAVIGATOR STYLING */
#divAppSportPredictor .tabNavigator
{
    height:84px;
    line-height:84px;
}

#divAppSportPredictor .tabNavigator .divTabNavigatorBackground
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
}

#divAppSportPredictor .tabNavigator .divTabNavigatorBackground:before
{
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:8px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
}

#divAppSportPredictor .tabNavigator .divTabNavigatorBackground:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

#divAppSportPredictor .tabNavigator .divSelectedIndicator
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
}

#divAppSportPredictor .tabNavigator .divSelectedIndicator:before
{
    background:url('../images/promotions/sportPredictor/noise.svg'), linear-gradient(180deg, var(--sport-predictor-primary-color) 0%, var(--sport-predictor-primary-color-dark) 100%);
    border-radius:8px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
}

#divAppSportPredictor .tabNavigator .divSelectedIndicator:after
{
    animation:sportTabStrokeGlow 1.6s ease-in-out infinite;
    border:1px solid #edc967;
    border-radius:7px;
    bottom:4px;
    content:"";
    display:block;
    left:4px;
    position:absolute;
    right:4px;
    top:4px;
}

#divAppSportPredictor .tabNavigator .divTabNavigatorItem, #divAppSportPredictor .tabNavigator .divTabNavigatorItem:hover, #divAppSportPredictor .tabNavigator .divTabNavigatorItem.selected
{
    color:#dddddd;
    font-size:16px;
    height:64px;
    line-height:64px;
    margin:10px 0px;
    overflow:hidden;
    padding:0px 15px;
    text-shadow:-1px 1px 2px #000000;
}

#divAppSportPredictor .tabNavigator .divTabNavigatorItem.selected:before, #divAppSportPredictor .tabNavigator .divTabNavigatorItem.selected:after
{
    opacity:1;
}

#divAppSportPredictor .tabNavigator .imgTabNavigatorItemIcon
{
    margin:22px 10px 0px 0px;
    opacity:1;
}

#divAppSportPredictor .tabNavigator .divTabNavigatorItem:hover .imgTabNavigatorItemIcon, #divAppSportPredictor .tabNavigator .divTabNavigatorItem.selected .imgTabNavigatorItemIcon
{
    filter:none;
}

/* CUSTOM DROP DOWN STYLES */
#divAppSportPredictor .dropDown
{
    height:65px;
    line-height:45px;
}

#divAppSportPredictor .dropDown .divInputBackground
{
    background-color:#111111;
    border:1px solid #a57850;
    height:43px;
    width:calc(100% - 2px);
}

#divAppSportPredictor .dropDown .divInputBackground:after, #divAppSportPredictor .dropDown:hover .divInputBackground:after, #divAppSportPredictor .dropDown.focus .divInputBackground:after
{
    background-color:#111111;
    border:1px solid #a57850;
    border-radius:8px;
    box-shadow:none;
    color:#a57850;
    font-size:20px;
    font-weight:600;
    height:36px;
    line-height:34px;
    right:2px;
    text-shadow:none;
    top:2px;
    width:36px;
}

#divAppSportPredictor .dropDown .divPlaceHolder, #divAppSportPredictor .dropDown.focus .divPlaceHolder
{
    color:#a57850;
    height:45px;
    line-height:45px;
    text-shadow:none;
}

#divAppSportPredictor .dropDown.hasValue .divPlaceHolder, #divAppSportPredictor .dropDown.focus .divPlaceHolder
{
    top:-13px;
}

#divAppSportPredictor .dropDown .divInputValue
{
    color:#bbbbbb;
    font-size:14px;
    height:45px;
    line-height:45px;
}

#divAppSportPredictor .dropDown .divDropDownItems
{
    background-color:#111111;
    top:65px;
    width:calc(100% - 2px);
}

#divAppSportPredictor .dropDown.focus .divDropDownItems
{
    border:1px solid #a57850;
}

#divAppSportPredictor .dropDown .divDropDownItem
{
    color:#a57850;
    font-size:14px;
    line-height:40px;
}

#divAppSportPredictor .dropDown .divDropDownItem:hover, #divAppSportPredictor .dropDown .divDropDownItem.selected
{
    color:#bbbbbb;
    text-shadow:none;
}

/* CUSTOM TEXT INPUT STYLES */
#divAppSportPredictor .textInput
{
    height:65px;
}

#divAppSportPredictor .textInput .divInputBackground
{
    background-color:#111111;
    border:1px solid #a57850;
    height:43px;
    width:calc(100% - 2px);
}

#divAppSportPredictor .textInput input.txtTextInput
{
    color:#bbbbbb;
    height:45px;
    line-height:45px;
}

#divAppSportPredictor .textInput .divPlaceHolder
{
    color:#a57850;
    height:45px;
    line-height:45px;
    text-shadow:none;
}

#divAppSportPredictor .textInput.hasValue .divPlaceHolder, #divAppSportPredictor .textInput.focus .divPlaceHolder
{
    top:-13px;
}

/* CUSTOM CHECKBOX STYLING */
#divAppSportPredictor .checkbox
{
    background-color:#111111;
    border:1px solid #a57850;
    border-radius:10px;
    color:#a57850;
    display:inline-block;
    font-size:16px;
    line-height:43px;
    padding-right:15px;
}

#divAppSportPredictor .checkbox:before
{
    border:1px solid #a57850;
    border-radius:7px;
    height:34px;
    left:3px;
    width:34px;
}

#divAppSportPredictor .checkbox:hover:before
{
    border:1px solid #bbbbbb;
    box-shadow:none;
}

#divAppSportPredictor .checkbox:after
{
    border-bottom:3px solid #a57850;
    border-right:3px solid #a57850;
    left:15px;
}

/* ANIMATIONS KEY FRAMES */
@keyframes showSportPredictorPopup
{
    0%   { opacity:0; }
    1%   { opacity:0; }
    100% { opacity:1; }
}

@property --pick-angle
{
    syntax:'<angle>';
    initial-value:0deg;
    inherits:false;
}

@keyframes pickStrokeSpin
{
    to   {--pick-angle:360deg;}
}

@keyframes pickStrokeGlow
{
    0%   {opacity:0.8;}
    50%  {opacity:1;}
    100% {opacity:0.8;}
}

@keyframes sportTabStrokeGlow
{
    0%   {border-color:#a57850;}
    50%  {border-color:#f4d98a;}
    100% {border-color:#a57850;}
}

/* MEDIA QUERIES */
@media (max-height: 710px)
{
    #divAppSportPredictor #divSportPredictorsPopup, #divAppSportPredictor #divIntroPopup, #divAppSportPredictor #divHowItWorksPopup, #divAppSportPredictor #divPayoutsPopup, #divAppSportPredictor #divLeaderboardPopup, #divAppSportPredictor #divViewUserPopup, #divAppSportPredictor #divPicksPopup, #divAppSportPredictor #divProgressPopup, #divAppSportPredictor #divFaqsPopup, #divAppSportPredictor #divClaimPrizePopup
    {
        height:calc(100% - 40px);
        overflow-y:auto;
        top:20px;
        transform:translate(-50%, 0%);
    }
}

@media (max-width: 580px)
{
    #divAppSportPredictor #divSportPredictorsPopup, #divAppSportPredictor #divIntroPopup, #divAppSportPredictor #divHowItWorksPopup, #divAppSportPredictor #divPayoutsPopup, #divAppSportPredictor #divLeaderboardPopup, #divAppSportPredictor #divViewUserPopup, #divAppSportPredictor #divPicksPopup, #divAppSportPredictor #divProgressPopup, #divAppSportPredictor #divFaqsPopup, #divAppSportPredictor #divClaimPrizePopup
    {
        border-radius:0px;
        height:100%;
        left:0px;
        overflow-y:auto;
        top:0px;
        transform:translate(0%, 0%);
        width:100%;
    }

    /* INTRO POPUP */
    #divAppSportPredictor .divIntroButton:after
    {
        font-size:16px;
        left:5px;
        line-height:18px;
        right:5px;
        top:12px;
    }

    #divAppSportPredictor .divIntroButton span
    {
        bottom:5px;
        left:5px;
        line-height:12px;
        right:5px;
    }

    #divAppSportPredictor .divIntroButton span:before
    {
        bottom:55px;
        height:60px;
        left:calc(50% - 30px);
        width:60px;
    }

    /* HOW IT WORKS POPUP */
    #divAppSportPredictor .divHowItWorksButton
    {
        left:20%;
        width:60%;
    }

    /* PROGRESS POPUP */
    #divAppSportPredictor .divProgressHeading
    {
        padding:30px 0px 0px 30px;
    }

    #divAppSportPredictor .divStatsContainer
    {
        margin:0px 30px;
    }
}

@media (max-width: 500px)
{
    #divAppSportPredictor .divPopupHeading
    {
        font-size:18px;
    }

    /* SPORT PREDICTORS POPUP */
    #divAppSportPredictor .divSportPredictorsPopupHeading
    {
        height:163px;
        left:calc(50% - 200px);
        width:400px;
    }

    #divAppSportPredictor #divActivePredictors
    {
        grid-template-columns:1fr 1fr;
        margin:30px 20% 0px;
    }
    
    /* INTRO POPUP */
    #divAppSportPredictor .divIntroButtons
    {
        grid-template-columns:1fr 1fr;
        margin:50px 20%;
    }

    #divAppSportPredictor .divIntroButton:after
    {
        font-size:15px;
    }

    #divAppSportPredictor .divIntroButton span:before
    {
        bottom:55px;
        height:50px;
        left:calc(50% - 25px);
        width:50px;
    }

    /* HOW IT WORKS POPUP */
    #divAppSportPredictor .divHowItWorksButton
    {
        left:15%;
        width:70%;
    }

    /* PAYOUTS POPUP */
    #divAppSportPredictor .divPayouts .divCell
    {
        font-size:11px;
    }

    #divAppSportPredictor .divPayouts .divCell:nth-child(1)
    {
        width:65px;
    }

    #divAppSportPredictor .divPayouts .divCell:nth-child(3)
    {
        width:65px;
    }

    /* LEADERBOARD POPUP */
    #divAppSportPredictor .divLeaderboardLegend
    {
        font-size:10px;
    }

    /* PROGRESS POPUP */
    #divAppSportPredictor .divProgressHeading
    {
        padding:20px 0px 0px 20px;
    }

    #divAppSportPredictor .divStatsContainer
    {
        margin:0px 20px;
    }

    #divAppSportPredictor .divProgressSubHeading
    {
        width:100%;
    }

    #divAppSportPredictor #divGrandPrizeSubHeading
    {
        margin-top:15px;
    }

    #divAppSportPredictor .divCorrectScoreChartContainer
    {
        height:180px;
        width:180px;
    }

    #divAppSportPredictor #divCorrectScoreContent
    {
        font-size:48px;
        line-height:145px;
    }

    #divAppSportPredictor #divCorrectScoreContent:after
    {
        font-size:20px;
        top:calc(50% + 25px);
    }

    #divAppSportPredictor .divStatsLabel
    {
        font-size:14px;
        line-height:16px;
    }

    /* FAQS POPUP */
    #divAppSportPredictor .divFaqItem
    {
        left:calc(50% - 190px);
        width:380px;
    }

    #divAppSportPredictor .divFaqButton
    {
        height:45px;
        line-height:45px;
    }

    /* CLAIM PRIZE POPUP */
    #divAppSportPredictor #divPrizeMessage
    {
        margin:50px 30px 0px;
    }

    #divAppSportPredictor .divPrizeOption
    {
        width:220px;
    }

    #divAppSportPredictor .divPrizeBall
    {
        height:220px;
        width:220px;
    }
}

@media (max-width: 420px)
{
    #divAppSportPredictor .divPopupHeading
    {
        font-size:16px;
        left:10px;
        top:10px;
    }

    #divAppSportPredictor .divPopupHeadingImage
    {
        left:5%;
        width:90%;
    }

    /* SPORT PREDICTORS POPUP */
    #divAppSportPredictor #btnMuteMusic
    {
        right:45px;
        top:10px;
    }

    #divAppSportPredictor #btnCloseSportPredictors
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor .divSportPredictorsPopupHeading
    {
        height:138px;
        left:calc(50% - 170px);
        width:340px;
    }

    #divAppSportPredictor #divActivePredictors
    {
        margin:30px 15% 0px;
    }
    
    /* INTRO POPUP */
    #divAppSportPredictor #btnCloseIntro
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor .divIntroButtons
    {
        margin:30px 15%;
    }

    /* HOW IT WORKS POPUP */
    #divAppSportPredictor #btnBackHowItWorks
    {
        right:45px;
        top:10px;
    }

    #divAppSportPredictor #btnCloseHowItWorks
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor .divHowItWorksButton
    {
        left:10%;
        width:80%;
    }

    #divAppSportPredictor .divHowItWorksContent
    {
        padding:15px;
    }

    /* PAYOUTS POPUP */
    #divAppSportPredictor #btnClosePayouts
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor .divLeaderboardContainer
    {
        margin:0px 10px 15px;
    }

    #divAppSportPredictor .divLeaderboardContainer:first-child
    {
        margin-top:60px;
    }

    /* LEADERBOARD POPUP */
    #divAppSportPredictor #btnCloseLeaderboard
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor .divMainContent
    {
        padding:0px 10px;
        top:45px;
    }

    #divAppSportPredictor .divLeaderboardLegend
    {
        font-size:9px;
    }

    /* VIEW USER POPUP */
    #divAppSportPredictor #btnCloseViewUser
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor #divViewUserSummary
    {
        margin:60px 10px 10px;
    }

    /* PICKS POPUP */
    #divAppSportPredictor #btnClosePicks
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor #divRoundTabs
    {
        margin:45px 10px 0px;
    }

    #divAppSportPredictor #btnPrevious
    {
        right:60px;
        top:130px;
    }

    #divAppSportPredictor #btnNext
    {
        right:10px;
        top:130px;
    }

    #divAppSportPredictor #divPicksScroller
    {
        top:175px;
    }

    #divAppSportPredictor .divMatchContainer
    {
        width:260px;
    }

    #divAppSportPredictor .divMatchContainer:first-child
    {
        margin-left:calc((100% - 260px) / 2);
    }

    #divAppSportPredictor .divMatchContainer:last-child
    {
        margin-right:calc((100% - 260px) / 2);
    }

    #divAppSportPredictor .divMatchTile
    {
        left:calc(50% - 115px);
        width:230px;
    }

    #divAppSportPredictor .divHomeTeam
    {
        left:5px;
    }

    #divAppSportPredictor .divAwayTeam
    {
        right:5px;
    }

    #divAppSportPredictor .divMarginPicker
    {
        width:140px;
    }

    #divAppSportPredictor .divHomeScorePicker
    {
        left:calc(50% - 105px);
        width:90px;
    }

    #divAppSportPredictor .divAwayScorePicker
    {
        left:calc(50% + 15px);
        width:90px;
    }

    #divAppSportPredictor .divMatchOdds
    {
        left:calc(50% - 115px);
        width:230px;
    }

    /* PROGRESS POPUP */
    #divAppSportPredictor #btnCloseProgress
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor .divProgressHeading
    {
        padding:15px 0px 0px 15px;
    }

    #divAppSportPredictor .divStatsContainer
    {
        gap:10px;
        margin:0px 15px;
    }

    #divAppSportPredictor .divStatsItem:nth-child(1)
    {
        width:110%;
    }

    #divAppSportPredictor .divProgressSubHeading
    {
        font-size:12px;
        line-height:13px;
    }

    #divAppSportPredictor .divProgressSubHeading span
    {
        font-size:16px;
        margin-bottom:10px;
    }

    #divAppSportPredictor #divGrandPrizeSubHeading
    {
        line-height:13px;
        margin-top:10px;
    }

    #divAppSportPredictor .divCorrectScoreChartContainer
    {
        height:140px;
        width:140px;
    }

    #divAppSportPredictor #divCorrectScoreContent
    {
        font-size:32px;
        line-height:105px;
    }

    #divAppSportPredictor #divCorrectScoreContent:after
    {
        font-size:16px;
        top:calc(50% + 18px);
    }

    /* FAQS POPUP */
    #divAppSportPredictor #btnCloseFaqs
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor #divFaqsList
    {
        margin:60px 0px 30px;
    }

    #divAppSportPredictor .divFaqItem
    {
        left:calc(50% - 160px);
        width:320px;
    }

    #divAppSportPredictor .divFaqButton
    {
        font-size:16px;
        height:40px;
        line-height:40px;
    }

    /* PRIZE CLAIM POPUP */
    #divAppSportPredictor #btnCloseClaimPrize
    {
        right:5px;
        top:10px;
    }

    #divAppSportPredictor #divPrizeOptions
    {
        align-items:center;
        flex-direction:column;
        margin-top:30px;
    }

    #divAppSportPredictor .divPrizeOption
    {
        width:200px;
    }

    #divAppSportPredictor .divPrizeBall
    {
        height:200px;
        margin-top:-30px;
        width:200px;
    }

    #divAppSportPredictor .divPrizeLabel
    {
        font-size:42px;
        line-height:46px;
        top:42%;
    }

    #divAppSportPredictor .divPrizeLabel span
    {
        font-size:16px;
        line-height:18px;
    }

    #divAppSportPredictor #divPrizeResult
    {
        margin-top:0px;
        padding:10px 30px;
    }
}