/****************************************************************************************************************************/
/************************************************** SOCCER PREDICTOR POPUP **************************************************/
/****************************************************************************************************************************/
#divAppSoccerPredictor
{
    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;
}

#divAppSoccerPredictor.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor .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;
}

/*****************************************************************************************************************/
/************************************************** INTRO POPUP **************************************************/
/*****************************************************************************************************************/
#divAppSoccerPredictor #divIntroPopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/soccerPredictor/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;
}

#divAppSoccerPredictor.show #divIntroPopup
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #divIntroPopup:before
{
    background-image:url('../images/promotions/soccerPredictor/introHeading.webp');
    background-position:center top 30px;
    background-repeat:no-repeat;
    background-size:80%;
    content:"";
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
    z-index:-1;
}

#divAppSoccerPredictor #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;
}

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

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

#divAppSoccerPredictor #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;
}

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

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

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

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

#divAppSoccerPredictor .divIntroButton
{
    aspect-ratio:5 / 6;
    background-position:center;
    background-size:cover;
    cursor:pointer;
    filter:drop-shadow(0px 0px 0px #b28e3f);
    transition:filter 0.25s, transform 0.25s;
}

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

#divAppSoccerPredictor #btnHowItWorks
{
    background-image:url('../images/promotions/soccerPredictor/introButtons/buttonHowItWorks.webp');
}

#divAppSoccerPredictor #btnMakeYourPicks
{
    background-image:url('../images/promotions/soccerPredictor/introButtons/buttonMakeYourPicks.webp');
    isolation:isolate;
}

#divAppSoccerPredictor #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:8%;
    content:'';
    height:calc(100% - 17px);
    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:4px;
    pointer-events:none;
    position:absolute;
}

#divAppSoccerPredictor #btnViewPrizes
{
    background-image:url('../images/promotions/soccerPredictor/introButtons/buttonViewPrizes.webp');
}

#divAppSoccerPredictor #btnMyProgress
{
    background-image:url('../images/promotions/soccerPredictor/introButtons/buttonMyProgress.webp');
}

#divAppSoccerPredictor #btnLeaderboards
{
    background-image:url('../images/promotions/soccerPredictor/introButtons/buttonLeaderboards.webp');
}

#divAppSoccerPredictor #btnFAQs
{
    background-image:url('../images/promotions/soccerPredictor/introButtons/buttonFaqs.webp');
}

#divAppSoccerPredictor .divIntroVideo
{
    background:#000000;
    border-radius:10px;
    bottom:0;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
}

#divAppSoccerPredictor .divIntroVideo .vidIntroBackground
{
    filter:blur(20px);
    height:100%;
    left:0;
    object-fit:cover;
    position:absolute;
    top:0;
    transform:scale(1.1);
    width:100%;
}

#divAppSoccerPredictor .divIntroVideo .vidIntroForeground
{
    height:100%;
    object-fit:contain;
    position:relative;
    width:100%;
    z-index:1;
}

#divAppSoccerPredictor .divIntroVideo .btnSkipVideo
{
    color:#ffffff;
    cursor:pointer;
    font-size:20px;
    padding:15px;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
}

/************************************************************************************************************************/
/************************************************** HOW IT WORKS POPUP **************************************************/
/************************************************************************************************************************/
#divAppSoccerPredictor #divHowItWorksPopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/soccerPredictor/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;
}

#divAppSoccerPredictor #divHowItWorksPopup.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #divHowItWorksPopup:before
{
    background-image:url('../images/promotions/soccerPredictor/howItWorksHeading.webp');
    background-position:center top 30px;
    background-repeat:no-repeat;
    background-size:75%;
    content:"";
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
    z-index:-1;
}

#divAppSoccerPredictor #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;
}

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

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

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

#divAppSoccerPredictor #btnBackHowItWorks:after
{
    background-color:#edc967;
    content:"";
    height:2px;
    left:10px;
    position:absolute;
    top:19px;
    transition:background-color 0.25s;
    width:20px;
}

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

#divAppSoccerPredictor #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;
}

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

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

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

#divAppSoccerPredictor .divHowItWorksButton
{
    aspect-ratio:5 / 1;
    background-size:100% 100%;
    cursor:pointer;
    left:25%;
    margin-bottom:15px;
    position:relative;
    transition:filter 0.25s, transform 0.25s;
    width:50%;
}

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

#divAppSoccerPredictor #btnHowPointsWork
{
    background-image:url('../images/promotions/soccerPredictor/buttonHowPointsWork.webp');
    margin-top:215px;
}

#divAppSoccerPredictor #btnShareOf30Million
{
    background-image:url('../images/promotions/soccerPredictor/buttonShareOf30Million.webp');
}

#divAppSoccerPredictor #btn5xMillion
{
    background-image:url('../images/promotions/soccerPredictor/button5xMillion.webp');
}

#divAppSoccerPredictor #btnStageLeaderboard
{
    background-image:url('../images/promotions/soccerPredictor/buttonStageLeaderboard.webp');
}

#divAppSoccerPredictor #btnOverallLeaderboard
{
    background-image:url('../images/promotions/soccerPredictor/buttonOverallLeaderboard.webp');
}

#divAppSoccerPredictor #btnHowItWorksPickNow
{
    background-image:url('../images/promotions/soccerPredictor/button.webp');
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-radius:10px;
    box-shadow:0px 0px 18px rgba(218, 165, 32, 0.32), 0px 5px  16px rgba(120, 0, 220, 0.35), 0px 0px  28px rgba(150, 0, 255, 0.18);
    color:#cea44a;
    cursor:pointer;
    font-size:22px;
    font-weight:700;
    height:55px;
    isolation:isolate;
    left:50%;
    line-height:55px;
    position:relative;
    text-align:center;
    text-shadow:1px 1px 2px #000000;
    text-transform:uppercase;
    transform:translateX(-50%);
    transition:box-shadow 0.25s, transform 0.1s;
    width:230px;
}

#divAppSoccerPredictor #btnHowItWorksPickNow:hover, #divAppSoccerPredictor #btnHowItWorksPickNow:focus
{
    box-shadow:0px 0px 15px rgba(218, 165, 32, 0.75), 0px 0px 30px rgba(255, 220,  80, 0.4);
    transform:translateX(-50%) translateY(-1px);
}

#divAppSoccerPredictor #btnHowItWorksPickNow:active
{
    transform:translateX(-50%) translateY(1px);
}

#divAppSoccerPredictor #btnHowItWorksPickNow::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;
}

#divAppSoccerPredictor #divHowPointsWork, #divAppSoccerPredictor #divShareOf30Million, #divAppSoccerPredictor #div5xMillion, #divAppSoccerPredictor #divStageLeaderboard, #divAppSoccerPredictor #divOverallLeaderboard
{
    background-size:100% 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 50px #000000;
    display:none;
    height:100%;
    left:50%;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
}

#divAppSoccerPredictor #divHowPointsWork.show, #divAppSoccerPredictor #divShareOf30Million.show, #divAppSoccerPredictor #div5xMillion.show, #divAppSoccerPredictor #divStageLeaderboard.show, #divAppSoccerPredictor #divOverallLeaderboard.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #divHowPointsWork
{
    background-image:url('../images/promotions/soccerPredictor/howItWorksContent/howPointsWork.webp');
}

#divAppSoccerPredictor #divShareOf30Million
{
    background-image:url('../images/promotions/soccerPredictor/howItWorksContent/shareOfR30Million.webp');
}

#divAppSoccerPredictor #div5xMillion
{
    background-image:url('../images/promotions/soccerPredictor/howItWorksContent/5xMillion.webp');
}

#divAppSoccerPredictor #divStageLeaderboard
{
    background-image:url('../images/promotions/soccerPredictor/howItWorksContent/stageLeaderboard.webp');
}

#divAppSoccerPredictor #divOverallLeaderboard
{
    background-image:url('../images/promotions/soccerPredictor/howItWorksContent/overallLeaderboard.webp');
}

/*******************************************************************************************************************/
/************************************************** PAYOUTS POPUP **************************************************/
/*******************************************************************************************************************/
#divAppSoccerPredictor #divPayoutsPopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/soccerPredictor/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:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSoccerPredictor #divPayoutsPopup.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #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;
}

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

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

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

#divAppSoccerPredictor .divOverallLeaderboardContainer
{
    margin:70px 20px 0px;
}

#divAppSoccerPredictor .divOverallLeaderboardContainer:before
{
    background-color:#111111;
    border:1px solid #a57850;
    border-radius:10px;
    color:#b28e3f;
    content:"OVERALL LEADERBOARD PRIZES";
    display:block;
    font-size:14px;
    font-weight:600;
    line-height:30px;
    margin-top:-1px;
    text-align:center;
    white-space:nowrap;
}

#divAppSoccerPredictor .divStageLeaderboardContainer
{
    margin:15px 20px 0px;
}

#divAppSoccerPredictor .divStageLeaderboardContainer:before
{
    background-color:#111111;
    border:1px solid #a57850;
    border-radius:10px;
    color:#b28e3f;
    content:"STAGE LEADERBOARD PRIZES";
    display:block;
    font-size:14px;
    font-weight:600;
    line-height:30px;
    margin-top:-1px;
    text-align:center;
    white-space:nowrap;
}

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

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

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

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

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

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

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

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

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

/***********************************************************************************************************************/
/************************************************** LEADERBOARD POPUP **************************************************/
/***********************************************************************************************************************/
#divAppSoccerPredictor #divLeaderboardPopup
{
    background-image:url('../images/promotions/soccerPredictor/backgroundLeaderboard.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;
}

#divAppSoccerPredictor #divLeaderboardPopup.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #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;
}

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

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

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

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

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

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

#divAppSoccerPredictor #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);
}

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

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

#divAppSoccerPredictor #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;
}

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

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

#divAppSoccerPredictor #drdLeaderboardRound
{
    margin-bottom:20px;
}

#divAppSoccerPredictor .customPool #drdLeaderboardRound
{
    display:none;
}

#divAppSoccerPredictor .divCustomPoolButtons
{
    display:none;
    font-size:0px;
    margin:1px 0px 21px;
}

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

#divAppSoccerPredictor #btnSharePool
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border-radius:8px;
    color:#b28e3f;
    font-family:"Jost", sans-serif;
    font-size:16px;
    height:43px;
    line-height:43px;
    margin:0px 12px 0px 1px;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s;
    width:120px;
}

#divAppSoccerPredictor #btnSharePool:hover, #divAppSoccerPredictor #btnSharePool:focus
{
    color:#dddddd;
}

#divAppSoccerPredictor #btnSharePool:before
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    bottom:-1px;
    content:"";
    display:block;
    left:-1px;
    position:absolute;
    right:-1px;
    top:-1px;
    z-index:-1;
}

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

#divAppSoccerPredictor #btnLeavePool
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border-radius:8px;
    color:#b28e3f;
    font-family:"Jost", sans-serif;
    font-size:16px;
    height:43px;
    line-height:43px;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s;
    width:120px;
}

#divAppSoccerPredictor #btnLeavePool:hover, #divAppSoccerPredictor #btnLeavePool:focus
{
    color:#dddddd;
}

#divAppSoccerPredictor #btnLeavePool:before
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    bottom:-1px;
    content:"";
    display:block;
    left:-1px;
    position:absolute;
    right:-1px;
    top:-1px;
    z-index:-1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#divAppSoccerPredictor #divLeaderboard .divCell:nth-child(8)
{
    color:#b28e3f;
    font-weight:700;
    text-align:right;
    width:65px;
}

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

#divAppSoccerPredictor .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;
}

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

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

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

#divAppSoccerPredictor .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;
}

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

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

#divAppSoccerPredictor #btnSearchPools
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border-radius:8px;
    color:#b28e3f;
    float:right;
    font-family:"Jost", sans-serif;
    font-size:16px;
    height:43px;
    line-height:43px;
    margin:21px 0px;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s;
    width:100px;
}

#divAppSoccerPredictor #btnSearchPools:hover, #divAppSoccerPredictor #btnSearchPools:focus
{
    color:#dddddd;
}

#divAppSoccerPredictor #btnSearchPools:before
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    bottom:-1px;
    content:"";
    display:block;
    left:-1px;
    position:absolute;
    right:-1px;
    top:-1px;
    z-index:-1;
}

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

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

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

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

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

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

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

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

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

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

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

#divAppSoccerPredictor #divSearchResults .btnJoin
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border:1px solid #a57850;
    border-radius:8px;
    color:#b28e3f;
    font-family:"Jost", sans-serif;
    font-size:11px;
    height:28px;
    line-height:26px;
    min-width:0px;
    padding:0px 10px;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s;
}

#divAppSoccerPredictor #divSearchResults .btnJoin:hover, #divAppSoccerPredictor #divSearchResults .btnJoin:focus
{
    color:#dddddd;
}

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

#divAppSoccerPredictor #divSearchResults .btnJoin.joined:hover, #divAppSoccerPredictor #divSearchResults .btnJoin.joined:focus
{
    color:#b28e3f;
}

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

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

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

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

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

#divAppSoccerPredictor #btnCreatePool
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border-radius:8px;
    color:#b28e3f;
    display:block;
    font-family:"Jost", sans-serif;
    font-size:16px;
    height:43px;
    line-height:43px;
    margin:21px 0px 0px 1px;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s;
}

#divAppSoccerPredictor #btnCreatePool:hover, #divAppSoccerPredictor #btnCreatePool:focus
{
    color:#dddddd;
}

#divAppSoccerPredictor #btnCreatePool:before
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    bottom:-1px;
    content:"";
    display:block;
    left:-1px;
    position:absolute;
    right:-1px;
    top:-1px;
    z-index:-1;
}

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

#divAppSoccerPredictor #btnLeaderboardPickNow
{
    background-image:url('../images/promotions/soccerPredictor/button.webp');
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-radius:10px;
    bottom:20px;
    box-shadow:0px 0px 18px rgba(218, 165, 32, 0.32), 0px 5px  16px rgba(120, 0, 220, 0.35), 0px 0px  28px rgba(150, 0, 255, 0.18);
    color:#cea44a;
    cursor:pointer;
    font-size:22px;
    font-weight:700;
    height:55px;
    isolation:isolate;
    left:50%;
    line-height:55px;
    position:absolute;
    text-align:center;
    text-shadow:1px 1px 2px #000000;
    text-transform:uppercase;
    transform:translateX(-50%);
    transition:box-shadow 0.25s, transform 0.1s;
    width:230px;
}

#divAppSoccerPredictor #btnLeaderboardPickNow:hover, #divAppSoccerPredictor #btnLeaderboardPickNow:focus
{
    box-shadow:0px 0px 15px rgba(218, 165, 32, 0.75), 0px 0px 30px rgba(255, 220,  80, 0.4);
    transform:translateX(-50%) translateY(-1px);
}

#divAppSoccerPredictor #btnLeaderboardPickNow:active
{
    transform:translateX(-50%) translateY(1px);
}

#divAppSoccerPredictor #btnLeaderboardPickNow::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;
}

/*****************************************************************************************************************/
/************************************************** PICKS POPUP **************************************************/
/*****************************************************************************************************************/
#divAppSoccerPredictor #divPicksPopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/soccerPredictor/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;
}

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

#divAppSoccerPredictor #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;
}

#divAppSoccerPredictor #btnClosePicks:before
{
    border-bottom:2px solid #edc967;
    border-left:2px solid #edc967;
    content:"";
    height:10px;
    left:11px;
    position:absolute;
    top:14px;
    transform:rotate(45deg);
    transition:border-color 0.25s;
    width:10px;
}

#divAppSoccerPredictor #btnClosePicks:hover:before
{
    border-color:#ffffff;
}

#divAppSoccerPredictor #btnClosePicks:after
{
    background-color:#edc967;
    content:"";
    height:2px;
    left:10px;
    position:absolute;
    top:19px;
    transition:background-color 0.25s;
    width:20px;
}

 #divAppSoccerPredictor #btnClosePicks:hover:after
{
    background-color:#ffffff;
}

#divAppSoccerPredictor #divRoundTabs
{
    margin:55px 20px 0px;
}

#divAppSoccerPredictor #btnPrevious
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border:1px solid #a57850;
    border-radius:50%;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
    color:#b28e3f;
    cursor:pointer;
    height:38px;
    line-height:36px;
    position:absolute;
    right:70px;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
    top:140px;
    transition:border 0.25s, box-shadow 0.25s, color 0.25s;
    width:38px;
}

#divAppSoccerPredictor #btnNext
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border:1px solid #a57850;
    border-radius:50%;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
    color:#b28e3f;
    cursor:pointer;
    height:38px;
    line-height:36px;
    position:absolute;
    right:20px;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
    top:140px;
    transition:border 0.25s, box-shadow 0.25s, color 0.25s;
    width:38px;
}

#divAppSoccerPredictor #btnPrevious:hover, #divAppSoccerPredictor #btnPrevious:focus, #divAppSoccerPredictor #btnNext:hover, #divAppSoccerPredictor #btnNext:focus
{
    color:#dddddd;
}

#divAppSoccerPredictor #btnPrevious:after, #divAppSoccerPredictor #btnNext: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;
}

#divAppSoccerPredictor #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;
}

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

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

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

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

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

#divAppSoccerPredictor .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;
}

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

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

#divAppSoccerPredictor .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;
}

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

#divAppSoccerPredictor .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;
}

#divAppSoccerPredictor .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;
}

#divAppSoccerPredictor .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;
}

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

#divAppSoccerPredictor .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;
}

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

#divAppSoccerPredictor .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;
}

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

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

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

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

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

#divAppSoccerPredictor .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;
}

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

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

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

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

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

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

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

#divAppSoccerPredictor .divOutcomePoint:after, #divAppSoccerPredictor .divExactPoint:after, #divAppSoccerPredictor .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#divAppSoccerPredictor .divMatchStartTimer .countdownTimer .divDaysValue, #divAppSoccerPredictor .divMatchStartTimer .countdownTimer .divHoursValue, #divAppSoccerPredictor .divMatchStartTimer .countdownTimer .divMinutesValue, #divAppSoccerPredictor .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;
}

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

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

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

#divAppSoccerPredictor .btnSavePick
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border:1px solid #a57850;
    border-radius:8px;
    color:#b28e3f;
    cursor:pointer;
    font-family:"Jost", sans-serif;
    font-size:9px;
    height:28px;
    left:calc(50% - 100px);
    line-height:28px;
    position:absolute;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
    top:295px;
    transition:color 0.25s;
    width:200px;
}

#divAppSoccerPredictor .btnMatchLink
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border:1px solid #a57850;
    border-radius:8px;
    color:#b28e3f;
    cursor:pointer;
    font-family:"Jost", sans-serif;
    font-size:9px;
    height:28px;
    left:calc(50% - 100px);
    line-height:28px;
    position:absolute;
    text-align:center;
    text-shadow:-1px 1px 2px #000000;
    top:295px;
    transition:color 0.25s;
    width:200px;
}

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

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

#divAppSoccerPredictor .btnSavePick:hover, #divAppSoccerPredictor .btnSavePick:focus, #divAppSoccerPredictor .btnMatchLink:hover, #divAppSoccerPredictor .btnSabtnMatchLinkvePick:focus
{
    color:#dddddd;
}

#divAppSoccerPredictor .btnMatchLink::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:8px;
    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:2px;
    pointer-events:none;
    position:absolute;
}

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

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

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

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

#divAppSoccerPredictor .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;
}

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

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

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

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

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

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

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

#divAppSoccerPredictor #btnSavePicks
{
    background-image:url('../images/promotions/soccerPredictor/button.webp');
    background-size:100% 100%;
    bottom:20px;
    color:#edc967;
    font-family:"Bebas Neue", sans-serif;
    font-size:24px;
    height:55px;
    left:50%;
    line-height:55px;
    position:absolute;
    text-shadow:1px 1px 2px #000000;
    transform:translateX(-50%);
    transition:box-shadow 0.25s, transform 0.1s;
    width:260px;
}

#divAppSoccerPredictor #btnSavePicks:hover, #divAppSoccerPredictor #btnSavePicks:focus
{
    box-shadow:0px 0px 15px rgba(218, 165, 32, 0.75), 0px 0px 30px rgba(255, 220,  80, 0.4);
    transform:translateX(-50%) translateY(-1px);
}

#divAppSoccerPredictor #btnSavePicks:active
{
    transform:translateX(-50%) translateY(1px);
}

#divAppSoccerPredictor #btnSavePicks::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;
}

/********************************************************************************************************************/
/************************************************** PROGRESS POPUP **************************************************/
/********************************************************************************************************************/
#divAppSoccerPredictor #divProgressPopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/soccerPredictor/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;
}

#divAppSoccerPredictor #divProgressPopup.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #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;
}

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

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

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

#divAppSoccerPredictor .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);
}

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

#divAppSoccerPredictor .divStatsItem
{
    color:#ffffff;
    text-shadow:-1px 1px 2px #000000, -1px 1px 3px #000000;
}

#divAppSoccerPredictor .divStatsItem:nth-child(1), #divAppSoccerPredictor .divStatsItem:nth-child(2)
{
    grid-column:span 3;
    height:210px;
}

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

#divAppSoccerPredictor .divStatsItem:nth-child(6), #divAppSoccerPredictor .divStatsItem:nth-child(7)
{
    font-size:26px;
    font-weight:600;
    grid-column:span 3;
    height:40px;
    padding-top:60px;
    text-align:center;
}

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

#divAppSoccerPredictor .divProgressSubHeading span
{
    color:#edc967;
    display:block;
    font-size:18px;
    margin-bottom:15px;
}

#divAppSoccerPredictor .divProgressSubHeadingBottom
{
    background-image:url('../images/promotions/soccerPredictor/progressPanel.webp');
    background-position:center;
    background-size:100% 100%;
    letter-spacing:-0.5px;
    line-height:16px;
    margin-top:20px;
    padding:12px 15px;
    text-align:center;
}

#divAppSoccerPredictor .divCorrectScoreProgress
{
    font-family:"Bebas Neue", sans-serif;
    height:100%;
    position:relative
}

#divAppSoccerPredictor .divCorrectScoreChartContainer
{
    background:conic-gradient(from 315deg at 50% 50%, #fde890 0%, #df9929 10%, #481b56 20%, #32153b 50%, #481b56 80%, #df9929 90%, #fde890 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);
    height:200px;
    position:absolute;
    right:0px;
    top:0px;
    width:200px;
}

#divAppSoccerPredictor .divCorrectScoreChartContainer:before
{
    background:linear-gradient(0deg, #1b0e2c 0%, #351957 100%);
    border:1px solid #b28e3f;
    border-radius:50%;
    bottom:15px;
    box-shadow:0px 0px 10px 0px #000000, inset 1px 1px 2px 0px #000000;
    content:"";
    display:block;
    left:15px;
    position:absolute;
    right:15px;
    top:15px;
}

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

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

#divAppSoccerPredictor .svgCorrectScoreChartFill
{
    fill:transparent;
    stroke:#481b56;
    stroke-linecap:round;
    stroke-width:10px;
    transition:stroke-dashoffset 0.5s ease-in-out;
}

#divAppSoccerPredictor #divCorrectScoreContent
{
    border:2px solid #b28e3f;
    border-radius:50%;
    bottom:22px;
    color:#ffffff;
    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;
}

#divAppSoccerPredictor #divCorrectScoreContent:before
{
    background-image:url('../images/promotions/soccerPredictor/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%;
}

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

#divAppSoccerPredictor #divTotalPoints
{
    background-image:url('../images/promotions/soccerPredictor/progressTotalPoints.webp');
    background-position:center;
    background-size:100% 100%;
}

#divAppSoccerPredictor #divTotalCorrectScores
{
    background-image:url('../images/promotions/soccerPredictor/progressCorrectScores.webp');
    background-position:center;
    background-size:100% 100%;
}

#divAppSoccerPredictor #divTotalCorrectResults
{
    background-image:url('../images/promotions/soccerPredictor/progressCorrectResults.webp');
    background-position:center;
    background-size:100% 100%;
}

#divAppSoccerPredictor #divStageRanking
{
    background-image:url('../images/promotions/soccerPredictor/progressStageRanking.webp');
    background-position:center;
    background-size:100% 100%;
    font-size:18px;
}

#divAppSoccerPredictor #divStageRanking span
{
    color:#bbbbbb;
    display:block;
    font-size:12px;
    font-weight:400;
    margin-top:-5px;
}

#divAppSoccerPredictor #divOverallRanking
{
    background-image:url('../images/promotions/soccerPredictor/progressOverallRanking.webp');
    background-position:center;
    background-size:100% 100%;
}

#divAppSoccerPredictor #btnViewPicks
{
    background-image:url('../images/promotions/soccerPredictor/button.webp');
    background-size:100% 100%;
    color:#edc967;
    font-family:"Bebas Neue", sans-serif;
    font-size:24px;
    height:55px;
    left:50%;
    line-height:55px;
    margin-top:25px;
    text-shadow:1px 1px 2px #000000;
    transform:translateX(-50%);
    transition:box-shadow 0.25s, transform 0.1s;
    width:260px;
}

#divAppSoccerPredictor #btnViewPicks:hover, #divAppSoccerPredictor #btnViewPicks:focus
{
    box-shadow:0px 0px 15px rgba(218, 165, 32, 0.75), 0px 0px 30px rgba(255, 220,  80, 0.4);
    transform:translateX(-50%) translateY(-1px);
}

#divAppSoccerPredictor #btnViewPicks:active
{
    transform:translateX(-50%) translateY(1px);
}

#divAppSoccerPredictor #btnViewPicks::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;
}

/****************************************************************************************************************/
/************************************************** FAQS POPUP **************************************************/
/****************************************************************************************************************/
#divAppSoccerPredictor #divFaqsPopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/soccerPredictor/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:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSoccerPredictor #divFaqsPopup.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #divFaqsPopup:before
{
    background-image:url('../images/promotions/soccerPredictor/faqsHeading.webp');
    background-position:center top 25px;
    background-repeat:no-repeat;
    background-size:58%;
    content:"";
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
    z-index:-1;
}

#divAppSoccerPredictor #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;
}

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

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

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

#divAppSoccerPredictor #divFaqsList
{
    margin:215px 0px 50px;
}

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

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

#divAppSoccerPredictor .divFaqButton
{
    background-image:url('../images/promotions/soccerPredictor/buttonFaq.webp');
    background-size:100% 100%;
    color:#ffe08a;
    cursor:pointer;
    font-size:18px;
    height:50px;
    line-height:50px;
    overflow:hidden;
    padding:0px 15px;
    position:relative;
    text-overflow:ellipsis;
    text-shadow:1px 1px 2px #000000;
    transition:filter 0.25s;
    white-space:nowrap;
}

#divAppSoccerPredictor .divFaqButton:hover, #divAppSoccerPredictor .divFaqButton:focus
{
    filter:drop-shadow(0px 0px 10px #b28e3f);
}

#divAppSoccerPredictor .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;
}

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

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

#divAppSoccerPredictor .divFaqQuestion:before
{
    color:#edc967;
    content:"Q:";
    margin-right:5px;
}

#divAppSoccerPredictor .divFaqAnswer:before
{
    color:#cb62ff;
    content:"A:";
    margin-right:5px;
}

/*****************************************************************************************************************/
/************************************************** PRIZE POPUP **************************************************/
/*****************************************************************************************************************/
#divAppSoccerPredictor #divClaimPrizePopup
{
    background-color:#1b1c20;
    background-image:url('../images/promotions/soccerPredictor/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:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:580px;
}

#divAppSoccerPredictor #divClaimPrizePopup.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor #divClaimPrizePopup:before
{
    background-image:url('../images/promotions/soccerPredictor/claimPrizeHeading.webp');
    background-position:center top 25px;
    background-repeat:no-repeat;
    background-size:85%;
    content:"";
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
    z-index:-1;
}

#divAppSoccerPredictor #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;
}

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

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

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

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

#divAppSoccerPredictor #divPrizeMessage span
{
    color:#b28e3f;
    font-weight:600;
}

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

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

#divAppSoccerPredictor .divPrizeOption:hover
{
    filter:drop-shadow(0px 0px 5px #aa00ff);
    transform:scale(1.05);
}

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

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

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

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

#divAppSoccerPredictor .divPrizeOption.claimed .divPrizeLabel
{
    color:#006400;
}

#divAppSoccerPredictor .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;
}

#divAppSoccerPredictor #divPrizeResult
{
    background-color:rgba(0, 0, 0, 0.75);
    color:#b28e3f;
    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);
}

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

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

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

#divAppSoccerPredictor #divSoccerPredictorAlertPopup.show
{
    animation:showSoccerPredictorPopup 0.25s;
    display:block;
    opacity:1;
}

#divAppSoccerPredictor .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;
}

#divAppSoccerPredictor .divAlertPopup:before
{
    background:linear-gradient(180deg, #201634 0%, #0e0e18 100%);
    border-radius:8px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
    z-index:-1;
}

#divAppSoccerPredictor .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;
}

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

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

#divAppSoccerPredictor #divAlertHeading:before
{
    background-image:url('../images/promotions/soccerPredictor/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;
}

#divAppSoccerPredictor #divAlertHeading:after
{
    background-image:url('../images/promotions/soccerPredictor/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;
}

#divAppSoccerPredictor #divAlertHeadingText
{
    color:#cea44a;
    font-size:18px;
    text-align:center;
    text-shadow:1px 1px 2px #000000;
}

#divAppSoccerPredictor #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;
}

#divAppSoccerPredictor #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%;
}

#divAppSoccerPredictor #divAlertContent
{
    color:#bbbbbb;
    font-size:16px;
    line-height:18px;
    padding:10px 0px 20px;
    position:relative;
    text-align:center;
}

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

#divAppSoccerPredictor .btnAlert
{
    background:linear-gradient(180deg, #201634 0%, #0e0e18 100%);
    border-radius:8px;
    color:#cea44a;
    font-family:"Jost", sans-serif;
    font-size:16px;
    height:40px;
    line-height:40px;
    margin-left:10px;
    min-width:80px;
    padding:0px 15px;
    text-shadow:-1px 1px 2px #000000;
    transition:color 0.25s;
}

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

#divAppSoccerPredictor .btnAlert:hover, #divAppSoccerPredictor .btnAlert:focus
{
    color:#dddddd;
}

#divAppSoccerPredictor .btnAlert:before
{
    background:linear-gradient(180deg, #95653b 0%, #ddcec4 50%, #95653b 100%);
    border-radius:10px;
    bottom:-2px;
    content:"";
    display:block;
    left:-2px;
    position:absolute;
    right:-2px;
    top:-2px;
    z-index:-1;
}

#divAppSoccerPredictor .btnAlert:after
{
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:7px;
    bottom:2px;
    box-shadow:0px 0px 3px 0px #fa5ffb;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
    transition:box-shadow 0.25s;
}

#divAppSoccerPredictor .btnAlert:hover:after, #divAppSoccerPredictor .btnAlert:focus:after
{
    box-shadow:0px 0px 10px 0px #fa5ffb;
}

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

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

#divAppSoccerPredictor .tabNavigator .divTabNavigatorBackground:before
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border-radius:8px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
}

#divAppSoccerPredictor .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;
}

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

#divAppSoccerPredictor .tabNavigator .divSelectedIndicator:before
{
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.09'/></svg>"), linear-gradient(180deg, #652b6d 0%, #0e0614 100%);
    border-radius:8px;
    bottom:2px;
    content:"";
    display:block;
    left:2px;
    position:absolute;
    right:2px;
    top:2px;
}

#divAppSoccerPredictor .tabNavigator .divSelectedIndicator:after
{
    animation:soccerTabStrokeGlow 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;
}

#divAppSoccerPredictor .tabNavigator .divTabNavigatorItem, #divAppSoccerPredictor .tabNavigator .divTabNavigatorItem:hover, #divAppSoccerPredictor .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;
}

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

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

#divAppSoccerPredictor .tabNavigator .divTabNavigatorItem:hover .imgTabNavigatorItemIcon, #divAppSoccerPredictor .tabNavigator .divTabNavigatorItem.selected .imgTabNavigatorItemIcon
{
    filter:drop-shadow(0px 1px 0px #000000);
}

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

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

#divAppSoccerPredictor .dropDown .divInputBackground:after, #divAppSoccerPredictor .dropDown:hover .divInputBackground:after, #divAppSoccerPredictor .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* CUSTOM CHECKBOX STYLING */
#divAppSoccerPredictor .checkbox
{
    background-color:rgba(0, 0, 0, 0.75);
    border-radius:10px;
    color:#a57850;
    display:inline-block;
    font-size:16px;
    line-height:36px;
    padding-right:15px;
}

#divAppSoccerPredictor .checkbox:before
{
    border:1px solid #a57850;
    height:34px;
    width:34px;
}

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

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

/* ANIMATIONS KEY FRAMES */
@keyframes showSoccerPredictorPopup
{
    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 soccerTabStrokeGlow
{
    0%   {border-color:#a57850;}
    50%  {border-color:#f4d98a;}
    100% {border-color:#a57850;}
}

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

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

    /* HOW IT WORKS POPUP */
    #divAppSoccerPredictor #divHowItWorksPopup:before
    {
        background-size:80%;
    }

    #divAppSoccerPredictor .divHowItWorksButton
    {
        left:20%;
        width:60%;
    }

    #divAppSoccerPredictor #btnHowPointsWork
    {
        margin-top:40%;
    }

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

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

    /* FAQS POPUP */
    #divAppSoccerPredictor #divFaqsPopup:before
    {
        background-size:62%;
    }

    #divAppSoccerPredictor #divFaqsList
    {
        margin-top:40%;
    }
}

@media (max-width: 500px)
{
    #divAppSoccerPredictor .divPopupHeading
    {
        font-size:18px;
    }
    
    /* INTRO POPUP */
    #divAppSoccerPredictor .divIntroButtons
    {
        grid-template-columns:1fr 1fr;
        margin:45% 20% 0px;
    }

    /* HOW IT WORKS POPUP */
    #divAppSoccerPredictor #divHowItWorksPopup:before
    {
        background-size:85%;
    }

    #divAppSoccerPredictor .divHowItWorksButton
    {
        left:15%;
        width:70%;
    }

    #divAppSoccerPredictor #btnHowPointsWork
    {
        margin-top:45%;
    }

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

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

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

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

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

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

    #divAppSoccerPredictor .divProgressSubHeading
    {
        width:100%;
    }

    #divAppSoccerPredictor .divProgressSubHeadingBottom
    {
        margin-top:15px;
    }

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

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

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

    /* FAQS POPUP */
    #divAppSoccerPredictor #divFaqsPopup:before
    {
        background-size:65%;
    }

    #divAppSoccerPredictor #divFaqsList
    {
        margin:42% 0px 30px;
    }

    #divAppSoccerPredictor .divFaqItem
    {
        left:calc(50% - 190px);
        width:380px;
    }

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

    /* CLAIM PRIZE POPUP */
    #divAppSoccerPredictor #divPrizeMessage
    {
        margin:40% 30px 0px;
    }

    #divAppSoccerPredictor .divPrizeOption
    {
        width:220px;
    }

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

@media (max-width: 420px)
{
    #divAppSoccerPredictor .divPopupHeading
    {
        font-size:16px;
        left:10px;
        top:10px;
    }
    
    /* INTRO POPUP */
    #divAppSoccerPredictor #divIntroPopup:before
    {
        background-size:90%;
    }

    #divAppSoccerPredictor #btnMuteMusic
    {
        right:45px;
        top:10px;
    }

    #divAppSoccerPredictor #btnCloseIntro
    {
        right:5px;
        top:10px;
    }

    #divAppSoccerPredictor .divIntroButtons
    {
        margin:52% 15% 0px;
    }

    /* HOW IT WORKS POPUP */
    #divAppSoccerPredictor #divHowItWorksPopup:before
    {
        background-size:90%;
    }

    #divAppSoccerPredictor #btnBackHowItWorks
    {
        right:45px;
        top:10px;
    }

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

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

    #divAppSoccerPredictor #btnHowPointsWork
    {
        margin-top:50%;
    }

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

    #divAppSoccerPredictor .divOverallLeaderboardContainer
    {
        margin:60px 10px 0px;
    }

    #divAppSoccerPredictor .divStageLeaderboardContainer
    {
        margin:15px 10px 20px;
    }

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

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

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

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

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

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

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

    #divAppSoccerPredictor #divPicksScroller
    {
        top:175px;
    }

    #divAppSoccerPredictor .divMatchContainer
    {
        width:260px;
    }

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

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

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

    #divAppSoccerPredictor .divHomeTeam
    {
        left:5px;
    }

    #divAppSoccerPredictor .divAwayTeam
    {
        right:5px;
    }

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

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

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

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

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

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

    #divAppSoccerPredictor .divStatsItem:nth-child(1), #divAppSoccerPredictor .divStatsItem:nth-child(2)
    {
        height:180px;
    }

    #divAppSoccerPredictor .divStatsItem:nth-child(6), #divAppSoccerPredictor .divStatsItem:nth-child(7)
    {
        margin-top:20px;
    }

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

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

    #divAppSoccerPredictor .divProgressSubHeadingBottom
    {
        line-height:13px;
        margin-top:10px;
    }

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

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

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

    /* FAQS POPUP */
    #divAppSoccerPredictor #divFaqsPopup:before
    {
        background-position:center top 15px;
        background-size:70%;
    }

    #divAppSoccerPredictor #btnCloseFaqs
    {
        right:5px;
        top:10px;
    }

    #divAppSoccerPredictor #divFaqsList
    {
        margin:45% 0px 30px;
    }

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

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

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

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

    #divAppSoccerPredictor .divPrizeOption
    {
        width:200px;
    }

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

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

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

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