/*Fonts*/ @import url('font-icons.css'); @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700,800'); @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap'); :root{ /*Color*/ --theme-dark:#00549e; --theme-light:#0077cc; --theme-highlight:var(--color-yellow); --color-white:#ffffff; --color-base:#142841; --color-dark:#142841; --color-gray:#3d6a8f; --color-light-gray:#dbe9f6; --color-dark-gray:#d5d5d8; --color-action:#4aa331; --color-danger:#b92722; --color-danger-light:#fbeae5; --color-yellow:#f6d514; --color-blue:#0a375c; --color-blue-light:#edf3f7; --color-orange:#f68d00; --color-green-light:#effae3; --color-green-light:#effae3; /*Background Colors*/ --bg-body:#e1e8ed; --bg-white:var(--color-white); --bg-light-gray:var(--color-light-gray); /* Base Font */ --font-base:'Roboto', sans-serif; /* R-400 M-500 B-700 */ --font-head:'Titillium Web', sans-serif;/* Regular-normal SB-600 B-bold */ /*Border Colors*/ --bdr:var(--color-light-gray); --bdr2:#dee1e3; --bdr3:rgba(222,225,227,0.20); /*Card CSS*/ --shadow-card:0px 0px 4px 0px rgba(0, 0, 0, 0.21); --bg-card:var(--color-white); --radius-card:13px; --shadow-card2:0px 2px 9px 0px rgba(20, 40, 65, 0.11); --shadow-card3:0px 2px 1px 0px rgba(0, 0, 0, 0.1);; --bg-card2:var(--color-white); --radius-card2:4px; --green-highlight:#97c0a3; --tipped-bg:var(--theme-dark); --tipped-bdr:var(--theme-highlight ); --eliminated-light-color:#fff3f3; --eliminated-dark-color:var(--color-danger); --abadoned-light-color:var(--color-danger); --abadoned-dark-color:var(--color-danger); /* Header Root */ --bg-header:var(--theme-dark); --bdr-header:var(--theme-dark); --clr-header:var(--color-white); --clr-active-header:var(--color-white); --nav-highlight:var(--color-yellow); --headerHeight:42px; /* Button Root */ --btn-font:var(--font-base); --btn-color:var(--color-white); --primary-btn:#edf3f7; --primary-btn-clr:#0a375c; --primary-btn-bdr:#b8cde0; --theme-btn:#4aa331; --theme-btn-clr:var(--color-white); --theme-btn-bdr:#266514; /* Extra Root */ --scrollBar-clr:var(--primary-btn-bdr); --scrollBar-bg:var(--color-blue-light); --loader-bg:var(--color-light-gray); --loader-clr:var(--theme-light); /* Container ROOT */ --containerWidth:664px; --containerGap:12px; /* Modal */ --modal-bg:url(../images/modal-popup-bg.webp); /*Odds Btn*/ --odds-btn:#edf3f7; --odds-btn-clr:#0a375c; --odds-btn-bdr:#b8cde0; } *{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;} :focus{outline:none;} html{-webkit-text-size-adjust:none;} body{font-size:12px;color:var(--color-base);background:var(--bg-body);font-family:var(--font-base);font-weight:normal;} a{text-decoration:none;outline:none;color:var(--color-action);outline:none;cursor:pointer;} a:hover, a:focus{text-decoration:none;outline:none;} .btn:hover, .btn:focus, .btn.focus,.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;box-shadow:none;} img{padding:0;margin:0;max-width:100%;border:none;height:auto;} p{line-height:normal;font-size:13px;color:var(--color-base);font-weight:normal;margin:0;padding:0;display:block;} *{box-sizing:border-box;-webkit-box-sizing:border-box;} /*HEADING CSS*/ h1, h2, h3, h4, h5, h6{margin:0;padding:0;display:block;color:var(--color-base);font-weight:normal;} h2{font-size:16px;} strong{font-weight:bold;} /*LIST CSS*/ ul, ul li, ol, ol li{padding:0;margin:0;list-style:none;} /*INPUT CSS*/ .form-group{float:left;width:100%;margin-top:16px;position:relative;} .input-group{float:left;width:100%;position:relative;} select, select option{width:100%;box-sizing:border-box;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;border-radius:0;} .form-control{float:left;width:100%;font-size:16px;outline:medium none;height:48px;color:var(--color-base);border:2px solid var(--bdr2);background:var(--color-white);line-height:44px;padding:0 10px;transition:all 0.4s ease 0s;border-radius:6px;font-family:'Roboto', sans-serif;} .form-control:focus{outline:none;transition:all 0.3s ease 0s;} .form-control:disabled{background:#f2f2f2;color:#C7C6C6;} input[type="submit"], input[type="text"], input[type="password"], textarea{-webkit-appearance:none;} input[type="submit"], button{cursor:pointer;border:0;} textarea.form-control{resize:vertical;height:100px;} .addon{display:flex;align-items:center;} .input-label{float:left;width:100%;color:#111;font-size:14px;margin-bottom:2px;} .form-control::-ms-clear{display:none;} .form-control::-ms-expand{display:none;} .form-control::-ms-clear, .form-control::-ms-reveal{display:none;} .custom-select select:focus::-ms-value{color:transparent;font-size:0;background:transparent;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none;margin:0;} input[type='number']{-moz-appearance:textfield;} .invalid-feedback {float:left;width:100%;margin-top:4px;font-size:12px;color:#f90316;} .valid-feedback {float:left;width:100%;margin-top:4px;font-size:12px;color:#006858;} .control-alert{position:absolute;top:2px;bottom:2px;height:calc(100% - 4px);right:2px;width:30px;display:flex;align-items:center;background:var(--color-white);border-radius:8px;} .control-alert .loader-ring{height:22px;width:22px;border-width:3px;} .control-alert .icon{color:var(--color-base);font-size:20px;display:none;} .invalid-code .control-alert .invalid-icon{color:#f90316;display:block;} .valid-code .control-alert .valid-icon{display:block;color:var(--color-action);} /*CUSTUM SELECT CSS*/ .custom-select{display:inline-block;position:relative;cursor:pointer;position:relative;width:100%;} .select-span{float:left;width:100%;font-size:14px;outline:medium none;height:44px;color:var(--color-base);border:0;border:1px solid var(--bdr2);background:var(--color-white);line-height:42px;padding:0 10px;transition:all 0.4s ease 0s;border-radius:8px;position:relative;} .custom-select select{border:0;font-size:14px;padding:0 30px 0 6px;height:100%;background:none;position:absolute;top:0;left:0;z-index:1;color:rgba(0, 0, 0, 0);cursor:pointer;} .custom-select .select-span{padding-right:14px;} .custom-select .is-filled + .select-span{border-color:#011a2b;} .custom-select select option{color:#111;} .custom-select:after{position:absolute;top:0;display:flex;align-items:center;height:100%;right:12px;content:'\e98a';font-family:'icons';pointer-events:none;font-size:10px;color:var(--color-base);} /*====== Switch CSS ======*/ .switch{float:left;position:relative;} .switch input{float:left;width:100%;position:absolute;top:0;left:0;opacity:0;height:100%;z-index:1;cursor:pointer;} .switch-label{float:left;width:44px;height:20px;border-radius:20px;background:var(--color-dark-gray);border:1px solid var(--color-dark-gray);} .switch-handle{float:left;width:16px;height:16px;border-radius:50%;background:var(--color-white);position:absolute;top:2px;left:2px;transition:left 0.15s ease-out 0s;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.29);} .switch input:checked + .switch-label + .switch-handle{left:26px;background:var(--color-white);} .switch input:checked + .switch-label{background:var(--theme-light);border:1px solid var(--theme-light);} /*====== CAROUSEL CSS ======*/ .custom-carousel{position:relative;width:100%;} .carousel-container{width:100%;overflow:hidden;} .carousel-track{display:flex;transition:transform 0.3s ease-in-out;user-select:none; touch-action:pan-y pinch-zoom;} .short-acca-item{flex:0 0 100%;width:100%;} .carousel-dots{display:flex;justify-content:center;gap:6px;margin:6px 0px;} .carousel-dots .dot{width:10px;height:10px;border-radius:50%;background-color:#c3c5c7;cursor:pointer;transition:background-color 0.3s ease;} .carousel-dots .dot.active{background-color:var(--theme-dark);} .carousel-track:active{} .carousel-nav{height:28px;width:28px;border-radius:50%;background:var(--theme-light);position:absolute;top:calc(50% - 30px);display:inline-flex; justify-content:center; align-items:center;} .carousel-nav .icon{color:var(--color-white);font-size:15px;} .carousel-prev{left:-46px;} .carousel-next{right:-46px;} .carousel-prev .icon{padding-right:2px;} .carousel-next .icon{padding-left:2px;} .multi-bet-bar{float:left; width:100%; text-align:center; margin-top:15px; display:flex; justify-content:center; align-items:center;} .multi-bet-bar .odds-btns{float:left; width:100%; height:40px; max-width:260px; border-radius:8px;} .multi-bet-bar .odds-btns .odds-points{font-size:14px;} /*====== Perfect ScrollBar CSS ======*/ *{scrollbar-color:var(--scrollBar-clr) auto;} *::-webkit-scrollbar{width:4px;border-radius:20px;height:4px;} *::-webkit-scrollbar-track{background:var(--scrollBar-bg);} *::-webkit-scrollbar-thumb{background-color:var(--scrollBar-clr);border-radius:20px;width:4px;height:4px;} /*====== Perfect ScrollBar CSS ======*/ /*NORMAL CSS*/ ::selection{background:#0067ab;color:#fff;} ::-moz-selection{background:#0067ab;color:#fff;} .container{margin:0 auto;width:100%;max-width:var(--containerWidth);padding:0px var(--containerGap);} .clearfix{clear:both;} .event-none{pointer-events:none;} .wcard{float:left;width:100%;padding:0px 6px;background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:var(--radius-card);} .disabled{pointer-events:none;opacity:0.4;} .block{float:left;width:100%;} .hide{display:none!important;} .show{display:block!important;} /*BUTTON CSS*/ .btn{display:inline-flex;align-items:center;gap:4px;justify-content:center;padding:0 8px;text-align:center;color:var(--color-base);font-size:14px;font-weight:500;line-height:44px;height:44px;background:#f9f9f9;transition:all 0.5s ease 0s;border:0;border-radius:6px;font-family:var(--btn-font);} .primary-btn{color:var(--primary-btn-clr); background:var(--primary-btn); border:1px solid var(--primary-btn-bdr); font-weight:bold;} .theme-btn{color:var(--theme-btn-clr); background:var(--theme-btn); border:1px solid var(--theme-btn-bdr); font-weight:bold;} .primary-bdr-btn{color:var(--primary-btn-clr); background:var(--primary-btn); border:1px solid var(--primary-btn-bdr); font-weight:bold;} .gray-btn{color:var(--color-white);background:var(--color-base);} .gray-bdr-btn{border:none; background:none; color:var(--color-white);} .disable-btn{pointer-events:none;background:#dfdfdf;color:#a0a0a0;} .btn-icon{display:inline-block;width:40px;vertical-align:middle;margin-left:8px;line-height:normal;} .btn-icon img{float:left;width:100%;} .flex-btn{display:flex;align-items:center;justify-content:center;line-height:normal;} .btn .icon{font-size:16px;} .icon{display:inline-block;font-size:20px;vertical-align:middle;} /* Loader Start */ .loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;background:var(--loader-bg);} .loading-wrapper.plain-loader{background:none;} .loading-wrapper.content-loader{position:absolute;height:100%;} .loading-wrapper.content-relative{position:relative;height:200px;background:none;z-index:1;} .loading-wrapper.content-relative .page-overlay{height:100%;display:flex;align-items:center;justify-content:center;} .page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;} .loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:5px solid var(--loader-clr);border-color:var(--loader-clr) transparent var(--loader-clr) var(--loader-clr);animation:loader-ring 650ms linear infinite;border-radius:50%;} @keyframes loader-ring{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } /* Loader End */ /* Counter*/ .counter{float:left;font-size:16px;color:var(--dark-clr);font-weight:bold;} /*Header css*/ .header{float:left;width:100%;position:sticky;position:-webkit-sticky;z-index:3;top:0;left:0;background:var(--bg-header);box-shadow:0px -1px var(--bdr-header) inset;} .header-outer{float:left;width:100%;padding:0px;display:flex;align-items:center;justify-content:space-between;position:relative;} /*NAV BAR CSS For Desktop*/ .nav-bar{float:left;width:100%;padding:0px;margin:0px;} .nav-bar .container{padding:0px;} .nav-container{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;} .nav-items{float:left;display:flex;justify-content:space-between;width:100%;} .nav-item{float:left; flex:1;} .nav-item-label{float:left; width:100%; font-size:14px; font-weight:normal; color:var(--clr-header); padding:6px 4px; display:flex; align-items:center; justify-content:center; height:var(--headerHeight); position:relative; min-width:50px;} .lowercase{font-size:82%; display:inline-block; padding-left:1px;} .nav-item.active .nav-item-label, .nav-item:hover .nav-item-label{color:var(--clr-active-header);} .nav-item.active .nav-item-label:after{position:absolute;bottom:0px;left:0;width:100%;background:var(--nav-highlight);height:3px;content:'';} .action-item{align-self:center;} .nav-item.action-item .btn{line-height:26px;box-shadow:none;height:26px;border-radius:3px;text-transform:none;background:var(--theme-highlight);color:var(--color-dark);padding:1px 6px 0px;font-size:10px;} .nav-item.action-item:hover .nav-item-label:after{display:none;} .back-btn{float:left; width:30px; height:42px; min-width:30px; display:flex; align-items:center; color:var(--clr-header); cursor:pointer;} /*============== Iframe Page CSS ==============*/ .iframe-container{float:left;width:100%;} iframe,.iframe{float:left;width:100%; border:none;background:none;margin:0px;padding:0px;outline:none;} /* Mid Wrapper Start */ .main-section{float:left;width:100%;} .page-container{float:left;width:100%;} .mid-wrapper{float:left;width:100%;position:relative;} .mid-container{float:left;width:100%;padding:0px;margin:0px;} .page-wrap{float:left;width:100%;} .page-content{float:left;width:100%;padding-top:8px;} .scroll-content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;} /*================= Home Page CSS Start =================*/ body.home-page{background-image:-webkit-linear-gradient( 90deg, rgb(20,40,65) 49%, rgb(0,84,158) 100%);} .home-wrap{--bg-body:url(../images/home-desk-bg.webp); background-position:center top; background-image:url(../images/home-bg.webp);background-size:100%;background-repeat:no-repeat;position:relative;} .home-wrap:before{position:absolute;left:0px;right:0px;top:0%;content:'';height:300px;width:500px;margin:0 auto;background:radial-gradient(circle, var(--theme-light) 0%, transparent 60%, transparent 100%);pointer-events:none;} .home-wrap .mid-wrapper{min-height:calc(100dvh - var(--headerHeight));padding-bottom:46px;} .home-card{float:left;width:100%; padding:30px 0px 20px; position:relative;} .home-card-inner{float:left;width:100%;} .logo{float:left;width:100%;text-align:center;display:flex;justify-content:center;} .game-logo{float:left;width:100%;max-width:367px;margin:0px auto;} .game-logo img{float:left;width:100%;} .top-card-item{position:absolute; top:70%; left:-60px; width:122px; z-index:0;} .top-card-item-figure{float:left; width:100%;} .top-card-item-figure img{float:left; width:100%;} /* How Play Section */ .how-to-play{float:left; width:100%;} .how-to-outer{float:left;width:100%; padding:8px 0px 14px;position:relative;} .how-to-title{float:left;width:100%; position:relative; margin-bottom:20px; display:flex; justify-content:center; align-items:center;} .htp-title{float:left; padding:0 26px 10px;; position:relative; font-size:20px; font-weight:bold; color:var(--color-white);} .htp-title:after{position:absolute; bottom:0; left:0; width:100%; height:1px; background:var(--color-white); content:''; background:linear-gradient(90deg, transparent 0%, var(--color-white) 50%, transparent 100%);} .htp-info{float:left;width:100%;padding:0px 8px;} .htp-list{float:left;width:100%;} .htp-list-item{float:left;width:100%; padding-bottom:20px; position:relative;} .htp-list-item:last-child{padding-bottom:0;} .htp-list-item:last-child{padding-bottom:0;} .htp-list-item:not(.htp-list-item:last-child):before{position:absolute; top:50%; left:18px; height:100%; width:2px; background:var(--color-white); content:'';} .htp-card{float:left;width:100%;display:flex;gap:10px;align-items:center;} .htp-point{float:left; display:flex; justify-content:center; align-items:center; text-align:center; position:relative;} .htp-figure{float:left;width:100%;} .htp-figure img{float:left;width:100%;} .htp-detail{flex:1; display:flex; align-items:center;} .htp-pre{float:left; width:100%; color:var(--color-white); font-size:13px; line-height:1.3em;} .htp-bold{font-weight:800;} .htp-num{float:left; width:36px; min-width:36px; height:36px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:16px; color:var(--color-dark); font-family:var(--font-head); border-radius:50%; background:var(--bg-white);} /*Video CSS*/ .video-wrap{float:left; width:100%; border-radius:4px; margin-bottom:8px;} .video-wrap-inner{float:left; width:100%;} .base-video{float:left; width:100%; border-radius:4px;} /* == Powered By Start == */ .powered-by-block{float:left;width:100%;display:flex;justify-content:center;align-items:flex-end;height:46px;position:absolute;bottom:0px;left:0px;right:0px;padding-bottom:8px;} .powered-footer{float:left;width:100%;} .powered-text{ float:left;width:100%;text-align:center;font-size:13px;margin-bottom:5px;font-family:var(--font-base);font-weight:400;color:#fefefe;} .powered-figure-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;gap:5px;} .pp-figure{float:left;width:76px;} .pp-figure img{float:left;width:100%} .gtg-figure{float:left;width:124px;} .gtg-figure img{float:left;width:100%} /* == Powered By End == */ .home-race-card-block{float:left; width:100%; position:relative; z-index:1;} .home-race-card{--card-bg:url("../images/race-card-bg.webp"); float:left; width:100%; background:var(--card-bg); background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:4px; margin-bottom:12px; box-shadow:0px 5px 3px 0px rgba(0, 0, 0, 0.17);} .home-race-card-outer{float:left; width:100%; padding:10px;} .home-race-card-inner{float:left; width:100%;} .race-card-top{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px;} .card-race-title{float:left;} .card-race-title-label{float:left; display:flex; align-items:center; justify-content:center; height:26px; padding:0 16px; font-weight:bold; font-size:14px; text-transform:uppercase; font-family:var(--font-head); clip-path:polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%); background:var(--color-dark); color:var(--color-white);} .home-race-card-content{float:left; width:100%; display:flex;} .home-race-card-col{float:left; flex:1;} .card-counter-info{float:left;} .race-counter-bar{float:left; align-items:center; display:flex; gap:4px;} .race-counter-label{float:left; font-size:12px; font-weight:500; color:var(--color-white);} .race-counter{float:left; min-width:56px; background:var(--color-danger); font-size:11px; font-weight:500; text-transform:none; color:var(--color-white); height:20px; border-radius:20px; line-height:1em; display:inline-flex; justify-content:center; align-items:center; padding:0 6px;} .before-start .race-counter{text-transform:uppercase;} .page-title-right .race-counter.win{background:var(--color-action); text-transform:none;} .page-title-right .race-counter.eliminated{text-transform:none;} .resulted-counter{background:var(--color-orange) !important;} .eliminated-counter{background:var(--color-danger) !important;} .race-counter.yellow-color{text-transform:uppercase;} .race-counter.race-time-count{background:none; font-weight:normal; min-width:inherit; text-transform:none; padding:0;} .start-count{background:#fef8e6; color:#961c03; font-weight:bold;} .before-live-count{background:#fee6e6; color:#a00303; font-weight:bold;} .live-count{background:#ebf7eb; color:#277127; text-transform:uppercase; font-weight:bold;} .card-race-info{float:left; width:100%;} .card-race-name{float:left; width:100%;} .card-race-name-label{float:left; width:100%; font-size:24px; font-weight:900; color:var(--color-white); text-transform:uppercase; font-family:var(--font-head); line-height:1em;} .card-race-date{float:left; width:100%; margin-top:6px;} .card-race-date-label{float:left; width:100%; font-size:14px; font-weight:600; color:var(--color-white); font-family:var(--font-head); line-height:1.3em; text-transform:uppercase;} .race-card-bottom{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:5px;} .race-prize{float:left;} .race-prize-label{float:left; color:var(--color-yellow); font-size:40px; font-weight:900; text-transform:uppercase; font-family:var(--font-head); line-height:1em; text-shadow:0px 3px 0px rgba(0, 0, 0, 0.31);} .race-prize-label .bonus-bet-label{display:inline-block; color:var(--color-white); font-size:13px; text-transform:none; text-shadow:none; font-weight:normal; line-height:1em; align-self:flex-end; padding-bottom:7px;} .page-title-right .bonus-bet-label{font-size:10px; padding:0;} .prize-point .bonus-bet-label{display:inline-block; color:var(--color-white); font-size:13px; text-transform:none; text-shadow:none; font-weight:normal; line-height:1em; align-self:flex-end; white-space:nowrap; margin-bottom:4px;} .result-prize-card .prize-point .bonus-bet-label{color:var(--color-dark);} .prize-point span:not(.bonus-bet-label){float:left;} .race-count-info{float:left;} .race-count-label{float:left; display:flex; align-items:center; justify-content:center; gap:2px; height:28px; min-width:68px; background:var(--color-dark); font-size:12px; font-weight:500; color:var(--color-white); border-radius:2px; padding:0 6px;} .race-count-item{font-size:16px; font-weight:bold;} .home-race-card-outer .home-button-bar.button-bar{margin-bottom:0; margin-top:12px;} .home-button-bar.button-bar{padding:0; margin-bottom:12px;} .home-button-bar .btn{font-size:18px; font-weight:500;} /*next round card*/ .next-round-card{--card-bg:url("../images/next-round-card-bg.webp"); background-position:top right;} .next-round-card .home-race-card-col{max-width:50%;} .next-round-card .home-race-card-outer{min-height:175px;} .card-result-info{border-bottom:1px solid rgba(222,225,227,0.40); padding-bottom:14px;} .race-users-info{float:left; width:100%; text-align:center;} .remaining-users-info{float:left; width:100%; display:flex; align-items:center; justify-content:center; gap:4px; color:var(--color-white);} .label-icon{float:left; font-size:18px; margin-top:-2px;} .remaining-users-label{float:left; font-size:14px; font-weight:bold; text-transform:uppercase;} .remaining-users-count{width:100%; float:left; color:var(--color-white); font-size:50px; font-weight:900; text-transform:uppercase; font-family:var(--font-head); line-height:1em; text-shadow:0px 2px 0px rgba(0, 0, 0, 0.31);} .race-result-info{float:left; width:100%; text-align:center; display:none; border-bottom:1px solid rgba(222, 225, 227, 0.40); padding-bottom:14px;} .race-result-info-inner{float:left; width:100%; text-align:center;} .race-result-title{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .race-result-title-label{float:left; display:flex; justify-content:center; align-items:center; background:var(--color-action); border-radius:3px; min-width:100px; height:28px; color:var(--color-white); font-size:14px; font-weight:500; text-transform:uppercase; padding:0 8px;} .result-winner-count{float:left; width:100%; margin:8px 0 2px;} .result-winner-count-label{float:left; width:100%; color:var(--color-white); font-size:26px; font-weight:900; text-transform:uppercase; font-family:var(--font-head); line-height:1em; text-shadow:0px 2px 0px rgba(0, 0, 0, 0.31);} .result-prize{float:left; width:100%;} .result-prize-label{float:left; width:100%; color:var(--color-yellow); font-size:34px; font-weight:900; text-transform:uppercase; font-family:var(--font-head); line-height:1em; text-shadow:0px 3px 0px rgba(0, 0, 0, 0.31);} .home-race-card.winner-card .race-result-info-inner{min-height:98px; display:flex; align-items:center; justify-content:center; flex-direction:column;} /*================= Home Page CSS End =================*/ /*===Modal Popup Css Start===*/ body.show-modal{position:fixed;top:0;height:100%;width:100%;overflow:hidden;} body.in-iframe.show-modal .main-section{overflow:hidden !important;} .modal{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;background:rgba(0,0,0,0.8);display:none;overflow-y:auto;padding:0 14px;} .modal-contenier,.modal-container{float:left;width:100%;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:14px 0;} .modal-outer{float:left;width:100%;max-width:600px; position:relative;z-index:2;} .modal-body{float:left;width:100%; background:var(--bg-card); border-radius:2px;} .modal-info{z-index:1;position:relative;display:block;width:100%;float:left;padding:12px;} .modal-content{float:left;width:100%;} .modal-logo{float:left;width:100%;display:flex;align-items:center;justify-content:center;} .modal-logo figure{float:left;width:100%;max-width:132px;} .modal-head{float:left;width:100%;display:flex;justify-content:center;align-items:center;} .modal-title{float:left;width:100%;text-align:center;font-size:16px;color:var(--color-base); font-weight:bold; line-height:1.3em;} .modal-title-left{flex:1;float:left;} .modal-sm-pre{float:left;width:100%;text-align:left;font-size:14px;color:var(--color-base);margin-top:12px; line-height:1.4em;} .modal-footer{float:left;width:100%;padding:10px 18px 18px;} .modal-overlay{position:fixed;top:0;left:0;z-index:1;float:left;height:100dvh;width:100%;cursor:pointer;} /* Bottom Close */ .close-btn{position:absolute;bottom:-44px;left:0;right:0;margin:44px auto 0px;display:flex;justify-content:center; cursor:pointer;} .close-btn .icon{font-size:34px;color:var(--color-white);} .close-btn.bottom-close-btn .icon{border-radius:50%; border:2px solid var(--color-white); color:var(--color-white); background:var(--theme-dark); font-size:33px; height:36px; width:36px; display:flex; align-items:center; justify-content:center;} .close-btn.bottom-close-btn .icon:before{content:'\e96f'; font-size:15px;} /*===Modal Popup CSS END===*/ /* Button Bar */ .button-bar{float:left;width:100%;padding:8px 0px;} .button-container{float:left; width:100%;} .button-bar-outer{float:left;width:100%;display:flex;gap:8px;} .button-bar-outer .col{flex:1;} .button-bar-outer .col .btn{width:100%;} .btn-info-label{float:left; width:100%; text-align:center; margin:5px 0 4px; font-size:11px; color:#fff; font-style:italic;} .race-result-info .btn-info-label{margin: 10px 0 0;} .col-flex{float:left;width:100%;display:flex;gap:8px;align-items:center;} .btn-col{flex:1;float:left;} .tooltip-col{float:right;width:20px;min-width:20px;--tooltip-bg:var(--color-dark);--tooltip-clr:var(--color-white);--tooltip-radius:4px;} .tooltip-col .tooltip-info{float:left;width:100%;} .tooltip-col .tooltip-info .icon{float:left;width:100%;font-size:20px;color:var(--theme-light);} /* Custom Select Option */ .short-outer{float:left;display:flex;align-items:center;gap:0px;padding:0px 0px 5px} .shorting-title{color:var(--color-base);font-size:12px;font-weight:400;text-align:left;white-space:nowrap;float:left;} .select-box{float:left;width:100%;position:relative;} .select-label{position:relative;float:left;width:100%;font-size:12px;height:26px;color:var(--color-dark);line-height:26px;padding:0 20px 0 4px;border-radius:4px;z-index:1;cursor:pointer;background:none;} .select-label.select-drop-active{border-radius:4px 4px 0px 0px;} .select-option{float:left;width:100%;} .select-short{float:left;width:100%;display:flex;align-items:center;} .select-short .short-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden;font-weight:normal;text-transform:capitalize;} .select-label .icon{position:absolute;right:6px;top:0;height:100%;display:flex;align-items:center;font-size:9px;pointer-events:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;color:var(--color-dark);transition:all 0.3s ease;} .select-label.select-drop-active .icon{transform:rotate(180deg);color:var(--theme-light);-webkit-transform:rotate(180deg);} .select-drop{display:none;position:absolute;top:calc(100% + 4px); left:0;right:0;z-index:3;background-color:var(--color-white);border-radius:4px;flex-direction:column-reverse;max-height:145px; box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.21);border:1px solid var(--color-dark-gray);min-width:100px;} .select-drop:after{position:absolute;bottom:100%;left:10px;color:var(--color-white);font-size:12px;height:9px;content:"\e98b";font-family:"icons";text-shadow:0px -1px 2px rgba(0, 0, 0, 0.21);} .select-drop ul{float:left;width:100%;position:relative; overflow:auto;max-height:145px;} .select-drop li:first-child{border:none;} .select-drop li:hover{background:var(--bg-light-gray);} .select-drop li.selected{color:var(--theme-light);} .select-drop li.selected:after{position:absolute;top:0;right:0;width:26px;height:100%;display:flex;justify-content:center;align-items:center; color:var(--theme-light); font-size:12px;content:"\e970";font-family:"icons";} .select-drop li{float:left;width:100%;padding:8px 10px;border-top:1px solid var(--bg-light-gray);cursor:pointer;position:relative;} /* ToolTip CSS */ .tooltip{position:absolute;right:0;bottom:100%;margin:0 auto;box-shadow:var(--tooltip-shadow);display:none;z-index:1;} .tooltip-info{position:relative;cursor:pointer;} .tooltip-outer{float:left;width:100%;display:flex;justify-content:center;position:relative; } .tooltip-info .icon:after{position:absolute;top:-8px;left:0;right:0;margin:0 auto;content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000000;opacity:0;} .tooltip-inner{background:var(--tooltip-bg);color:var(--tooltip-clr);padding:6px 8px;text-align:left;float:left;border-radius:var(--tooltip-radius); width:max-content;position:absolute;bottom:8px;right:0px;} .tooltip-inner p{color:var(--tooltip-clr);font-size:14px;} /*================= My Picks Page CSS Start =================*/ /* Page Header */ .page-heading-wrap{top:var(--headerHeight);position:sticky;z-index:2; box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);} .page-heading-inner{float:left;width:100%;padding:14px 0px;background-color:var(--bg-header);} .page-title-block{float:left;width:100%;} .page-title{float:left;width:100%;display:flex;justify-content:space-between; align-items:center; gap:8px;} .page-title-label{float:left; width:100%; font-size:24px; font-weight:900; color:var(--color-white); text-transform:uppercase; font-family:var(--font-head); line-height:1em;} .page-title .race-prize-label{text-shadow:none; font-size:18px; font-weight:bold; font-family:var(--font-base); white-space:nowrap; flex-direction:column;} .picks-wrap .page-title-block{margin-top:8px;} .page-title-left{float:left; flex:1;} .page-title-right{float:right; display:flex; flex-direction:column; align-items:flex-end; gap:4px;} .page-title-right .race-counter{font-size:12px; font-weight:bold; min-width:50px; padding:0 10px;} .page-title-right .race-counter.race-time-count{font-weight:normal; padding:0; min-width:inherit; margin-top:4px; text-transform:none;} .page-title-right .uc-counter .start-text{color:var(--color-white); font-weight:normal; display:none;} .page-title-right .uc-counter .start-count{text-transform:none;} .page-title-right .uc-counter .before-live-count{text-transform:none;} .picks-wrap .page-content{padding-top:0;} .race-prize-label{float:right;display:inline-flex;gap:4px;align-items:center;} .race-prize-text{font-size:12px;color:var(--color-base);} .race-prize-value{font-family:var(--font-head);font-weight:bold;color:var(--theme-light);font-size:14px;} .race-info-bar-title{float:left; width:100%; margin-top:10px;} .race-info-bar-inner{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px;} .race-info-pre{float:left; font-size:12px; color:var(--color-white);} .race-time-info{float:left; font-size:12px; color:var(--color-white);} .page-title-left .race-info-pre{margin-top:10px;} .page-title-right .race-time-info{margin-top:4px;} .picks-rule-info{float:left; width:100%; background:var(--color-white);} .picks-rule-info-outer{float:left; width:100%; display:flex; align-items:center; min-height:46px;} .picks-rule-pre{float:left; width:100%; font-size:12px; color:var(--color-base); font-weight:500;} /* Round Selection */ .round-selection-block{float:left;width:100%;} .round-inner{float:left;width:100%;margin-bottom:5px;} .round-inner-wrap{float:left;width:100%;overflow:hidden; height:42px;} .round-filter-inner{float:left;width:100%;overflow:auto; height:70px;} .round-scroll{position:relative;} .round-filter-list{float:left; display:flex; gap:10px; width:100%;} .round-list{float:left; padding-top:8px;} .round-link{--btn-size:34px; float:left;background:var(--color-dark); border:1px solid var(--color-dark); border-radius:50%; display:inline-flex; justify-content:center;align-items:center; height:var(--btn-size); min-width:var(--btn-size); width:var(--btn-size); position:relative;white-space:nowrap;padding:4px 2px; gap:2px;} .round-link .round-text{color:var(--color-white);font-weight:500;font-size:14px;} .round-link .sm-icon{height:16px;width:16px;border-radius:50%;background:var(--theme-highlight);color:var(--color-base);display:none;justify-content:center;align-items:center;position:absolute;top:-6px; right:-3px; border:2px solid var(--theme-light);} .round-link .sm-icon .icon{color:var(--color-base);font-size:8px;font-weight:500;} /* Active Tips */ .active .round-link{background:var(--theme-highlight)!important;border-color:var(--theme-highlight)} .active .round-link .round-text{color:var(--color-base) !important;} /* Tipped Tips */ .tipped .round-link .sm-icon{display:inline-flex;} .tipped .round-link{background:var(--color-dark);border-color:var(--tipped-bdr);} .tipped .round-link .round-text{color:var(--color-white);} /* Picks Screen */ .picks-screen{float:left;width:100%; margin-top:10px;} .tip-wrap-inner{float:left;width:100%;} .tips-listing{float:left;width:100%;} /* Sticky Card Block */ .pick-page-content .scroll-content{overflow:inherit;-webkit-overflow-scrolling:inherit;flex:inherit;} .sticky-card-block{top:var(--headerHeight);position:sticky;z-index:1;float:left;width:100%;background:var(--bg-body);padding-top:8px;} .sticky-card-inner{width:calc(100% + var(--containerGap));margin-left:calc(var(--containerGap) - calc(var(--containerGap) * 1.5));background:var(--bg-body);float:left;padding:0px calc(var(--containerGap) / 2);} .sticky-card-block .short-outer{padding:0px;} /* Race Card */ .race-card-block{float:left;width:100%;position:relative;overflow:hidden;border-radius:8px;margin-bottom:8px;} .race-card{float:left;width:100%;background:url(../images/race-card-bg.webp);background-size:cover;background-position:center;position:relative;} .race-card:before{content:attr(data-race);position:absolute;font-size:115px;color:#013a29;font-family:var(--font-head);font-weight:bold;top:0;bottom:0;line-height:1.2em;opacity:0.45;right:8px;display:none;} .race-card-inner{float:left;width:100%;padding:14px 0px;position:relative;} .race-info-top{float:left;width:100%;padding:0px 14px;display:flex;justify-content:space-around;} .race-info-left{flex:1;} .race-counter{display:flex;gap:4px;} .race-count-text{float:left;width:100%;text-align:center;color:var(--green-highlight);font-size:12px;white-space:nowrap;} .race-countdown{float:left;width:100%;} .race-countdown span {padding:0px 6px;display:flex;min-height:16px;font-size:11px;font-weight:600;align-items:center;justify-content:center;border-radius:2px;line-height:1em;background:var(--color-white);min-width:50px;color:var(--color-base);white-space:nowrap;} .before-start .start-text{display:none;} .yellow-color{background:var(--theme-highlight) !important;color:var(--color-dark) !important;} .green-color{background:var(--color-action) !important; color:var(--color-white) !important;} .orange-color{background:var(--orange-action) !important; color:var(--color-white) !important;} .race-label{float:left;width:100%;margin-bottom:8px;} .race-label span{font-size:12px;color:var(--green-highlight);} .race-title-time{float:left;width:100%;} .race-title-time span{float:left;width:100%;font-size:16px;color:var(--theme-highlight);font-family:var(--font-head);font-weight:bold;} .race-info-block{float:left;width:100%;margin-top:16px;} .race-info-flex{float:left;width:100%;display:flex;align-items:center;} .race-info-col{float:left;width:25%;position:relative; padding:0 8px;} .race-info-col:after{right:0px;top:0px;background:rgba(255, 255, 255, 0.1);height:100%;position:absolute;content:'';width:1px;} .race-info-col:last-child:after{display:none;} .race-info-inner{float:left;width:100%;} .race-info-label{float:left;width:100%;font-size:12px;color:var(--green-highlight);text-align:center;} .race-info-value{float:left;width:100%;font-size:12px;color:var(--color-white);text-align:center;margin-top:6px;} /* Top Card Heading */ .card-head{float:left;width:100%;display:flex;justify-content:space-between; padding-bottom:8px; border-bottom:1px solid var(--bdr2);} .card-title{float:left;font-size:14px;color:var(--color-base); font-weight:bold;} .card-right{float:right;display:inline-flex;align-items:center;justify-content:center;gap:6px;} .switch-text{float:left;font-size:14px;color:var(--color-base);font-weight:500;} .horse-title{color:var(--theme-dark);} /* Shoeting CSS */ .tip-list-headings{float:left; width:100%; display:flex; align-items:center; margin-bottom:8px; padding:0 32px 0 10px;} .sort-col{float:left; flex:1;} .sort-col.runner-sort-col{padding-left:10px;} .sort-col.win-sort-col{max-width:var(--colwidth); min-width:var(--colwidth); display:flex; justify-content:center; align-items:center;} .sort-col.place-sort-col{max-width:var(--colwidth); min-width:var(--colwidth); display:flex; justify-content:center; align-items:center;} .sort-label{float:left; display:flex; align-items:center; justify-content:center; gap:4px; font-size:11px; color:var(--color-base);} .sort-icon{float:left; width:8px; display:flex; align-items:center; justify-content:center; flex-direction:column; cursor:pointer;} .sort-icon .icon{font-size:7px; line-height:6px; opacity:0.3;} .sort-icon .icon.active{opacity:1;} /* Tips Listing */ .tips-table-outer{float:left;width:100%;} .tips-table{float:left;width:100%; --colwidth:60px;} .jockey-item-top .col.pick-odds-col{max-width:var(--colwidth); min-width:var(--colwidth);} .odd-label{float:left; width:100%; text-align:center; font-size:14px; font-weight:bold; color:var(--color-base);} .tip-table-head{float:left;width:100%;display:table;table-layout:auto;padding:0px 10px 5px;} .tip-table-head .col{display:table-cell;padding:0px ;white-space:nowrap;} .tip-table-head .col-place{text-align:right;} .tip-table-head .col-short-label{color:var(--color-base);font-size:12px;font-weight:400;text-align:left;} .col-short-link{display:inline-block;width:10px;height:10px;position:relative;cursor:pointer;margin-left:4px;} .col-short-link .icon{position:absolute;top:0px;left:0px;font-size:7px;color:#96969a;cursor:pointer;} .col-short-link .icon.icon-sort-desc{top:5px;cursor:pointer;} .col-short-link .icon.active{color:rgba(25, 25, 25, 0.8);} .tip-table-body{float:left;width:100%;} .tips-list{float:left;width:100%;} .tips-list-item{float:left;width:100%;margin-bottom:8px;} .tips-list-card{float:left;width:100%;position:relative;overflow:hidden;padding:12px 10px;background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card2);} .jockey-item-top .col.jockey-rank{padding-left:6px;} .tips-list .jockey-item-top .col.jockey-rank{padding:0px 6px;} .jockey-item-top{float:left;width:100%;display:flex;align-items:center;} .jockey-item-top .col{padding:0px;float:left;} .jockey-item-top .jockey-content-col{flex:1; overflow:hidden;} .jockey-item-top .jockey-figure-col{--jockeySize:42px;max-width:var(--jockeySize);width:var(--jockeySize);min-width:var(--jockeySize);min-height:var(--jockeySize);padding:0px;margin-right:6px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:4px;} .jockey-item-top .jockey-selection-col{float:right;} .jockey-check{height:22px;width:22px; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; cursor:pointer; border:2px solid var(--color-dark);} .jockey-check .icon{font-size:12px;color:var(--theme-light); opacity:0;} .jockey-figure-col .jockey-figure{float:left; width:22px; margin:0px; padding:0px;} .jockey-figure-col .jockey-figure img{float:left;width:100%;} .jockey-block{display:flex;align-items:center;justify-content:space-between;float:left;width:100%;gap:4px;} .jockey-detail{display:block;overflow:hidden;text-align:left;} .rank-label{background:var(--color-gray);border-radius:20px;display:inline-flex;justify-content:center;align-items:center;padding:0px 4px;height:36px;line-height:36px;text-align:center;font-weight:600;width:36px; color:#142841;font-size:12px;} .jockey-name{font-size:14px;white-space:normal;line-height:18px;font-weight:bold;color:var(--color-dark);margin-bottom:1px;} .jockey-info-block{float:left;width:100%;display:flex;gap:5px;margin-top:2px;align-items:center;} .jockey-info-block ~ .jockey-info-block{margin-top:4px;} .jockey-text{float:left;min-width:50px;color:var(--color-gray);font-size:11px;font-weight:400;clear:none; padding:0px; line-height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .jockey-text .jockey-text-label{float:left;width:14px;min-width:14px;font-weight:500;text-align:left;padding-right:2px;margin-top:0px;} .jockey-count{font-size:11px; font-weight:normal;} .jockey-item-bottom{float:left;width:100%;padding-top:8px;margin-top:9px;border-top:1px solid var(--bdr);} .joc-info-block{display:flex;align-items:center;justify-content:space-between;float:left;width:100%;} .joc-info-col{float:left;font-size:11px;color:var(--color-dark);} .joc-info-col .joc-users-counts{display:flex;align-items:center;} .joc-users-counts{float:left;width:100%;display:flex;gap:5px;align-items:center; justify-content:center;} .joc-users,.joc-odds,.joc-detail-link{float:left;width:100%;display:flex;gap:3px;align-items:center;} .joc-users-icons{float:left;} .joc-users-icons .icon{font-size:14px;color:var(--color-base);} .joc-users-counts .joc-users-per{font-size:12px; padding-top:2px; color:var(--color-gray);} .joc-users-label,.joc-odds-label{color:var(--color-gray);} .joc-detail-text{color:var(--theme-light);text-transform:uppercase;} .joc-detail-link .icon{font-size:11px;color:var(--theme-light);} /* Active Tips */ .active-tip{--color-base:var(--color-white); --color-dark:var(--color-white); --color-gray:var(--color-light-gray);} .active-tip .joc-users-icons .icon{color:var(--color-light-gray);} .active-tip .jockey-check{background:var(--color-white); border:none;} .active-tip .jockey-check .icon{opacity:1;} .active-tip .jockey-check .icon:before{content:"\e970";color:var(--theme-dark);} .active-tip .tips-list-card{background:var(--tipped-bg);border-color:var(--tipped-bdr);} .active-tip .jockey-item-bottom{border-color:#d4ede1;} /* Scratched Horse Message*/ .scratched{float:left;width:100%;display:none;padding:0px;} .scratched .scratch-text{color:var(--color-base);font-size:12px;overflow:hidden;white-space:nowrap;font-weight:600;text-transform:uppercase;padding-left:3px;} .scratched .scratch-box{display:inline-flex; justify-content:center; align-items:center;padding:0px; text-align: center;font-weight:600; color:var(--color-gray); font-size: 14px;} .scratched-card-block {float:left;width:100%;padding:0px;margin-bottom:8px;} .scratched-card {float:left;width:100%;} .scratched-card-message {float:left;width:100%;background:#fff9df;padding:10px 14px;border-radius:4px;border-left:3px solid var(--theme-highlight); box-shadow:var(--shadow-card2);} .scratch-text{float:left;width:100%;text-align:left;font-size:13px;color:var(--color-base);font-weight:normal;line-height:1.2em;} /* Scratched Horse*/ .scratched-horse{pointer-events:none;} .scratched-horse .scratched{display:block;} .scratched-horse .jockey-check{display:none!important;} .scratched-horse .jockey-rank{display:none!important;} .scratched-horse .pick-odds-col{display:none!important;} .scratched-horse .jockey-detail{text-decoration:line-through;} .scratched-horse .jockey-text{text-decoration:line-through;} /* Race Locked */ .round-link .sm-lock{height:12px;line-height:1;width:10px;color:var(--color-dark);display:none;align-items:center;justify-content:center; } .round-link .sm-lock .icon{font-size:12px;line-height:1;float:left;} .race-locked .round-link .sm-lock{display:inline-flex;} .race-locked .tips-list-item{opacity:0.6;pointer-events:none;} .race-locked .round-link{background:var(--color-white);} .race-locked .round-link .sm-icon{z-index:1;} .race-locked .round-link .round-text{color:var(--color-dark);} /*Submit Your Picks*/ .submit-loading{position:fixed;background:rgba(0,0,0,0.6);top:0;bottom:0;left:0;right:0;padding:16px;display:flex;align-items:center;z-index:16;} .picks-loader{background:var(--color-white);width:100%;max-width:600px;border-radius:3px;display:inline-block;padding:12px 16px;text-align:left;margin:0 auto;} .picks-loader span{font-size:13px;font-weight:500;color:var(--color-base);display:block;overflow:hidden;padding-top:0;line-height:18px;} .picks-loader .circle-loading{display:none;position:relative;width:30px;height:18px;float:left;} .picks-loader .circle-loading .loader-ring{height:18px;width:18px;border-width:2px;} .picks-loader .ok-icon{color:var(--color-action);display:none;float:left;width:30px;text-align:left;font-size:16px;line-height:18px;} .picks-loader .cross-icon{color:#D34600;display:none;float:left;width:30px;text-align:left;font-size:16px;line-height:18px;} .picks-loader.submit-success .ok-icon{display:block;} .picks-loader.submit-error .cross-icon{display:block;} .picks-loader.loading-picks .circle-loading{display:block;} .submit-button-bar .button-container{display:flex; justify-content:center; align-items:center;} .submit-button-bar .button-container .button-bar-outer{max-width:var(--containerWidth); padding:0px var(--containerGap);} .submit-button-bar.button-bar{padding:10px 0px;position:sticky;bottom:0;background:var(--color-dark);box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);} .submit-button-bar.button-bar .btn{border-radius:8px; height:44px; line-height:44px; font-weight:bold;} .submit-button-bar.button-bar .btn.gray-bdr-btn{font-weight:500;} /*================= My Picks Page CSS End =================*/ /*======== Nickname Modal CSS Start========*/ .slide-bottom .modal-info.nickname-info{padding:0px;} .nickname-info .modal-bg-card{padding:40px 20px;} .nickname-info .modal-logo figure{max-width:240px;} .nickname-modal-bottom{padding:0;float:left;width:100%;} .nickname-form {float:left;width:100%;} .form-block{float:left;width:100%;margin-bottom:16px;} .form-block .form-group{margin:0px;} .nickname-button-block{float:left;width:100%;} .nickname-button-block .button-bar{padding-bottom:0px;} /*========Nickname Modal CSS End========*/ /*========Tip Continue Modal CSS Start========*/ .slide-bottom .modal-info.continue-tip-info{padding:0px;} .continue-tip-modal .continue-tip-info .modal-title{text-align:center;font-weight:600;padding:14px 0px;margin-top:0;text-wrap:balance;} .continue-tip-info .modal-bg-card{padding:30px 20px;} .continue-tip-info .modal-logo figure{max-width:200px;} .continue-tip-info .modal-logo figure img{width:100%;float:left;} .continue-tip-modal-bottom{float:left;width:100%;} .continue-tip-button-block{float:left;width:100%;} .continue-tip-button-block .button-bar{padding-bottom:0px;} .continue-tip-modal .modal-bg-card{padding:14px;} .continue-tip-modal .modal-logo figure{max-width:192px;} .continue-tip-modal .modal-head{margin-bottom:0;} /*========Tip Continue Modal CSS End========*/ /*========Quick Picks Modal CSS Start========*/ .slide-bottom .modal-info{padding:16px 18px 30px;} .modal-close{float:right;width:30px;position:relative; align-self:flex-start;} .modal-close .close-btn{position:relative;margin:0px;top:0px;right:0px; justify-content:flex-end;} .modal-close .close-btn .icon{font-size:14px;color:var(--color-base);} .modal-head{justify-content:space-between;position:relative;margin-bottom:14px;} .modal-title{text-align:left;} .quick-picks-action{padding:0px;} .quick-picks-action .button-bar-outer{flex-direction:column;gap:5px;} /*======== Quick Picks Modal CSS End ========*/ /*======== Review Page CSS Start ========*/ .slide-bottom{--loader-bg:var(--color-white);} .review-content-blcok{float:left; width:100%; margin-bottom:10px;} .review-content-head{float:left; width:100%; margin-bottom:10px;} .review-content-info{float:left; width:100%;} .title-content-info{float:left; width:100%;} .content-title{float:left; width:100%; font-size:14px; font-weight:bold; color:var(--color-dark);} .content-sm-pre{float:left; width:100%; font-size:12px; font-weight:normal; color:var(--color-gray); margin-top:4px;} .review-page-heading-wrap .page-title .race-prize-label{align-self:flex-start; line-height:26px;} .review-list-block{float:left;width:100%;} .review-list{float:left;width:100%;} .review-list-item{float:left;width:100%;margin-bottom:8px;} .review-list-item:last-child{margin:0px;} .review-list-card{float:left;width:100%; background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card2);} .review-jockey-item{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 6px 8px 10px;min-height:66px; cursor:pointer;} .review-col{float:left;} .review-col-inner{float:left;width:100%;} .review-picks-col{width:28px;max-width:28px;min-width:28px;} .review-horse-col{display:flex; flex-direction:column; gap:4px;} .review-race-col{flex:1;} .review-list-block .review-horse-col{margin-right:4px;} .review-picks-info .review-list-block .review-horse-col{display:inline-block;} .review-race-title{float:left;width:100%;font-size:12px;color:var(--color-gray); margin-bottom:3px;} .review-race-name{float:left;width:100%;font-size:14px;color:var(--color-dark); font-weight:bold;} .review-race-info {float:right; font-size:12px;} .review-horse-col .review-col-inner{display:inline-flex;justify-content:center;gap:12px;align-items:center;} .horse-count{float:left; color:var(--color-gray); font-size:11px;} .horse-race-count{float:left;} .check-tip{float:left;padding:2px;display:none;} .check-tip .icon{color:var(--theme-light);font-size:18px;} .edit-tip{float:left;padding:4px;cursor:pointer;} .edit-tip .icon{color:var(--theme-light);font-size:16px;} .lock-tip{float:left;padding:4px;display:none;} .lock-tip .icon{color:var(--color-dark);font-size:16px;} .review-picks-detail .icon{color:var(--theme-dark);font-size:12px;transition:all 0.3s ease 0s;} .edit-tip-btn{padding:4px 4px; color:var(--primary-btn-clr); background:var(--primary-btn); border:1px solid var(--primary-btn-bdr); font-weight:bold;font-size:11px; height:26px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border-radius:4px; min-width:66px; text-align:center;} .review-race-title .review-race-info{float:left;} .review-jockey-list-block{float:left; width:100%; background:var(--color-dark); border-radius:0 0 var(--radius-card) var(--radius-card); padding:12px 8px 8px; position:relative;} .review-jockey-list-block:before{position:absolute; top:-7px; left:0; right:0; margin:auto; color:var(--color-white); content:'\e98a'; font-family:'icons'; text-align:center; width:100%; font-size:20px;} .review-jockey-list{float:left;width:100%;} .review-jockey-list-item{--color-base:var(--color-white); --color-dark:var(--color-white); --color-gray:var(--color-white); float:left;width:100%;padding:6px 0;} .review-jockey-list-item .jockey-item-top{position:relative;} .review-jockey-list-item .jockey-item-top:after{position:absolute; bottom:0; left:42px; right:0; height:1px; content:''; background:var(--bdr3);} .review-jockey-list-item .jockey-name{font-weight:500;} .review-jockey-list-item .jockey-item-top .jockey-content-col{padding-bottom:8px;} .review-jockey-list-item:last-child:not(:first-child){padding-bottom:0;} .review-jockey-list-item:last-child .jockey-item-top:after{display:none;} .review-jockey-list-item .pick-odds-col{margin-left:6px;} .review-jockey-list-item .pick-odds-col .odd-label{min-width:56px; min-height:40px; display:inline-flex; justify-content:center; align-items:center; cursor:pointer; color:var(--odds-btn-clr); background:var(--odds-btn); border:1px solid var(--odds-btn-bdr); border-radius:6px;} .review-jockey-list-item .jockey-item-top .jockey-figure-col{--jockeySize:36px; align-self:flex-start;} .review-picks-detail{padding:6px;display:inline-block;cursor:pointer; float:right;} .open .review-list-card{border-color:var(--theme-light);} .open .review-picks-detail .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);} .review-picks-info .review-jockey-list-item{background:var(--bg-light-gray);} .review-picks-info ul.review-list{position:relative;z-index:1;} .review-picks-info .review-jockey-list-item .scratch-box{border:1px solid var(--bdr2);} .review-jockey-list .review-jockey-list-item .jockey-info-block{gap:2px 5px;} .review-jockey-list-block .scratched-card-block{margin:4px 0px 6px;} .submit-review-picks.button-bar{padding:10px 0px;position:sticky;bottom:0;background:var(--color-dark);z-index:1; display:flex; justify-content:center; align-items:center;} .submit-review-picks.button-bar .button-bar-outer{max-width:var(--containerWidth); padding:0px var(--containerGap);} .uc-counter{font-size:14px;color:var(--color-white);font-weight:500;text-transform:uppercase;float:left;width:100%;display:flex;justify-content:center;align-items:center;grid-gap:3px;} .lock-icon{float:left;} .lock-icon .icon{font-size:15px;color:var(--theme-light);font-weight:500;float:left;} .uc-counter .start-text{font-size:12px; color:var(--color-gray);} .review-race-info .race-counter{min-width:40px;} /* Odds Col Hide*/ .eliminated-race .bar-odds-col{display:none;} .race-locked .bar-odds-col{display:none;} .completed-race .bar-odds-col{display:none;} /* Race Locked Review Popup */ .race-locked .edit-tip{display:none;} .race-locked .lock-tip{display:block;} /* Completed Race Review Popup */ .completed-race .edit-tip{display:none;} .completed-race .race-start-block{--color-gray:var(--theme-light);} .completed-race .lock-tip{display:inline-block;} .completed-race .horse-count{border:1px solid var(--bdr2);} .review-picks-info .review-list .completed-race .review-list-card{border-color:var(--tipped-bdr);background:var(--tipped-bg);} /*======== Review Picks Modal CSS End========*/ /*======== Picks Submitted Modal CSS Start========*/ .slide-bottom .modal-info.submit-picks-info{padding:0px;} .modal-title-pre{float:left;width:100%;text-align:center;font-size:14px;color:var(--color-white);font-family:var(--font-head);font-weight:600;text-wrap:balance;line-height:1.3em;margin-top:6px;} .modal-bg-card{float:left;width:100%;margin-top:-1px;border-radius:2px 2px 0px 0px;background:var(--modal-bg);background-size:cover;background-position:top center;padding:24px 14px 24px;} .submit-modal-bottom{float:left;width:100%;} .cross-sell-card{float:left;width:100%;margin:10px 0px;} .cross-sell-inner{float:left;width:100%;border-radius:6px;background:#004833;min-height:92px;font-size:14px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;color:var(--color-white);} .submit-list-block{float:left;width:100%;} .modal-mid{float:left; width:100%;} .submit-picks-info .modal-sm-pre{margin:6px 0 12px;} .submit-picks-modal .modal-title{text-align:center;color:var(--color-white);font-size:25px; font-weight:900; text-transform:uppercase; font-family:var(--font-head);} .submit-picks-modal .button-bar{padding:0;} .modal-info-icon{display:inline-flex; justify-content:center; align-items:center; width:60px; height:60px; border:3px solid var(--color-white); background:var(--color-white); border-radius:50%; margin-bottom:8px; background:var(--theme-btn);} .modal-info-icon .icon{float:left; font-size:32px; color:var(--color-white);} .modal-info-icon .icon:before{content:"\e970";} /* Share Card */ .share-option{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center;} .share-btn{float:left;min-width:104px;display:flex;align-items:center;justify-content:center;color:#fff;background:#000000;height:42px;border-radius:4px;margin:0px;padding:0 6px;} .share-picks-block{float:left;width:100%;padding:0px;} .share-picks-outer{float:left;width:100%;} .share-picks{float:left;width:100%;position:relative;padding:20px 0px 10px;margin:0px;} .share-picks h3{float:left;width:100%;text-align:center;font-size:14px;margin-bottom:14px;color:var(--color-base);font-family:var(--font-head);font-weight:600;} .share-picks .share-option{gap:4px;} .share-picks .share-btn{min-width:auto;font-size:13px;flex:1;line-height:normal;height:36px;font-weight:700; max-width:132px;} .share-btn .icon{font-size:16px;} .share-btn.fb-btn{background:#1777f2;color:var(--color-white);} .share-btn.twitter-btn{background:#15202b;color:var(--color-white);} .share-btn.whatsup-btn{background:#2fc021;color:var(--color-white);} .share-btn.copy-btn{background:#ebebf0;color:var(--color-base);} /*======== Picks Submitted Modal CSS End========*/ /*================= My Picks ACCA Page CSS Start =================*/ /* Congrats Block */ .congrats-block{float:left;width:100%;} .congrats-inner-block{float:left;width:100%;position:relative; background:var(--color-action);} .congrats-content{float:left;width:100%;position:relative;padding:22px 0px 26px;} .congrat-figure{position:absolute;left:0;top:0;max-width:340px;float:left;width:100%;} .congrat-image{float:left;width:100%;} .congrats-over-text{float:left;width:100%; text-align:center; position:relative;} .congrats-head{float:left;width:100%;font-size:27px; font-family:var(--font-head); font-weight:900; color:var(--color-white); text-transform:uppercase;} .congrats-text{float:left;width:100%;font-size:28px; font-family:var(--font-head); font-weight:bold; color:var(--color-white); line-height:1em;} .congrats-prize-label{font-weight:900;} /* Short ACCA Start*/ .short-acca-block{float:left;width:100%;margin-bottom:14px; margin-top:0;} .short-acca-card{float:left; width:100%; background:var(--bg-card); border-radius:var(--radius-card); box-shadow:var(--shadow-card3); padding:8px 8px 0;} .short-acca-inner{float:left;width:100%;} .short-acca-header{float:left;width:100%;} .short-header-card{float:left;width:100%;background:-webkit-linear-gradient(30deg, var(--theme-light) 0%, var(--theme-dark) 100%); overflow:hidden;border-radius:var(--radius-card);} .short-header-inner{float:left;width:100%;display:flex; flex-wrap:wrap; padding:12px 10px 16px; text-align:center;} .short-header-left{float:left; width:100%; display:inline-flex; flex-direction:column; justify-content:center;} .short-title{float:left;width:100%; font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--color-white); text-transform:uppercase; line-height:1.3em;} .short-text{float:left;width:100%; font-family:var(--font-head); font-weight:600; font-size:22px; color:var(--color-white); line-height:1.2em;} .short-header-right{float:left; width:100%; display:flex; justify-content:center; align-items:center; margin-top:10px;} .short-right-inner{display:flex; align-items:center; height:50px; min-width:154px; padding:0 10px; justify-content:center; background:var(--color-yellow);} .short-price{color:var(--theme-dark); float:left;width:100%;font-size:36px; font-family:var(--font-head); font-weight:900; text-align:center; line-height:1.3em;} /* Short ACCA Carousel */ .short-acca-bottom{float:left;width:100%;padding:14px 0 8px;} .short-acca-outer{float:left;width:100%;} .short-acca-item{float:left;width:100%;padding-bottom:8px;} .short-acca-list{float:left;width:100%;} .short-acca-list-item{float:left;width:100%;} .short-acca-list-card{float:left;width:100%;padding:12px 2px;border-bottom:1px solid var(--bdr2);} .short-acca-list-card .jockey-item-top .jockey-figure-col{--jockeySize:36px;padding:0px;margin-right:6px;} .short-acca-list-card .jockey-item-top .jockey-name{color:var(--theme-dark); font-weight:500;} .odds-btns{border-radius:6px; min-width:72px; min-height:36px; display:inline-flex; justify-content:center; align-items:center; cursor:pointer; color:var(--odds-btn-clr); background:var(--odds-btn); border:1px solid var(--odds-btn-bdr);} .odds-points{font-size:16px;font-weight:bold;color:var(--odds-btn-clr);float:left;width:100%;text-align:center;} .jockey-race-text{float:left;width:100%;font-size:13px; color:#474752;} .short-acca-bottom .card-title{text-transform:uppercase; font-weight:500;} /* Prize Card Start*/ .prize-card-block{float:left;width:100%;margin-bottom:16px;} .prize-card-outer{float:left;width:100%;} .prize-card{float:left;width:100%;} .prize-card-inner{float:left;width:100%;padding:18px 12px 14px;border-radius:var(--radius-card);position:relative; background:url(../images/prize-card-bg.webp);background-size:cover;background-position:center right;position:relative; box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.17);} .prize-card-heading{float:left;width:100%;} .prize-card-label{background:var(--theme-light);color:var(--color-white);border-radius:calc(var(--radius-card) / 2);line-height:23px;font-size:12px;font-family:var(--font-head);font-weight:bold;padding:1px 10px 0px;display:inline-block;text-align:center;margin:0 auto;letter-spacing:0.6px;} .prize-info-bottom{float:left;width:100%;} .prize-info-bottom-inner{float:left;width:100%;} .round-pagination{float:left;width:100%;} .round-pagination-list{float:left;width:100%;display:flex;justify-content:space-between;gap:6px; position:relative;} .round-pagination-list:before{position:absolute; top:0; bottom:0; left:0; height:2px; width:100%; background:var(--color-white); content:''; margin:auto; z-index:0; pointer-events:none;} .round-pag-list{float:left; --pagination-color:var(--color-dark); position:relative; z-index:1;} .round-pag-list span{height:30px; width:30px;background:var(--pagination-color);float:left;border-radius:50%; border:2px solid var(--color-white);} .completed-race{--pagination-color:var(--color-action);} .round-pag-list.completed-race span{display:flex; justify-content:center; align-items:center;} .round-pag-list.completed-race span:before{content:'\e970'; font-family:'icons'; color:var(--color-white); font-size:16px;} .eliminated-race{--pagination-color:var(--eliminated-dark-color);} .upcoming-race{--pagination-color:var(--theme-highlight);} .current-race{--pagination-color:var(--theme-highlight);} .abandoned-race{--pagination-color:var(--abadoned-dark-color);} .round-pag-list.eliminated-race span{display:flex; justify-content:center; align-items:center;} .round-pag-list.eliminated-race span:before{content:'\e96f'; font-family:'icons'; color:var(--color-white); font-size:12px;} .prize-race-info{float:left;width:100%;} .prize-info-top{float:left;width:100%;padding-bottom:10px; padding-top:6px;} .prize-race-label{float:left; width:100%; font-size:24px; font-family:var(--font-head); color:var(--color-dark); font-weight:900; text-transform:uppercase; padding:5px 0;} .prize-race-label span{line-height:1.1em; float:left;} .prize-race-time{float:left; width:100%; font-size:14px; color:var(--color-dark); font-weight:600; font-family:var(--font-head); text-transform:uppercase;} .prize-info-center{float:left;width:100%;margin-bottom:13px;} .prize-info-detail{float:left;width:100%;display:flex;justify-content:space-between; position:relative; gap:8px;} .prize-col{flex:1;} .prize-label{float:left;width:100%; font-size:12px;color:var(--color-white);} .prize-point{float:left;width:100%; margin-top:4px; color:var(--color-yellow); font-size:34px; font-weight:900; text-transform:uppercase; font-family:var(--font-head); line-height:1em; display:flex; flex-wrap:wrap; gap:4px;} .pool-prize-right .prize-point{color:var(--color-white); font-size:14px; margin:0; font-weight:bold; font-family:var(--font-base);} .pool-prize-right .prize-label{font-size:14px;} .pool-prize-right{text-align:center; flex:inherit; margin-right:80px; background:rgba(20,40,65,0.20); display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:4px; padding:8px; min-width:70px; align-self:center; margin-top:8px;} .prize-result-bottom{float:left;width:100%;padding-top:20px;} .prize-result-inner{float:left;width:100%;display:flex;justify-content:space-between;font-size:12px; padding-right:56px;} .prize-result-left{float:left;} .prize-result-right{float:right;} .prize-result-point{color:var(--color-white); font-size:12px; font-weight:bold;} .prize-result-value{color:var(--color-white); font-size:12px; font-weight:normal;} .card-logo{float:left; width:100%; max-width:100px; position:absolute; top:0; left:0; height:100%; margin:8px auto 0; right:0; display:flex; align-items:center; justify-content:center;} .card-logo-figure{float:left; width:100%;} .card-logo-figure img{float:left; width:100%;} /* Prize Card End*/ /* Picks Tip Listing */ .picks-wrap-inner{float:left;width:100%;} .picks-listing{float:left;width:100%;} .picks-table-outer{float:left;width:100%;} .picks-table{float:left;width:100%;} .picks-table-body{float:left;width:100%;} .picks-list{padding-bottom:16px;} .picks-list .review-jockey-item{padding:8px;} .picks-list .review-list-card{border:none; border-radius:var(--radius-card); box-shadow:var(--shadow-card2);} .picks-list .completed-race .review-list-card{border-color:var(--tipped-bdr);} .race-user-col{margin-right:6px;} .race-user-col .review-race-info{margin:0;} .race-user-col .joc-users-icons .icon{color:var(--color-gray);} .race-user-col .joc-users-counts .joc-users-per{color:var(--color-gray); padding-top:0;} .jockey-figure-col .joc-users-icons .icon{font-size:12px;} .jockey-figure-col .joc-users-per{font-size:10px;} .jockey-figure-col .joc-users-counts{gap:2px;} .review-race-status{margin-right:10px;align-self:center;} .race-status-icon{width:26px;height:26px;display:inline-flex;justify-content:center;background:var(--color-blue-light);align-items:center;border-radius:50%;} .race-status-icon .icon{font-size:16px;color:var(--color-blue);} .race-status-icon .icon.icon-unlock-fill, .race-status-icon .icon.icon-unlock{color:var(--color-blue);} .race-info-status{float:right; display:flex;align-items:center;gap:4px;} .dot{height:9px;width:9px;float:left;background:var(--bg-light-gray);border-radius:50%;} .race-info-text{color:var(--color-base);font-size:11px;} .status-live .dot{background:#fe0000;} .status-live .race-info-text{color:#fe0000;} .race-start-block{float:right;} .race-start-block .uc-counter{color:var(--color-base);font-size:11px;text-transform:none;justify-content:flex-start;line-height:normal;} .review-race-title .race-info-status{float:left;} .review-race-col .race-start-block{float:left;} .review-race-col .review-race-info{float:left; margin-bottom:3px;} .race-start-block .uc-counter .lock-icon .icon{color:var(--color-gray);font-size:11px;} .race-start-counter .counter{font-weight:normal;font-size:11px;text-transform:capitalize;color:var(--color-base);display:flex;} .race-start-counter .counter .col{padding:1px;} /* Completed Race */ /*.completed-race .review-horse-col{display:none;}*/ .completed-race .review-horse-col .review-col-inner{display:none;} .completed-race .race-status-icon{background:var(--color-action);} .completed-race .race-status-icon .icon{color:var(--color-white); font-size:13px;} .completed-race .race-status-icon .icon:before{content:"\e970";} /* Winner Race Card */ .review-jockey-list-item.winner-card{--color-dark:#fff; --color-gray:#fff; background:var(--color-action); margin-top:8px; border-radius:6px; margin-bottom:4px;} .review-jockey-list-item.winner-card .jockey-item-top:after{display:none;} .review-jockey-list-item.winner-card .jockey-item-top .jockey-content-col{padding-bottom:0;} .race-result-col{float:left; display:none; margin-left:8px;} .race-result-label{font-size:14px; font-weight:600; color:var(--color-white); text-transform:uppercase; padding-right:8px;} .winner-card .race-result-col{display:block;} .winner-card .jockey-rank{display:none;} .won-race-card{float:left; width:100%; margin-top:8px;} .races-title-label{float:left; width:100%; font-size:12px; font-weight:bold; text-transform:uppercase; margin:10px 0 6px; padding-left:10px; color:var(--color-white);} .won-race-card .race-result-col{display:block;} .won-race-card .race-result-label{color:var(--eliminated-dark-color); text-transform:none; font-weight:500; color:var(--color-white);} .won-race-card .review-jockey-list-item{background:var(--eliminated-dark-color); border-radius:6px;} .won-race-card .jockey-rank{display:none;} .won-race-card .jockey-text{color:var(--color-dark);} .won-race-card .review-jockey-list-item .jockey-item-top:after{display:none;} .won-race-card .review-jockey-list-item .jockey-item-top .jockey-content-col{padding-bottom:0;} .won-race-card .review-jockey-list-item .race-result-col{padding-right:8px;} /* Lock Race */ /*.race-locked .review-horse-col{display:none;}*/ .race-locked .review-horse-col .review-col-inner{display:none;} .race-locked .race-status-icon .icon:before{content:"\eb34";color:var(--color-base);} /* Review Race Info on class*/ .rc-users,.rc-resulted,.rc-start,.rc-live{display:none;opacity:1;} .upcoming-race .rc-start,.completed-race .rc-resulted{display:inline-flex;opacity:1;} .race-locked .rc-live{display:flex;opacity:1;} .review-user-col .joc-users-icons .icon{font-size:14px;} .review-user-col .joc-users-counts .joc-users-per{font-size:15px;font-weight:500;} .review-user-col .joc-users-counts{min-width:48px;justify-content:center;} /* Eliminated Race */ .eliminated-race .review-horse-col{display:none;} .eliminated-race .race-status-icon{background:var(--eliminated-dark-color);} .eliminated-race .race-status-icon .icon{color:var(--color-white); font-size:13px;} .eliminated-race .race-status-icon .icon:before{content:"\e96f";} /*================= My Picks ACCA Page CSS End =================*/ /*=================Result ACCA Page CSS Start =================*/ .results-wrap .header{box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.29);} .results-info .prize-card-inner{border-radius:var(--radius-card) var(--radius-card) 0px 0px;} /* Page Select Filter */ .page-filter-wrap{float:left;width:100%;} .page-filter-inner{float:left;width:100%;} .filter-select-block{float:left;width:100%;padding:8px 0px;} .filter-select-block .custom-select{float:left;width:100%;} .filter-select-block .select-span{line-height:32px;height:34px;border-radius:4px;color:var(--color-base);} /* Result Prize Card */ .result-prize-card .prize-card-inner{background:var(--prize-card-bg);background-size:cover;background-position:center; box-shadow:none; padding:12px;} .result-prize-card .prize-point{font-size:34px; color:var(--theme-dark); display:flex; flex-wrap:wrap; gap:4px;} .result-prize-card .prize-card-outer{background:var(--bg-card);box-shadow:var(--shadow-card3);border-radius:var(--radius-card); border:1px solid var(--bdr-card);} .result-prize-card .prize-label{color:var(--color-base); font-size:12px;} .result-prize-card .prize-result-point{color:var(--color-base);} .result-prize-card .prize-result-inner{padding-right:0;} .result-prize-card .prize-card-label{background:var(--prize-head); float:left; display:flex; align-items:center; justify-content:center; height:26px; padding:0 16px; font-weight:bold; font-size:14px; text-transform:uppercase; font-family:var(--font-head); clip-path:polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%); color:var(--prize-head-color); border-radius:0;} .result-prize-card .pool-prize-right{background:none; margin-right:0; padding:0; min-width:inherit; margin:0;} .result-prize-card .pool-prize-right .prize-point{font-size:14px; color:var(--color-base); font-weight:bold; font-family:var(--font-base);} .result-prize-card .pool-prize-right .prize-label{font-size:12px; color:var(--color-dark); font-weight:normal; font-family:var(--font-base); opacity:0.7; margin-top:3px;} .result-prize-card .round-pagination-list:before{background:var(--color-action);} .result-prize-card .prize-result-bottom .prize-result-value{color:var(--color-base); font-size:12px; opacity:0.7;} .result-prize-card .prize-result-bottom{position:relative; padding-top:12px; margin-top:12px;} .result-prize-card .prize-result-bottom:before{position:absolute; top:0; left:-12px; width:calc(100% + 24px); content:''; height:1px; background:var(--bdr-card); opacity:0.5;} .result-prize-card .review-jockey-list-block{border-radius:0;} /* Pick Card */ .pick-card{--prize-label:var(--green-highlight);--prize-head:var(--color-action);--prize-card-bg:var(--color-green-light); --bdr-card:var(--color-action); --prize-head-color:#fff;} /* Winner Card */ .winner-result-card{--prize-label:var(--green-highlight);--prize-head:var(--color-action);--prize-card-bg:var(--color-green-light); --bdr-card:var(--color-action); --prize-head-color:var(--color-white);} /* Unpick Card */ .unpick-card{--prize-label:var(--color-dark-gray);--prize-head:var(--color-dark);--prize-card-bg:var(--color-dark-gray); --bdr-card:var(--color-dark); --prize-head-color:var(--color-white);} .unpick-card.result-prize-card .round-pagination-list:before{background:var(--color-white);} .unpick-card.result-prize-card .prize-result-bottom:before{opacity:0.2;} /* Eliminated Card */ .eliminated-card{--prize-label:var(--color-dark-gray);--prize-head:var(--eliminated-dark-color);--prize-card-bg:var(--color-danger-light); --bdr-card:var(--color-danger); --prize-head-color:var(--color-white);} .eliminated-card.result-prize-card .round-pagination-list:before{background:#cbbfbb;} .eliminated-card.result-prize-card .prize-result-bottom:before{opacity:0.2;} .result-prize-card .review-list-item{margin-bottom:0; border-bottom:1px solid var(--bdr2);} .result-prize-card .review-list-item:last-child{border-bottom:none;} .result-prize-card .review-list-card{box-shadow:none; border-radius:0;} .result-prize-card .picks-list{padding-bottom:0;} .result-prize-card .review-jockey-item{padding:0;} /* Result Tips Listing */ .prize-picks-listing{float:left;width:100%;} .prize-picks-listing .picks-table-outer{padding:0px 8px 6px;} .prize-card-head{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;} .prize-card-link{float:right;padding:6px;cursor:pointer;} .prize-card-link .icon{color:var(--colo-base); font-size:12px; transition:all 0.3s ease 0s;} .card-open .prize-card-link .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);color:var(--colo-base);} /* No Picks Card */ .no-pick-msg{float:left;width:100%;} .no-pick-outer{float:left;width:100%;} .no-pick-outer h3{float:left;width:100%;text-align:center;color:var(--color-base);font-size:14px;font-weight:700;text-transform:uppercase;padding:12px 8px;line-height:16px;} /*Not Yet Open Alert Message*/ .not-yet-alert{float:left;width:100%;} .not-yet-outer{float:left;width: 100%;margin:0px 0px 16px;padding:30px 10px;display: flex;align-items:center;min-height: calc(100dvh - 200px);} .not-yet-block{float:left;width:100%;text-align:center;} .yet-block{float:left;width:100%;display:flex;justify-content:center;} .no-yet-figure{display:inline-flex;width:80px; height:80px; border-radius:50%; margin-bottom:18px;background:var(--theme-dark);align-items:center;} .no-yet-figure .icon{float:left;width:100%;color:var(--color-white);font-size:56px;} .not-yet-block h3{float:left;width:100%;color:var(--color-base);font-size:16px;font-weight:700;line-height:1.3em;} .not-yet-block p{float:left;width:100%;color:var(--color-base);font-size:13px;font-weight:400;line-height:1.3em;margin-top:12px;} /*=================Result ACCA Page CSS End=================*/ /*=================Eliminated Page CSS Start=================*/ .eliminated-info .page-content{padding:0px;} .eliminated-banner{float:left;width:100%; background:url(../images/eliminated-bg.webp) no-repeat center right; background-size:cover;} .eliminated-inner{float:left;width:100%;display:flex;justify-content:flex-start;padding:14px 0;} .eliminated-card-outer{float:left;width:100%;} .eliminated-c-card{float:left;} .eliminated-status{float:left;width:100%; font-size:14px; color:var(--color-white); font-weight:bold; margin-bottom:0px;} .eliminated-c-card-inner{float:left; width:100%;} .eliminated-head{float:left; text-align:center; color:var(--color-white); font-size:32px; font-weight:900; font-family:var(--font-head); display:flex; justify-content:center; align-items:center; line-height:32px; text-transform:uppercase;} .eliminated-label{float:left; width:100%; display:flex; align-items:center; gap:3px; min-height:22px; margin-top:6px;} .eliminate-user-icon{float:left;} .eliminate-user-icon .icon{font-size:16px;color:var(--color-white);} .eliminate-race-text{font-size:12px; font-weight:500; color:var(--color-white);} .picks-wrap-info.eliminated-info .eliminated-result-card .prize-card-inner{border:1px solid var(--color-white);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3);} .eliminated-picks-list{--timeline-color:var(--bg-light-gray);} .eliminated-picks-list .review-race-status{--bg-light-gray:#cbcbcb;} .eliminated-picks-list .review-list-item{--pagination-color:#cbcbcb;} .eliminated-picks-list .upcoming-race{--pagination-color:#cbcbcb;} .eliminated-picks-list .completed-race{--pagination-color:var(--tipped-bdr);} .eliminated-picks-list .eliminated-race{--pagination-color:var(--eliminated-dark-color);} .review-list-outer{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;--timeline-color:var(--pagination-color);} .review-list-outer:after{position:absolute;left:14px;height:calc(100% + 5px);top:20px;width:2px;content:'';border-left:2px dashed var(--timeline-color);} .review-list-outer .review-race-status{margin:20px 0px 0px;width:30px;position:relative;z-index:1;} .review-list-col{float:left;} .review-race-detail{flex:1;} .review-list-item:last-child .review-list-outer:after, .review-list-item:first-child .review-list-outer:before{display:none;} .eliminated-info .prize-card-block{padding-top:0px;} .eliminated-info.eliminated-acca .prize-card-block{margin-top:0px;} /*================= Eliminated ACCA Page CSS End=================*/ /*================= FAQ Page CSS Start =================*/ .faq-screen{float:left;width:100%;} .faq-wrap-inner{float:left;width:100%;padding:2px 0px 16px;} .faq-wrap-inner .wcard{padding:0px;background:none;box-shadow:none;border-radius:none;} .faq-prizes-list{float:left;width:100%;position:relative;} .faq-accordin{float:left;width:100%;} .faq-accordin > li{float:left;width:100%;overflow:hidden;padding:0px;background: var(--bg-card); box-shadow: var(--shadow-card); border-radius: var(--radius-card); margin-bottom:8px;} .faq-accordin > li:last-child{margin:0px;} .faq-accordin > li.open .faq-title .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);} .faq-title{float:left;width:100%;min-height:44px;line-height:normal;color:#000;background:var(--color-white);padding:10px 30px 10px 12px;position:relative;display:flex ;align-items:center;} .faq-title .faq-heading{color:var(--theme-dark);font-size:13px;display:block;overflow:hidden;font-weight:500;line-height:1.4em;} .faq-title .icon{float:left;margin-right:0;position:absolute;top:0;right:10px;height:100%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease 0s;font-size:14px;color:var(--theme-light);} .faq-wcard{padding:4px 12px 12px;} .base-content-block{float:left;width:100%;display:none;} .base-content-block p{line-height:16px;margin-bottom:12px;font-size:13px;} .base-content-block center p{text-align:center;} .base-content-block p:last-child{margin-bottom:0;} .base-content-block center p{margin-bottom:10px;} .base-content-block h3{float:left;width:100%;color:#000;font-size:14px;margin-bottom:4px;} .base-content-block ul, .base-content-block ol{float:left;width:100%;list-style:decimal;padding-left:20px;color:var(--color-dark);margin:3px 0px;} .base-content-block ul li, .base-content-block ol li{float:left;width:100%;list-style:decimal;padding-bottom:7px;font-size:13px;color:#000;} .base-content-block ol, .base-content-block ol li{list-style:disk;} .base-content-block ul li ul{padding-left:22px;} .base-content-block ul li ul, .base-content-block ul li ul li, .base-content-block ol li ol, .base-content-block ol li ol li{list-style:lower-alpha;} .base-content-block ul li ul li, .base-content-block ol li ol li{padding-bottom:7px;} .base-content-block ul.list-disk, .base-content-block ul.list-disk li{list-style:disc;} .base-content-block p a{text-decoration:underline;color:var(--color-action);} .base-content-block .sub-heading{float:left;width:100%;color:#3c3c3c;font-size:14px;margin-bottom:6px;font-weight:700;} .base-table-outer + .sub-heading{margin-top:12px;} .base-table-outer{float:left;width:100%;overflow-x:auto;margin-bottom:12px;} .base-table{width:100%;border:1px solid var(--bdr);white-space:normal;border-spacing:0;margin:0;padding:0;} .base-table tr{width:100%;} .base-table tr:last-child td{border-bottom:0;} .base-table tr th{background:#ddd;font-weight:normal;font-size:11px;color:var(--color-dark);text-transform:uppercase;} .base-table tr th, .base-table tr td{text-align:left;border-right:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:6px 16px;} .base-table tr th:last-child, .base-table tr td:last-child{border-right:0;} /*================= FAQ Page CSS End=================*/ :root{ --bg-error:radial-gradient(circle, var(--theme-light) 0%, var(--theme-dark) 60%, var(--theme-dark) 100%); --bg-comingSoon:radial-gradient(circle, var(--theme-light) 0%, var(--theme-dark) 60%, var(--theme-dark) 100%); --bg-splash:radial-gradient(circle, var(--theme-light) 0%, var(--theme-dark) 60%, var(--theme-dark) 100%); } /*========Splash Page CSS========*/ .splash-widget{float:left;width:100%;} .splash-info{float:left;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:var(--bg-splash);} .splash-content{float:left;width:100%;max-width:360px;padding:10px 0px;text-align:center;} .splash-logo-wrap{float:left;width:100%;text-align:center;} .splash-logo{display:inline-block;width:100%;max-width:360px;} .splash-logo img{float:left;width:100%;} /*========Error Page CSS========*/ .error-widget{float:left;width:100%;} .error-info{float:left;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:var(--bg-error);} .error-content {float:left;width:100%;max-width:360px;padding:10px 15px;text-align:center;color:var(--color-white);} .error-figure{margin:0 auto 20px;max-width:340px;width:100%;display:flex;align-items:center;justify-content:center;} .error-figure img{float:left;width:100%;} .error-title{font-size:30px;line-height:1.2em;font-weight:700;margin-bottom:4px;} .error-pre{font-size:14px;float:left;width:100%;} .error-content .button-bar{padding:0px;margin:20px 0px 0px;} .error-page-outer{position:fixed; top:0; left:0; height:100%; width:100%; background:#e8e8e8;} .error-page-outer .empty-wrap{position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center;} .empty-wrap .empty-mid{margin:0 auto 15px auto; display:table;} .empty-wrap .empty-mid figure{width:136px; height:136px; margin:0 auto 12px; border-radius:50%; -webkit-border-radius:50%; background:#d5d5d5; text-align:center; border:1px solid rgba(255,255,255,0.1);} .empty-wrap .empty-mid figure img{width:100%;} .empty-wrap .empty-mid figure i{font-size:92px; color:#fff; line-height:136px;} .empty-wrap .empty-mid h2{text-align:center; font-size:16px; color:#111; font-weight:bold; margin-bottom:4px;} .empty-wrap .empty-mid p{text-align:center; color:#686b70; font-size:14px; line-height:20px;} /*========Coming Soon Page CSS========*/ .coming-soon-widget{float:left;width:100%;} .coming-soon-info{float:left;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:var(--bg-comingSoon);} .coming-soon-content {float:left;width:100%;max-width:360px;padding:10px 15px;text-align:center;} .coming-soon-figure{margin:0 auto 20px;width:56vmin;display:flex;align-items:center;justify-content:center;} .coming-soon-figure img{float:left;width:100%;} .coming-soon-title{font-size:36px;line-height:1.2em;font-weight:900;margin-bottom:4px;color:var(--color-white);text-transform:uppercase;} /*Locked Modal CSS Start*/ .modal.locked-modal{z-index:2;} .modal-info-content{text-align:center;} .modal-pre{float:left; width:100%; font-size:13px; line-height:1.3em;} .modal-title ~ .modal-pre{margin-top:6px;} .modal.locked-modal .modal-title{text-align:center; margin-bottom:10px;} .modal.locked-modal .modal-info{padding:24px 12px;} .modal.locked-modal .modal-head{margin-bottom:0;} /*Locked Modal CSS End*/ /*Odds CTA CSS*/ .bar-odds-col .odds-btns .odds-points{font-size:13px;} .bar-odds-col .joc-odds{flex-direction:column; align-items:center; gap:0;} .bar-odds-col .joc-odds-point{font-weight:600;font-size:14px;} /*Jockey and Trainer */ .jockey-trainer-info{float:left; width:100%;} .jockey-info-col{float:left; min-width:100%; max-width:100%; display:flex; gap:2px 5px;} .trainer-col{float:left; width:100%;} .trainer-col .jockey-text{white-space:normal !important;} /*============== Coming Soon Page CSS ==============*/ .coming-soon-page-outer{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center; background:radial-gradient(circle, var(--theme-light) -30%, var(--theme-dark) 80%, var(--theme-dark) 100%);} .coming-soon-wrap{float:left;width:100%;padding:10px 14px;position:relative;} .coming-soon-mid{float:left;width:100%;text-align:center;display:flex;height:100%;flex-direction:column;justify-content:center;} .coming-soon-logo{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;} .coming-soon-figure{margin:0 auto 20px;width:64vmin;} .coming-soon-figure img{float:left;width:100%;} .coming-soon-title{float:left;width:100%;font-size:7.5vmin;line-height:1.2em;font-weight:bold;color:var(--color-white);} .coming-soon-title span{font-size:7.5vmin; color:#fffe03;} .countdown-lg-box{float:left;width:100%;display:flex;justify-content:center;min-height:5vmin;} .countdown-lg{float:left;width:100%;display:flex;justify-content:space-between;gap:14px;max-width:253px;} .count-col-lg{float:left;width:100%;} .count-col-lg .count-value{float:left;width:100%;border-radius:4px;box-shadow:0px 4px 5px 0px rgba(0, 21, 16, 0.76);background-image:-moz-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);background-image:-webkit-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);background-image:-ms-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);position:relative;} .count-col-lg .count-value strong{float:left;width:100%;font-size:40px;line-height:1.45em;text-shadow:0px 3px 3px rgba(160, 160, 160, 0.68);color:#000000;position:relative;z-index:1;} .count-col-lg .count-value:before{position:absolute;top:48%;background:#858585;width:100%;height:1px;left:0px;content:'';} .count-col-lg .count-label{float:left;width:100%;color:#fffe03;text-align:center;margin-top:12px;font-size:15px;font-family:var(--font-pre);} /*Game Finished Card CSS Start*/ .card-result-info{float:left; width:100%; text-align:center; display:none;} .card-result-box{float:left; width:100%; padding:18px 0;} .result-bx{display:inline-flex; height:24px; min-width:78px; padding:0 8px; color:#fff; background:var(--theme-light); font-size:13px; font-weight:600; text-align:center; justify-content:center; align-items:center; border-radius:2px; font-family:var(--font-head);} .tipped-race-card .card-race-info{display:none;} .tipped-race-card .card-result-info{display:block;} .completed-race-card .card-race-title-label{background:var(--color-white); clip-path:none; border-radius:3px; color:var(--color-base); padding:0 6px;} .completed-race-card.winner-card .home-race-card-outer{position:relative;} .completed-race-card.winner-card .home-race-card-outer:before{float:left; pointer-events:none; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:url("../images/confetti.webp") no-repeat 50% 15px; background-size:190px;} .completed-race-card .race-result-title-label{background:var(--color-orange);} .completed-race-card.winner-card .race-result-title-label{background:var(--color-action);} .completed-race-card.eliminated-card .race-result-title-label{background:var(--color-danger);} .completed-race-card .card-race-info{display:none;} .completed-race-card .race-result-info{display:block;} .completed-race-card .card-counter-info{display:none;} .completed-race-card .race-prize-label{font-size:32px;} .tipped-race-card .race-prize-label{font-size:32px;} .tipped-race-card .race-prize-label .bonus-bet-label{padding-bottom:2px;} /*Game Finished Card CSS End*/ .card-heading{float:left; width:100%;} .card-heading-label{float:left; width:100%; font-size:32px; font-weight:900; text-align:center; color:var(--color-white); text-transform:uppercase; font-family:var(--font-head); line-height:1.2em;} .home-race-card.thanks-card .home-button-bar.button-bar{padding-right:120px; margin-top:20px;} .thanks-card .card-heading .card-heading-label{padding-right:120px; margin-top:14px;} .thanks-card .home-race-card-outer{display:flex; justify-content:center; align-items:center; flex-direction:column;} @media (orientation:landscape){ /* Coming Soon CSS*/ .coming-soon-figure{margin:0px auto 1vmin;width:56vmin;} .coming-soon-title{margin:3vmin 0px;line-height:1em;} .coming-soon-title span{display:inline-block;} .coming-soon-title span, .coming-soon-title{font-size:7.1vmin;} .countdown-lg-box{margin-bottom:3vmin} .countdown-lg{gap:1.4vmin;max-width:32vmin;} .count-col-lg .count-value{border-radius:0.4vmin;} .count-col-lg .count-value strong{font-size:4.8vmin;line-height:1.4em;} .count-col-lg .count-label{font-size:2.5vmin;} } /*===================== Responsive CSS Start ======================*/ @media(max-width:1024px){ .modal.slide-bottom{padding:0px;overflow:hidden;display:block!important;background:none;overflow:inherit;top:calc(100% + 20px);transition:all 0.6s ease 0s;} .modal.slide-bottom.show{top:0;} .modal.slide-bottom.show .modal-overlay{display:block;} .modal.slide-bottom .modal-overlay{background:rgba(0,0,0,0.8);display:none;} .slide-bottom .modal-contenier,.slide-bottom .modal-container{padding:0;align-items:flex-end;} .slide-bottom .modal-outer{border-radius:16px 16px 0px 0px;max-width:calc(var(--containerWidth) - calc(var(--containerGap)*2));} .carousel-nav{display:none;} .tooltip-info.show-tooltip .tooltip{display:block;} .tooltip-info.show-tooltip .icon:after{opacity:1;} .home-wrap:before{display:none;} } @media(min-width:1025px){ .slide-bottom .modal-info.review-picks-info, .slide-bottom .modal-info{padding:18px;} .slide-bottom .modal-outer{border-radius:16px;max-width:540px;} .slide-bottom .submit-review-picks.button-bar, .slide-bottom .button-bar.submit-picks{padding-bottom:0px;} .tooltip-info:hover .tooltip{display:block;} .tooltip-info:hover .icon:after{opacity:1;} } @media (min-width:768px){ :root{ --modal-bg:url(../images/modal-popup-bg-desk.webp); } .home-wrap{background:var(--bg-body); background-size:100%; background-repeat:no-repeat; background-position:center top;} .home-button-bar.button-bar{background:none;} .home-card{padding-bottom:20px;} .back-btn{min-width:40px; width:40px; margin-right:20px;} .top-card-item{display:none;} .jockey-text{min-width:66px;} .next-round-card .card-counter-info{align-self:flex-start;} } @media (min-width:992px) and (orientation:landscape){ .horse-figure{max-width:44vmin;} } /* CSS for Portrait iPad*/ @media (min-width:768px) and (max-width:992px) and (orientation:portrait){ } /* CSS for Landscape Mobile */ @media (max-width:992px) and (orientation:landscape){ /* Sticky Card Block */ .sticky-card-block{position:inherit;} } @media (max-width:767px){ .jockey-info-col{min-width:100%;} .trainer-col{min-width:100%;} .next-race-name ~ .uc-race-name{padding-top:10px;} } /* CSS for Portrait Mobile*/ @media (max-width:767px) and (orientation:portrait){ .review-list-block .review-horse-col{margin-right:2px;} .horse-figure{max-width:348px;} .uc-race-name{font-size:45px;} .uc-race-count{font-size:16px;} .completed-race-card.winner-card .result-winner-count-label{font-size:22px;} .thanks-card .card-heading .card-heading-label{font-size:22px;} } /*6/7/8 plus*/ @media only screen and (device-width:414px) and (device-height:736px) and (orientation: portrait) { .horse-figure{max-width:280px;} } /*Pixel 3 XL*/ @media only screen and (device-width:393px) and (device-height:786px) and (orientation: portrait) { .horse-figure{max-width:280px;} } /*Pixel 2*/ @media only screen and (device-width:411px) and (device-height:731px) and (orientation: portrait) { .horse-figure{max-width:280px;} } /* CSS for Portrait Android Mobile*/ @media (min-width:376px) and (max-width:389px) and (orientation:portrait){ .horse-figure{max-width:280px;} .upcoming-card{padding-top:10px;} .thanks-card .card-heading .card-heading-label{font-size:20px;} } /* CSS for Portrait Mobile*/ @media (max-width:375px) and (orientation:portrait){ .horse-figure{max-width:280px;} .uc-race-bottom{padding:10px 0px 0px;} .horse-figure{max-width:240px;} .thanks-card .card-heading .card-heading-label{font-size:20px;} } /* CSS for Portrait Mobile*/ @media (max-width:374px) and (orientation:portrait){ .nav-items li a{font-size:11px;} .thanks-card .card-heading .card-heading-label{font-size:24px;} } @media (max-width:360px) and (orientation:portrait){ .card-race-name-label{font-size:18px;} .race-prize-label{font-size:28px;} .race-prize-label .bonus-bet-label{font-size:12px; padding-bottom:3px;} .remaining-users-count{font-size:38px;} .completed-race-card.winner-card .result-winner-count-label{font-size:18px;} .result-prize-card .prize-point{font-size:26px;} .prize-point .bonus-bet-label{font-size:12px;} .prize-race-label{font-size:20px;} .race-prize-label .bonus-bet-label{font-size:10px; padding:0;} .jockey-text{min-width:60px;} .jockey-text ~ .jockey-text{min-width:inherit; flex:1;} .picks-screen .tips-table{--colwidth:44px;} .page-title-label{font-size:20px;} } @media (max-width:350px) and (orientation:portrait){ .nav-items li a{font-size:10px; padding:6px 2px;} } /* Responsive CSS End*/