/*FONTS CSS*/ @import url('font-icons.css'); @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900&display=swap');/*font-family:'Roboto', sans-serif;*/ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');/*font-family:'Inter', sans-serif;*/ @font-face{ font-family:'Graphik XCond'; src:url('../fonts/GraphikXCond-Regular.woff2') format('woff2'), url('../fonts/GraphikXCond-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family:'Graphik XCond'; src:url('../fonts/GraphikXCond-Medium.woff2') format('woff2'), url('../fonts/GraphikXCond-Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; } @font-face{ font-family:'Graphik XCond'; src:url('../fonts/GraphikXCond-Semibold.woff2') format('woff2'), url('../fonts/GraphikXCond-Semibold.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap; } @font-face{ font-family:'Graphik XCond'; src:url('../fonts/GraphikXCond-Bold.woff2') format('woff2'), url('../fonts/GraphikXCond-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; } @font-face{ font-family:'Graphik XXXCond Reg Trial'; src:url('../fonts/GraphikXXXCond-Regular.woff2') format('woff2'), url('../fonts/GraphikXXXCond-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; } :root{ /* Theme Root Colors */ --clr-green:#26E36B; --clr-light-green:#96FF03; --clr-dark-green:#004045; --clr-nav:#126268; --clr-action:#008542; /*Colors*/ --clr-base:#191919; --clr-light:#656565; --clr-light2:rgba(51, 51, 51, 0.69); --clr-black:#000000; --clr-white:#ffffff; --red-clr:#f61d00; /*New*/ --clr-x-light:#bcbcbc; --clr-green-light:#14883F; /*Background Colors*/ --bg-body:#f2f2f2; --bg-white:#ffffff; --bg-gray:#f2f2f2; --bg-black:#000000; --bg-header:var(--clr-dark-green); --bg-navbar:#ffffff; --bg-error:#ffffff; --bg-comingSoon:var(--clr-green); --bg-splash:var(--clr-green); /*Border Colors*/ --bdr-color:rgba(51, 51, 51, 0.33); /*Card CSS*/ --shadow-card:0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.05); --bg-card:#ffffff; --radius-card:8px; /*btn color*/ --primary-bg:var(--clr-green); --primary-clr:var(--clr-dark-green); --secondry-bg:var(--clr-dark-green); --secondry-clr:var(--clr-white); --primary-light-clr:var(--clr-dark-green); --primary-light-bg:var(--clr-light-green); /*Fonts*/ --font-base:"Inter", sans-serif; --font-head:var(--font-base); --font-btn:var(--font-base); /* height */ --headerHeight:51px; } *{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(--clr-base);background:var(--bg-body);font-family:var(--font-base);font-weight:normal;line-height:1.2em;} a{text-decoration:none;outline:none;color:var(--clr-action);outline:none;cursor:pointer;} a:hover, a:focus{text-decoration:none;outline:none;} .btn:hover, .btn:focus, .btn.focus{outline:none;} .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(--clr-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(--clr-base);font-weight:normal;} h2{font-size:16px;} strong{font-weight:700;} /*LIST CSS*/ ul, ul li, ol, ol li{padding:0;margin:0;list-style:none;} /*INPUT CSS*/ .form-group{float:left;width:100%;margin-bottom:14px;position:relative;} .input-group{float:left;width:100%;position:relative;} .form-label{float:left;width:100%;margin-bottom:4px;font-size:13px;font-weight:600;display:flex;align-items:center;} 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:14px;outline:medium none;height:44px;color:var(--clr-base);border:1px solid var(--bdr-color);background:#ffffff;line-height:42px;padding:0 10px;transition:all 0.4s ease 0s;border-radius:8px;font-family:var(--font-base);font-weight:500;} .form-control:focus{outline:none;transition:all 0.3s ease 0s;} .form-control:disabled{background:var(--bg-gray);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;} .placeholder{cursor:auto;font-size:0.875rem;line-height:1rem;position:absolute;top:17px;left:10px;transform-origin:left top;pointer-events:none;color:#7f8c94;max-width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform 450ms cubic-bezier(0.23,1,0.32,1);font-size:16px;padding:0 6px;} .form-control:focus ~ .placeholder{transform:translate(0, -22px);max-width:100%;background:#fff;color:#011a2b;} .form-control.is-filled ~ .placeholder{transform:translate(0, -22px);max-width:100%;background:#fff;color:#011a2b;} .input-group.disabled-filed .form-control{background:#fafafa;pointer-events:none;} .form-control:focus, .form-control.is-filled, .add-form-group .select-span.is-filled{border-color:#011a2b;} /* var(--bdr-color) */ .invalid-code .form-control{border-color:#ed1c24;} .invalid-code .placeholder{color:#ed1c24 !important;transform:translate(0, -22px);background:#fff;} .alert-label{float:left;width:100%;color:#ed1c24;font-size:11px;font-weight:600;margin-top:1px;padding-left:2px;display:none;} .alert-label.show-error, .invalid-code .alert-label{display:block;} .filed-info{float:left;width:100%;color:#737373;font-size:11px;margin-top:3px;} .info-icon{margin-left:4px;} .info-icon .icon{font-size:16px;color:#000000;} .add-form-group{float:left;width:100%;} .form-group-row{flex:1;margin:0 -4px;display:flex;} .group-col{flex:1;padding:0 4px;} .group-label{float:left;width:100%;padding-bottom:8px;} .addon-filed .ph-label{position:absolute;top:0;left:0;width:40px;align-items:center;display:flex;color:var(--clr-base);background:var(--bg-body);font-size:14px;height:26px;pointer-events:none;bottom:0px;text-align:center;justify-content:center;border-radius:3px;margin:8px 6px;font-weight:600;} .addon-filed .form-control{padding-left:50px;} .addon-filed .is-filled ~ .ph-label{opacity:1;} .invalid-feedback{color:#ed1c24;font-size:11px;font-weight:600;float:left;width:100%;} .form-control[readonly]{pointer-events:none;opacity:0.2;background:#d6d6d6;} /* invalid Block */ .invalid-block{float:left;width:100%;margin-top:-10px;} .invalid-outer{float:left;width:100%;padding:0px 0px 8px;} .invalid-inner{float:left;width:100%;background:#ffe6e5;padding:8px 16px;border-radius:4px;} .invalid-message{float:left;width:100%;font-size:12px;font-weight:600;color:var(--red-clr);display:flex;grid-gap:6px;} .invalid-text{float:left;flex:1;} /*Checkbox and Radio Box Css*/ .checkbox{float:left;position:relative;display:flex;align-items:flex-start;} .checkbox input{position:absolute;top:0;left:0;height:100%;z-index:1;opacity:0;width:100%;cursor:pointer;} .checkbox label{float:left;width:18px;height:18px;border:2px solid var(--clr-action);position:relative;border-radius:2px;} .checkbox input:checked + label{background:var(--clr-action); border-color:var(--clr-action);} .active-tip .checkbox input + label:after, .checkbox input:checked + label:after, .checkbox label.active:after{position:absolute;top:0px;left:0px;height:100%;display:flex;justify-content:center;align-items:center;content:'\e970';font-family:'icons';color:var(--clr-white);font-size:12px;width:100%;font-weight:normal;} .checkbox label.active{border-color:var(--clr-action);} .multi-builder-item .checkbox label{border-color:#bcbcbc;} .check-label{float:left;flex:1;color:var(--clr-light);font-size:14px;padding-left:8px;} .checkbox.fill label{background:var(--clr-blue);} .checkbox.fill label:after{position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center;content:'\e970';font-family:'icons';color:var(--clr-white);font-size:12px;width:100%;font-weight:600;} .check-label a:hover{text-decoration:underline;} .checkbox .link-item{position:relative;z-index:1;text-decoration:none;} .checkbox-flex{float:left;width:100%;display:flex;grid-gap:8px;} .checkbox-text{float:left;flex:1;color:var(--clr-light);font-size:13px;line-height:1.25em;} label[for]{cursor:pointer;} .disable-checkbox{--clr-action:#c5c5c5;--clr-white:#8b8b8b;pointer-events:none;} .disable-checkbox .checkbox label{opacity:0.4;} /*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(--clr-base);border:0;border:1px solid var(--bdr-color);background:#ffffff;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:'\e9fe';font-family:'icons';pointer-events:none;font-size:14px;color:#011a2b;padding-top:2px;} .invalid-code .select-span{border-color:#ed1c24;} /*NORMAL CSS*/ ::selection{background:#0067ab;color:#fff;} ::-moz-selection{background:#0067ab;color:#fff;} .container{margin:0 auto;width:100%;max-width:var(--container);} .pull-left{float:left;} .pull-right{float:right;} .clearfix{clear:both;} .event-none{pointer-events:none;} .wcard{float:left;width:100%;background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:var(--radius-card);padding:0px;} .disabled{pointer-events:none;opacity:0.4;} .eventNone{pointer-events:none;} .left-align{text-align:left;} .right-align{text-align:right;} .center-align{text-align:center;} .show{display:block!important;} .hide{display:none!important;} /*BUTTON CSS*/ .btn{display:flex;align-items:center;justify-content:center;grid-gap:4px;padding:0 12px;text-align:center;color:#333333;font-size:16px;font-family:var(--font-btn);font-weight:600;line-height:1.2em;height:40px;border-radius:6px;background:#f9f9f9;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;border:0;} .btn-text{display:inline-block;} .primary-btn{color:var(--primary-clr);width:100%;background:var(--primary-bg);} .primary-light-btn{color:var(--primary-light-clr);width:100%;background:var(--primary-light-bg);} .secondry-btn{color:var(--secondry-clr);width:100%;background:var(--secondry-bg);} .delete-btn{width:100%;background:var(--red-clr);color:#ffffff;} .bdr-btn{color:var(--clr-black);width:100%;background:none;border:1px solid var(--clr-x-light);text-transform:none;} .bdr-btn.green{color:var(--clr-green-light);border-color:var(--clr-green-light);} .bdr-secondry-btn{color:var(--secondry-bg);width:100%;background:none;border:1px solid var(--secondry-bg);} .disable-btn{pointer-events:none;background:#bdc0bd!important;color:#333333!important;} .multi-bets-odds .disable-btn{pointer-events:none;background:#bdc0bd!important;color:#686868!important;border-color:#bdc0bd!important;opacity:0.8;} /*COLs CSS*/ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{float:left;padding:0 5px;} .col-1{width:8.33%;} .col-2{width:16.66%;} .col-3{width:25%;} .col-4{width:33.33%;} .col-5{width:41.66%;} .col-6{width:50%;} .col-7{width:58.33%;} .col-8{width:66.66%;} .col-9{width:75%;} .col-10{width:83.33%;} .col-11{width:91.66%;} .col-12, .block{width:100%;float:left;} .row{margin:0 -5px;} .icon{display:inline-block;font-size:20px;vertical-align:middle;} /*Page CSS*/ .iframe-container{width:100%;height:100%;position:relative;} .main-section{float:left;width:100%;min-height:100dvh;position:relative;} .page-container{float:left;width:100%;} .mid-wrapper{float:left;width:100%;position:relative;z-index:1;} .page-content{float:left;width:100%;padding-top:8px;} .scroll-content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;} .page-wrap{float:left;width:100%;} .page-top-wrap{float:left;width:100%;} .page-top-inner{float:left;width:100%;} /*Page Scroll CSS*/ /*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:52px;height:30px;border-radius:20px;-webkit-border-radius:20px;background:#2a2c37;border:1px solid #2a2c37;} .switch-handle{float:left;width:24px;height:24px;border-radius:50%;-webkit-border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left 0.15s ease-out 0s;box-shadow:1px 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.30);} .switch input:checked + .switch-label + .switch-handle{left:25px;background:#fff;} .switch input:checked + .switch-label{background:#14883F;border:1px solid #14883F;} /*Perfect ScrollBar*/ *{scrollbar-color:#959595 auto;} *::-webkit-scrollbar{width:5px;border-radius:20px;height:5px;} *::-webkit-scrollbar-track{background:transparent;} *::-webkit-scrollbar-thumb{background-color:#959595;border-radius:20px;width:5px;height:5px;} /*Perfect ScrollBar*/ /* Select Option */ .base-drop{float:left;min-width:110px;} .select-box{float:left;position:relative;width:100%;z-index:2;} .select-label{float:left;width:100%;font-size:13px;outline:medium none;height:42px;color:var(--clr-black);line-height:42px;padding:0 12px;border-radius:0px;position:relative;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:26px;font-weight:600;cursor:pointer;display:flex;align-items:center;} .select-label .icon{position:absolute;color:var(--clr-black);top:0;right:0;width:26px;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;pointer-events:none;} .select-label .select-season{text-align:right;padding:0;} .select-label .select-season .select-name{display:flex;align-items:center;justify-content:flex-end;} .select-option{flex:1;width:100%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .select-drop{display:none;float:left;width:100%;position:absolute;left:0;top:100%;border-radius:6px;background:#fff;z-index:1;max-height:40vh;overflow:hidden;overflow-y:auto;box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.16);min-width:72px;} .select-list{float:left;width:100%;} .select-list-item{float:left;width:100%;position:relative;margin:0px;padding-right:24px;position:relative;cursor:pointer;} .select-list-item .select-season{padding-right:0px;} .select-list-item:not(:first-child):before{position:absolute;top:0;left:4px;right:4px;height:1px;background:var(--bdr-color);content:'';} .select-list-item.selected{color:var(--clr-dark-green);} .select-list-item.selected .select-name{font-weight:600;} .select-list-item.selected:after{position:absolute;top:0;right:0;width:20px;height:100%;display:flex;justify-content:flex-start;align-items:center;color:var(--clr-dark-green);font-size:13px;content:'\e970';font-family:'icons';font-weight:700;} .select-list-item:hover{background:var(--bg-gray);} .select-season{float:left;width:100%;padding:0 8px;font-size:12px;height:30px;line-height:30px;align-items:center;font-weight:600;position:relative;white-space:nowrap;} .select-drop-active .icon:before{content:'\ea01';} .select-drop-active ~ .select-drop{display:block;} /* Circle Icon */ .circle-figure{border-radius:50% !important;} .circle-figure img{border-radius:50% !important;overflow:hidden !important;} /*======CAROUSEL CSS======*/ .owl-stage-outer{position:relative;overflow:hidden;float:left;width:100%;-webkit-transform:translate3d(0, 0, 0);} .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;} .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;position:relative;} .owl-nav{display:block;} .owl-nav button, .owl-nav div{background:none;outline:none;position:absolute;top:0;left:0px;height:100%;display:flex;align-items:center;cursor:pointer;height:100%;} .owl-nav button.owl-next, .owl-nav div.owl-next{left:auto;right:0px;} .owl-nav button i, .owl-nav div i{color:#26e26c;font-size:16px;} .owl-nav.disabled, .owl-dots.disabled{display:none;} .owl-dots{float:left;width:100%;text-align:center;margin:6px 0px 2px;} .owl-dot{display:inline-block;margin:0 3px;background:none;} .owl-dot span{float:left;width:10px;height:10px;border-radius:50%;background:rgba(51, 51, 51, 0.25);} .owl-dot.active span{background:var(--clr-dark-green);} /* Tabs Css */ .content-tabs{float:left; width:100%;} .tab-content{float:left; width:100%; display:none;} .tabs-bar{float:left; width:100%;} .tabs-outer{float:left; width:100%;} .tabs-nav{float:left; width:100%;display:flex;grid-gap:8px;} .tabs-nav li{flex:1; text-align:center;} .tabs-nav li a{display:block;background:var(--bg-gray);color:var(--clr-base);font-size:14px;font-weight:500;line-height:36px;position:relative;overflow:hidden;border:1px solid var(--bdr-color);border-radius:26px;} .tabs-nav li.active a{background:#26E36B;border-color:#26E36B;color:var(--clr-dark-green);} .leaderboard-content-tabs .tabs-bar{padding-bottom:12px;} /*View More Css*/ .view-more{float:left;width:100%;text-align:center;cursor:pointer;} .view-more .btn, .view-more a{float:left;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;color:#008542;font-weight:600;font-size:13px;text-transform:none;grid-gap:8px;} .view-more a .icon{font-size:13px;} /*=======LOADER CSS=====*/ #ajax_data{width:100%} .loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:12;text-align:center;background:var(--bg-gray);} .page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;} .loading-wrapper.modal-loader{position:absolute;height:100%;max-height:calc(100dvh - 60px);display:block;background:rgba(255, 255, 255, 0.8);top:60px;} .loading-wrapper.modal-overlay-loader{position:absolute;height:100%;display:block;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;} .loading-wrapper.content-sm-relative{position:relative;height:40px;background:none;z-index:1;} .loading-wrapper.content-sm-relative .page-overlay{height:100%;display:flex;align-items:center;justify-content:center;} .loading-wrapper.content-sm-relative .loader-ring{width:30px;height:30px;} .loading-wrapper.section-loader{position:absolute;z-index:13;background:none;} .loading-wrapper.section-loader .page-overlay{height:56vh;} .loading-wrapper.main_loader{background:var(--bg-gray);z-index:100;} .loading-wrapper.scroll-loader{position:relative;height:80px;} .loading-wrapper.page-loader{background:none;} .loader-center{position:relative;width:100%;text-align:center;} .loader-center .loader-ring{width:60px;height:60px;} .loader-center .loader-figure{position:absolute;left:0px;top:0px;right:0px;bottom:0px;margin:auto;width:60px;height:60px;padding:12px;} .loader-center .loader-figure img{float:left;width:100%;} .btn-loader{float:left;margin:0 6px;position:static;top:auto;bottom:auto;} .btn-loader .loader-ring{height:20px;width:20px;float:left;} .loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:3px solid var(--clr-dark-green);border-color:var(--clr-dark-green) transparent var(--clr-dark-green) var(--clr-dark-green);animation:lds-ring 650ms linear infinite;border-radius:50%;} .loader-text{position:absolute;width:100%;width:100%;font-size:16px;margin-top:6px;line-height:normal;text-align:center;} @keyframes lds-ring{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } /*Submit Your Picks*/ .submit-loading,.tip-loading{position:fixed;background:rgba(0,0,0,0.6);top:0;bottom:0;left:0;right:0;padding:16px;display:-ms-flexbox;display:flex;align-items:center;z-index:16;} .picks-loader{ background:#ffffff;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:600;color:var(--clr-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(--clr-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;} /*===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.9);display:none;overflow-y:auto;padding:0 16px;} .modal-contenier{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;background:#ffffff;position:relative;z-index:2;border-radius:6px;} .modal-sm .modal-outer{max-width:480px;} .modal-body{float:left;width:100%;} .popup-info{z-index:1;position:relative;display:block;width:100%;float:left;padding:18px;} .modal-content{float:left;width:100%;} .modal-logo{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;} .modal-logo figure{float:left;width:100%;max-width:192px;} .modal-logo figure img{float:left;width:100%;} .modal-icon-figure{float:left;width:100%;display:flex;justify-content:center;} .modal-icon{float:left;display:inline-flex;justify-content:center;padding:10px;border-radius:50%;background:#ffefef;} .modal-icon .icon{font-size:54px;color:#e32626;} .alert-figure{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .alert-figure .icon{float:left; width:54px; height:54px; border-radius:50%;display:flex; align-items:center; justify-content:center; font-size:32px; background:#008542;color:#ffffff;} .modal-title{float:left;width:100%;text-align:center;font-size:24px;color:var(--clr-dark-green);text-transform:uppercase;line-height:1.2em;font-family:var(--font-head);font-weight:700;} .modal-title-sm{float:left;width:100%;text-align:center;font-size:18px;color:var(--clr-dark-green);line-height:1.2em;font-weight:700;margin-top:18px;} .modal-disc{float:left;width:100%;text-align:center;margin-top:8px;} .modal-disc p{float:left;width:100%;font-size:14px;color:var(--clr-base);font-weight:400;} .modal-disc p ~ p{margin-top:20px;} .modal-footer{float:left;width:100%;padding:10px 18px 18px;} .modal-overlay{position:fixed;top:0;left:0;z-index:1;float:left;height:100vh;width:100%;cursor:pointer;} .modal .button-bar{padding:0;} /* Top Close */ .popup-close{position:absolute;top:16px;right:16px;color:#26e36b;font-size:20px;z-index:2;} /* Bottom Close */ .close-btn{position:absolute;bottom:-44px;left:0;right:0;margin:44px auto 0px;display:flex;justify-content:center;} .close-btn .icon{font-size:34px;color:#ffffff;} /* Button Bar */ .button-bar{float:left;width:100%;padding:8px 0px;} .button-container{margin:0px;} .button-bar-outer{float:left;width:100%;display:flex;grid-gap:8px;} .button-bar-outer .col{flex:1;} .button-bar-outer .btn{white-space:nowrap;width:100%;} /* Modal Note */ .login-modal-info{padding-bottom:0px;} .modal-note{float:left;width:100%;margin-top:14px;} .modal-note-inner{float:left;width:100%;padding:8px 14px;background:#fffcda;border-radius:4px;} .modal-note-inner p{float:left;width:100%;font-size:12px;font-style:italic;color:var(--clr-base);font-weight:600;} /* Slide Modal Start*/ .container-modal .modal-body.scroll-content{background:#ffffff;} .modal-body.scroll-content{background:var(--bg-gray);} .slide-modal{padding:0;overflow:inherit;left:-100%;transition:all 0.3s ease 0s;display:block;} .slide-modal.show{left:0;} .slide-modal .modal-outer{border-radius:0;width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;} .slide-modal .modal-contenier{display:block;padding:0;height:100%;min-height:inherit;} .slide-modal .popup-info{padding:14px;} /* Slide Modal Head */ .modal-head{float:left;width:100%;border-bottom:1px solid var(--bdr-color);background:#ffffff;} .modal-head-bar{float:left;width:100%;height:59px;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:6px 14px;} .head-title{float:left;width:100%;text-align:center;font-size:18px;font-weight:700;line-height:1.2em;} .form-title{float:left;width:100%;} .head-wrap{float:left;width:100%;} .close-arrow{float:left;font-size:18px;color:var(--clr-base);position:absolute;top:0;left:14px;height:100%;display:flex;align-items:center;} .head-wrap ~ .close-arrow{right:14px;left:auto;} /* Login With Block */ .login-with{float:left;width:100%;} .login-with-outer{float:left;width:100%;margin-top:14px;} .logo-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;} .logo-icon{float:left;width:100%;max-width:140px;} .logo-icon img{float:left;width:100%;} .login-with-text{float:left;width:100%;margin:0 0px 20px;} .login-with-text p{font-size:14px;line-height:1.3em;color:var(--clr-light);text-align:center;} .login-with-text p a{text-decoration:underline;} .login-with-text p a:hover{text-decoration:none;} .join-block a{text-decoration:underline;} /* Share Option */ .share-option{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;grid-gap:8px;margin-bottom:34px;} .share-option .col{flex:1;width:100%;} .share-btn{float:left;display:flex;align-items:center;justify-content:center;color:#fff;background:#28a71a;height:42px;border-radius:4px;padding:0 6px;width:100%; font-size:13px;font-weight:400;grid-gap:6px} .svg-icon{float:left;width:20px;min-width:20px;} .svg-icon img{float:left;width:100%;} .share-btn.apple-btn{background:var(--bg-black);color:#ffffff;} .share-btn.google-btn{background:#ffffff;box-shadow:0px 2px 0px #d5d5d5;color:var(--clr-base);} .or-title{float:left;margin-bottom:10px;width:100%;} .or-text{float:left;width:100%;text-align:center;font-size:14px;position:relative;margin-bottom:30px;} .or-text span{background:var(--bg-gray);display:inline-block;padding:0 12px;position:relative;} .or-text:before {position:absolute;top:0;left:0;width:100%;top:50%;content:'';height:1px;background:var(--bg-black);} /* Share Card */ .submitted-modal-info{padding:12px;} .share-picks-block{float:left; width:100%;margin-top:12px;padding-top:12px;border-top:1px solid var(--bdr-color);} .share-picks-outer{float:left; width:100%;} .share-picks{float:left; width:100%; position:relative;padding:8px 0;margin:0px;} .share-picks h3 {float: left;width: 100%;text-align: center;font-size: 18px;margin-bottom: 12px;color: var(--clr-base);position: relative;font-weight: 600; } .share-picks .share-option{grid-gap:4px;margin-bottom:0px;} .share-picks .share-btn{min-width:auto;font-size:13px;flex:1;line-height:normal;height:36px;font-weight:500;} .share-btn .icon{font-size:16px;} .share-btn.twitter-btn{background:#15202b;color:#ffffff;} .share-btn.fb-btn{background:#1877F2;color:#ffffff;} .share-btn.whatsup-btn{background:#30c021;color:#ffffff;} .share-btn.copy-btn{background:var(--bg-gray); color:var(--clr-base);} .submitted-modal-info .modal-title{text-transform:capitalize;} .submitted-modal-info .modal-logo{margin-bottom:12px;margin-top:10px;} /* competition-modal */ .competition-modal-info .modal-title{text-transform:capitalize;} .competition-modal-info .modal-content{margin-top:10px;} .competition-modal-info .modal-disc p{font-size:16px;font-weight:400;line-height:1.3em;} .competition-button-bar{background:var(--bg-body);padding-top:0px;} /* competition-modal */ .competition-rules-modal,.verify-tips-modal{background:rgba(51, 51, 51, 0.67);} .competition-rules-modal-info .modal-disc p{font-size:16px;font-weight:400;line-height:1.3em;text-align:left;margin-top:4px;} .comp-head-sm{font-size:16px;font-weight:600;color:#191919;float:left;width:100%;text-align:left;line-height:1.3em;margin-top:6px;} .comp-text-list{font-size:16px;font-weight:400;color:#191919;float:left;width:100%;text-align:left;line-height:1.3em;padding-left:24px;margin-bottom:6px;} .comp-text-list li{float:left;width:100%;font-size:16px;font-weight:normal;line-height:1.3em;margin-bottom:6px;color:#191919;list-style:disc;} .modal-titles{font-size:20px;font-weight:600;color:#191919;float:left;width:100%;text-align:left;line-height:1.3em;} .modal-outer.modal-xs-outer{border-radius:20px;max-width:580px;} .modal-xs-outer .popup-info{padding:24px 24px 8px;} .modal-xs-outer .modal-footer{padding:8px 24px 24px;} .modal-xs-outer .modal-footer .button-bar-outer .btn{font-size:14px;height:36px;} /* Verify Tips Modal */ .verify-tips-modal-info .modal-disc{margin-top:16px;} .verify-tips-modal-info .modal-disc p{text-align:left;font-size:16px;line-height:20px;} .verify-tips-modal-info .checkbox-flex{margin-top:21px;} .verify-tips-modal-info .checkbox-flex .checkbox{margin-right:6px;} .verify-tips-modal-info .checkbox-flex .checkbox label{border-radius:4px;--clr-action:#08a321;} .verify-tips-modal-info .checkbox-text{text-align:left;font-size:16px;color:var(--clr-base);line-height:20px;letter-spacing:-0.3px;} .verify-tips-modal-info .checkbox-flex .checkbox input:checked + label{position:relative;} .verify-tips-modal-info .checkbox-flex .checkbox input:checked + label:after{background:linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:2px;} /* Tip Alert Card */ .tip-alert-card{margin-top:-8px;margin-bottom:9px;} .tip-alert-card .scratched-inner{padding:12px 16px;border-radius:0px;} .tip-alert-card .scratched-inner .scratched-message{font-size:14px;grid-gap:8px;line-height:16px;} .tip-alert-card .scratched-inner .scratch-icon{width:20px;display:inline-flex;justify-content:center;} .tip-alert-card .scratched-inner .scratch-icon .icon{font-size:18px;float:left;height:18px;transform:rotate(180deg);} /*Alert Message CSS*/ .alert-card{float:left;width:100%;} .alert-card-outer{float:left;width:100%;display:flex;border-radius:4px;background:#f5f7f9;padding:12px 22px 12px 14px;align-items:center;position:relative;} .alert-icons{float:left;margin-right:10px;} .alert-icons .icon{font-size:20px;color:var(--clr-base);} .alert-content{float:left;flex:1;display:flex;align-items:center;flex-wrap:wrap;} .alert-content h3{font-size:14px;float:left;width:100%;} .alert-content p{font-size:13px;float:left;width:100%;font-weight:normal;color:var(--clr-base);line-height:14px;} .alert-content p a{color:var(--clr-base);text-decoration:underline;} .alert-content p a:hover{text-decoration:underline;} .success-alert, .error-alert{margin-bottom:10px;} .success-alert .alert-card-outer{background:#dffadc;} .success-alert .alert-icons .icon, .success-alert .alert-content p{color:#008542;} .error-alert .alert-card-outer{background:#ffc8ca;} .error-alert .alert-icons .icon, .error-alert .alert-content p{color:#dd0000;} .message-card .alert-card-outer{border-bottom:1px solid #d4d4d4;background:#FFF6D1!important;} .message-card .alert-icons{float:left;position:absolute;right:9px;top:7px;margin:0px;} .message-card .alert-icons .icon{font-size:12px;color:var(--clr-base);} .message-card .alert-content p{font-weight:600;color:var(--clr-dark-green);} /* Tooltip Block */ .tooltip-icon{cursor:pointer;position:relative;align-items:center;justify-content:center;display:flex;} .tooltip-icon:after{position:absolute;top:100%;right:auto;left:auto;margin:0 auto;content:'\e98b';color:#ffffff;z-index:3;font-size:14px;font-family:'icons';opacity:0;transition:all 0.3s ease 0s;text-shadow:0px -1px 1px rgba(0, 0, 0, 0.2);} .show-tooltip .tooltip-block{display:block;} .show-tooltip .tooltip-icon:after{opacity:1;} .tooltip-block{position:absolute;right:0px;z-index:2;display:none;width:100%;height:1px;bottom:0px;} .tooltip-outer{background:#ffffff;color:var(--clr-base);float:left;padding:15px 10px;border-radius:var(--radius-card);width:100%;text-align:left;position:absolute;top:-4px;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.4);} .tooltip-inner{float:left;width:100%;} .tooltip-inner p{text-align:center;float:left;width:100%;} .tooltip-click{cursor:pointer;} /*Not Yet Open Alert Message*/ .not-yet-alert{float:left; width:100%;} .not-yet-outer{float:left;width: 100%; margin: 0; padding: 30px 10px;height:50dvh; display: flex; align-items: center; } .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:100px; height:100px; border-radius:50%; margin-bottom:18px;background:var(--clr-dark-green);align-items:center;} .no-yet-figure .icon{float:left; width:100%;color:#ffffff;font-size:52px;} .not-yet-block h3{float:left; width:100%;color:var(--clr-base); font-size:18px;font-weight:700;line-height:1.3em;margin-bottom:12px;} .not-yet-block p{float:left; width:100%;color:var(--clr-base); font-size:13px;font-weight:400;line-height:1.3em;} /* Form */ .form-container{float:left;width:100%;} .form-info{float:left;width:100%;} .custom-form{float:left;width:100%;} .custom-form .form-group{margin:0px 0px 14px;} .custom-form .custom-select:after{z-index:1;padding:0px;} .control-alert{position:absolute;top:2px;bottom:2px;height:calc(100% - 8px);right:2px;width:30px;display:flex;align-items:center;background:#ffffff;border-radius:8px;} .control-alert .icon{color:#4aa331;font-size:18px;display:none;} .invalid-code .control-alert .invalid-icon{color:#ed1c24;display:block;} .valid-code .control-alert .valid-icon{display:block;} input:-webkit-autofill ~ .control-alert{background:none;} input:autofill ~ .control-alert{background:none;} .show-pass{position:absolute;top:2px;right:2px;bottom:2px;width:40px;display:flex;align-items:center;justify-content:center;z-index:2;background:#ffffff;border-radius:8px;} .show-pass span{font-size:14px;color:#757575;} .show-pass .hide-label, .show-pass.active .show-label{display:none;} .show-pass.active .hide-label{display:block;} .invalid-code .show-pass{right:30px;} .invalid-code input[type="text"] ~ .show-pass, .invalid-code input[type="password"] ~ .show-pass{right:2px;} .open-link{text-decoration:underline;} .join-block{float:left;width:100%;margin:10px 0px;} .join-block p{float:left;width:100%;text-align:center;color:var(--clr-base);font-size:15px;font-weight:400;} .forgot-block{float:left;width:100%;margin:10px 0px;} .forgot-block p{float:left;width:100%;text-align:center;color:#737373;font-size:13px;font-weight:400;} .forgot-block p + p{margin-top:5px;} /*Reset Password Modal CSS*/ .reset-links-wrap{float:left;width:100%;} .reset-links{float:left;width:100%;} .reset-links li{float:left;width:100%;padding:20px 5px;border-bottom:1px solid #808080;text-align:center;} .reset-links li:last-child{border-bottom:0;} .reset-links li p{font-size:14px;} .reset-links li p a{color:#ed1b24;} .reset-pass-info .form-title{text-align:center;margin-bottom:22px;} .reset-pass-info .form-title p{font-size:14px;margin-top:0;float:left;width:100%;} .reset-pass-sent{float:left;width:100%;text-align:center;margin-bottom:30px;} .reset-pass-sent h2{float:left;width:100%;text-align:center;font-size:22px;font-weight:600;line-height:1.2em;} .reset-pass-sent p{font-size:15px;margin-top:20px;float:left;width:100%;} .reset-pass-sent .btn{border-width:2px;} .reset-pass-sent p a{ white-space:nowrap;} .reset-pass-sent p a:hover{text-decoration:underline;} .reset-pass-sent .button-bar{margin-top:20px;} .reset-pass-sent .modal-alert-icon{float:left;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:12px;} .reset-pass-sent .modal-alert-icon .icon{color:#339504;float:left;border-radius:50%;font-size:38px;border:2px solid #339504;height:72px;width:72px;display:flex;align-items:center;justify-content:center;} .reset-pass-sent .modal-alert-icon .icon.cancel-icon{color:#ed1b24;} .reset-form{margin-top:20px;} .reset-form .forgot-block{margin-top:30px;} .pass-success{float:left;width:100%;text-align:center;margin-bottom:30px;} .pass-success .modal-alert-icon{float:left;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:12px;} .pass-success .modal-alert-icon .icon{color:#339504;float:left;border-radius:50%;font-size:38px;border:2px solid #339504;height:72px;width:72px;display:flex;align-items:center;justify-content:center;} .pass-success .modal-alert-icon .icon.cancel-icon{color:#ed1b24;} .pass-success h2{float:left;width:100%;text-align:center;font-size:22px;font-weight:600;line-height:1.2em;} .pass-success p{font-size:15px;margin-top:20px;float:left;width:100%;text-align:center;} .pass-success p a:hover{text-decoration:underline;} .pass-success .button-bar{margin-top:20px;} /* Venue Modal Start */ .venue-modal-info .modal-title{font-size:23px;} .venue-modal-info .modal-form .form-group{ margin:24px 0px 0px; } .venue-modal-info .modal-form{ float:left;width:100%; } .venue-modal-info:not(.correct-venue) {padding-bottom: 0px; } .modal-form .form-control{text-align: center;font-weight: 700;font-size: 26px;border: 1px solid #008542;color: #008542;height:54px;line-height: 50px;text-transform:uppercase;} /* Venue Modal End */ /* Terms & Condition */ .tnc-content{float:left;width:100%;} .text-center{text-align:center;} .tnc-content h2{float:left;width:100%;color:#000;font-weight:600; margin-bottom:8px;font-size:16px;margin-top:6px; line-height:1.3em;} .inline-block{display:inline-block;} .tnc-content h3{float:left;width:100%;color:#000;font-weight:600;margin-bottom:8px;font-size:14px;line-height:1.3em;} .tnc-content h4{float:left;width:100%;color:#000;font-weight:600;margin-bottom:8px;font-size:12px;line-height:1.3em;} .tnc-content p{float:left;width:100%;margin-bottom:10px;color:#000;line-height:1.4em;font-size:14px;} .tnc-content p a, .tnc-content a{color:var(--clr-action);text-decoration:underline;} .tnc-content ul, .tnc-content ol{width:100%;padding-left:36px;color:#000;display:block;overflow:hidden;} .tnc-content ul li,.tnc-content ol li{font-weight:normal;float:left;width:100%;font-size:14px;line-height:1.3em;margin-bottom:6px;} .tnc-content ul,.tnc-content ul li{list-style:disc;} .tnc-content ul ul{margin-top:10px;} .tnc-content ul ul,.tnc-content ul ul li{list-style:circle;} .tnc-content ol,.tnc-content ol li{list-style:circle;} .tnc-content ol ol{margin-top:10px;} .tnc-content ol ol,.tnc-content ol ol li{list-style:disc;} .tnc-content ol.lists-number > li{ list-style:decimal;font-weight:normal;margin-bottom:8px;} .tnc-content ol.lists-lower-roman > li{ list-style:lower-roman;font-weight:normal;margin-bottom:8px;} .tnc-content ol.lists-upper-roman > li{ list-style:upper-roman;font-weight:normal;margin-bottom:8px;} .tnc-content ol.lists-lower-latin{counter-reset:list;} .tnc-content ol.lists-lower-latin > li{ list-style:none;font-weight:normal;font-size:14px;margin-bottom:8px;} .tnc-content ol.lists-lower-latin > li:before{content:counter(list, lower-alpha) ". ";counter-increment:list;margin-left:-24px;display:inline-block;width:24px;text-align:right;padding-right:3px;box-sizing:border-box;} .tnc-content ol.lists-lower-latin.bracket-lower-latin > li:before{content:"("counter(list, lower-alpha) ") ";} .tnc-content ol.lists-lower-latin.end-bracket-lower-latin > li:before{content:""counter(list, lower-alpha) ") ";} .tnc-content table{width:100%;border:1px solid var(--bdr-color);white-space:nowrap;margin-bottom:14px;border-spacing:0;margin:0;padding:0;} .tnc-content table tr:last-child td{border-bottom:0;} .tnc-content table tr th{font-weight:normal;font-size:11px;color:var(--clr-base);text-transform:uppercase;background:var(--bg-gray);} .tnc-content table tr th, .tnc-content tr td{font-size:13px;border-bottom:1px solid var(--bdr-color);border-right:1px solid var(--bdr-color);padding:5px 8px;} .tnc-content table tr th:last-child, .tnc-content table tr td:last-child{border-right:0;} .tnc-content table tbody tr td{padding:4px 2px;} .highlight-text{background:#ffff00;} /* Prize Terms Condition */ .tnc-content .schedule-table-outer table thead tr th{line-height:1.1em;text-transform:none;font-size:14px;} .tnc-content .schedule-table-outer table tbody tr td{padding-left:8px;padding-right:6px;vertical-align:top;line-height:1.2em;font-size:14px;} .tnc-content .schedule-table-outer table{white-space:normal;} .tnc-content .schedule-table-outer ol,.tnc-content .schedule-table-outer ul{padding-left:21px;} .price-description-outer{float:left;width:100%;} .tnc-content .price-description-table{float:left;width:100%;margin:0px;} .tnc-content.tnc-content-prize p, .tnc-content.tnc-content-prize ol.lists-lower-latin > li, .tnc-content.tnc-content-prize ul li, .tnc-content.tnc-content-prize ol li{font-size:14px;line-height:1.3em;} .tnc-content.tnc-content-prize strong{font-weight:bold;} /*===Modal Popup Css End===*/ /*Header css*/ .header{float:left;width:100%;position:sticky;position:-webkit-sticky;z-index:12;top:0;left:0;background:var(--bg-header);} .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;} .nav-container{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-header);height:var(--headerHeight);padding:0px 16px;} .logo-brand{float:left;width:96px;min-width:96px;} .logo-brand-figure{float:left;width:100%;} .logo-brand-figure img{float:left;width:100%;} .nav-items{float:left;display:flex;justify-content:space-between;max-width:calc(100% - 100px);width:550px;} .nav-items li{float:left;} .nav-items li a{float:left;font-size:14px;font-weight:600;color:#ffffff;padding:6px 6px;display:flex;align-items:center;justify-content:center;height:calc(var(--headerHeight) - 20px);position:relative;min-width:50px;} .nav-items li.active a{color:#ffffff;} .nav-items li:hover a{color:#ffffff;} .nav-items li.active a:after{position:absolute;bottom:0;left:0;width:100%;background:#ffffff;height:3px;content:'';} .old-header{--headerHeight:51px;} .old-header .nav-container{padding-right:16px;padding-left:16px;} .old-header .logo-brand{width:96px;min-width:96px;} /* Before Login */ .login-actions{float:left;width:100%;} .login-actions-inner{float:right;display:flex;align-items:center;grid-gap:8px;} .login-actions .btn{min-width:58px;height:40px;line-height:normal;padding:0px 8px;font-size:14px;display:flex;border-radius:8px;align-items:center;justify-content:center;font-weight:bold;text-transform:none;white-space:nowrap;width:auto;} .login-actions .btn .icon{font-size:16px;color:#ffffff;} .login-actions .btn img{float:left;width:20px;padding-left:2px;} .login-actions .secondry-btn{color:var(--secondry-bg);background:var(--secondry-clr);} .login-actions .bdr-secondry-btn{color:var(--secondry-clr);border-color:var(--secondry-clr);} /* After Login */ .user-actions{float:left;} .user-status{float:right;} .user-status-inner{display:flex;align-items:center;float:left;width:100%;} .user-status-inner .icon{font-size:20px;color:#ffffff;margin-right:8px;} .user-status-inner .username{font-size:13px;color:#ffffff;font-weight:600;line-height:18px;} .user-status-inner .active-username{font-size:16px;color:#ffffff;font-weight:600;line-height:20px;letter-spacing:0.2px;} /*====Home Page CSS Start=====*/ /* Page Title */ .page-title-block{float:left;width:100%;background:var(--bg-header);position:sticky;position:-webkit-sticky;z-index:12;top:51px;left:0;} .page-title{float:left;width:100%;padding:8px 16px;background:var(--bg-header)} .page-title-label{float:left;font-size:16px;color:var(--clr-white);font-weight:600;line-height:20px;display:inline-flex;align-items:center;grid-gap:8px;} .page-flex-title{display:flex;justify-content:space-between;} .page-flex-title .page-title-label{flex:1;} .page-back-btn{float:left;width:24px;min-width:24px;cursor:pointer;} .page-back-btn .icon{float:left;width:100%;font-size:16px;color:#ffffff;text-align:left;line-height:20px;} .dot-block{--dotOutSize:20px;--dotSize:12px;--dotbdrSize:1px;--dotColor:#26E36B;float:left;width:var(--dotOutSize);min-width:var(--dotOutSize);height:var(--dotOutSize);display:inline-flex;justify-content:center;align-items:center;} .dot-status{height:var(--dotSize);width:var(--dotSize);border:var(--dotbdrSize) solid #004045;border-radius:50%;float:left;display:flex;align-items:center;justify-content:center;} .dot-in{height:100%;width:100%;border:var(--dotbdrSize) solid #ffffff;border-radius:50%;float:left;background:var(--dotColor);} .inactive{--dotColor:#737373;} /* Competition Banner Start*/ .competition-wrap{float:left;width:100%;} .competition-outer{float:left;width:100%;background-color:var(--clr-dark-green);} .competition-inner{float:left;width:100%;padding:0px 60px;background-image:url(../images/competition-banner.png);background-position:right center;background-repeat:no-repeat;background-color:var(--clr-dark-green);} .competition-inner-wrap{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;min-height:108px;--logoWidth:236px;} .competition-card-detail{float:left;width: calc(100% - var(--logoWidth));min-width: calc(100% - var(--logoWidth));} .competition-label{float:left;width:100%;font-size:16px;font-weight:700;color:#ffffff;line-height:1.2em;font-family:'Graphik XCond';white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} .competition-heading{float:left;width:100%;font-size:20px;font-weight:700;color:#E1FF00;line-height:1.2em;font-family:'Graphik XCond';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .competition-note{float:left;width:100%;font-size:10px;font-weight:normal;color:#ffffff;line-height:1.2em;font-family:'Graphik XXXCond Reg Trial';margin-top:10px;letter-spacing:0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .competition-card-icon{float:left;width:var(--logoWidth);min-width:var(--logoWidth);max-width:var(--logoWidth);} .competition-team-icon{float:left;width:100%;display:flex;justify-content:center;} .comp-team-figure{float:left;width:100%;max-width:70px;min-width:70px;} .comp-team-figure img{float:left;width:100%;} /* Competition Carasole */ .competition-carousel{float:left;width:100%;} .competition-item{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;min-height:108px;} /* Competition Banner End*/ .card-info{float:left;width:100%;margin-bottom:16px;} .card-outer{float:left;width:100%;padding:0px;} .card-title{display:flex;justify-content:space-between;align-items:center;padding:6px 8px; color:var(--clr-black);} .card-title-label{float:left;font-size:16px;font-weight:600;display:flex;align-items:center;color:#000000;grid-gap:10px;grid-gap:10px;line-height:1.2em;} .title-icon{float:left;font-size:20px;} .card-title-right{float:right;} .card-more{float:left;display:flex;align-items:center;justify-content:center;color:var(--clr-action);font-size:12px;font-weight:600;white-space:nowrap;} .card-more .icon{font-size:12px;margin-left:6px;} .card-inner{float:left;width:100%;} .game-banner-inner{float:left;width:100%;} .game-banner-listing{float:left;width:100%;position:relative;border-radius:var(--radius-card);height:auto;box-shadow:var(--shadow-card);overflow:hidden;background:#ffffff;} .game-banner-block{float:left;width:100%;} .banner-outer{float:left;width:100%;margin:0px;padding:0px;} .banner-item{float:left;width:100%;} .banner-block{float:left;width:100%;} .banner-block img{float:left;width:100%;} .wcard .game-banner-listing{box-shadow:none;} /* Animation Card */ .winners-popup-card{position:fixed;top:0;left:0;bottom:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;z-index:13;padding:0px 16px; background:rgba(0, 0, 0, 0.7);} .winners-popup-card .popup-box-info{display:flex;align-items:center;justify-content:center;} .winners-popup-card .popup-box{padding:0px;} .animation-canvas{max-width:90vmin;width:100%;aspect-ratio:4 / 3;} /* Home Page CSS */ .home-screen{float:left;width:100%;} .home-wrap-inner{float:left;width:100%;} .home-card-row{float:left;width:100%;} .racing-game-card .card-title-label{color:#ffffff;} .game-card-info .card-title{background-color:var(--game-color);background-image:var(--game-image);background-position:right center;background-size:cover;padding:0px 16px;min-height:52px;} .game-card-info .card-outer{overflow:hidden;} .game-card-info .btn{min-width:138px;height:36px;border-radius:6px;font-size:14px;font-weight:600;text-transform:none;} .game-card-info .view-more .btn{font-size:13px;} .game-card{float:left;width:100%;} .game-card-inner{float:left;width:100%;padding:0px 16px;} .game-record-card{float:left;width:100%;} .game-record-wrap{float:left;width:100%;padding:14px 0px;} .game-record-inner{float:left;width:100%;display:flex;justify-content:center;} .game-record-col{float:left;width:calc(100% / 3);position:relative;} .game-record-col:not(:first-child):before{height:56%;background:var(--bdr-color);width:1px;position:absolute;content:'';left:0px;top:0px;bottom:0px;margin:auto;} .game-record-col-inner{float:left;width:100%;padding:0px 3px;} .game-record-label{float:left;width:100%;text-align:center;font-size:10px;font-weight:600;color:#737373;line-height:1.3em;padding:2px 0px;} .game-record-points{float:left;width:100%;text-align:center;font-size:20px;font-weight:600;color:var(--clr-base);line-height:24px;} .game-competition-card{float:left;width:100%;} .game-competition-wrap{float:left;width:100%;padding:14px 0px;} .competition-card-inner{float:left;width:100%;} .competition-table-block{float:left;width:100%;} .game-card-info .btn-leaderboard .btn{font-size:12px;height:32px;border-radius:6px;} .btn-leaderboard.disable-btn .btn{background:#bdc0bd!important;color:#333333!important;} .btn-leaderboard.disable-btn .btn-icon .icon{color:#b3b3b3!important;} .btn-leaderboard{max-width:138px;width:138px;display:block;float:right;background:none!important;} .btn-icon{float:right;} .btn-icon .icon{color:var(--clr-base);font-size:14px;} .competition-table .base-table th{padding:0px 2px;} .competition-table .base-table td{padding:5px 2px;font-size:14px;font-weight:600;border:none;} .competition-table .base-table .comps-td{text-align:left;max-width:240px;width:240px;} .comps-detail{display:flex;align-items: center;grid-gap:2px;} .comps-detail .dot-block{--dotOutSize:10px;--dotSize:6px;--dotbdrSize:0.5px;} .venue-inner-td{display:inline-flex;justify-content:center;} .competition-table .base-table .view-td{} .competition-table .base-table tr:not(.venue-hidden) .week-rank-td, .competition-table .base-table tr:not(.venue-hidden) .players-td, .competition-table .base-table tr:not(.venue-hidden) .rank-td, .competition-table .base-table tr:not(.venue-hidden) .venue-td{vertical-align:top;} .venue-status{height:16px;width:16px;display:inline-flex;float:left;align-items:center;justify-content:center;border-radius:50%;background:#bdc0bd;} .venue-status .icon{font-size:8px;/* font-weight:bold; */} .venue-check{background:var(--clr-green);color:var(--clr-white);padding-top:2px;} .venue-cross{background:#D34600;color:var(--clr-white);} .venue-cross .icon{font-size:6px;} .venue-disable{background:#737373;color:var(--clr-white);} .venue-disable .icon{font-size:6px;} .competition-table .view-more{margin-bottom:-10px;} .competition-table .base-table .comps-td span{float:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .comps-venue-info{float:left;width:100%;color:#737373;font-size:12px;margin-top:2px;line-height:14px;font-weight:normal;} .leader-table .base-table .venue-td .venue-check{border:1px solid #ffffff;} .leader-table .base-table .race-td{min-width:110px;width:110px;} .leader-table .base-table .race-td span{display:block;width:100%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* New Racing Card */ .tip-count{height:20px;width:20px;line-height:20px;background:#AE0000;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:14px;color:var(--clr-white);margin-left:2px;} .racing-table{} .base-table.racing-table-outer td, .base-table.racing-table-inner td{border:none;} .racing-table .comps-td{text-align:left;max-width:240px;width:240px;padding-left:24px;font-size:12px;font-weight:600;color:var(--clr-black);line-height:1.3em;white-space: normal;} .racing-table .base-table .comps-td span{float:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .racing-table .base-table .comps-td .comps-name{width:auto;} .racing-table .base-table .comps-td .comps-info{float:left;padding:0px 0px 0px 3px;width:16px;height:16px;min-width:16px;overflow:inherit;} .racing-table .base-table .comps-td .comps-info .icon{float:left;font-size:13px;color:#14883F;width:100%;height:100%;position:relative;} .comps-info .tooltip-icon:before{height:30px;width:30px;min-width:30px;display:flex;justify-content:center;align-items:center;} .comps-info .tooltip-icon:after{top:auto;content:'\e98a';font-size:12px;bottom:100%;color:#004045;line-height:10px;transition:all 0s ease 0s; text-shadow:none;} .comps-info .tooltip-block{top:0px;bottom:auto;} .comps-info .tooltip-block .tooltip-outer{bottom:-2px;top:auto;background:#004045;padding:8px 12px;border-radius:calc(var(--radius-card) / 2);box-shadow:none;width:auto;} .comps-info .tooltip-block .tooltip-outer p{color:#ffffff;text-align:left;white-space:normal;} .racing-table-inner .race-title-cell{text-align:left;} .race-title-text{font-size:14px;font-weight:600;color:var(--clr-black);display:inline-flex;white-space:normal;line-height:1.2em;align-items:center;word-break: break-all;} .race-title-cell > .race-title-text{min-height:32px;} .race-title-left{float:left;} .race-title-left .dot-block{margin-top:3px;align-self:flex-start;} .tips-btn{max-width: 130px;width: 130px;display: block;float: right;} .tips-btn-text{font-size:12px;font-weight:600;color:#146CBC;} .btn-leaderboard .bdr-btn{width:auto;min-width:auto;max-width:max-content;float:right;padding:0px 8px;} .race-title-status{color:#AE0000!important;margin-left:6px;font-size:12px!important;} .race-title-timer{margin-left:6px;float:none;display:inline-block;width:max-content;} .race-title-timer .sm-counter{background:#004045;color:var(--clr-white);font-size:12px;min-width:56px;} .dropdown-leaderboard{position:relative;cursor:pointer;} .dropdown-select-box{float:left;width:100%;position:absolute;top:100%;right:0px;min-width:220px;z-index:1;display:none;} .dropdown-select-lisitng{float:left;width:100%;background: var(--clr-white);border-radius: 20px;box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.1);overflow: hidden;} .dropdown-list{float:left;width:100%;} .dropdown-item{border-bottom:1px solid rgb(51 51 51 / 25%);float:left;width:100%;} .dropdown-item:last-child{border:none;} .dropdown-item-inner{float:left;width:100%;padding:12px 16px;} .dropdown-item-inner:hover{background:rgb(242, 242, 242);} .race-item-name{float:left;width:100%;text-align: left;color:#191919;font-size:14px;line-height:1.3em;} .race-item-time{float:left;width:100%;text-align: left;color:#747473;font-size:12px;line-height:1.3em;} .opened .bdr-btn{background:#E5E5E5;} .opened .dropdown-select-box{display:block;} @media(min-width:1024px){ .competition-table .players-td,.racing-table .players-td, .competition-table .rank-td,.racing-table .rank-td, .competition-table .week-rank-td,.racing-table .week-rank-td, .competition-table .venue-td,.racing-table .venue-td{width:80px;} } @media (max-width:1024px){ .competition-table .players-td,.racing-table .players-td, .competition-table .rank-td,.racing-table .rank-td{width:60px;} .competition-table .week-rank-td,.racing-table .week-rank-td{width:68px;} .competition-table .venue-td,.racing-table .venue-td{width:62px;min-width:62px;} } @media(max-width:580px){ .racing-table th.view-td{max-width:16px;width:16px;min-width:16px;} .racing-table .view-td{max-width:16px;min-width:16px;width:16px;} .racing-table .comps-td{max-width:180px;width:180px;padding-left:24px;} .racing-table .players-td{min-width:60px;width:60px;} .racing-table .rank-td{min-width:42px;width:42px;} .tips-btn{width:40px;max-width:40px;text-align:right;} .dropdown-select-box{top:30px;} .racing-table .btn-leaderboard{width:auto;max-width:none;} .racing-table-inner .race-title-cell{padding-top:0px;} .race-title-text{max-width: calc(100dvw - 210px);} .racing-table .base-table .comps-td{max-width: calc(100vw - 236px);width:calc(100vw - 236px);} } /* Private Comps */ .private-comps-block{float:left;width:100%;} .private-card-inner{float:left;width:100%;padding:16px 16px 20px;} .comps-top{float:left;width:100%;margin-bottom:20px;} .comps-head{font-size:16px;text-align:center;font-weight:600;line-height:1.2em;margin-bottom:6px; color:var(--clr-black);} .comps-top p{font-size:12px;text-align:center;font-weight:400;line-height:1.2em;} .enter-code{float:left;width:100%;} .code-button-bar{padding:0px;} .code-button-bar.button-bar{padding:0px;} .code-button-bar .button-bar-outer{grid-gap:12px;} .code-button-bar .form-group{margin:0px;} .code-button-bar .form-control{padding:0px 16px;font-size:16px;font-weight:400;border-radius:8px;text-transform:uppercase;} .code-button-bar .form-control:focus, .code-button-bar .form-control.is-filled{border-color:#011a2b!important;} .code-button-bar ::-webkit-input-placeholder{text-transform:none;} .code-button-bar :-moz-placeholder{text-transform:none;} .code-button-bar ::-moz-placeholder{text-transform:none;} .code-button-bar :-ms-input-placeholder{text-transform:none;} .code-button-bar ::placeholder{text-transform:none;} .code-button-bar .btn{height:44px;line-height:44px;text-transform:none;font-size:16px;} .code-button-bar .submit-col{max-width:163px;width:163px;} .competiton-notes-block{float:left;width:100%;} .competiton-cards .card-title{text-align:center;font-size:16px;justify-content:center;line-height:1.2em;font-weight:600;border-bottom:1px solid var(--bdr-color);min-height:42px;} .comps-text{float:left;width:100%;font-size:16px;text-align:left;font-weight:400;line-height:1.2em;padding:12px 16px;} @media (max-width: 1024px) { .competiton-cards{padding:0px 16px;} .competition-button-bar{padding:0px 16px 12px;} } /* Private Comps Start*/ .login-account-block{float:left;width:100%;} .login-account-inner{float:left;width:100%;padding:24px 16px 24px;} .login-account-top{float:left;width:100%;margin-bottom:16px;} .login-head{font-size:21px;text-align:center;line-height:1.2em;margin-bottom:6px;font-family: var(--font-head);font-weight: bold;text-transform:uppercase;} .login-account-top p{font-size:14px;text-align:center;font-weight:400;line-height:1.2em;} .login-button-bar.button-bar{padding:0px;} /* Private Comps End*/ /*Support Card CSS Start*/ .support-card-inner{padding:0px 16px;} .support-info{float:left; width:100%; text-align:center; padding:18px 0px;border-bottom:1px solid var(--bdr-color);} .support-title{float:left; width:100%; font-size:14px; font-weight:800; text-transform:uppercase; line-height:1.3em;} .support-title-label{display:inline-block;} .support-pre{float:left; width:100%; font-size:12px; line-height:1.3em; font-weight:normal; margin-top:6px;} .link-text{color:var(--clr-action);} .link-text:hover{text-decoration:underline;} /*Support Card CSS End*/ /*Adult Card CSS Start*/ .adult-block{float:left;width:100%;} /* .adult-cards .wcard{box-shadow:none;} */ .adult-info{display:flex;justify-content:space-between;padding:8px 16px;align-items:center;} .adult-icon{float:left;width:32px;min-width:32px;margin-right:8px;} .adult-icon figure{float:left;width:100%;} .adult-icon figure img{float:left;width:100%;} .adult-content{float:left;flex:1;} .adult-title-label{float:left;width:100%;font-size:12px;font-weight:600;color:#737373;margin-bottom:2px;} .adult-pre{float:left;width:100%;font-size:12px;font-weight:400;color:var(--clr-black);} /*Adult Card CSS End*/ /* Notifications Card Start */ .notifications-block{float:left;width:100%;} .notifications-cards .card-title{text-align:center;font-size:16px;justify-content:center;line-height:1.2em;font-weight:600;border-bottom:1px solid var(--bdr-color);min-height:42px;} .select-notification-bar{float:left;width:100%;display:flex;justify-content:space-between;padding:12px 16px;align-items:center;border-bottom:1px solid var(--bdr-color);} .notification-text{font-size:16px;font-weight:400;color:var(--clr-base);line-height:1.2em;padding-right:12px;flex:1;} .notification-list-info{float:left;width:100%;} .notification-list-inner{float:left;width:100%;padding:0px 0px 0px 16px;} .notification-list-item{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px 12px 0px;} .notification-list-item:not(:last-child){border-bottom:1px solid var(--bdr-color);} .noti-col{float:left;flex:1;} .noti-title{float:left;width:100%;font-size:16px;line-height:1.2em;font-weight:400;color:var(--clr-base);} .noti-text{float:left;width:100%;color:var(--clr-light2);font-size:12px;line-height:1.2em;font-weight:400;margin-top:4px;} .check-col{float:right;width:20px;} /* Notifications Card End */ /* Push Notifications Start */ .push-notifications-block{float:left;width:100%;} .push-notifications-cards .card-title{text-align:center;font-size:16px;justify-content:center;line-height:1.2em;font-weight:600;border-bottom:1px solid var(--bdr-color);min-height:42px; color:var(--clr-black);} .push-notification-bar{float:left;width:100%;display:flex;justify-content:space-between;padding:12px 16px;align-items:center;} .push-notification-text{font-size:13px;font-weight:400;color:#747473;line-height:1.3em;flex: 1;text-align:center; } .notifications-cards .setting-button-bar{padding:0px;} .notifications-cards .setting-button-bar .button-bar-outer .col{min-width:120px;width:120px;} .notifications-cards .setting-button-bar .button-bar-outer .col .btn{font-size: 14px;} .notifications-cards .setting-bar{border:none;} /* Push Notifications Card End */ /*====Home Page CSS End=====*/ /* Tip Page */ /* League Selection */ .league-selection-wrap{float:left;width:100%;} .league-selection-outer{float:left;width:100%;background:var(--clr-white);border-bottom:1px solid var(--bdr-color);} .league-selection-inner{float:left;width:100%;background:var(--clr-white);} .league-selection-inner-wrap{float:left;width:100%;} .league-list{float:left;width:100%;} .league-list-inner{float:left;width:100%;} .league-item{float:left;} .league-item-link{float:left;width:100%;padding:15px 12px;} .league-item-inner{float:left;width:100%;display:flex;justify-content:space-between;grid-gap:8px;align-items:center;} .league-icon{float:left;color:var(--clr-light2);} .league-icon .icon{font-size:18px;} .league-text{float:left;color:var(--clr-light2);font-size:14px;font-weight:600;line-height:1.2em;} .league-item-link.active{box-shadow:0px -3px 0px #26E36B inset;} .active .league-icon,.active .league-text{color:#000000;} /* Round Selection */ .round-filter-wrap{float:left;width:100%;} .round-filter-outer{float:left;width:100%;background:#ffffff;border-bottom:1px solid var(--bdr-color);} .round-inner{float:left;width:100%;overflow:hidden;} .round-inner-wrap{float:left;width:100%;position:relative;padding:0px 16px;background:#ffffff;height:48px;} .round-filter-inner{float:left;width:100%;overflow:hidden;overflow-x:auto;height:66px;-webkit-overflow-scrolling:touch;} .round-scroll{position:relative;} /*NAV CONTROL CSS*/ .round-control a{height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;color:#000000;font-size:18px;width:36px;background:#ffffff;z-index:1;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 0px 0px rgba(0, 0, 0, 0.15);} .round-control a.next{left:auto;right:0;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 0px 0px rgba(0, 0, 0, 0.15);} .round-control a.disabled, .round-control.disabled{display:none;} .round-filter-list{float:left;display:flex;grid-gap:8px;} .round-list{float:left;padding:10px 0px;} .round-link{float:left;background:var(--bg-gray);border-radius:20px;display:flex;justify-content:center;align-items:center;min-height:28px;min-width:42px;position:relative;white-space:nowrap;padding:4px 12px;grid-gap:4px;} .round-link .round-text{color:var(--clr-base);font-weight:400;font-size:14px;} .round-link .sm-icon{height:18px;width:18px;border-radius:50%;background:#24E26C;color:var(--clr-dark-green);display:inline-flex;justify-content:center;align-items:center;} .round-link .sm-icon .icon{color:var(--clr-dark-green);font-size:11px;font-weight:600;padding-right:1px;} .active .round-link{background:#26E36B;} .active .round-link .round-text{color:var(--clr-dark-green);} /* .active .round-link .sm-icon{background:var(--clr-dark-green);} .active .round-link .sm-icon .icon{color:#ffffff;} */ /* Game Record Tip */ .tip-screen{float:left;width:100%;} .tip-wrap-inner{float:left;width:100%;} .game-record-tip{float:left;width:100%;padding:0px 16px 8px;} .play-wrap-inner{float:left;width:100%;padding:12px 0px 0px;} .match-schedule{float:left;width:100%;padding:0px 16px;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;margin-bottom:8px;} .match-schedule-date{float:left;width:100%;font-size:14px;font-weight:600;color:var(--clr-base);line-height:1.3em;} .points-info{float:right;} .points-info-inner{float:left;width:100%;display:flex;align-items:center;grid-gap:8px;white-space:nowrap;} .points-info-text{font-size:12px;font-weight:600;color:#14883F;} .points-info-icon{color:#14883F;} .points-info-icon .icon{font-size:16px;} /* Tip Share Card Start*/ .tip-share-card{float:left;width:100%;margin-top:8px;} .tip-share-wcard{padding:16px;} .tip-share-header{float:left;width:100%;margin-bottom:16px;} .tip-share-header-inner{float:left;width:100%;display:flex;grid-gap:16px;align-items:center;} .tip-share-logo{float:left;width:66px;min-width:66px;} .tip-share-figure{float:left;width:100%;} .tip-share-figure img{float:left;width:100%;} .tip-share-head{float:left;flex:1;font-size:14px;font-weight:600;line-height:1.4em;} .tip-share-content{float:left;width:100%;} .tip-share-text{float:left;width:100%;font-size:14px;margin-bottom:16px;color:var(--clr-base);line-height:1.4em;} .tip-share-wcard .tip-share-button{padding:0px;} .tip-share-button .button-bar-outer{justify-content:center;} /* .tip-share-button .button-bar-outer .col{width:50%;flex:none;} */ .tip-share-button .button-bar-outer .btn{font-size:14px;height:36px;grid-gap:8px;} .tip-share-button .checkmark-icon{font-size:15px;} /* Points Tooltip Start*/ .match-schedule{position:relative;} .match-schedule .points-info-icon .tooltip-outer{top:10px;} .points-info-icon .tooltip-block{padding:0px 10px;} .points-info-icon .tooltip-outer{width:calc(100% - 20px);top:-1px;} .tt-points-block{float:left;width:100%;} .tt-points-heading{font-weight:600;text-align:center;line-height:1.3em;margin-bottom:6px;float: left;width: 100%;font-size: 14px;white-space: normal;} .tt-points-table{border:1px solid var(--bdr-color);border-bottom:none;} .tt-points-table tbody tr td{padding:6px 2px;font-weight:normal;border-right:1px solid var(--bdr-color);} .tt-points-table tbody tr td:last-child{border-right:0px;} .tt-points-desc{float:left;width:100%;margin:6px 0px;font-size: 14px;font-weight: normal;line-height: normal;white-space: normal; } /* Points Tooltip End*/ .play-wcard-outer{float:left;width:100%;background:var(--bg-card);} .play-wcard{float:left;width:100%;padding:13px 16px 16px;border-bottom:1px solid var(--bdr-color);} .play-wcard-inner{float:left;width:100%;} .team-heading-bar{float:left;width:100%;margin-bottom:12px;} .team-heading-inner{float:left;width:100%;display:flex;align-items:flex-start;} .team-heading-inner .col-left{margin-right:8px;align-self:flex-start;} .team-heading-bar .league-icon{font-size:18px;margin:0px;} .team-heading-inner .col-right{flex:1;} .team-title-bar{float:left;width:100%;} .team-title{float:left;width:100%;font-size:14px;font-weight:600;line-height:1.2em;padding-top:2px;} .match-venue-time{float:left;width:100%;font-size:12px;font-weight:400;color:var(--clr-light2);padding-top:4px;} .team-heading-inner .col-lock{margin-left:4px;float:right;} .game-counter{float:left;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;} .sm-counter{padding:0px 6px;border-radius:4px;background:#D34600;color:#ffffff;font-size:12px;font-weight:600;display:flex;justify-content:center;min-width:36px;text-align:center;align-items:center;min-height:20px;line-height:20px; margin-top:4px;white-space:nowrap;} .upcoming-counter .sm-counter{background:#E0FFEC;color:var(--clr-dark-green);} .live-counter .sm-counter{background:var(--red-clr);color:#ffffff;font-size:11px;font-weight:500;} .closed-counter .sm-counter{background:rgba(246, 29, 0, 0.2);color:var(--red-clr);} .resulted-counter .sm-counter{background:#e9cdcc;color:#ab0000;} .pick-card{float:left;width:100%;} .picks-with-picks{float:left;width:100%;} .picks-row{float:left;width:100%;display:flex;justify-content:space-between;grid-gap:8px;} .picks-col{float:left;width:100%;} .picks-block{float:left;width:100%;background:#ffffff;border:1px solid #14883F;border-radius:8px;cursor:pointer;} .picks-block:hover{background-color:rgb(242, 242, 242);} .picks-outer{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0px 8px;grid-gap:6px;} .picks-team{float:left;width:32px;} .team-two .picks-team{order:2;} .team-icon{float:left;width:100%;} .team-icon-fig{float:left;width:100%;} .team-icon-fig img{float:left;width:100%;} .pick-detail{float:left;flex:1;} .pick-team{float:left;width:100%;font-size:12px;color:var(--clr-base);font-weight:normal;text-align:center;line-height:1.2em;} .pick-team span{display:block;line-height:1.2em;} .pick-points{float:left;width:100%;font-size:16px;color:#14883F;font-weight:600;text-align:center;padding-top:2px;line-height:1.2em;} .pick-points span{display:block;} /* AFL/NFL Tips Page */ .active-tips.picks-block{background:#14883F;} .active-tips .pick-team{color:#ffffff;} .active-tips .pick-points{color:#ffffff;} .team-points{min-width:90px;width:90px;position:relative;} .team-points-inner{float:left;width:100%;} .history-top{float:left;width:100%;position:absolute;bottom:calc(100% + 10px);} .points-heading{float:left;width:100%;font-size:12px;font-weight:400; color:#737373; text-align:center;} .history-row{float:left;width:100%;display:flex;justify-content:space-between;min-height:44px;align-items:center;flex-direction:row-reverse;} .history-col{float:left;} .status-col{width:40%;} .points-col{width:60%;} .tip-col-status{float:left;width:100%;text-align:center;} .tip-col-status .icon{font-size:16px;font-weight:700;} .correct-status .icon{color:#008542;} .incorrect-status .icon{color:#f61d00;} .tip-col-points{float:left;width:100%;text-align:center;font-size:16px;color:#000000;font-weight:600;} .auto-tip-lanel{float:left;width:100%;text-align:center;color:var(--clr-black);font-size:10px;white-space:nowrap;display:flex;justify-content:center;align-items:center;font-weight:500;margin-bottom:-14px;} .icon-draw{color:#ee5e00;display:inline-flex;} .icon-draw:before{content:"D";color:#ee5e00;font-weight:700;font-size:20px;font-family:var(--font-base);} .tipped-card.play-wcard{pointer-events:none;} .tipped-card .picks-block:hover{background:none;} .locked-card .pick-card{opacity:0.4;pointer-events:none;} .locked-card .pick-card .picks-block .pick-points{color:var(--clr-black);} .locked-card .pick-card .active-tips.picks-block .pick-points{color:var(--clr-white);} /* Select Margin Block*/ .select-margin-bar{float:left;width:100%;margin-top:8px;} .margin-outer{float:left;width:100%;padding:0px;display:flex;align-items:center;position:relative;} .margin-detail{float:left;flex:1;} .margin-detail p{font-size:14px;font-weight:600;} .enter-margin{float:right;display:flex;align-items:center;} .margin-info{float:left;margin:0 7px 0 5px;} .margin-info .icon{color:#343840;font-size:20px;} .form-margin{float:left;width:100px;margin-left:0px;z-index:1;} .form-margin .form-group{margin:0;} .form-margin .form-control{height:44px;line-height:42px;font-size:16px;border-radius:8px;border:1px solid var(--bdr-color);padding:0px 3px;text-align:center;width:100%;background:#ffffff;color:rgba(51, 51, 51, 0.7);text-align:center;font-weight:600;} .invalid-points{float:left;width:100%;margin:0px;font-size:11px;color:#f61d00;text-align:right;position:absolute;bottom:-14px;left:0;font-weight:500;} .form-margin .form-control.is-filled{border-color:#008542; color:#008542;} /*Predicted Margin Block*/ .select-margin-bar.predicted-margin{margin-top:0;padding-top:10px; margin-bottom:-4px;} .predicted-margin .margin-detail p{color:var(--clr-black);font-size:12px;font-weight:400;line-height:1.2em; } .total-margin-label{float:left; width:100%; font-size:12px; font-weight:600; margin-bottom:4px; color:var(--clr-black);} .margin-text{color:var(--clr-base);font-size:13px;font-weight:600;margin-left:4px;text-align:right;white-space:nowrap; line-height:1.2em;} /* Random Tipping Block*/ .random-tipping-wcard{float:left;width:100%;} .random-tipping-wcard-inner{float:left;width:100%;padding:8px 16px;display:flex;justify-content:space-between;grid-gap:8px;align-items:center;} .random-tipping-text{font-size:12px;font-weight:400;color:var(--clr-black);} .random-tipping-btn{float:left;display:flex;justify-content:space-between;grid-gap:8px;} .random-tipping-btn .bdr-btn{border:1px solid var(--bdr-color);background:none;color:var(--clr-base);font-size:12px;font-weight:600;height:32px;line-height:30px;text-transform:none;min-width:120px;padding:0px 8px;white-space:nowrap;} /* Tipping Saved Block*/ .tipping-saved-wcard{float:left;width:100%;} .tipping-saved-message{float:left;width:100%;text-align:center;min-height:32px;display:flex;justify-content:center;align-items:center;} .tipping-saved-message span{text-align:center;color:#737373;font-size:12px;font-weight:400;display:block;line-height:1.2em;} /* Multi Builder Block*/ .multi-builder-wrap-block{float:left;width:100%;padding:0px;margin-bottom:12px;} .multi-builder-wrap-inner{float:left;width:100%;border-radius:12px;} .multi-builder-title{min-height:40px;padding-left:0px;padding-right:0px; padding-top:2px;} .multi-builder-title .card-title-label{font-size:14px;} .multi-builder-heading{float:left;width:100%;display:flex;align-items:center;grid-gap:8px;border-radius:12px 12px 0px 0px;background:linear-gradient(270deg, #FFD931 0%, #FFFAE4 100%);padding:8px 16px; border-bottom:1px solid var(--bdr-color);} .multi-star-icon{float:left;} .multi-figure{float:left;width:100%;} .multi-figure img{float:left;width:100%;} .multi-head-title{color:var(--clr-base);font-size:14px;font-weight:600;} .multi-icon{float:left;} .multi-icon .icon{color:var(--clr-base);font-size:14px;} .multi-builder-wrap-block .multi-builder-button{border-radius:0 0 12px 12px; padding:0px 16px 14px;} .multi-builder-wrap-block .multi-builder-button .button-bar-outer{border-top:1px solid var(--bdr-color);padding-top:14px;} .multi-builder-info{float:left;width:100%;} .multi-builder-list{float:left;width:100%;} .multi-builder-item{float:left;width:100%;padding:0px 16px;} .multi-builder-item .multi-bets{border-bottom:1px solid var(--bdr-color);} .multi-builder-item:last-child .multi-bets{border:none;} .multi-builder-item .multi-bets{grid-gap:6px;} .multi-builder-item .multi-bets .multi-bets-right{margin:0px;} .multi-bets{float:left;width:100%;display:flex;align-items:center;padding:10px 0px;} .multi-bets-left{float:left;flex:1;} .multi-bets-team{float:left;width:100%;display:flex;grid-gap:4px;align-items:center;} .multi-bets-figure{float:left;width:20px;} .multi-bets-figure img{float:left;width:100%;} .multi-bets-tm{float:left;font-size:14px;font-weight:600;color:var(--clr-base);line-height:1.2em;} .multi-bets-opponent{float:left;width:100%;font-size:12px;font-weight:400;color:var(--clr-light2);margin-top:2px;} .bet-name{float:left; width:100%;} .bet-type-name{float:left; width:100%; font-size:12px; font-weight:400; color:var(--clr-light2); margin-top:1px;} .multi-bets-right{float:left;margin-left:10px;} .multi-bets-odds{float:left;width:64px;} .odds-btn{border:1px solid #14883F;width:100%;float:left;height:36px;border-radius:6px;line-height:34px;font-size:16px;color:#14883F;text-align:center;background:#ffffff;display:flex;justify-content:center;align-items:center;font-weight:600;} .multi-bets-checkbox{float:left;} .multi-bets-check{float:left;margin-left:6px;} .multi-builder-button{float:left;width:100%;padding:16px;} .multi-builder-button .button-bar-outer ~ .button-bar-outer{margin-top:8px;} /* Race Selection Start*/ .race-selection-card{float:left;width:100%;} .race-selection-inner{float:left;width:100%;background:var(--bg-gray);padding:8px 0px;} .race-select-box{float:left;width:100%;} .race-select-flex{float:left;width:100%;display:flex;justify-content:center;align-items:center;grid-gap:12px;} .race-select-flex .custom-select .select-span{padding-right:34px;line-height:34px;height:36px;border-radius:6px;font-size:13px;} .race-input-label{color:var(--clr-base);font-size:14px;line-height:normal;font-weight:600;} .race-input-group .custom-select{float:left;min-width:132px;} /* Race Selection End*/ /* Table CSS */ .table-wrap{float:left;width:100%;} .table-block{float:left;width:100%;} .table-outer{float:left;width:100%;position:relative;} .table-container{float:left;width:100%;} .base-table{width:100%;white-space:nowrap;border-spacing:0;margin:0;padding:0;font-weight:normal;} .base-table tr{position:relative;overflow:hidden;width:100%;} .base-table th{color:#747473;font-size:12px;padding:4px 2px;line-height:20px;text-align:center;font-weight:400;} .base-table td{color:var(--clr-black);font-size:12px;padding:8px 2px;line-height:20px;text-align:center;font-weight:normal;border-bottom:1px solid var(--bdr-color);} /* .leader-table .base-table tr:last-child td{border-bottom:none;} */ /* Racing Tip Page CSS */ .racing-detail{float:left;width:100%;} .racing-detail-container{max-width:var(--container-md);margin:0 auto;} .racing-detail-card{padding:12px 16px;background:#ffffff;border-radius:0px;box-shadow:none;position:relative;} .racing-detail-wrap{float:left;width:100%;} .racing-detail-inner{float:left;width:100%;} .racing-bottom{margin-top:4px;} .racing-info-flex{float:left;width:100%;display:flex;justify-content:space-between;grid-gap:4px;} .race-title{font-weight:600;font-size:14px;line-height:1.3em;color:var(--clr-base)} .race-counter{display:inline-flex;grid-gap:6px;align-items:center;} .race-counter .sm-counter{margin-top:0px;} .game-notification{float:left;width:18px;} .game-notification .icon{float:left;color:var(--clr-light2);font-size:18px;} .race-info{float:left;width:100%;} .race-info-list{float:left;width:100%;} .race-info-list .race-info-item{float:left;position:relative;padding-left:18px;} .race-info-list .race-info-item span{font-size:12px;font-weight:400;color:var(--clr-base);line-height:1.2em;} .race-info-list .race-info-item:first-child{padding-left:0px;} .race-info-item.distence-sm:after, .race-info-item.life-sm:after{position:absolute;left:7px;border-radius:50%;height:3px;width:3px;background:var(--clr-base);border:1px solid #000000;content:'';top:4px;} /* Tips Listing */ .tips-listning{float:left;width:100%;margin-bottom:8px;} .tips-table-outer{float:left;width:100%;padding-top:5px;} .tips-listning .submit-button-bar{margin-top:8px;} .tips-table{float:left;width:100%;background:#ffffff;} .tip-table-head{float:left;width:100%;display:table;table-layout:auto;border-bottom:1px solid var(--bdr-color);padding:0px 16px;} .tip-table-head .col{display:table-cell;padding:12px 0px;white-space:nowrap;} .tip-table-head .col-win{text-align:center;max-width:66px;width:66px;} .tip-table-head .col-place{text-align:center;max-width:66px;width:66px;} .tips-table-outer .col.col-position{text-align:right;max-width:42px;width:42px;padding:0px;} .tips-table-outer .col.col-points{text-align:right;max-width:82px;width:82px;padding:0px;} .tip-table-head .col span{color:var(--clr-base);font-size:12px;font-weight:400;text-align:left;} .tip-table-head .col a{display:inline-block;width:10px;height:10px;position:relative;cursor:pointer;margin-left:4px;} .tips-record-listning .tip-table-head .col span{color:var(--clr-light2); font-weight:600;} .tip-table-head .col a i{position:absolute;top:0px;left:0px;font-size:7px;color:rgba(25, 25, 25, 0.3);cursor:pointer;} .tip-table-head .col a i.icon-sort-desc{top:5px;cursor:pointer;} .tip-table-head .col a i.active{color:rgba(25, 25, 25, 0.8);} .tips-record-listning .multi-builder-title{padding:10px 16px;} .tips-record-listning .multi-builder-title .icon{padding:4px;transition: all 0.3s ease 0s;font-size: 16px;color: var(--clr-base);} .collapse-action{cursor:pointer;} .open-tips .collapse-tips .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);} .tips-record-listning:not(.open-tips){padding-bottom:8px;} .tip-table-body{float:left;width:100%;} .tips-dropdown{float:left;width:100%;} .tips-list{float:left;width:100%;position:relative;overflow:hidden;padding:0px 16px;} .list-bx{float:left;width:100%;display:table;table-layout:auto;border-bottom:1px solid var(--bdr-color);min-height:64px;} .list-bx .col{display:table-cell;vertical-align:middle;padding:7px 0px;} .list-bx .col.jockey-figure-col{max-width:34px;width:34px;min-width:34px;min-height:34px;padding:0px 8px 0px 0px;} .jockey-figure-col figure{float:left;width:100%;margin:0px;padding:0px 1px} .jockey-figure-col figure img{float:left;width:100%;} .jockey-rank{display:block;font-size:11px;font-weight:500;white-space:normal;line-height:1.2em;text-align:center;float:left;width:100%;} .jockey-order{float:left;width:100%;text-align:center;margin-top:3px;} .jockey-order .icon{font-size:13px;color:var(--clr-base);} .jockey-block{display:flex;align-items:center;justify-content:space-between;float:left;width:100%;grid-gap:4px;} .jockey-detail{display:block;overflow:hidden;text-align:left;} .jockey-name{font-size:14px;white-space:normal;line-height:18px;font-weight:600;} .jockey-info-block{float:left;width:100%;display:flex;grid-gap:3px;} .jockey-info-block + .jockey-info-block{margin-top:2px;} .jockey-text{float:left;min-width:60px;color:var(--clr-light2);font-size:12px;font-weight:400;clear:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0px;margin-top:1px;} .jockey-text .jockey-text-label{float:left;width:12px;font-weight:600;text-align:left;padding-right:3px;} .odds-points-detail{float:right;width:132px;min-width:132px;} .odds-points-inner{float:left;width:100%;} .odds-bar{display:flex;justify-content:space-between;float:left;width:100%;border:1px solid #14883F;flex-wrap:wrap;border-radius:6px;} .odds-col{float:left;width:50%;min-height:34px;display:inline-flex;align-items:center;} .favorite-odds .odds-fav-heading{display:block;} .favorite-odds .odds-bar{border-color:#26E36B;} .odds-fav-heading{float:left;width:100%;text-align:center;color:var(--clr-base);font-size:10px;font-weight:600;border-radius:4px 4px 0px 0px;background:#26E36B;display:none;text-transform:uppercase;} .odds-btns{float:left;width:100%;} .odds-points{float:left;width:100%;color:#14883F;text-align:center;font-size:12px;font-weight:600;line-height:1.2em;} .odds-text{float:left;width:100%;font-size:12px;color:var(--clr-light2);font-weight:400;text-align:center;line-height:1.2em;} .submit-button-bar{padding:8px 16px;position:sticky;position:-webkit-sticky;left:0px;bottom:0px;z-index:1;background:#ffffff;} .multi-builder-button{padding:8px 16px;position:sticky;position:-webkit-sticky;left:0px;bottom:0px;z-index:1;background:#ffffff;} .submit-button-bar .btn-text{font-size:16px;} .play-wrap-inner > .submit-button-bar{margin-top:-16px;} .play-wrap-block{float:left;width:100%;} .page-wrap .scroll-content{overflow:inherit;} .btn-icons{font-size:14px;} .tips-record-listning{float:left;width:100%;padding-bottom:24px;padding-top:8px;} .tips-table-wcard{float:left;width:100%;} .tips-outer-block{float:left;width:100%;position:relative;} .tips-table-item{float:left;width:100%;} .tips-record-listning .tips-table{padding:16px;background:none;} .tips-record-listning .list-bx{border:none;min-height:auto;} .tips-record-listning .list-bx .col{padding:6px 0px;} .tips-record-listning .list-bx .col.jockey-figure-col{padding:0px 8px 0px 0px;} .tips-record-listning .tips-dropdown{padding-top:4px;} .tips-record-listning .tips-table .tip-table-head{padding:0px;} .tips-record-listning .tips-list{padding:0px;} .tips-record-listning .tips-table .tip-table-head .col{padding-top:0px;padding-bottom:8px;} .tip-carousel .owl-dots{position:absolute;left:0px;top:100%;right:0px;margin-top:8px;} .scratched{float:left;display:none;padding-top:0px;} .scratched .scratch-text{color:var(--clr-light);font-size:12px;overflow:hidden;white-space:nowrap;font-weight:500;} .racing-table .scratch-text{text-align:left;white-space:normal;} /* Scratched Block */ .scratched-block{float:left;width:100%;} .scratched-outer{float:left;width:100%;padding:10px 16px 2px;} .scratched-inner{float:left;width:100%;background:#FFF6D1;padding:8px 12px;border-radius:4px;} .scratched-message{float:left;width:100%;font-size:12px;color:var(--clr-base);font-weight:400;display:flex;grid-gap:6px;} .scratch-text{float:left;flex:1;} .scratch-icon{float:left;} .scratch-icon .icon{font-size:16px;} /* Alert Block */ .alert-block{float:left;width:100%;} .alert-outer{float:left;width:100%;margin-bottom:10px;} .alert-inner{float:left;width:100%;background:#FFF6D1;padding:8px 12px;border-radius:4px;} .alert-message{float:left;width:100%;font-size:12px;color:var(--clr-base);font-weight:400;display:flex;grid-gap:6px;} .alert-text{float:left;flex:1;} .alert-icon{float:left;} .alert-icon .icon{font-size:16px;} /* Scratched Block */ .points-picked-block{float:left;width:100%;} .points-picked-outer{float:left;width:100%;padding:0px 16px;} .points-picked-inner{float:left;width:100%;background:#FFF6D1;padding:8px 12px;border-radius:4px;} .points-picked-message{float:left;width:100%;font-size:12px;color:var(--clr-base);font-weight:600;} .points-picked-text{float:left;width:100%;text-align:center;} .tips-listning .points-picked-outer{padding:10px 16px 2px;} .points-picked-block.history-msg{margin-bottom:12px;} .points-picked-text .icon{font-size:16px;margin-right:2px;display:inline-block;margin-top:-2px;} /* Race Locked Block */ .race-locked-block{float:left;width:100%;} .race-locked-outer{float:left;width:100%;padding:8px 16px;display:flex;justify-content: center;align-items: center;} .race-locked-inner{float:left;width:100%;background:#FFF6D1;padding:8px 12px;border-radius:4px;} .race-locked-message{float:left;width:100%;font-size:12px;color:var(--clr-base);font-weight:600;display: flex;align-items: center;justify-content: center;grid-gap:6px;} .race-locked-text{text-align:center;margin:0px;padding:0px;} .lock-icon{float:left;width:16px;} .lock-icon .icon{font-size:16px;} /* Racing Tips Status Types */ .racing-tips{cursor:pointer;} /* Active Race */ .active-tips .odds-bar{background:#008542;} .active-tips .odds-points{color:#ffffff;} .active-tips .odds-text{color:rgba(255, 255, 255, 0.69);} /* Scratched Race */ .scratched-race{pointer-events:none;} .scratched-race .scratched{display:block;} .scratched-race .jockey-info-block, .scratched-race .odds-points-detail{display:none;} .scratched-race .jockey-name{text-decoration:line-through;color:rgba(0, 0, 0, 0.5);} /* Locked Race */ .race-locked{pointer-events:none;} .race-locked .jockey-figure-col{opacity:0.3;filter:grayscale(1);} .race-locked .jockey-block{opacity:0.4;filter:grayscale(1);} .locked-race{pointer-events:none;} .locked-race .jockey-figure-col{opacity:0.3;filter:grayscale(1);} .locked-race .jockey-block{opacity:0.4;filter:grayscale(1);} /* All Race Closed */ .race-closed .tips-dropdown{pointer-events:none;} /* Race Resulted */ .race-resulted .odds-bar{border:none;justify-content:flex-end;} /* Race Resulted */ .selected-tip{background:#eef8e9;} .list-bx.racing-list-bx{min-height:auto;padding-top:3px;border:none;} .tips-list-bx{float:left;width:100%;padding:8px 0px 10px;border-bottom:1px solid var(--bdr-color);} .racing-list-bx{float:left;width:100%;} .racing-list-bx .jockey-name{color:var(--clr-black);} .racing-list-title{float:left;width:100%;} .racing-list-head{float:left;width:100%;display:flex;justify-content:flex-start;grid-gap: 3px;} .race-name{float:left;color:var(--clr-base);font-weight: 600;font-size:12px;} .race-txt{float:left;flex:1;color:var(--clr-light);font-weight:400;font-size:12px;} .position-val,.points-val{color: var(--clr-base);font-weight:600;font-size:14px;} .tips-list-bx .scratched-outer{padding:0px;} /*Terms and Condition CSS Start*/ .tnc-screen{float:left;width:100%;} .tnc-wrap-inner{float:left;width:100%;} .tnc-wrap-inner .wcard{padding:16px;} /*Terms and Condition CSS End*/ /*FAQ CSS Start*/ .faq-screen{float:left;width:100%;} .faq-wrap-inner{float:left;width:100%;} .faq-wrap-inner .wcard{padding:16px;} .faq-prizes-list{float:left; width:100%; position:relative;} .faq-prizes-list > ul{float:left; width:100%;} .faq-prizes-list > ul > li{float:left; width:100%; overflow:hidden;padding:0px;border-bottom:1px solid var(--bdr-color);} .faq-title{float:left; width:100%; min-height:44px; line-height:normal; color:var(--clr-base); background:#ffffff; padding:12px 30px 12px 12px; position:relative;} .faq-title span{color:var(--clr-base);font-size:12px;display:block;overflow:hidden;font-weight:700;} .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(--clr-base);} .faq-title span small{font-size:16px; text-transform:none;} .faq-title .faq-heading{color:var(--clr-base); font-size:13px; display:block; overflow:hidden; font-weight:600;} .faq-prizes-list .faq-wcard{padding:4px 12px 12px;} li.open,li.open .faq-title{background:var(--bg-card);} li.open .faq-title .icon{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .faq-content{float:left; width:100%; display:none;} .faq-content p{line-height:18px; margin-bottom:12px; font-size:13px;} .faq-content center p{text-align:center; } .faq-content p:last-child{margin-bottom:0;} .faq-content center p{margin-bottom:10px;} .faq-content h3{float:left; width:100%; color:var(--clr-base); font-size:14px; margin-bottom:4px;} .faq-content ul, .faq-content ol{float:left; width:100%; list-style:decimal; padding-left:20px; color:var(--clr-base);margin:3px 0px;} .faq-content ul li, .faq-content ol li{float:left; width:100%; list-style:decimal; padding-bottom:7px;font-size:13px;color:var(--clr-base);} .faq-content ol, .faq-content ol li{list-style:disk;} .faq-content ul li ul{padding-left:22px;} .faq-content ul li ul, .faq-content ul li ul li, .faq-content ol li ol, .faq-content ol li ol li{list-style:lower-alpha;} .faq-content ul li ul li, .faq-content ol li ol li{padding-bottom:7px;} .faq-content ul.list-disk, .faq-content ul.list-disk li{list-style:disc;} .faq-content p a{text-decoration:underline;color:var(--clr-action);} .faq-content .sub-heading{float:left; width:100%; color:#3c3c3c; font-size:14px;margin-bottom:6px;font-weight:700;} .faq-content .table-outer + .sub-heading{margin-top:12px;} .prizes-faq-info .table-outer{float:left; width:100%; overflow-x:auto;margin-bottom:12px;} .faq-prizes-list table{width:100%; border:1px solid var(--bdr-color); white-space:normal;border-spacing:0;margin:0;padding:0;} .faq-prizes-list table tr{width:100%;} .faq-prizes-list table tr:last-child td{border-bottom:0;} .faq-prizes-list table tr th{background:#ddd;font-weight:normal; font-size:11px; color:#58595B; text-transform:uppercase;} .faq-prizes-list table tr th, .faq-prizes-list table tr td{text-align:left; border-right:1px solid var(--bdr-color);border-bottom:1px solid var(--bdr-color);padding:6px 16px;} .faq-prizes-list table tr th:last-child,.faq-prizes-list table tr td:last-child{border-right:0;} .faq-head{float:left;width:100%;text-align:center;font-size:20px;color:var(--clr-base);font-weight:bold;line-height:1.4em;margin:16px 0px 2px;} /*FAQ CSS End*/ /*Account Page CSS Start*/ .c-card{float:left;width:100%;margin-bottom:16px;} .c-card .wcard{padding:8px 16px;} .c-card-inner{float:left;width:100%;} .c-card-bar{float:left;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;} .c-card-left{float:left;flex:1;} .c-card-right{float:right;} .c-card-full{float:left;width:100%;} .c-card-label{float:left;width:100%;font-size:12px; color:var(--clr-black); font-weight:normal;} .c-card-name{float:left;width:100%;font-size:16px;font-weight:600;line-height:1.3em; color:var(--clr-black);} .c-card-label ~ .c-card-name{margin-top:8px;word-break:break-all;} .icon-btn{display:inline-flex;align-items:center;width:24px;min-width:24px;} .icon-btn img{float:left;width:100%;} .account-info .btn{height:44px;} .account-info .c-card-right .btn{height:32px;font-size:12px;min-width:120px;} .c-sm-title{float:left;width:100%;font-size:12px;} .connect-account-bar .button-bar-outer{grid-gap:20px;} .c-card-bar.connect-account-bar{padding-bottom:0;} .account-number-bar .button-bar-outer{grid-gap:20px;} .account-button-bar{float:left;width:100%;padding-bottom:0px;} .account-input{float:left;width:100%;} .account-input .form-group{margin:0px;} .account-num-col{float:left;width:100%;} .account-button-bar .submit-col{max-width:163px;width:163px;} @media(max-width:580px){ .account-button-bar .submit-col{max-width:110px;width:110px;} } /*Account Page CSS End*/ /*Leaderboard Page CSS Start*/ .page-filter-wrap{float:left;width:100%;} .page-filter-outer{float:left;width:100%;background:#ffffff;border-bottom:1px solid var(--bdr-color);} .page-filter-inner{float:left;width:100%;display:flex;justify-content:space-between;background:#ffffff;} .filter-left{float:left;display:flex;align-items:center;min-width:66px;} .filter-right{float:right;min-width:12px;min-width:66px;padding-right:8px;} .filter-right .select-drop{left:auto;right:0px;width:auto;max-width:100dvw;} .go-back-block{float:left;width:100%; padding-left:4px;} .go-back-btn{float:left;width:100%;display:flex;justify-content:space-between;height:40px;line-height:1.3em;align-items:center;} .go-back-btn .icon{width:30px;min-width:24px;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer; color:var(--clr-black);} .back-text{font-size:12px;font-weight:600; color:var(--clr-black);} .select-week-box .select-label{font-size:12px;} /*Leaderboard Table CSS*/ .card-info-base{float:left;width:100%;} .leader-table .base-table{table-layout:fixed;} .leader-table .base-table td,.leader-table .base-table th{padding:8px;} .leader-table .sticked-1{width:220px;text-align:left;padding-right:0px!important;} .rank-td-label{float:left;display:inline-flex;width:50px;padding-left:4px;} .comp-name-label{width:calc(100% - 50px);float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .user-rank{background:var(--clr-green);} .user-rank td{font-weight:600; border-bottom:none;} .leaderboard-filter-box{float:left;width:100%;padding-top:1px;margin-bottom:9px;} .leaderboard-filter{float:left;width:100%;display:flex;justify-content:space-between;grid-gap:10px;padding-right:105px;} .filter-col{width:50%;float:left;} .filter-col-block{width:100%;float:left;} .filter-col-block .custom-select{width:100%;float:left;} .filter-label{width:100%;float:left;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.2em;} .filter-col-block .custom-select .select-span{padding-right:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(51, 51, 51, 0.69);} /*Prize Card CSS Start*/ .prize-card-outer{background-color:#003f44;background-image:var(--desk-bg);background-repeat:no-repeat;background-size:47%;background-position:center right;padding:0;border-radius:var(--radius-card); min-height:150px; display:flex; flex-wrap:wrap; align-items:center;} .prize-card{--label-size:48px;float:left;width:100%;padding:16px;} .prize-heading{float:left;width:100%;margin-bottom:4px;} .prize-heading{float:left;width:100%;display:flex;align-items:center;gap:8px;} .prize-head-label{float:left;font-size:12px;color:var(--clr-white);} .prize-head-label.first{min-width:var(--label-size);} .prize-list{float:left;width:100%; padding-right:26%;} .prize-list-item{float:left;width:100%;display:flex;align-items:center;font-size:14px;font-weight:600;line-height:1.2em;color:var(--clr-white);gap:8px;padding:4px 0;} .prize-order{float:left;min-width:var(--label-size);color:var(--clr-light-green);} .prize-type{flex:1;} .eligibility-card .prize-card-outer{border-bottom-right-radius:0px;border-bottom-left-radius:0px;} .tipping-prize-card-outer{float:left;width:100%;} .tipping-card{float:left;width:100%;background:var(--bg-card);border-bottom-right-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-card);} .tipping-head{float:left;width:100%;font-size:14px;line-height:1.2em;color:var(--clr-dark-green);font-weight:600;margin-bottom:8px;} .tipping-content{float:left;width:100%;} .tipping-text{float:left;width:100%;} .tipping-text p{float:left;width:100%;font-size:12px;line-height:1.2em;color:var(--clr-dark-green);margin-bottom:8px;} .tipping-text p:last-child{margin:0px;} .invenue-progress{position:absolute;top:-1px;float:left;width:100%;padding:0px 10px;left:0;right:0;} .invenue-progress .progress{float: left;width: 100%;border-radius:2px;height:1px;background:none;} .progress-dot{height:5px;width:5px;display:block;background:#ffffff;border-radius:50%;box-shadow:0px 0px 3px #7ED800, 0px 0px 3px #7ED800, 0px 0px 3px #7ED800, 0px 0px 3px #7ED800, 0px 0px 3px #7ED800;position:absolute;left:-3px;top:-2px;} .progress-dot:after{content: '';position:absolute;width:3px;left:100%;top:2px;background:#ffffff;height:1px;} .invenue-progress .progress-bar{float:right;width:var(--progressBar);height:1px;border-radius:4px;background:#ffffff;animation-name:progBarWidth;animation-duration: .8s;position:relative;box-shadow:0px 0px 3px #7ED800, 0px 0px 3px #7ED800, 0px 0px 3px #7ED800, 0px 0px 3px #7ED800, 0px 0px 3px #7ED800; } .invenue-block{float:left;width:100%;padding:12px 0px 9px 0px;} .invenue-box{float:left;display:inline-flex;height:24px;background:#004045;border-radius:18px;border:1px solid #f2f2f2;align-items:center;box-shadow:0px 0px 4px #7ED800, 0px 0px 3px #7ED800 inset;position:relative;padding:0px 15px;} .invenue-text{color:#96FF03;font-size:12px;font-weight:600;line-height:16px;display:block;padding:0px;} @keyframes progBarWidth{ 0%{width:0;} } /*Leaderboard Page CSS End*/ /*========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;} .error-figure{margin:0 auto 20px;width:200px;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;} /*========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:200px;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(--clr-dark-green);text-transform:uppercase;} /*========Thank You Page CSS Start ========*/ .hide-nav .nav-items{display:none;} .hide-nav .nav-container{justify-content:center;} .thank-you-block{float:left;width:100%;margin-top:8px;} .thankyou-content-outer{float:left;width:100%;padding:24px 8px 24px;} .thankyou-content{float:left;width:100%;text-align:center;display: flex;align-items: center;justify-content:center;flex-direction:column;gap:24px;} .thankyou-figure{float:left;width:100%;max-width:564px;} .thankyou-title{float:left;width:100%;font-size: 32px;color: rgb(0, 64, 69);text-align: center;font-family:var(--font-base);font-weight:800;line-height:1.3em;} .thankyou-title .display-inline{display:block;} /*========Thank You Page CSS End ========*/ .active-comp-btn-bar{float:left; width:100%; margin-top:23px;} .active-comp-btn{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; gap:5px; color:#146CBC; font-size:13px; font-weight:600;} .active-comp-btn .icon{font-size:13px;} .leaderboard-card-info .wcard{border-radius:0;} /*NAV BAR CSS*/ .mob-nav-bar{float:left;width:100%; height:48px; position:relative; bottom:0; z-index:12; display:none;} .mob-nav-bar .container{max-width:600px;padding:0;} .mob-nav{float:left; width:100%; height:48px; position:fixed; bottom:0;left:0;background:var(--bg-navbar); box-shadow: 0px -0.5px 0px 0px rgba(51, 51, 51, 0.33); right:0;} .mob-nav-outer{float:left; width:100%; height:54px;} .nav-list{float:left; width:100%; display:flex;} .nav-item{float:left; text-align:center; min-width:64px; flex:1;} .nav-item-label{float:left; width:100%; height:48px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; align-content:center; color:#737373;} .nav-icon{float:left; width:100%; font-size:22px;} .nav-item-text{font-size:10px;float:left;width:100%;margin-top:2px;font-weight:normal;} .nav-item.active .nav-item-label,.nav-item:hover .nav-item-label{color:#004045;} .popup-card{float:left;width:100%;/* display:none; */} .congrat-popup-card{position:fixed;bottom:0;left:0;right:0;} .popup-box{float:left;width:100%;display:flex;justify-content:center;padding:0px 16px;} .popup-box-info{float:left;width:100%;max-width: var(--container);margin: 0 auto;} .congrat-box{float:left;width:100%;background:rgba(51, 51, 51, 1);border-radius:12px;margin-bottom:16px;} .congrat-box-inner{float:left;width:100%;display:flex;grid-gap:8px;align-items:center;padding:20px 16px;background:url('../images/ribbon.gif');border-radius:12px;} .congrat-icon{float:left;width:22px;min-width:22px;} .congrat-figure{float:left;width:100%;} .congrat-figure img{float:left;width:100%;} .congrat-content{float:left;flex:1;} .congrat-text{float:left;color:#ffffff;font-size:14px;line-height:1.2em;} .intro-card-block{float:left;width:100%;} .league-card{float:left;width:100%;margin-bottom:16px;} .league-card-info{float:left;width:100%;} .league-card-list{float:left;width:100%;display:flex;grid-gap:8px;} .league-card-col{width:calc(calc(100% - 16px) / 3);} .league-card-inner{width:100%;float:left;border-radius:8px;background:url('../images/bg-dark-pattern.png');padding:22px 16px;background-size:cover;} .league-title{width:100%;float:left;} .league-icons{width:100%;float:left;text-align:center;} .league-icons .icon{width:100%;float:left;font-size:24px;color:#ffffff;line-height:1.2em;} .league-title-sm{float:left;width:100%;text-align:center;font-size:16px;color:#ffffff;font-weight:600;margin-top:8px;line-height:1.3em;} .league-intro-card{width:100%;float:left;} .league-intro-card-info{width:100%;float:left;margin-bottom:16px;} .league-intro-card-list{width:100%;float:left;display:flex;grid-gap:8px;} .league-intro-card-col{width:calc(50% - 4px);float:left;} .league-intro-card-col .wcard{height:100%;overflow:hidden;} .league-intro-card-col .card-title{background-image:var(--card-image);background-position:right center;background-size:cover;padding:0px 16px;min-height:52px;} .league-intro-content{width:100%;float:left;padding:8px 16px;} .league-intro-content p{width:100%;float:left;margin-bottom:6px;font-size:14px;color:var(--clr-base);font-weight:normal;line-height:1.3em;} .league-intro-content p + p{margin-bottom:0px;} /*--------------------------Responsive CSS--------------------------*/ /* ---------- Mobile Device Start---------- */ /* Mobile Portrait Start */ @media (max-width:767px){ .mob-nav-bar{display:block;} .nav-bar .nav-items{display:none;} .congrat-popup-card{bottom:48px;} /*========Thank You Page CSS Start ========*/ .thankyou-content{gap:18px;} .thankyou-figure{max-width:376px;} .thankyou-title{font-size:24px;} /*========Thank You Page CSS End ========*/ } @media (min-width:581px){ .d-none{display:none;} } @media (max-width:580px){ .m-none{display:none;} .nav-container{padding-right:16px;} .nav-items{width:100%;max-width:calc(100% - 122px);} .code-button-bar .submit-col{max-width:148px;width:148px;} .competition-table .base-table .view-td{width:16px;max-width:16px;} .competition-table .base-table .view-td .btn-leaderboard{width:16px;max-width:16px;} .btn-leaderboard{max-width:30px;width:30px;} .competition-inner{padding:0px 16px;background-size:126% 215%;} .competition-inner-wrap{--logoWidth:116px;} .comp-team-figure{max-width:46px;min-width:46px;margin-top:20px;} .prize-card-outer{background-size:58%;} .players-td{min-width:60px;width:60px;} .rank-td{min-width:42px;width:42px;} .jockey-text{max-width:110px;} /* Splash Screen */ .splash-logo{max-width:294px;} .nrl-game-card.game-card-info .card-title{background-position: -4px center;} .page-filter-inner .filter-left{max-width:56dvw;} .filter-right .select-week-box .select-label .select-season .select-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;width:100%;display:block;} .filter-right .select-week-box .select-label{padding-left:4px;} /* Tip History */ .tipped-card.play-wcard{padding:12px 12px 14px;} .tipped-card .pick-points{font-size:14px;} .tipped-card .picks-team{width:24px;} .multi-builder-button .button-bar-outer .btn{font-size:14px; height:36px;} /* Terms and Condition */ .tnc-wrap-inner .wcard{padding:12px;} .tnc-content h2{font-size:14px;} .tnc-content .schedule-table-outer table tbody tr td{font-size:13px;} .game-card-inner{padding:0px 12px;} .login-account-top{margin-bottom:14px;} .login-head{font-size:18px;} .login-account-top p{font-size:12px;} .competition-table .base-table .comps-td{max-width:calc(100vw - 236px);width:calc(100vw - 236px);} .team-points{min-width:90px;width:90px;} .picks-row{grid-gap:6px;} .picks-outer{height:100%;} .picks-block{height:100%;} .support-card-inner{padding:0px 12px;} .adult-info{padding-left:12px;padding-right:12px;} .animation-canvas{transform:scale(1.8);} .tipping-prize-card .prize-list{padding-right:0px;} .tipping-prize-card .prize-card-outer{background-image:var(--mob-bg);background-size:131%;background-position:left -165%;} .leader-table .base-table .rd-td,.leader-table .base-table th.rd-td, .leader-table .base-table .total-td,.leader-table .base-table th.total-td, .leader-table .base-table .margin-td,.leader-table .base-table th.margin-td, .leader-table .base-table .venue-td,.leader-table .base-table th.venue-td, .leader-table .base-table .week-td,.leader-table .base-table th.week-td{padding-left:1px;padding-right:2px;} .leader-table .base-table .sticked-1{width:134px;} .leader-table .base-table .race-td{min-width:70px;width:70px;} .leader-table .base-table .venue-td{min-width:62px;width:62px;} .leader-table .base-table .total-td + .venue-td{min-width:80px;width:80px;} /*========Thank You Page CSS Start ========*/ .thankyou-figure{max-width:282px;} .thankyou-title{font-size:18px;} /*========Thank You Page CSS End ========*/ } @media (max-width:374px) { /* .competition-table .base-table .comps-td{max-width:164px;width:164px;} */ .comps-top{padding:0px 20px;} .game-card-inner, .multi-builder-item, .points-picked-outer{padding:0 10px;} } /* Mobile Portrait End*/ /* Mobile Landscape Start*/ @media (min-width:300px) and (max-width:992px) and (orientation :landscape){ /* Splash Screen */ .splash-logo{max-width:294px;} } /* Mobile Landscape End*/ /* ---------- Mobile Device Start---------- */ /* ---------- iPad Device Start---------- */ /* iPad Portrait Start */ @media (min-width:640px) and (max-width:1024px) and (orientation:portrait){ } /* iPad Portrait End*/ /* iPad Landscape Start*/ @media (min-width:992px) and (max-width:1024px) and (orientation :landscape){ /* Splash Screen */ .splash-logo{max-width:294px;} } /* iPad Landscape End*/ /* Desktop Large View */ @media (min-width:1025px){ :root{ --container-md:1152px; --container:800px; } .race-locked-inner{max-width:var(--container-md);} .header .container{--container:var(--container-md);} .page-top-wrap .container{--container:var(--container-md);} .tip-widget .round-filter-wrap .container{max-width:var(--container-md);margin:0 auto;} .odds-btn:hover,.bdr-btn:hover{background-color:rgb(242, 242, 242);} .primary-btn:hover{background:#2eff7c;} .team-points{min-width:132px;width:132px;} .status-col,.points-col{width:50%;} /* Coming/Error Page Css */ .error-figure{max-width:240px;} .error-title{font-size:36px;} .coming-soon-figure{max-width:240px;} .coming-soon-title{font-size:42px;} .points-picked-outer{padding:0px;} .scratched-selection .scratched-outer{padding-right:0px;padding-left:0px;} /* Slide Modals */ .slide-modal .popup-info{max-width:800px;float:none;display:flex;flex-wrap:wrap;margin:0 auto;} } /* Desktop Small View */ @media (max-width:1024px){ :root{ --container-md:1152px; --container:800px; } .header .container{--container:var(--container-md);} .page-top-wrap .container{--container:var(--container-md);} .nav-items{width:360px;} .page-wrap .container{padding:0px 16px;} .page-wrap.tip-info .container{padding:0px;} .page-wrap.tip-info .multi-builder-wrap-block{padding:0px 16px;} .page-wrap.tip-info .tips-record-listning{padding-right:16px;padding-left:16px;} .page-wrap.tip-info .tip-share-card{padding-right:16px;padding-left:16px;} /* Leaderboard CSS */ .page-wrap.leaderboard-info .container{padding:0px;} .leaderboard-card-info .wcard{border-radius:0px;} .prize-card-info{padding:0px 16px;} .competition-inner{padding-left:30px;} .leaderboard-filter{padding:0px 16px;} /* Leaderboard CSS */ .leader-table .base-table td, .leader-table .base-table th{padding:8px 4px;} .rank-td-label{width:40px;} .comp-name-label{width:calc(100% - 40px);} .leader-table .sticked-1{width:144px;} .invenue-block{padding:9px 16px;} .leaderboard-content-tabs .tabs-bar{padding:0px 16px 12px;} } @media (max-width:560px){ .leader-table .base-table{table-layout:auto;} .leader-table .base-table .sticked-1{width:120px;} .leader-table .base-table td, .leader-table .base-table th{padding:8px 3px;} .leader-table .base-table .week-td ~ .total-td ~ .total-td + .venue-td{min-width:42px;width:42px;white-space:normal;line-height:12px;} .leader-table .base-table .rank-td-label{width:36px;padding-left:2px;} } @media (max-width:359px){ .leader-table .base-table td, .leader-table .base-table th{padding:8px 2px;font-size:11px;} .leader-table .base-table .week-td ~ .total-td ~ .total-td + .venue-td{min-width:42px;width:42px;} } @media (max-width:374px){ .tips-list{padding:0px 12px;} .jockey-text{max-width:100px;} .odds-points-detail{width:120px;min-width:120px;} .leader-table .base-table .sticked-1{width:104px;} } /* For IOS Only */ @media (max-width:800px) { .racing-table .comps-td{--container:100vw;} } @media (max-width:580px) { .racing-table .comps-td{--container:calc(100vw + 10px);} } @media (max-width:374px){ .racing-table .comps-td{--container:calc(100vw + 14px);} } @supports (-webkit-touch-callout: none) { .racing-table .comps-td{position:relative;} .racing-table .comps-info .tooltip-block{left:0px;width:calc(var(--container) - 70px);} } /* For IOS Only */ .flex-row{display:flex;justify-content:center;align-items:center;gap:2px;} th .flex-row{position:relative;} .th-info{float:left;padding:0px;width:13px;height:13px;min-width:13px;overflow:inherit; } .th-info .tooltip-icon:after{top:auto;content: '\e98a';font-size:12px;bottom:100%;color:#004045;line-height:10px;transition:all 0s ease 0s;text-shadow:none;} .th-info .tooltip-icon{float:left;font-size:13px;color:#14883F;width:100%;height:100%;position:relative;} .th-info .tooltip-block{top:0px;bottom:auto;right:-4px;left:auto;} .th-info .tooltip-outer{bottom:4px;top:auto;background:#004045;padding:8px 12px;border-radius:calc(var(--radius-card) / 2);box-shadow:none;width:auto;right:0;} .th-info .tooltip-outer .tooltip-inner p{color:#ffffff;} @media(max-width: 1024px){ .th-info .tooltip-block {right:-4px;} } @media(max-width:580px){ .th-info .tooltip-block {right:-2px;} } @media(max-width:560px){ .leader-table .base-table .sticked-1{min-width:104px;max-width:150px;width:150px;} } @media (max-width: 374px){ .leader-table .base-table th{font-size:11px;} .leader-table .base-table .sticked-1{min-width:80px;max-width:110px;width:110px;} }