/*FONTS CSS*/ @import url('font-icons.css'); @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap'); /*font-family:'Roboto', sans-serif;*/ @import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900&display=swap'); /*font-family:'Titillium Web', sans-serif;*/ *{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; font-family:'Roboto', sans-serif; color:#111; background:#f0f1f2; font-weight:normal; line-height:normal;} a{text-decoration:none; outline:none; color:#00549e; 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;} p{line-height:normal; font-size:12px; color:#404040; font-weight:normal;} *{box-sizing:border-box; -webkit-box-sizing:border-box;} /*HEADING CSS*/ p{font-weight:normal; margin:0; padding:0; display:block;} h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0; padding:0; display:block; color:#111; font-weight:bold;} h2{font-size:14px;} /*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:15px; position:relative;} .input-group{float:left; width:100%; position:relative;} select, select option{width:100%; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; border-radius:0;} .form-control{float:left; width:100%; display:flex; align-items:center; font-size:18px; outline:medium none; height:44px; color:#111; border:1px solid #c3c5c7; background:transparent; line-height:normal; padding:0 10px; transition:all 0.4s ease 0s; font-family:'Roboto', sans-serif; font-weight:500; border-radius:4px;} .form-control:focus{outline:none; transition:all 0.3s ease 0s;} .input-group .form-control{padding-right:34px;} .form-control:disabled{background:#f2f2f2; color:#C7C6C6;} input[type="submit"], input[type="text"], input[type="password"], textarea{-webkit-appearance:none;} input[type="submit"], button{cursor:pointer; border:0;} textarea.form-control{resize:vertical; height:100px;} .form-control::-ms-clear { display: none; } .placeholder{cursor:input; font-size:0.875rem; line-height:1rem; position:absolute; top:7px; left:0; transform-origin:left top; pointer-events:none; color:#969696; 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:18px; font-weight:600;} .form-control:focus ~ .placeholder{transform:scale(0.785) translate(0, -22px); max-width:100%; font-size:14px;} .form-control:valid ~ .placeholder{transform:scale(0.785) translate(0, -22px); max-width:100%; font-size:14px;} .input-group.disabled-filed .form-control{background:#fafafa; pointer-events:none;} .invalid-code .form-control{border-color:#b92722;} .valid-code .form-control{border-color:#4aa331;} .form-group-checkbox{float:left; width:100%; padding:12px 0; border-bottom:1px solid #c3c5c7;} .form-group-checkbox:last-child{border-bottom:none;} .input-checkbox-label{display:flex; align-items:center; justify-content:space-between; color:#111; font-size:12px; font-weight:normal;} .input-checkbox{width:0; height:0; opacity:0; position:absolute;} .input-checkbox-label > span{width:24px; height:24px; position:relative; display:flex; align-items:center; justify-content:center; border:1px solid #00549e; margin-left:15px; border-radius:2px; transition:all .3s;} .input-checkbox:checked + .input-checkbox-label > span{background:#00549e; /*animation:bounce 250ms;*/} .input-checkbox:checked + .input-checkbox-label > span::before{content:''; position:absolute; top:7px; left:5px; border-right:2px solid transparent; border-bottom:2px solid transparent; transform:rotate(45deg); transform-origin:0% 100%; animation:checked-box 125ms 250ms forwards;} @keyframes checked-box{ 0%{ width:0; height:0; border-color:#fff; transform:translate(0,0) rotate(45deg); } 33%{ width:5px; height:0; border-color:#fff; transform:translate(0,0) rotate(45deg); } 100%{ width:5px; height:10px; border-color:#fff; transform:translate(0,-8px) rotate(45deg); } } @keyframes bounce{ 0%{ transform:scale(1); } 33%{ transform:scale(.7); } 100%{ transform:scale(1); } } /*Checkbox and Radio Box Css*/ .checkbox{float:left; position:relative;} .checkbox input{position:absolute; top:0; left:0; height:100%; z-index:1; opacity:0; width:100%; cursor:pointer;} .checkbox label{float:left; width:22px; height:22px; border:2px solid #552583; position:relative; background:#fff;} .checkbox input:checked + label{background:#ba0c2f; border-color:#ba0c2f;} .checkbox input:checked + label:after, .checkbox label.active:after{position:absolute; top:0; left:0; height:100%; display:flex; justify-content:center; align-items:center; content:'\e970'; font-family:'Sportsbet-Icons'; color:#552583; font-size:14px; width:100%; font-weight:bold;} .checkbox label.active{background:#ba0c2f; border-color:#ba0c2f;} /*NORMAL CSS*/ ::selection{background:#0067ab; color:#fff;} ::-moz-selection{background:#0067ab; color:#fff;} .container{margin:0 auto; width:100%;} .pull-left{float:left;} .pull-right{float:right;} .clearfix{clear:both;} .event-none{pointer-events:none;} .disabled{pointer-events:none; opacity:0.5; background:#f9f9f9;} .text-left{text-align:left;} .text-right{text-align:right;} .text-center{text-align:center;} /*BUTTON CSS*/ .btn{display:inline-flex; align-items:center; justify-content:center; padding:8px; text-align:center; color:#333; font-size:14px; font-family:'Roboto', sans-serif; font-weight:bold; line-height:16px; height:40px; border-radius:8px; background:#f9f9f9; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; border:0; position:relative; overflow:hidden;} /*.primary-btn{background:#4aa331; width:100%; color:#fff; box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, 0.3) !important;}*/ .secondry-btn{background:#fad701; width:100%; color:#111; box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, 0.3) !important;} /*.gray-btn{background:#dee1e3; width:100%; color:#111; box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, 0.3) !important;}*/ .white-btn{background:#fff; color:#262626; width:100%;} .bdr-btn{background:none; color:#fff; width:100%; border:1px solid #fff; line-height:16px;} .disable-btn{pointer-events:none; background:#e6e4e4;} .btn-text{display:inline-block; position:relative; z-index:1;} .radius-btn{border-radius:8px;} .sm-btn{height:40px; line-height:16px;} .gray-btn{font-weight:700; width:100%; background:#EDF3F7; color:#0A375C; border:1px solid #B8CDE0; box-shadow:none !important;} .gray-btn:hover{background:#fff; border-color:#DBE6F0;} .gray-btn:active{background:#DBE6F0; border-color:#94B5D1;} .primary-btn{background:#4aa331; width:100%; color:#fff; border:1px solid #266514; box-shadow:none !important;} /*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; display:flex; flex-wrap:wrap;} .main-section{float:left; width:100%; z-index:2; min-height:100%; position:relative;} .show-modal .main-section{z-index:auto;} .page-container{float:left; width:100%;} .mid-wrapper{float:left; width:100%;} /*Card CSS*/ .card-wrap{float:left; width:100%; margin-top:20px;} .wcard{float:left; width:100%; padding:16px 18px; background:#fff; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1); position:relative;} .card-outer{float:left; width:100%;} .no-gutter .wcard{padding:0;} .cards-no-gutter .wcard{padding:0;} /*HEADER CSS*/ /*NAV BAR CSS*/ .header{float:left; width:100%; position:sticky; position:-webkit-sticky; top:0; z-index:13; background:#1c75bc;} .top-nav{float:left; width:100%; height:44px; background:#1c75bc; margin-bottom:0; overflow:hidden; position:relative; z-index:12;} .nav-container{float:left; width:100%; position:relative; height:44px;} .nav-outer{float:left; width:100%; overflow:hidden; overflow-x:auto; height:68px; -webkit-overflow-scrolling:touch;} .nav-outer ul{float:left; width:100%; display:table; padding-right:20px;} .nav-outer ul li{display:table-cell; text-align:center; cursor:pointer;} .nav-outer ul li a{display:block; padding:0 10px; color:#fff; font-size:14px; font-family:'Roboto', sans-serif; font-weight:normal; line-height:44px; white-space:nowrap; position:relative;} .nav-outer ul li.active a{color:#fff; font-weight:bold;} /*Top Menus*/ .nav-outer ul .magic-line{display:none;} .nav-outer ul li.active a:after{position:absolute; bottom:0; left:0; width:100%; content:''; border-bottom:4px solid #fad701;} /*NAV CONTROL CSS*/ .nav-control{display:block; pointer-events:none;} .nav-control a{height:100%; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; color:#fff; font-size:20px; width:40px; background:#1c75bc; z-index:1; background:linear-gradient(to left, rgba(28, 117, 188, 0) 0%, rgb(28, 117, 188) 100%);} .nav-control a:before{display:none;} .nav-control a.next{left:auto; right:0; background:linear-gradient(90deg, rgba(28, 117, 188, 0) 0%, rgb(28, 117, 188) 100%);} .nav-control a.disabled, .nav-control.disabled{display:none;} .animated_scroll{position:relative;} .card-wrap.top-prize-card{margin:0;} .top-prize-card .wcard{background:none; box-shadow:none;} .top-prize-card{background:url(../images/mobile_x3.webp) no-repeat center bottom; background-size:cover;} .signup-wrap .top-prize-card{background:url(../images/mobile_x3.webp) no-repeat center bottom; background-size:cover;} .signup-wrap .top-prize-card .wcard{display:flex; align-items:center; min-height:100px;} .signup-wrap .sm-prize-card .card-sport{margin:0;} .hsjp-prize-card{background:#00549e;} .top-prize-info{float:left; width:100%; text-align:center;} .card-sport{float:left; width:100%; text-align:center; min-height:40px; margin-bottom:16px;} .sport-title{float:left; width:100%; font-size:20px; font-weight:900; text-transform:uppercase; font-family:'Titillium Web', sans-serif; color:#fff;} .game-logo-wrap{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .game-logo{float:left; width:100%; max-width:182px;} .hsjp-prize-card .game-logo{max-width:168px;} .game-logo img{float:left; width:100%;} .prizes-info{float:left; width:100%; display:flex;} .prizes-info .col{flex:1;} .prizes-detail{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center;} .bet-user-icon{float:left; width:100%; font-size:20px; color:#fff;} .prizes-content{float:left; width:100%; max-width:82%; text-align:center; font-size:14px; text-transform:uppercase; margin-top:4px; color:#fff; font-weight:normal; line-height:16px;} .before-login-card .prizes-content{font-weight:bold;} .learn-btn{display:inline-block; color:#c3c5c7; font-size:14px; text-decoration:underline;} .learn-btn:hover{color:#fff;} .col.learn-more{align-self:flex-end;} .before-login .mid-wrapper{padding-bottom:81px;} .before-login .login-buttons{position:fixed;} .highlights-card{margin-top:30px;} .highlights-info{float:left; width:100%;} .highlights-card .wcard{padding:0 18px;} .highlights-info .col{float:left; width:100%; padding:20px 10px;} .highlights-card .highlights-info:not(.example-info) .col{width:33.33%; padding:20px 3px;} .highlights{float:left; width:100%; text-align:center;} .highlights-icon{float:left; width:100%;} .highlights-icon .icon{font-size:30px;} .highlights h3{float:left; width:100%; font-size:26px; font-size:13px; margin-top:8px;} .highlights p{float:left; width:100%; margin-top:4px; line-height:1.4em;} .example p{margin-top:13px; color:#535353;} .highlights-card .wcard{margin-bottom:25px;} .highlights.example{text-align:left;} .example-info .col{padding:20px 0;} .login-buttons{float:left; width:100%; background:#fff; padding:16px 0; border-top:1px solid #c3c5c7; bottom:0; z-index:2;} .selection-bar{float:left; width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 10px;} .selection-bar .col{flex:1; text-align:center; padding:0 8px;} .selection-bar .col .btn{height:48px; line-height:normal; display:flex; margin:0 auto; align-items:center; align-content:center; flex-wrap:wrap; justify-content:center;} .top-prizes{float:left; width:100%; display:flex; align-items:center; justify-content:center; text-align:center;} .top-prizes .icon{font-size:20px; color:#fff; margin-right:6px;} .top-prizes span{color:#fff; font-size:20px; font-weight:900; font-family:'Titillium Web', sans-serif; line-height:20px;} /*Tip Now Card CSS*/ .tip-now-info{float:left; width:100%;} .round-tip{float:left; width:100%; display:flex; justify-content:center; align-items:flex-end; text-align:center;} .sport-icon{float:left; height:25px; width:24px; display:flex; justify-content: space-between; align-items:flex-end;} .sport-icon .icon{font-size:24px; font-weight:bold;} .sport-icon span{float:left; height:100%; border-radius:4px; width:4px; background:#111;} .sport-icon .small{height:70%;} .game-round{float:left; padding:0 4px; display:flex; align-items:center; justify-content:center;} .game-round span{float:left; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:900; font-family:'Titillium Web', sans-serif; line-height:20px; text-transform:uppercase;} .game-round span .icon{color:#b92722; font-size:14px; margin:1px -1px 0;} .game-round span .icon-rugby-new{font-size:16px; margin:0 -1px; color:#1c75bc;} .game-counter{float:left; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:14px;} .game-counter span{font-size:12px;} .game-counter .counter{margin-left:4px; font-weight:700;} .tip-now-info .button-bar{margin-top:16px;} .counter-block{position:absolute; left:18px; top:16px;} .counter-right{right:18px; left:auto;} .counter-block > .count{background:#b92722; padding:2px 5px; border-radius:2px; font-size:11px; font-weight:700; color:#ffffff;} /*Rounds CSS*/ .rounds-wrap-container{float:left; width:100%;} .rounds-wrap-slide{float:left; width:100%;} .slide-item{float:left; width:100%;} .rounds-wrap-card .wcard{padding:0;} .round-select-bar{float:left; width:100%; display:flex; justify-content:center; margin-bottom:10px;} .round-slide{float:left; width:100%; display:flex; justify-content:center; text-align:center; align-items:center;} .active-round{margin:0 8px; font-size:16px; font-weight:bold; display:flex; justify-content:center; align-items:center;} .round-slide .slide-arrow{font-size:12px; vertical-align:middle; width:16px; display:inline-block; color:#111;} .round-slide .slide-arrow.disabled{opacity:0.4;} .round-counter{float:left; color:#111; border-radius:2px; height:17px; line-height:17px; min-width:44px; background:#fad701; font-size:11px; text-transform:uppercase; margin-left:6px; font-weight:900;} .rounds-info{float:left; width:100%;} .matches-listing{float:left; width:100%; padding:16px 18px; display:flex; justify-content:center; flex-wrap:wrap;} .matches-list{float:left; width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; max-width:410px;} .matches-list > li{float:left; max-width:calc(50% - 6px); width:calc(50% - 6px); margin-top:10px; padding-right:10px; position:relative;} .matches-list > li:nth-child(-n+2){margin-top:0;} .matches-list > li:nth-child(2n){padding:0 0 0 10px;} .tip-match-card{float:left; width:100%;} .tip-match{float:left; width:100%; position:relative; display:flex; justify-content:space-between;} .matches-list > li:nth-child(odd) .tip-match{float:right;} .tip-match .col{float:left; flex:1; max-width:calc(50% - 1px);} .tip-match-tms{float:left; width:100%; display:flex; align-items:center; padding:2px; position:relative;} .picks-match-list .tip-match-tms{overflow:hidden;} .tm-icon{float:left; width:24px; min-width:24px; padding:3px 1px; border-radius:3px;} .win-tm-icon{background:#4aa331;} .loss-tm-icon{background:#b92722;} .tm-icon img{float:left; width:100%;} .tip-tm-detail{float:left; flex:1; overflow:hidden; text-align:right; width:100%;} .tip-tm-name{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-transform:uppercase; line-height:14px;} .tip-tm-name span{float:left; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .tip-tm-rank{display:block; font-size:11px; color:#000; line-height:12px;} .matches-list .tip-tm-rank{white-space:nowrap;} .tip-match-tms .tm-icon{margin-left:4px;} .tm-one .tm-icon{margin:0 0 0 4px;} .tm-two .tm-icon{margin:0 4px 0 0;} .tm-two .tip-tm-detail{order:2; text-align:left;} .tip-result{position:absolute; top:0; right:0; height:100%; display:flex; align-items:center; justify-content:center;} .tip-result .icon{color:#4aa331; font-size:16px; display:none;} .loss-tip .tip-result .loss-icon{color:#b92722; display:block;} .win-tip .tip-result .win-icon{display:block;} .loss-tip .tip-tm-name, .loss-tip .tip-tm-rank{color:#686b70;} .matches-listing .button-bar{margin-top:20px;} .matches-points-text-wrap{margin-top:18px; float:left; width:100%;} .matches-points-text-wrap {font-size:12px; color:#111;} .tm-one .tip-match-tms{padding-left:14px;} .tm-two .tip-match-tms{padding-right:14px;} .add-tiped .tip-match-tms{background:#4aa331; border-radius:3px; color:#fff;} .add-tiped .tip-tm-name, .add-tiped .tip-tm-rank{color:#fff;} .loss-tip .add-tiped .tip-match-tms{background:#b92722;} .margin-tip{display:flex; align-items:center; justify-content:center;} .tip-match-margin{font-size:16px; font-weight:700;} .tip-match-margin span{font-weight:400;} .loss-tip .tip-match-margin{color:#686b70;} .loss-win-icon{position:absolute; top:-6px;} .tm-one .tip-match-tms .loss-win-icon{left:-4px;} .tm-two .tip-match-tms .loss-win-icon{right:-4px;} .loss-win-icon .icon{display:none; font-size:16px; border-radius:100%; background:#fff;} .loss-win-icon .icon-close{color:#b92722;} .loss-win-icon .icon-correct{color:#4aa331;} .win-tip .add-tiped .loss-win-icon .icon-correct, .loss-tip .add-tiped .loss-win-icon .icon-close{display:block;} /*Picks Listing CSS*/ .round-matches-info{float:left; width:100%;} .round-title{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #c3c5c7; padding:16px 18px 8px; background:#fff;} .edit-live-round-title{padding:12px 18px 12px;} .round-match-label, .view-leaderboard-label{float:left; width:100%; display:flex; align-items:center;} .round-match-label p{color:#000;} .view-leaderboard-label p{color:#00549e;} .round-match-label .count{margin-left:4px;} .edit-match-btn, .edit-leader-btn{float:left; padding-right:4px;} .picks-edit-btn, .leader-edit-btn{float:left;} .round-title .pull-right{display:flex; align-items:center;} .match-quick{float:left; font-size:12px; color:#000;} .picks-round-card-info{float:left; width:100%; padding:16px 18px; background:#fff;} .picks-round-card{float:left; width:100%; display:flex; align-items:center; justify-content:center; -ms-flex-align:stretch; align-items:stretch; background:#00549e; border-radius:10px; color:#fff; cursor:pointer; position:relative; z-index:1;} .picks-round-card .icon{-webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .picks-round-card-active .icon{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} .picks-round-card .col{display:flex; align-items:center; padding:8px 8px;} .picks-round-card .col-mid{flex:1;} .picks-round-card .col-right{border-left:1px solid #fff; padding:8px 6px;} .picks-num{font-size:40px; color:#fff; font-weight:bold; line-height:0.6em; padding-top:6px; display:flex; align-items:baseline;} .picks-round-text p{color:#fff; font-weight:bold; margin-bottom:2px;} .picks-round-text span{font-weight:normal; float:left; width:100%; font-size:11px;} .picks-round-card-drop-down{background:#fff; display:none; border:1px solid #00549e; border-radius:0 0 4px 4px;} .picks-round-card-drop-down{float:left; width:100%; background:#fff; border:1px solid #00549e; border-top:0; border-radius:0 0 10px 10px; padding:30px 10px 15px; position:relative; margin-top:-15px; text-align:center;} .picks-round-card-drop-down .title{font-size:13px; color:#111;} .picks-round-card-drop-down ul{float:left; width:100%; margin-top:12px; display:flex;} .picks-round-card-drop-down ul li{float:left; width:100%; flex:1;} .picks-round-card-drop-down ul li.picks-round-icon-block{flex:inherit; width:40px; display:flex; align-items:center; justify-content:center;} .picks-round-card-drop-down ul li.picks-round-icon-block .icon{font-size:30px;} .picks-round-card-drop-down ul li p{color:#686b70; margin-bottom:4px;} .picks-round-card-drop-down ul li span{font-weight:700; font-size:16px; color:#686b70;} .picks-round-card-drop-down ul li.active p, .picks-round-card-drop-down ul li.active span{color:#111;} .picks-round-card-drop-down .picks-round-button-bar{margin-top:20px;} .picks-round-card-drop-down .picks-round-button-bar .button-bar-outer{justify-content:space-around;} .picks-round-card-drop-down .picks-round-button-bar .button-bar-outer .col{max-width:200px;} .picks-round-card-drop-down .picks-round-button-bar .button-bar-outer .col.col-right{padding-left:20px;} .picks-round-card-drop-down .picks-round-button-bar .button-bar-outer .col.col-left{padding-right:20px;} .warning-berackdown .picks-round-card{background:#fad701;} .warning-berackdown .picks-round-text p, .warning-berackdown .picks-round-text span, .warning-berackdown .picks-round-card .icon{color:#111;} .prize-col{float:left; width:100%; text-align:center; color:#fff;} .prize-col h2{font-size: 22px; font-weight:bold; color:#fff;} .warning-berackdown .prize-col h2, .warning-berackdown .prize-col{color:#111;} .warning-berackdown .picks-round-card-drop-down{border-color:#fad701;} .picks-listing{float:left; width:100%; padding:0 18px;} .picks-list{float:left; width:100%;} .picks-list > li{float:left; width:100%; border-bottom:1px solid #c3c5c7; position:relative;} .picks-list > li:last-child{border-bottom:0;} .picks-card{float:left; width:100%;} .picks-card-outer{float:left; width:100%; position:relative; display:flex; align-items:center; padding:14px 2px; flex-wrap:wrap;} .picks-teams-col{float:left; flex:1; overflow:hidden; display:flex; align-items:center;} .picks-teams-col .tm-icon{margin-right:4px; width:32px; min-width:32px;} .picks-tm-info{float:left; flex:1; overflow:hidden;} .picks-tm-info h3{float:left; width:100%; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ text-transform:uppercase; font-size:14px; line-height:16px;} .tm-name-label{float:left; width:100%;} .match-vs{float:left; width:100%; color:#111; text-transform:uppercase;} .match-vs small{font-size:10px; margin:0 3px;} .picks-card-outer .col{float:left; flex:1;} .picks-card-outer .picks-last{flex:inherit; margin-left:12px; min-width:60px; display:flex; align-items:center; justify-content:flex-end;} .picks-card-outer .picks-mid{padding-left:6px;} .picks-card-outer .picks-mid .match-vs{display:flex; align-items:center; justify-content:flex-end;} .picks-card-outer .picks-mid .picks-counter{display:flex; flex-direction:column; justify-content:flex-end;} .picks-card-outer .picks-mid .picks-counter.picks-date-time{flex-direction:inherit;} .picks-card-outer .picks-mid .picks-counter.picks-date-time .counter-time{margin-left:4px;} .margin-row{float:left; width:100%; margin-top:8px;} .margin-inner{float:left; width:100%; display:flex; align-items:center; justify-content:space-between;} .margin-inner .col{float:left; flex:1;} .margin-inner .col + .col{flex:inherit; min-width:44px; margin-right:6px;} .margin-label{float:right; font-size:20px; font-weight:bold; color:#111;} .loss-picks .margin-label{color:#686b70;} .picks-teams-outer{float:left; width:100%;} .picks-teams{float:left; width:100%; display:flex; align-items:center; margin-bottom:2px;} .picks-teams:last-child{margin-bottom:0;} .team-icon{float:left; width:22px; min-width:22px; padding:2px 1px; margin-right:4px;} .team-icon img{float:left; width:100%;} .picks-team-info{float:left; width:100%; overflow:hidden;} .picks-team-info .win-tm{color:#111; font-size:12px; font-weight:700; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .text-col{ float:left; width:100%; padding-bottom:14px;} .text-col p{font-size:14px; text-align:center; font-weight:600;} .win-match, .loss-match{font-weight:bold;} .loss-picks .picks-tm-info h3, .loss-picks .match-vs{color:#686b70;} .win-picks .picks-mid .picks-counter, .loss-picks .picks-mid .picks-counter{display:none;} .vanue-nfo{float:left; width:100%; text-align:center;} .odds-picks .vanue-nfo{display:none;} .odds-picks .picks-counter{width:100%; text-align:center;} .picks-odds-btn-bar{display:none;} .odds-picks .picks-odds-btn-bar{display:block;} .picks-list > li.odds-picks .picks-card-outer .picks-mid{flex:inherit; padding-left:12px;} .picks-list > li.odds-picks .picks-card-outer .picks-mid .match-vs{width:auto; float:none; clear:both;} .picks-list > li.odds-picks .picks-card-outer .picks-mid .picks-counter.picks-date-time{width:auto; float:none; clear:both;} .picks-list > li.win-picks .picks-card-outer .picks-mid{flex:inherit; padding-left:12px;} .picks-list > li.win-picks .picks-card-outer .picks-mid .match-vs{width:auto; float:none; clear:both;} .picks-list > li.win-picks .picks-card-outer .picks-mid .picks-counter.picks-date-time{width:auto; float:none; clear:both;} .picks-list > li.loss-picks .picks-card-outer .picks-mid{flex:inherit; padding-left:12px;} .picks-list > li.loss-picks .picks-card-outer .picks-mid .match-vs{width:auto; float:none; clear:both;} .picks-list > li.loss-picks .picks-card-outer .picks-mid .picks-counter.picks-date-time{width:auto; float:none; clear:both;} .picks-list > li.live-picks .picks-card-outer .picks-mid{flex:inherit; padding-left:12px;} .picks-list > li.live-picks .picks-card-outer .picks-mid .match-vs{width:auto; float:none; clear:both;} .picks-list > li.live-picks .picks-card-outer .picks-mid .picks-counter.picks-date-time{width:auto; float:none; clear:both;} .upcoming-picks .vanue-nfo, .upcoming-picks .picks-scores, .upcoming-picks .picks-counter{ display:none;} .pick-time-counter .count{ text-align:center; width:100%; float:left;} .upcoming-picks.odds-picks .pick-time-counter .picks-odds-btn-bar{ display:block;} .upcoming-picks.odds-picks .pick-time-counter{ display:block;} .primary-btn.odds-btn{font-weight:700; background:#EDF3F7; height:40px; line-height:16px; font-size:14px; color:#0A375C; min-width:56px; display:inline-flex; align-items:center; justify-content:center; text-align:center; padding:8px; border-radius:8px; border:1px solid #B8CDE0; box-shadow:none !important;} .primary-btn.odds-btn:hover{background:#fff; border-color:#DBE6F0;} .primary-btn.odds-btn:active{background:#DBE6F0; border-color:#94B5D1;} .primary-btn.odds-btn.active{background:#0470C8; border-color:#0470C8; color:#FFFFFF;} .primary-btn.odds-btn.active:hover{background:#37A3FB; border-color:#37A3FB; color:#FFFFFF;} .primary-btn.odds-btn.active:active{background:#035CA7; border-color:#035CA7; color:#FFFFFF;} .weather{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .weather .icon{font-size:16px; color:#111;} .weather span{margin-left:2px;} .venue{float:left; width:100%;} .margin-add{float:left; width:100%; padding-left:26px;} .picks-counter{float:right; text-align:right;} .picks-counter span{display:block;} .picks-scores{float:left; width:100%; text-align:center; display:none; justify-content:flex-end;} .pick-scroe-outer{max-width:min-content; white-space:nowrap; overflow:hidden;} .picks-scores p{float:left; width:100%; display:flex; align-items:center; justify-content:flex-end; text-align:right; color:#000;} .picks-scores p small{font-size:11px; margin-left:2px;} .picks-scores p.win-score span{font-weight:bold;} .picks-scores p .match{margin-right:4px;} .picks-scores p span.win-score{font-weight:700;} .picks-live{float:right; text-align:right; display:none;} .live-picks .picks-live{display:block;} .live-picks .picks-counter{display:none;} .live-label{display:flex; align-items:center; justify-content:center; min-height:18px; min-width:44px; background:#fad701; border-radius:2px; font-size:11px; font-weight:bold; color:#111111; text-transform:uppercase;} .picks-result{float:right; display:none;} .result-label{float:right; text-align:right; display:none;} .result-label span{display:block; font-size:12px; color:#4aa331; font-weight:bold; text-transform:uppercase;} .result-label .icon{font-size:24px; color:#4aa331;} .result-label.loss-result .icon, .result-label.loss-result span{color:#b92722;} .result-label.loss-result .icon-rugby-new{color:#1c75bc;} /*After Win Picks Card CSS*/ .win-picks .vanue-nfo, .win-picks .picks-counter{display:none;} .win-picks .picks-result, .win-picks .picks-scores{display:block;} .win-picks .picks-result .win-result{display:block;} .win-picks .picks-scores{display:flex !important;} /*After Loss Picks Card CSS*/ .loss-picks .vanue-nfo, .loss-picks .picks-counter{display:none;} .loss-picks .picks-result, .loss-picks .picks-scores{display:block;} .loss-picks .picks-result .loss-result{display:block;} .loss-picks .picks-scores p{color:#686b70;} .loss-picks .picks-scores{display:flex !important;} /*Carousel CSS*/ .owl-item{float:left;} .owl-nav{display:block;} .owl-nav button{background:none; outline:none; position:absolute; top:0; left:0; height:100%; display:flex; align-items:center; width:24px;} .owl-nav button.owl-next{left:auto; right:0; justify-content:flex-end;} .owl-nav button i{font-size:12px; color:#000;} .owl-nav.disabled, .owl-dots.disabled{display:none;} .owl-stage-outer{float:left; width:100%; overflow:hidden; height:100%;} .owl-stage{touch-action:manipulation;} .owl-dots{float:left; width:100%; text-align:center; margin-top:10px;} .owl-dots button{display:inline-block; background:none; margin:0 2px;} .owl-dots button span{height:13px; width:13px; border:1px solid #552583; border-radius:50%; float:left;} .owl-dots button.active span{background:#552583;} /*Private Comps CSS*/ .title{float:left; width:100%; text-align:center;} .private-comps-info{float:left; width:100%;} .private-comps-outer{float:left; width:100%;} .comps-detail{float:left; width:100%; text-align:center;} .comps-detail > p{float:left; width:100%;} .private-comps-outer .button-bar{margin-top:22px;} .comps-form-wrap{float:left; width:100%;} .join-comps-wrap{display:none;} .comps-form-outer{float:left; width:100%; border-top:1px solid #c3c5c7; padding-top:18px; margin-top:18px;} .comps-top{float:left; width:100%; text-align:center;} .comps-top > p{float:left; width:100%;} .enter-code{float:left; width:100%;} .comps-form-outer .button-bar-outer .col:first-child{flex:0 0 35%; max-width:35%; min-width:120px;} .enter-code .form-control{padding-right:30px; text-align:center;} .enter-code .form-control{padding-right:30px; text-align:center;} .enter-code .form-control::-webkit-input-placeholder{color:#686b70; font-size:12px; font-weight:normal;} .enter-code .form-control::-moz-placeholder{color:#686b70; font-size:12px; font-weight:normal;} .enter-code .form-control:-ms-input-placeholder{color:#686b70; font-size:12px; font-weight:normal;} .enter-code .form-control:-moz-placeholder{color:#686b70; font-size:12px; font-weight:normal;} .enter-code .form-control::placeholder{color:#686b70; font-size:12px; font-weight:normal;} .enter-code .form-control::-ms-input-placeholder{transform: scale(0.7) !important;} .enter-code .form-group{margin-bottom:0;} .control-alert{position:absolute; top:0; right:0; width:30px; display:flex; align-items:center; height:100%;} .control-alert .icon{color:#4aa331; font-size:24px; display:none; cursor:pointer;} .invalid-code .control-alert .invalid-icon{color:#b92722; display:block;} .valid-code .control-alert .valid-icon{display:block;} .comps-form-outer .button-bar{margin-top:22px;} .comps-form-outer .button-bar.invalid-code .control-alert{height:44px;} .comps-form-outer .button-bar.invalid-code .invalid-feedback{position:absolute; left:0; width:100%; top:calc(100% - 15px); margin-top:0;} .comps-form-outer .button-bar.invalid-code{padding-bottom:20px; position:relative;} .comps-form-outer .form-group{position:unset;} .private-comps-card .alert-card{margin-bottom:20px;} .private-comps-card .alert-card .alert-card-outer{padding:4px 13px;} /*Season Over CSS*/ .season-over-info{float:left; width:100%;} .season-over-top{float:left; width:100%; text-align:center;} .season-over-info .button-bar{margin-top:22px;} .section-title{float:left; width:100%; padding:0 18px; margin-bottom:10px;} .title-outer{float:left; width:100%; text-align:center; position:relative; display:flex; justify-content:center; text-align:center;} .title-outer h2{flex:1; font-size:16px;} .title-label{float:left;} .title-label .ladder-icon{float:left; color:#00549e; font-size:24px;} .season-over-card .title-outer{padding-left:0; text-align:left;} /*Alert Message CSS*/ .alert-card{float:left; width:100%;} .alert-card-outer{float:none; width:auto; display:inline-block; border-radius:3px; background:#dee1e3; padding:8px; } .alert-icons{float:left; display:flex; align-items:center; margin-right:8px;} .alert-icons .icon{font-size:26px;} .alert-content{float:left; flex:1; display:flex; align-items:center; flex-wrap:wrap;} .alert-content h3{font-size:12px; float:left; width:100%;} .alert-content p{font-size:11px; float:left; width:100%;} .base-color{color:#00549e;} .m-b-20{margin-bottom:20px;} .m-t-14{margin-top:14px;} .m-b-12{margin-bottom:12px;} .m-b-10{margin-bottom:10px;} .p-lr-18{padding:0 18px;} .mtb-8{margin:16px 0;} .primary-alert .alert-card-outer{background:#00549e;} .warning-alert .alert-card-outer{background:#fad701;} .success-alert .alert-card-outer{background:#4aa331; align-items:center;} .success-alert .alert-icons .icon, .success-alert .alert-content h3, .success-alert .alert-content p{color:#fff;} .primary-alert .alert-icons .icon, .primary-alert .alert-content h3, .primary-alert .alert-content p{color:#fff;} .alert-card.error-alert-dark{position:fixed; margin-top:0px !important; z-index:5; padding:0 14px; width:100%; bottom:124px; display:flex; justify-content:center; right: 0; left: 0; margin: 0 auto;} .alert-card.error-alert-dark.mt-4{margin-top:0px !important;} .error-alert-dark .alert-card-outer{background:#111; color:#fff; padding:10px;} .error-alert-dark .alert-content h3, .error-alert-dark .alert-content p{color:#fff;} .error-alert-dark .alert-content p{font-size:14px; line-height:1.4em; text-align:left;} .error-alert-dark .alert-content .close-alert{font-size:22px;} .tip_submit_success_msg .alert-card-outer{justify-content:center; align-items:center; display:flex;} .tip_submit_success_msg .alert-content{flex:inherit;} .error-alert-dark .alert-card-outer .alert-content{ padding-right:30px; position:relative;} .alert-content .close-alert{ position:absolute; right:0; top:0; bottom:0; display:flex; align-items:center; color:#FFFFFF;} .warning-alert.default-msg .alert-card-outer{background:none !important; padding:8px 0 !important;} .modal.alert-modal{background:none;} .modal.alert-modal.content-modal{background:none; position:absolute;} .alert-modal .modal-outer{background:none;} .update-alert .alert-card-outer{background:#fff1de; float:left; width:100%; padding:14px 16px;} .update-alert .alert-content h3{font-size:16px; float:left; width:100%; font-weight:bold; display:flex; color:#000;} .update-alert .alert-content p{font-size:12px; float:left; width:100%; line-height:18px; margin-top:6px;} .update-alert .alert-content h3 span{color:#000;} .alert-card.update-alert{border-bottom:1px solid #d9d9d9; float:left; width:100%;} .warning-alert .alert-icons .icon{color:#f68d00; font-size:18px;} .alert-cont-center .alert-content{display:flex; align-items:center; flex-wrap:nowrap; width:100%;} .alert-cont-center .alert-content p{margin-top:0px !important;} /*ToolTip Css*/ .tooltip{position:absolute; z-index:1070; display:block; margin:0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; font-size:0.875rem; word-wrap:break-word; opacity:0;} .tooltip.show{opacity:0.9;} .tooltip .arrow{position:absolute; display:block; width:0.8rem; height:0.4rem;} .tooltip .arrow::before{position:absolute; content:""; border-color:transparent; border-style:solid;} .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"]{padding:0.4rem 0;} .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow{bottom:0;} .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before{top:0; border-width:0.4rem 0.4rem 0; border-top-color:#000;} .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"]{padding:0 0.4rem;} .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {left:0; width:0.4rem; height:0.8rem;} .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before{right:0; border-width:0.4rem 0.4rem 0.4rem 0; border-right-color:#000;} .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"]{padding:0.4rem 0;} .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow{top:0;} .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before{bottom:0; border-width:0 0.4rem 0.4rem; border-bottom-color:#000;} .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"]{padding:0 0.4rem;} .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow{right:0; width:0.4rem; height:0.8rem;} .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before{left:0; border-width:0.4rem 0 0.4rem 0.4rem; border-left-color:#000;} .tooltip-inner{max-width:200px; padding:0.25rem 0.5rem; color:#fff; text-align:center; background-color:#000; border-radius:0.25rem;} /* ============== Ripple effect css =================*/ .ripple{width:0; height:0; border-radius:50%; background:rgba(255, 255, 255, 0.4); -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); position:absolute; opacity:1;} .btn .ripple{background:rgba(0, 0, 0, 0.3);} .primary-btn .ripple{background:rgba(255, 255, 255, 0.4);} .rippleEffect{-webkit-animation:rippleDrop .3s linear; animation:rippleDrop .4s linear;} @-webkit-keyframes rippleDrop{ 100%{ -webkit-transform:scale(2); transform:scale(2); opacity:0; } } @keyframes rippleDrop{ 100%{ -webkit-transform:scale(2); transform:scale(2); opacity:0; } } /*Win Loss Draw CSS*/ .wdl-info{display:inline-block;} .wdl, .wdl_bx{border-radius:4px; color:#fff; display:inline-block; font-size:12px; height:16px; line-height:16px; margin:0 1px; text-transform:uppercase; text-align:center; width:16px; position:relative; font-weight:500; cursor:pointer;} .wdl_bx{width:auto; min-width:16px; padding:0 2px;} .wdl.win, .wdl_bx.win{background:#4aa331; color:#fff !important;} .wdl.loss, .wdl_bx.loss{background:#b92722; color:#fff !important;} .wdl.draw, .wdl_bx.draw{background:#fad701; color:#111 !important;} .wdl i.over_tag{width:0; height:0; border-top:7px solid #fcf308; border-left:7px solid transparent; position:absolute; top:1px; right:1px;} /*=====================My Picks Page CSS============================*/ .card-wrap.quick-tip-card{margin-top:0;} .quick-tip-counter{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;} .quick-label{float:left; font-size:14px;} .quick-counter{float:right;} .quick-counter .counter{float:left; font-size:14px; font-weight:bold;} .quick-tip-card .round-title{padding:0; margin-bottom:0; border:none;} .quick-tip-card .round-match-label .count{font-weight:bold; color:#000000;} .quick-tip-card .button-bar-outer{flex-wrap:wrap;} .quick-tip-card .button-bar-outer .col{float:left; width:50%; flex:inherit; padding-bottom:14px;} .round-match-label .count{padding:2px 5px; border-radius:2px; font-size:11px; font-weight:700; margin-left:0;} .quick-view-wrap{float:left; width:100%; display:flex; justify-content:flex-start;} .quick-view-btn{cursor:pointer; position:relative; padding-right:20px;} .quick-view-btn:after{content:'\e031'; font-family:'Sportsbet-Icons'; position:absolute; right:0; top:0; bottom:0; display:flex; align-items:center; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .quick-view-btn.active:after{transform:rotate(-180deg); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .button-bar.quick-view-button-bar{display:none; padding-top:14px; margin-top:8px; border-top:1px solid #c3c5c7;} a.quick-view-btn.active .icon{-webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;} .tips-round-bar{margin:0; margin:20px 0 14px; padding:0 18px; position:relative;} .tips-round-bar .title-label{position:absolute; top:0; right:18px;} .picks-container{float:left; width:100%;} .picks-matches{float:left; width:100%;} .picks-block{float:left; width:100%; margin-top:15px;} .live-rounds-list .block.live-rounds-wrap .picks-date{margin-top:15px;} .picks-date{float:left; width:100%; margin-bottom:8px; padding:0 18px;} .picks-date h3{font-size:12px; font-weight:normal;} .picks-match-listing{float:left; width:100%;} .picks-match-list{float:left; width:100%;} .picks-match-list > li{float:left; width:100%; margin-bottom:16px; position:relative;} .picks-match-list > li:last-child{margin-bottom:0;} .picks-list > li:first-child .last-man-standing-tooltip, .picks-match-list > li:first-child .last-man-standing-tooltip{bottom:auto; margin:13px auto 0px;} .picks-list > li:first-child .last-man-standing-label .info-tooltip .icon:after, .picks-match-list > li:first-child .match-card.last-man-standing-card .last-man-standing-label .info-tooltip .icon:after{top:auto; bottom:-13px; -webkit-transform:rotate(180deg); transform:rotate(180deg); } .matches-list > li:first-child .last-man-standing-tooltip{bottom:auto; margin:13px auto 0px;} .matches-list > li:first-child .tip-match-card .last-man-standing-label .last-person-tooltip.info-tooltip .icon:after, .matches-list > li:first-child .tip-match-card .last-man-standing-label .knocked-out-tooltip.info-tooltip .icon:after{top:auto; bottom:-13px; -webkit-transform:rotate(180deg); transform:rotate(180deg); } .match-card{float:left; width:100%; background:#fff; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1);} .match-info{float:left; width:100%; display:flex; align-items:center; padding:0 18px;} .match-info .match-info-outer{float:left; width:100%; display:flex; align-items:center; border-bottom:1px solid #c3c5c7; padding:8px 0;} .match-counter{float:left; min-width:56px; margin-right:4px;} .match-counter .counter{font-size:11px;} .match-venue{float:left; display:flex; flex:1; display:flex; align-items:center;} .match-venue .icon{margin-left:12px; font-size:16px;} .match-venue span{font-size:11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .match-venue small{font-size:11px; padding-right:15px;} .match-info-btn{float:right; margin-left:6px;} .match-tip-card{float:left; width:100%; display:flex;} .match-tip-card .col{float:left; width:50%; max-width:50%;} .match-tip{float:left; width:100%;} .match-tip.add-tip{background:#00549e;} .match-tip-outer{float:left; width:100%; padding:10px 8px 10px 18px;} .tip-tm-block{float:left; width:100%; display:flex; align-items:center;} .tip-col{float:left; margin-right:6px;} .tip-col .icon{float:left; height:20px; width:20px; border:2px solid #686b70; border-radius:50%;} .tip-col .icon:before{display:none;} .add-tip .tip-col .icon{color:#fff; border:0; font-size:24px;} .add-tip .tip-col .icon:before{display:block; margin:-2px 0 0 -2px;} .add-tip .tip-tm-name, .add-tip .tm-label, .add-tip .tm-rank span{color:#fff;} .tip-tm-block .tip-match-tms{flex:1; align-items:center;} .tm-label{float:left; width:100%; font-size:12px; color:#000; line-height:12px;} .tip-tm-block .tm-icon{width:32px; height:32px;} .picks-matches .picks-match-list li.live-picks .match-card, .picks-matches .picks-match-list li .picks-card{display:none;} .picks-matches .picks-match-list li.live-picks .picks-card{float:left; width:100%; background:#fff; display:block; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1);} .picks-matches .picks-match-list li .picks-card-outer{padding:10px 18px;} .picks-listing .picks-list li.live-picks .picks-counter{display:none;} .wdl-block{float:left; width:100%; display:flex; justify-content:space-between; align-items:center; margin-top:4px;} .wdl-block .wdl-info{float:left;} .wdl-block .wdl-info .wdl{margin:0 0 0 2px; float:left;} .tm-rank{float:left; margin-right:6px;} .tm-rank span{color:#111;} .tm-two .tip-col{order:2; margin:0 0 0 6px;} .tm-two .wdl-block .tm-rank{order:2; margin:0 0 0 6px;} .tm-two .wdl-block .wdl{margin:0 2px 0 0;} .tm-two .match-tip-outer{padding:10px 18px 10px 8px;} .select-margin-bar{float:left; width:100%; padding:0 18px; position:relative;} .margin-outer{float:left; width:100%; padding:6px 0 12px; display:flex; align-items:center;} .margin-detail{float:left; flex:1;} .enter-margin{float:right; display:flex; align-items:center;} .margin-info{float:left; margin:0 20px 0 20px;} .margin-info .icon{color:#00549e; font-size:22px; position:relative;} .sclect-margin{float:left; width:56px; margin-left:10px; z-index:1;} .sclect-margin .form-group{margin:0;} .sclect-margin .form-control{height:32px; line-height:30px; font-size:12px; border-radius:2px; border-color:#c3c5c7; padding:0 3px; text-align:center;} .sclect-margin .form-group.error .form-control{border-color:#b92722; color:#b92722;} .submit-tips-bar{float:left; width:100%; position:fixed; bottom:-300px; left:0; z-index:6; overflow:hidden; height:80px; background:#fff; display:flex; justify-content:center; align-items:center; transition:all 0.3s ease 0s;} .submit-tips-bar .button-bar{padding:10px 18px;} .submit-tips-bar.show{bottom:0;} .show-tip-button{margin-bottom:79px !important;} .last-man-standing-card{background:#f2f9ff; border:2px solid #fad701;} .last-man-standing-label{display:flex; align-items:center; justify-content:center; width:100%; color:#000; background:#fad701; padding:6px 1px 8px; text-align:center; font-weight:500; font-size:13px;} .last-man-standing-label span{padding:0px 4px; font-size:14px; font-weight:700;} .last-man-standing-label .icon{font-size:16px; color:#000; position:relative; margin-top:-2px;} .last-man-standing-label .icon.icon-info{cursor:pointer;} .last-man-standing-tooltip, .info-tooltip-content{position:absolute; background:rgba(0,0,0, 0.86); padding:8px 10px; border-radius:4px; width:330px; right:0; bottom:100%; left:0; margin:0px auto 11px; visibility:hidden; opacity:0; transition:all 0.3s ease 0s;} .last-man-standing-label .info-tooltip, .info-tooltip{z-index:1;} .last-man-standing-label .info-tooltip .icon:after, .info-tooltip .icon:after{content:""; position:absolute; width:0; height:0; right:0px; left:0px; top:-16px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:8px solid rgba(0,0,0,0.86); visibility:hidden; opacity:0; transition:all 0.3s ease 0s;} .last-man-standing-tooltip h6, .info-tooltip-content h6{text-align:left; color:#fff; font-size:12px; margin-bottom:5px;} .last-man-standing-tooltip p, .info-tooltip-content p{text-align:left; color:#fff; line-height:1.2em; margin-bottom:10px;} .last-man-standing-tooltip p:last-child, .info-tooltip-content p:last-child{margin-bottom:0px;} .last-man-standing-tooltip p a, .info-tooltip-content p a{color:#fad701; text-decoration:underline;} .last-man-standing-label .info-tooltip.show-tooltip .last-man-standing-tooltip, .last-man-standing-label .info-tooltip.show-tooltip .icon:after, .info-tooltip.show-tooltip .info-tooltip-content, .info-tooltip.show-tooltip .icon:after{visibility:visible; opacity:1; transition:all 0.3s ease 0s;} .margin-info{position:relative;} .margin-info.info-tooltip .icon:after{margin-left:4px;} .info-tooltip-content{margin:0px auto 16px; left:auto; right:0px;} .picks-card.last-man-standing-card{background:#f2f9ff; border:2px solid #fad701; position:relative;} .matches-list > li.last-person-standing-card, .matches-list > li.last-man-standing-card{background:#f2f9ff; padding-top:0px !important; position:relative;} .matches-list > li.last-person-standing-card .last-man-standing-label, .matches-list > li.last-man-standing-card .last-man-standing-label{margin-bottom:10px;} .picks-card.last-man-standing-card .picks-card-outer{padding-left:0; padding-right:0;} .picks-card.last-man-standing-card .last-man-standing-tooltip{margin:0px auto 6px;} .picks-card.last-man-standing-card .last-man-standing-label .info-tooltip .icon:after{top:-12px;} .match-card.last-man-standing-card .last-man-standing-label .info-tooltip .icon:after{top:-19px;} .last-man-standing-card .match-info{padding:0 16px;} .last-man-standing-card .tm-one .match-tip-outer{padding-left:16px;} .last-man-standing-card .tm-two .match-tip-outer{padding-right:16px;} .tip-match-card .last-man-standing-label .knocked-out-tooltip .icon.icon-info{display:none;} .tip-match-card .last-man-standing-label .last-person-tooltip.info-tooltip .icon:after{top:-19px;} .tip-match-card .last-man-standing-label .knocked-out-tooltip .icon.icon-info{color:#f68d00;} .rmng-tippers-outer{margin-top: 16px;} .still-alive-alert + .rmng-tippers-outer{margin-top: 0;} .live-rounds-list{float:left; width:100%;} .live-rounds-wrap .wcard{padding:0;} .picks-card .select-margin-bar{padding:0;} .play-next-button{padding:16px 18px; /*border-top:1px solid #c3c5c7;*/} .my-picks-wedget .rounds-container .play-next-button:last-child{border-top:0;} .rounds-wrap-card .play-next-button{padding:0px 18px; border:none;} .rounds-wrap-card .play-next-button .button-bar-outer{padding:16px 0px; margin:0;} .rounds-wrap-card .play-next-button .button-bar-outer .col{padding:0;} .rounds-wrap-card .play-next-button .button-bar-outer .col + .col{padding-left:8px;} .rounds-wrap-card .play-next-button .button-bar-outer .col.edit_tips{flex:0 0 35%; max-width:150px;} .play-next-button .button-bar-outer .col.w-100{flex:0 0 100% !important; max-width:100% !important;} .rounds-wrap-card .points-margin-info .wcard{box-shadow:none;} .edit-picks-wedget .live-rounds-list{margin-top:0px;} .view-selections-bar, .view-selections-bar-outer{float:left; width:100%; position:sticky; position:-webkit-sticky; bottom:0; z-index:6;display: none;} .selections-outer{float:left; width:100%;} .selections-btn{float:left; width:100%; background:#263b55; height:44px; display:flex; align-items:center; padding:0 18px; position:relative; box-shadow:0px 5px 10px rgba(0,0,0, 0.2);} .selections-btn .icon{position:absolute; top:0; left:18px; display:flex; align-items:center; justify-content:center; height:100%; transition:all 0.3s ease 0s; color:#fff; font-size:14px;} .selections-btn span{float:left; width:100%; color:#fff; font-size:14px; margin-left:24px;} .selections-btn.active .icon{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .view-selections-info{float:left; width:100%; display:none; background:#142841; max-height:200px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;} .view-selections-info .wcard{padding:8px 18px; background:#142841;} .view-selections-team-list{float:left; width:100%;} .view-selections-team-list dl{margin-bottom:10px;} .view-selections-team-list dl:last-child{margin-bottom:0;} .view-selections-team-list dl dt{float:left; width:120px; overflow:hidden; display:flex;} .view-selections-team-list dl dt span{font-size:11px; color:#ffffff; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .view-selections-team-list dl dd{float:left; width:calc(100% - 120px); padding-left:15px; display:flex;} .view-selections-team-list dl dd span{font-size:11px; color:#ffffff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .view-selections-clear-btn{float:left; width:100%; padding-top:30px;} .clear-all-btn{font-size:11px; color:#fff; float:left; display:flex; align-items:center;} .clear-all-btn .icon{font-size:14px; padding-right:4px;} .selections-card{float:left; width:100%; background:#142841; position:relative; z-index:1;} .selections-card.active{box-shadow:0px -5px 10px rgba(0,0,0, 0.2); border-top:1px solid rgba(255, 255, 255, .1);} .c-card{float:left; width:100%; display:flex; align-items:center;} .c-card-left{float:left; margin-right:6px;} .c-card-mid{float:left; flex:1;} .c-card-right{float:left; margin-left:6px;} .selections-card .c-card-mid{display:flex; justify-content:space-between;} .tip-selection{float:left; flex:1;} .tip-selection span{float:left; width:100%; font-size:11px; color:#fff;} .tip-selection strong{float:left; width:100%; font-size:16px; color:#fff; font-weight:bold;} .betslip-btn{float:left; width:126px;} .betslip-btn .btn{float:left;} .selections-card .c-card{padding:8px 18px;} /*Results Page CSS*/ .total-points-bar{float:left; width:100%; padding:0 18px;} .total-points-outer{float:right; width:50%; padding:8px 0 10px; border-top:1px solid #c3c5c7;} .total-points-outer dl{float:left; width:100%; display:flex; align-items:center; font-size:12px; color:#686b70; margin-top:2px;} .total-points-outer dt{float:left; flex:1; text-align:right;} .total-points-outer dd{float:left; min-width:20px; text-align:right;} .total-points-outer dl.margin-points{color:#111; font-weight:bold;} .completed-rounds .picks-listing{padding:0;} .completed-rounds .picks-card-outer{padding:14px 18px;} .leaderboard-bar{float:left; width:100%; padding:14px 18px; border-bottom:1px solid #c3c5c7;} .leaderboard-btn{float:right;} /*===modal Popup Css===*/ body.show-modal{position:fixed; top:0; height:100%; width:100%; overflow:hidden;} body.in-iframe.show-modal .main-section{overflow:hidden !important;} .modal{float:left; width:100%; height:100%; position:fixed; top:0; left:0; z-index:13; background:rgba(0,0,0,0.8); display:none; overflow-y:auto; padding:0 30px;} .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:750px; background:#fff; border-radius:3px; position:relative; z-index:2;} .modal-body{float:left; width:100%;} .popup-info{z-index:1; position:relative; display:block; width:100%; float:left;} .modal-head{float:left; width:100%; position:relative; padding:6px 14px;} .modal-title{float:left; color:#fff; font-size:20px;} .modal-overlay{position:fixed; top:0; left:0; z-index:1; float:left; height:100vh; width:100%; cursor:pointer;} .close-btn{position:absolute; bottom:-55px; left:0; right:0; margin:40px auto 10px; display:flex; align-items:center; justify-content:center;} .close-btn .icon{font-size:30px; color:#fad701; font-weight:bold;} .popup-close{position:absolute; top:10px; right:10px; color:#111; font-size:20px; z-index:2;} .icon-close-isolated-alt.modal-close{font-size:26px;} .button-bar{float:left; width:100%; background:#fff; display:flex; flex-direction:column; flex-wrap:wrap;} .button-bar-outer{display:flex; margin:0 -8px;} .button-bar-outer .col{flex:1; padding:0 8px;} .button-bar-outer .btn{white-space:nowrap; float:left;} .correct-sign{display:inline-block; vertical-align:middle; color:#1b9d0e; margin-right:5px;} .match-info-modal .modal-outer{border-radius:0;} /*Margin Information Modal CSS*/ .margin-content{padding:16px;} .margin-content h2{float:left; width:100%; font-size:18px; font-weight:500;} .margin-content p{float:left; width:100%; font-size:14px; color:#111; margin-top:18px;} .margin-content .btn{float:right; max-width:80px; height:60px; line-height:60px; margin-top:18px;} /*Submit Your Picks*/ .submit-loading{position:fixed; background:rgba(0,0,0,0.6); top:0; bottom:0; left:0; right:0; padding:16px; display:-ms-flexbox; display:flex; align-items:center; z-index:16;} .submit-loading .loading-picks{background:#fff; box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.12); width:100%; max-width:1005px; display:inline-block; padding:12px 16px; text-align:left; margin:0 auto;} .submit-loading span{font-size:13px; color:#000; display:block; overflow:hidden;} .submit-loading .cricle-loading{position:relative; display:inline-block; width:30px; height:18px; float:left;} .submit-loading .cricle-loading .loader-ring{height:18px; width:18px; border-width:3px;} .submit-loading .cricle-loading .loader-ring div{height:18px; width:18px; border-color:#ba0c2f transparent transparent transparent; border-width:2px; margin:0;} /*Loading Bar*/ .submit-loading .spinner-icon{width:22px; height:22px; border:solid 3px #ba0c2f; border-top-color:transparent; border-radius:50%;} .loading-picks .icon-ok-1, .loading-picks .crose, .loading-picks.submit-picks .cricle-loading, .loading-picks.submit-error .cricle-loading{display:none;} .loading-picks.submit-picks .icon-ok-1{color:#4aa331; display:block; float:left; width:30px; text-align:left; font-size:22px; line-height:18px;} .loading-picks.submit-error .crose{color:#ba0c2f; display:block; float:left; width:30px; text-align:left; font-size:22px; line-height:18px;} .profile-submit-loading{background:rgba(255,255,255,0.6);} .profile-submit-loading .loading-picks{background:transparent; box-shadow:none; display:flex; justify-content:center; text-align:center; flex-wrap:wrap; flex-direction:column;} .profile-submit-loading .cricle-loading{float:left; width:100%; text-align:center; height:auto;} .profile-submit-loading .cricle-loading .loader-ring{height:26px; width:26px;} .saving-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center; height:100%;} .loader-icons{float:left; width:100%; display:flex; align-items:center; justify-content:center;} .loading-picks .loader-icons .icon{width: auto !important; line-height:inherit !important; font-size:26px !important;} .profile-submit-loading span{margin-top:4px; font-size:15px;} /*=======LOADER CSS=====*/ #ajax_data{width:100%} .loading-wrapper{position:fixed; float:left; width:100%; top:0; left:0; right:0; bottom:0; z-index:11; text-align:center; background:#f0f1f2;} .modal-loader{position:static; height:60vh;} .tabs-content-loader{top:86px;} .tabs-content-loader.loading-wrapper{background:transparent; display:none;} .page-overlay{float:left; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} .loading-wrapper.content-loader{position:absolute; height:100%;} .loading-wrapper.content-relative{position:relative; height:200px; background:none; z-index:1;} .loading-wrapper.section-loader{position:absolute; z-index:13; background:none;} .loading-wrapper.section-loader .page-overlay{height:56vh;} .loading-wrapper.main_loader{background:#f0f1f2; z-index:100;} .loading-wrapper.scroll-loader{position:relative; height:80px;} .loading-wrapper.content-relative .page-overlay{height:100%; display:flex; align-items:center; justify-content:center;} .loader-ring{display:inline-block; position:relative; width:42px; height:42px; border:5px solid #00549e; border-color:#00549e transparent #00549e #00549e; animation:lds-ring 650ms linear infinite; border-radius:50%;} small.loader-ring.btn-loader{display:inline-block; width:20px; height:20px; border-width:3px; vertical-align:middle; margin-right:5px;} @keyframes lds-ring{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } /*======My Comp Page CSS======*/ .my-comp-info{float:left; width:100%;} .total-comps{float:left; width:100%; position:relative;} .total-comps h2{float:left; width:100%; padding:0 10px; text-align:center; justify-content:center; display:flex; align-items:center;} .add-comp-btn{position:absolute; top:0; right:0; height:100%; display:flex; align-items:center; font-size:22px;} .comp-count{display:inline-block; height:20px; width:20px; border-radius:50%; background:#4aa331; color:#fff; line-height:20px; text-align:center; margin-left:6px; font-size:12px; font-weight:normal;} .iframe-body .card-wrap.my-comp-card{padding-bottom:50px;} .iframe-body .comps-popup-body{padding-bottom:50px;} .comp-listing{float:left; width:100%; margin:10px 0 18px;} .comp-listing:last-child{/*margin-bottom:0;*/} .comp-list{float:left; width:100%;} .comp-list > li{float:left; width:100%; margin-top:10px;} .comp-card{float:left; width:100%; position:relative;} .tabs-bar{float:left; width:100%;} .tabs-outer{float:left; width:100%;} .tabs-outer{float:left; width:100%;overflow:hidden; overflow-x:auto;} .my-comp-tabs{background:#fff; border-bottom:1px solid #c3c5c7;} .my-comp-tabs .tabs-nav{display:flex; table-layout:inherit;} .my-comp-tabs li a{white-space:nowrap; padding:0px 25px;} .comp-listing .title-outer{text-align:left; padding:0 18px;} .comp-card-outer{float:left; width:100%; padding:10px 18px; background:#fff; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1); position:relative; display:flex; align-items:center;} .c-icon-col{float:left; margin-right:18px;} .icon-figure{float:left;} .icon-figure .icon{float:left; font-size:26px; color:#4aa331;} .public-comp-list .icon-figure .c-icon{color:#b92722;} .private-comp-list .icon-figure .c-icon{color:#111111;} .public-comp-list .icon-figure .c-icon.icon-rugby-new{color:#1c75bc;} .icon-figure img{float:left; width:26px;} .card-detail{float:left; flex:1;} .comp-type, .comp-supporters{float:left; width:100%;} .comp-time{float:left; width:100%; font-size:12px; color:#686b70;} .comp-rank{float:left; width:100%; color:#111111; margin-top:3px;} .comp-rank label{float:left; color:#111111; margin-right:2px;} .card-arrow{float:right; font-size:16px; margin-left:8px;} .private-comps-info .join-comps-wrap{display:block;} .join-comps-wrap .enter-code .form-control{padding:0 10px; height:40px; border-radius:8px;} .join-comps-wrap .valid-code .form-control, .join-comps-wrap .invalid-code .form-control{padding-right:30px;} .create-comp-info textarea.form-control{height:115px; color:#111; font-size:12px; line-height:1.2em; padding:10px;} .create-comp-info .form-control{font-size:14px;} .card-wrap-title{font-size:16px; font-weight:bold; line-height:20px; padding:0 16px 10px;} .form-label{font-size:14px; margin-bottom:10px; font-weight:bold; display:block;} .create-comp-info{float:left; width:100%;} .create-comp-info .form-group{margin-bottom:40px;} .create-comp-info .invalid-alert, .create-comp-info .invalid-feedback{position:absolute; top:calc(100% - 6px); left:0; right:0; word-break:break-word;} .create-comp-info .form-group-textarea{margin-bottom:25px;} .create-comp-info .form-group-textarea.invalid-code{margin-bottom:35px;} .leaderboard-card-wrap .card-outer{padding:0 18px;} .stats-card-wrap .card-outer{padding:0 18px;} .select-box.competition-select-box{background:#fff; margin-bottom:10px;} .competition-select-box .select-label{font-size:14px;color:#111111;} .competition-icon .icon{font-size:24px; color:#b92722;} .competition-icon .icon.icon-rugby-new{color:#1c75bc;} .competition-select-box .competition-name{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .competition-select-box .icon-chevron-bottom{font-size:22px; color:#686b70;} .leaderboard-info .wcard{padding:0;} .leaderboard-info .alert-card{padding:16px 18px 0;} .leaderboard-info .title-outer{text-align:left;} .leaderboard-list .primary-alert .alert-content p{font-size:12px; line-height:1.4em;} .leaderboard-table{float:left; width:100%;} .leaderboard-table .table-container{padding:0 15px;} .leaderboard-table table tbody tr.selected{background:#f0f1f2;} .leaderboard-table .selected td, .leaderboard-table thead th{position:relative; z-index:1;} .leaderboard-table thead th:first-child:after, .leaderboard-table thead th:last-child:after, .leaderboard-table .selected td:first-child:after, .leaderboard-table .selected td:last-child:after{content:""; position:absolute; left:-16px; right:0; bottom:-1px; height:1px; background:#c3c5c7; z-index:-1;} .leaderboard-table thead th:last-child:after, .leaderboard-table .selected td:last-child:after{left:0 !important; right:-16px !important;} .leaderboard-table .selected td:first-child:before, .leaderboard-table .selected td:last-child:before{content:""; position:absolute; left:-16px; right:0; bottom:0; top:0; background:#f0f1f2; z-index:-1;} .leaderboard-table .selected td:last-child:before{left:0 !important; right:-16px !important;} .leaderboard-table .table-outer{padding:0; margin:0;} .leaderboard-table table th{font-size:11px; color:#111111; width:100%; padding:15px 8px 5px; font-weight:bold;} .leaderboard-table table tbody tr td, .leaderboard-table table tr th{border-bottom:1px solid #c3c5c7;} .leaderboard-table table .move-td{text-align:center;} .leaderboard-table table .score-td, .leaderboard-table table .margin-td{text-align:right;} .leaderboard-table table tbody tr:last-child td{border-bottom:0;} .leaderboard-table table td{padding:5px 8px; color:#111111; font-size:11px; font-weight:400; min-width:50px; height:36px;} .leaderboard-table table td:first-child, .leaderboard-table table th:first-child{width:24px; min-width:24px;} .leaderboard-table .table-container table th:last-child, .leaderboard-table .table-container table td:last-child{text-align:right;} .moves{display:flex; align-items:center; justify-content:center;} .moves .icon{font-size:25px; color:#686b70; width:16px; display:flex; justify-content:center;} .moves.moves-blank{font-size:25px;color:#686b70;} .leaderboard-table table td.user-td{color:#00549e;} .loss-tip-rank .move-td, .moves .icon-arrow-drop-down{color:#b92722;} .win-tip-rank .move-td, .moves .icon-arrow-drop-up{color:#4aa331;} .rank-position-icon{float:left; width:24px; min-width:24px; margin-right:10px;} .rank-position-icon img{float:left; width:100%;} .rank-position-icon .icon{font-size:26px; color:#fad701;} .rank-position-icon .icon-badge2{color:#686b70;} .rank-position-icon .icon-badge3{color:#b92722;} .leaderboard-table table tr th:first-child, .leaderboard-table table tr td:first-child{text-align:left;} .leaderboard-table table tr th:last-child, .leaderboard-table table tr td:last-child{text-align:left;} .leaderboard-table table tr th:first-child, .leaderboard-table table tr th:first-child, .leaderboard-table table tr td:first-child{padding-left: 0;} .leaderboard-table table tr th:last-child, .leaderboard-table table tr th:last-child, .leaderboard-table table tr td:last-child{padding-right: 0;} .leaderboard-table table tr td:first-child .rank-position-icon{margin-right:0;} .add-member-btn-outer{float:left; width:100%; border-top:1px solid #c3c5c7;} .add-member-btn-outer .title{padding:18px 18px 0px; text-align:left;} .add-member-btn-outer .title p{color:#000;} .members .add-member-btn-outer .button-bar{border-top:none;} .label-admin{display:flex; align-items:center;} .label-admin{font-size:11px; font-weight:700;} .label-admin .icon{font-size:20px; margin-left:5px;} .label-remove{font-size:11px; color:#b92722; cursor:pointer;} .create-comp-modal{padding:0;} .create-comp-modal .modal-contenier{padding:0; height:100%;} .create-comp-modal .modal-outer{height:100%; width:100%; max-width:100%;} .create-comp-modal .modal-head{background:#1c75bc; height:44px; padding:0 6px;} .create-comp-modal .modal-body{height:calc(100% - 44px); overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;} .modal-bar{float:left; width:100%; position:relative; height:44px;} .modal-bar .back-arrow{float:left; position:absolute; top:0; left:0; height:100%; display:flex; align-items:center; color:#fff;} .modal-bar h2{float:left; width:100%; padding:0 20px; text-align:center; color:#fff; display:flex; align-items:center; height:100%; justify-content:center;} .back-arrow .icon{font-size:16px; margin-right:6px;} .create-comp{float:left; width:100%;} .create-form{float:left; width:100%;} .create-form .form-control{font-size:14px;} .create-form .form-group{padding:14px; border-bottom:1px solid #c3c5c7; margin:0;} .filed-label{float:left; width:100%; display:flex; justify-content:space-between; margin-bottom:12px; line-height:normal; align-items:center;} .filed-label-info{color:#404040; font-size:12px; font-weight:normal;} .filed-sm-label{float:left; width:100%; margin-bottom:12px;} .create-comp .wcard{padding:0;} .create-form .button-bar{padding:14px; position:sticky; position:-webkit-sticky; bottom:0; z-index:2; background:#fff;} .sport-tags{float:left; width:100%; display:flex; justify-content:space-between;} .tag-btn{background:#dee1e3; width:50%; max-width:calc(50% - 6px); color:#111; box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, 0.3) !important; height:40px; line-height:40px;} .tag-btn.active{background:#4aa331; width:100%; color:#fff;} .share-modal .modal-head, .share-invite-mates .modal-head{/*min-height:32px;*/ position:sticky; top:0; z-index:11; background:#fff;} .share-modal .icon-close-isolated-alt.modal-close, .share-invite-mates .icon-close-isolated-alt.modal-close{top:3px;} .created-modal-info{float:left; width:100%; padding:0 14px 14px;} .success-title{float:left; width:100%; text-align:center; padding:0 20px; margin-bottom:8px;} .success-title h2{float:left; width:100%; font-size:16px; font-weight:bold; margin-bottom:6px;} .success-title .icon{font-size:50px; color:#4aa331;} .created-modal-info .success-alert{margin:0 0 10px;} .created-modal-info .success-alert .alert-card-outer{padding:12px 8px;} .created-modal-info .success-alert .alert-content p{font-size:12px; text-align:center;} .comp-name{float:left; width:100%; border-bottom:1px solid #c3c5c7; margin-bottom:6px;} .comp-name > span{float:left; width:100%; color:#686b70; font-size:11px; margin-bottom:3px;} .comp-title-icon{float:left; width:100%; display:flex; align-items:center; margin-bottom:6px;} .comp-title-icon .icon{font-size:22px; color:#111111; margin-right:4px;} .comp-title-icon h3{font-size:16px; font-weight:bold;} .invite-mates{float:left; width:100%;} .invite-mates .block{margin-bottom:6px;} .invite-mates .block h2{float:left; width:100%; font-size:14px; font-weight:bold;} .invite-mates .block p{float:left; width:100%; font-size:12px; color:#111;} /*.comp-code{float:left; width:100%; margin-bottom:12px; display:flex; align-items:center; justify-content:center;} .comp-code-outer{float:left; width:100%; padding:4px 10px; text-align:center; border:2px dashed #686b70; border-radius:2px; position:relative;}*/ .comp-code{float:left; width:100%; margin-bottom:12px; display:flex; align-items:center; justify-content:center; border-radius:2px; overflow:hidden; position:relative;} .comp-code-outer{float:left; width:100%; padding:4px 2px; text-align:center; position:relative;} .comp-code:before, .comp-code:after{content:""; position:absolute; left:0; right:0; height:2px; background-image:linear-gradient(to right, transparent 30%, #686b70 30%); background-size:12px 100%;} .comp-code:before{top:0;} .comp-code:after{bottom:0;} .comp-code-outer:before, .comp-code-outer:after{content:""; position:absolute; top:0; bottom:0; width:2px; background-image:linear-gradient(to bottom, transparent 30%, #686b70 30%); background-size:100% 12px;} .comp-code-outer:before{left:0;} .comp-code-outer:after{right:0;} .comp-code-outer span{font-size:22px; line-height:26px; font-family:'Titillium Web', sans-serif; font-weight:900; color:#00549e; position:relative;} .share-code{float:left; width:100%;} .share-code p{font-size:12px; float:left; width:100%; margin-bottom:6px;} .share-options{float:left; width:100%;} .share-options .col{float:left; width:100%; margin-bottom:8px;} .share-options .col:last-child{margin-bottom:0;} .share-options .col .btn{/*height:36px; line-height:36px; display:flex; align-items:center; justify-content:center; border-radius:3px;*/} .share-options .col .btn i{font-size:22px; margin-right:6px;} .share-options .col .btn i.icon-facebook{font-size:26px;} .share-options .col .btn i.icon-twitter{font-size:26px;} .share-options .col .btn span{display:inline-block; flex:1; /*max-width:76px;*/ text-align:left;} .dot-list{float:left; width:100%;} .dot-list li{list-style:none; float:left; width:100%; font-size:12px; color:#111; padding-left:16px; margin-bottom:8px; position:relative;} .dot-list li:before{content:""; position:absolute; top:6px; left:0; width:6px; height:6px; background:#111; border-radius:100%;} .invite-mates .button-bar{margin-top:15px; padding:0px !important;} .about-content{float:left; width:100%;} .comp-notes{float:left; width:100%; padding:0 18px;} .comp-notes .about-content{border-top:1px solid #c3c5c7; padding:14px 0;} .comp-note-wrap{display:none;} .comp-rank-bar{float:left; width:100%;} .bar-outer{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; padding:14px 18px;} .comp-ranked{float:left;} .comp-ranked p{color:#111; font-size:12px;} .comp-ranked p strong{font-weight:bold;} .bar-label{float:right; color:#00549e; font-size:12px;} .bar-label span{margin-right:2px; line-height:0.6em;} .bar-label .icon{font-size:20px; transition:all 0.3s ease 0s;} .comp-info .wcard{padding:0;} .bar-label.active .view-span, .hide-span{display:none;} .bar-label.active .hide-span{display:inline-block;} .bar-label.active .icon{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .comp-notes-info{float:left; width:100%;} .comp-notes-info > p{float:left; width:100%; margin-bottom:16px;} .comp-notes-info > p:last-child{margin-bottom:0;} /* PRIZES RULES PAGE CSS */ .faq-prize-info{float:left; width:100%;} .faq-prize-info h1,.faq-prize-info h3,.faq-prize-info h4,.faq-prize-info h5,.faq-prize-info h6{margin-bottom:6px;} .faq-prize-info p{line-height:1.4em} .faq-prize-info .accordin-content{display:none; float:left; width:100%; background:#fff; margin-bottom:0;} ul.accordin-tabs > li{float:left; width:100%; margin-bottom:8px; background:#fff; cursor:pointer; box-shadow:0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);} .prizes-rules-info ul.accordin-tabs > l{background:none;} ul.accordin-tabs > li > a{float:left; width:100%; position:relative; overflow:hidden; background:#fff;} ul.accordin-tabs > li > a h2{font-size:14px; color:#111; padding:15px 14px 15px 42px; font-weight:500; position:relative; float:left; width:100%; cursor:pointer;} ul.accordin-tabs > li > a h2 i{position:absolute; left:14px; font-size:12px; transition:all 0.3s ease 0s; top:0; display:flex; align-items:center; justify-content:center; height:100%; color:#111;} ul.accordin-tabs > li.open > a h2 i{transform:rotate(180deg); transition:all 0.3s ease 0s;} .prizes-rules-wrapper ul.accordin-tabs > li > a h{position:static;} .enter-steps{float:left; width:100%; padding:10px 16px 14px;} .enter-steps ul{float:left; width:100%;} .enter-steps ul li{float:left; width:100%; position:relative; padding-bottom:10px;} .enter-steps ul li:last-child{padding-bottom:0;} .enter-steps > ul > li:last-child:before{display:none;} .enter-steps > ul > li ul, .accordin-detail ul li ul{padding-left:22px;} .enter-steps > ul > li ul, .enter-steps ul li ul li, .accordin-detail ul li ul li{list-style:lower-alpha;} .enter-steps ul li ul li, .accordin-detail ul li ul li{padding-bottom:5px;} .enter-steps ul li figure{float:left; margin-right:8px;} .enter-steps ul li figure span{display:inline-block; background:#fff; text-align:center; color:#111; font-size:14px; line-height:22px; font-weight:bold; position:relative; z-index:1;} .steps-detail p{color:#111; font-size:13px; min-height:20px; display:flex; align-items:center;} .enter-steps ul li .steps-detail{display:block; overflow:hidden;} .enter-steps > p{color:#111; font-size:13px; margin-bottom:14px;} .accordin-detail{float:left; width:100%; padding:14px 16px;} .accordin-detail ul{float:left; width:100%;} .accordin-detail ul li{float:left; width:100%; border-bottom:1px solid #dee1e3; padding:12px 2px 14px;} .accordin-detail ul li:first-child{padding-top:0;} .accordin-detail ul li:last-child{border-bottom:0;} .accordin-detail ul li p{color:#111; font-size:12px;} .accordin-detail ul li p a, .accordin-detail p a{color:#00549e;} .accordin-detail ul li p span{color:#ba2c27;} /* Tabs Css */ .tabs-container{float:left; width:100%;} .content-tabs{float:left; width:100%;} .picks-tabs{float:left; width:100%; border-bottom:1px solid #c3c5c7; margin-bottom:0; background:#fff;} .tab-content{float:left; width:100%; display:none;} .tabs-nav{float:left; width:100%; display:table; table-layout:fixed;} .tabs-nav li{display:table-cell; text-align:center;} .tabs-nav li a{display:block; color:#111; font-size:14px; font-weight:normal; line-height:42px; position:relative; overflow:hidden;} .tabs-nav li.active a:after{position:absolute; bottom:0; left:0; width:100%; background:#00549E; height:4px; content:'';} .tabs-nav li.active a{font-weight:500;} .btn-tabs{float:left; width:100%;} .btn-tabs-outer{float:left; width:100%; background:#f0f1f2; padding:8px;} .btn-tabs-nav{float:left; width:100%; display:table; table-layout:fixed;} .btn-tabs-nav li{display:table-cell; text-align:center; padding:0 4px;} .btn-tabs-nav li a{display:block; color:#111; font-size:14px; font-weight:normal; line-height:42px; position:relative; overflow:hidden; width:100%; background:#dee1e3; border-radius:2px;} .btn-tabs-nav li.active a{background:#1c75bc; color:#fff;} /*LEADERBOARD PAGE CSS*/ .leaderboard-content{float:left; width:100%;} .ladder-search-card .wcard{padding:0;} .comp-select{float:left; width:100%; padding:14px 18px;} .table-info{float:left; width:100%; background:#fff; width:100%; padding:12px 8px; border-bottom:1px solid #d1d1d1; font-size:13px;} .ladder-wrap-card .wcard{padding:0;} .breadcrumb{float:left; width:100%; padding:14px 18px 0;} .breadcrumb a{float:left; display:flex; align-items:center; color:#686b70; font-size:12px;} .breadcrumb .icon{float:left; margin-right:4px; font-size:12px; line-height:18px;} .leader-select{display:block; clear:both;} .leader-select .custom-select{width:auto; float:right; position:relative;} .game-card-outer .pull-right .leader-select .custom-select .select-span{font-size:14px; height:26px; line-height:26px;} .custom-select{float:left; width:100%; position:relative; border:1px solid #C3C5C7; cursor:pointer; position:relative; border-radius:3px;} .select-span{float:left; width:100%; position:relative; height:32px; line-height:32px; padding-right:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#111;} .custom-select select{border:0; font-size:14px; padding:0 20px 0 6px; height:100%; background:none; position:absolute; top:0; left:0; z-index:1; color:rgba(0, 0, 0, 0);} .custom-select .select-span{padding:0 10px;} .custom-select select option{color:#111;} .custom-select:after{position:absolute; top:0; display:flex; align-items:center; height:100%; right:14px; content:'\e031'; font-family:"Sportsbet-Icons"; pointer-events:none; font-size:12px; color:#C3C5C7;} .custom-select hr{position:absolute; bottom:-1px; left:0; width:0; height:2px; content:''; background:#0077cc; border:0; transition:all 0.3s ease 0s;} .custom-select select:focus + hr{width:100%;} .game-card{float:left; width:100%; background:#fff; box-shadow:0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1); margin-bottom:8px;} .game-card-outer{float:left; width:100%; padding:4px 16px 4px 16px; display:flex; justify-content:space-between; align-items:flex-start;} .game-card-outer .pull-left h2{font-size:18px; font-weight:900; margin-bottom:4px; font-family:'Titillium Web', sans-serif; text-transform:uppercase;} .game-card-outer .pull-left span{font-size:14px; font-weight:normal; display:block; margin-bottom:4px;} .game-card-outer .pull-left span.dat{font-weight:normal; font-size:14px;} .game-card-outer .pull-righ{margin-top:0;} .game-card-outer .pull-right span{font-size:14px; color:#111;} .game-card-outer .race-time-date{float:left; width:100%; display:flex; justify-content:space-between; align-items:flex-end;} .game-card-outer .race-time-date{line-height:14px;} .game-card-outer .race-time-date span.date{font-weight:500; font-size:12px; line-height:12px;} .leaderboard-content .game-card-outer .pull-left{width:100%;} .leaderboard-info .game-car{background:none; box-shadow:none;} .leader-counter{float:left; margin-top:10px;} .leader-counter .race-counter{background:#4AA331; height:18px; line-height:18px; min-width:40px; padding:0 2px;} .leader-counter .race-counter span{height:18px; color:#fff; font-weight:bold; font-size:12px; line-height:18px; text-transform:none;} .leader-counter .race-counter.before-start{background:#B92722;} .leader-counter .race-counter.before-start > span{color:#fff;} .win-prize-card{float:left; width:100%; background:#FBEAE5; box-shadow:0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1); margin-bottom:8px;} .win-prize-card.win{background:#EFFAE3;} .win-prize-outer{float:left; width:100%; padding:14px 16px;} .win-prize-outer i{float:left; font-size:30px; color:#B92722; margin-right:10px;} .win-prize-outer a.view-picks-btn{float:right; color:#00549E; font-size:14px; font-weight:500; margin:7px 0 0 6px;} .win-prize-card.win .win-prize-outer i{color:#4AA331;} .win-prize-outer span{display:flex; align-items:center; min-height:30px; font-size:14px; color:#111; font-weight:bold;} .table-outer{float:left; width:100%; background:#fff; position:relative; padding:0 16px; margin-bottom:16px; overflow:hidden;} .table-container{float:left; width:100%; margin-left:0; overflow-y:visible;} table{width:100%; border-spacing:0; margin:0; padding:0; text-align:left; position:relative;} .ladder-table table th{line-height:36px; font-weight:normal; font-size:11px; color:#111; border-bottom:1px solid #dee1e3; text-align:center;} .ladder-table table td{line-height:28px; padding:6px 1px; border-bottom:1px solid #dee1e3; text-align:center;} .ladder-table table .sticked-1{width:40px; max-width:110px; padding-right:5px; text-align:left;} .ladder-table table .sticked-2{cursor:pointer; text-align:left;} .ladder-table table td .icon{font-size:20px; color:#111; margin-right:6px;} .ladder-table table td .points{display:inline-block; min-width:40px;} .ladder-table table tr figur{width:20px; height:20px; border-radius:50%; margin-right:10px; overflow:hidden; float:left; margin-top:6px;} .ladder-table table tr{width:100%;} .ladder-table table tbody tr{background:#fff;} .ladder-table table tbody tr:first-child{background:#EFFAE3; position:relative;} .ladder-table table tbody tr:first-child td{position:relative; z-index:1;} .ladder-table table tbody tr:first-child td:first-child:before{position:absolute; height:100%; top:-1px; left:-16px; right:0; background:#effae3; content:''; border:1px solid #dee1e3; border-width:1px 0; z-index:-1; border-bottom-color:#eee;} .ladder-table table tbody tr:first-child td:last-child:before{position:absolute; height:100%; top:-1px; left:0; right:-16px; background:#effae3; content:''; border:1px solid #dee1e3; border-width:1px 0; z-index:-1; border-bottom-color:#eee;} .ladder-table table tbody tr:last-child td{border:0;} .ladder-table table tbody tr.selected td{font-weight:bold;} .ladder-table table tbody tr.user-rank td{font-weight:bold; color:#000;} .ladder-table table tbody tr td{border-bottom:1px solid #eee; font-size:14px;} .ladder-table table th:last-child, .table-container table td:last-chil{text-align:center; width:60px;} .ladder-table table thead tr th small{vertical-align:text-top; display:inline-block; margin-top:0;} .ladder-table table thead tr th small i{width:10px; float:left; display:none; font-size:14px; height:6px; color:#000;} .ladder-table table thead tr th small i.active{display:inline-block;} .ladder-table table td .success-leader{display:inline-block; vertical-align:baseline; margin-right:6px; font-size:11px; color:#4AA331;} .ladder-table table td .icon-arrow-bottom.success-leader{color:#B92722;} .ladder-table table td .icon-arrow-double.success-leader{color:#acadad; transform:rotate(90deg); font-size:12px;} .ladder-table table .change-position{max-width:46px; width:46px; text-align:center;} .after-first-race{float:left; width:100%; min-height:300px; background:#fff; padding:14px 16px; text-align:center; margin-bottom:16px;} .first-race-outer{float:left; width:100%; margin-top:20px;} .first-race-outer figure{display:inline-block; height:120px; width:120px; overflow:hidden; border-radius:50%;} .first-race-outer h2{font-size:14px; font-weight:bold; margin-top:16px; float:left; width:100%;} .show-default .loading-wrapper.content-loader{height:50px; background:none; position:relative;} .show-default{float:left; width:100%; position:relative; overflow:hidden;} .show-default a{float:left; width:100%; background:#fff; padding:12px 0; border-top:1px solid #eaeaea; font-size:14px; text-align:center; color:#111; font-family:'Roboto', sans-serif; font-weight:normal; cursor:pointer;} a.expand-show i, a.expand-less i{font-size:11px; color:#111; margin-left:3px; font-weight:normal;} .sm-prize-card .card-sport{min-height:48px; align-items:center; display:flex; justify-content:center;} .nickname-info{float:left; width:100%;} /*PRIZES PAGE CSS*/ .faq-prize-wedget{margin-bottom:8px;} .faq-prize-wrap .faq-prize-wedget{margin-bottom:0px;} .prize-content{float:left; width:100%;} .prize-info .title-outer{text-align:left;} .prize-content p{margin-top:2px; float:left; width:100%;} .list-ul{float:left; width:100%;} .list-ul li{float:left; width:100%; margin-top:24px;} .list-ul li:first-child{margin-top:0;} .season-prizes-info .wcard{padding-bottom:0;} .season-prizes{float:left; width:100%;} .season-label{float:left; width:100%;} .prizes-table{float:left; width:100%;} .prizes-list{float:left; width:100%;} .prizes-list > li{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #c3c5c7; padding:8px 0;} .prizes-list > li:last-child{border-bottom:0;} .table-rank{display:flex; align-items:center; margin-right:5px;} .rank-position{display:flex; align-items:center; justify-content:center; position:relative;} .rank-position.active .rank-num{position:absolute; font-size:12px; font-weight:500; color:#fff;} .rank-label{float:left; width:24px; min-width:24px; display:none;} .leaderboard-table .rank-label{width:20px; min-width:20px;} .rank-position.active .rank-label{display:block;} .rank-label img{float:left; width:100%;} .rank-label .icon{float:left; font-size:28px; color:#fad701;} .rank-label .icon.icon-badge2{color:#686b70;} .rank-label .icon.icon-badge3{color:#b92722;} .rank-num{float:left; color:#111; font-size:12px;} .leaderboard-table .rank-num{font-size:11px;} .rank-prize{float:left; color:#00549e; font-size:12px;} .season-prizes-info .title-outer{text-align:left;} .prizes-table .rank-prize{color:#111; font-weight:500;} /*SIGN UP PAGE CSS*/ .sm-prize-card .card-sport{min-height:48px; align-items:center; display:flex; justify-content:center;} .nickname-info, .title-block{float:left; width:100%;} .title-block .filed-label{font-size:14px; margin-bottom:10px;} .title-block .filed-sm-label{color:#404040; margin-bottom:20px;} .nickname-info .form-group{margin-bottom:22px;} .nickname-info .form-control{height:48px; font-size:12px;} .invalid-alert{font-size:12px; display:none;} .invalid-feedback{font-size:12px; color:#b92722; float:left; width:100%; margin-top:10px; display:none;} .nickname-info .control-alert .icon{font-size:24px;} .nickname-info .invalid-code .form-control{border-color:#b92722;} .nickname-info .valid-code .form-control{border-color:#4aa331;} .invalid-code .invalid-alert, .invalid-code .invalid-feedback{display:inline-block;} /*SELECT YOUR FAVOURITE TEAM*/ .favourite-team-info, .fav-team-outer{float:left; width:100%;} .favourite-team-modal .modal-body, .favourite-team-modal .popup-info, .favourite-team-modal .fav-team-outer, .favourite-team-modal .wcard{border-radius:0 0 2px 2px;} .fav-team-outer .favourite-team-info{margin-top:30px;} .select-box{margin-bottom:22px; float:left; width:100%; position:relative;} .select-label{position:relative; float:left; width:100%; font-size:12px; height:48px; color:#686b70; border:1px solid #c3c5c7; line-height:46px; padding:0 40px 0 10px; border-radius:4px; z-index:3; cursor:pointer; background:#fff;} .select-label .icon-chevron-bottom{position:absolute; right:10px; top:0; height:100%; display:flex; align-items:center; pointer-events:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .select-label.select-drop-active .icon-chevron-bottom{transform:rotate(180deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .select-drop{display:none; position:absolute; top:calc(100% - 3px); left:0; right:0; z-index:2; background-color:#fff; padding:3px 16px 0px; border:1px solid #c3c5c7; border-top:0; border-radius:0px 0px 4px 4px; max-height:38.4vh; overflow:auto;} .select-drop ul{float:left; width:100%;} .select-team{float:left; width:100%; display:flex; align-items:center; flex:1;} .select-team figure{width:24px; min-width:24px; display:flex; align-items:center; margin-right: 6px; padding:0; border-radius:0;} .select_team_name span.tm-name{font-weight:700;} .sup-frnd-name{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .select-drop li{float:left; width:100%; padding:10px 0; border-top:1px solid #c3c5c7; cursor:pointer;} .select-drop li:first-child{border:0;} .select-drop li:hover .tm-name{font-weight:bold;} .select-option{float:left; width:100%;} .select-team .tm-name{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /*PROFILE*/ .user-title, .title-notif{font-size:16px; font-weight:bold; line-height:20px; padding:0 16px 10px;} .user-detail{margin-bottom:10px;} .user-detail-list{background-color:#fff; border-bottom:1px solid #c3c5c7; padding:0px 16px; float:left; width:100%;} .user-detail-list ul{float:left; width:100%;} .user-detail-list li{float:left; width:100%; padding:12px 0; border-bottom:1px solid #c3c5c7;} .user-detail-list li:last-child{border:0;} .user-detail-col{float:left; width:100%; display:flex; justify-content:space-between; align-items:center;} .user-detail-col-left{color:#000;} .user-detail-col-right{display:flex; align-items:center;} .user-detail-col-right .tm-icon{margin:0 0 0 8px;} .user-detail-col-right span{font-weight:bold; color:#000;} .notifi-block .wcard, .user-detail .wcard{box-shadow:none; padding:0;} .notifi-block .title-block{border-bottom:1px solid #c3c5c7; padding:15px 16px 0px;} .form-block{float:left; width:100%; padding:0 16px; border-bottom:1px solid #c3c5c7;} .form-block form{float:left; width:100%;} .form-block .input-group{border-bottom:1px solid #c3c5c7; display:flex; align-items:center; -ms-flex-align:stretch; align-items:stretch;} .form-block .input-group:last-child{border-bottom:none;} .input-group-append{display:flex; align-items:center;} .input-group-icon{width:24px; height:24px; border-radius:2px; background-color:#00549e; display:flex; align-items:center; justify-content:center; display:none;} .input-group-icon .icon{font-size:12px; color:#fff; display:none;} .form-block .input-group .form-control{border:none; font-size:12px; color:#111; font-weight:normal; border-radius:0; padding:0;} .reminders-sec{float:left; width:100%;} .results-sec{margin-top:25px; float:left; width:100%;} .results-sec .form-block{border-bottom:none;} .notifi-block .button-bar-outer{margin:0; padding:20px 8px; border-top:1px solid #c3c5c7;} .bottom-text-bar{float:left; width:100%; padding:0px 16px 20px;} .bottom-text-bar p{text-align:right;} .invalid-filled .input-group-icon{background:#b92722;} .valid-filled .input-group-icon, .invalid-filled .input-group-icon{display:flex;} .valid-filled .valid-icon, .invalid-filled .invalid-icon{display:block;} .section-title h2, .rounds-wrap-card .round-label{font-size:16px;} .round-rank-wrap{float:left; width:100%; padding:12px 0; display:flex; align-items:center; -ms-flex-align:stretch; align-items:stretch;} .round-rank-left-col{float:left; min-width:108px; width:100%; max-width:16%; padding:0 4px; display:flex; align-items:center; border-right:1px solid #c3c5c7;} .round-rank-right-col{float:left; display:flex; flex:1; padding:0 14px; align-items:center;} .round-rank-cont{float:left; width:100%; text-align:center;} .round-rank-list{float:left; width:100%;} dl{float:left; width:100%;} .round-rank-list dl{display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px solid #c3c5c7; color:#000000;} .round-rank-list dl:first-child{padding-top:2px;} .round-rank-list dl:last-child{border-bottom:none; padding-bottom:2px;} .round-rank-list dd{font-weight:bold;} .rank-icon{color:#b92722; font-size:16px;} .rank-icon.icon-rugby-new{color:#1c75bc;} .round-rank-cont p{float:left; width:100%; padding:4px 0; color:#111111;} .round-rank-cont .rank-num{font-size:24px; font-weight:500; float:left; width:100%; padding-bottom:2px;} .overall-season-wrap-card{margin-top:30px;} .compare-tm-icon{display:inline-block; width:38px;} .compare-tm-icon img{float:left; width:100%;} .compare-team-wrap-card .button-bar{padding:8px 14px 14px;} .add-team-btn{display:flex; align-items:center;} .user-detail-col-right .add-tm-name{font-weight:normal; color:#00549e;} .compare-team-info .wcard{padding-bottom:4px;} .compare-team-modal .modal-outer{overflow:hidden;} .compare-team-wrap{float:left; width:100%; margin-top:18px;} .compare-team-block{float:left; width:100%; display:flex; align-items:center; justify-content:center;} .compare-team-block .col{float:left; max-width:50%; display:flex; overflow:hidden;} .compare-team-block span{font-size:14px; color:#00549e; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .compare-team-block .col-vs span{color:#000; font-size:11px; padding:0 5px;} .last-round-block{float:left; width:100%; display:flex; align-items:center; justify-content:center; padding:18px 0 8px;} .last-round-block .col{float:left; width:calc(100% / 3);} .last-round-block .col p{float:left; width:100%; color:#000000; padding:0 4px;} .last-round-block .col-left p{text-align:right;} .last-round-block .col-mid p{text-align:center; padding-top:14px;} .last-round-block .col ul{float:left; width:100%;} .last-round-block .col ul li{float:left; width:calc(100% / 5); padding-right:4px;} .last-round-block .col.col-left ul li{float:right; text-align:right;} .last-round-block .col.col-left ul li span{text-align:center;} .last-round-block .col-right ul li{padding-left:4px; padding-right:0;} .last-round-block .col ul li span{display:flex; align-items:center; justify-content:center; background:#dee1e3; width:100%; height:20px; font-weight:bold; position:relative;} .last-round-block .col-left ul li span:after{content:""; position:absolute; right:-4px; top:0; width:0; height:0; border-top:10px solid transparent; border-left:4px solid #dee1e3; border-bottom:10px solid transparent;} .last-round-block .col-right ul li span:after{content:""; position:absolute; left:-4px; top:0; width:0; height:0; border-top:10px solid transparent; border-right:4px solid #dee1e3; border-bottom:10px solid transparent;} .last-rounds-info, .last-rounds-info-list{float:left;width:100%;} .last-rounds-info-list li{float:left;width:100%; padding:8px 0; border-top:1px solid #c3c5c7;} .last-round{float:left;width:100%; display:flex; align-items:center; justify-content:space-between;} .last-round .col span{color:#000000;} .last-round .col:not(.col-mid) span{font-weight:bold;} .last-round .col span.red, .red{color:#b92722;} .last-round .col span.green, .green{color:#4aa331;} .ladder-card-wrap .card-outer{padding:0 18px;} .select-box.super-friend-select-box{background:#fff; margin-bottom:10px;} .super-friend-select-box .select-label{font-size:14px;color:#111111;} .sup-frnd-icon .icon{font-size:24px; color:#111111;} .select-drop .sup-frnd-icon .icon{font-size:20px;} .super-friend-select-box .icon-chevron-bottom{font-size:22px; color:#686b70;} .about-content p{float:left; width:100%; color:#000000; line-height:1.4em;} .edit-section{display:flex; align-items:center; justify-content:space-between;} .edit-btn{color:#00549e;} .members-wrap{margin-top:30px;} .members{float:left; width:100%; background:#fff;} .members .wcard{padding:0px 18px;} .members-label{float:left; width:100%; font-weight:bold; padding:12px 18px 8px; border-bottom:1px solid #c3c5c7;} .members-table{float:left; width:100%;} .members-list{float:left; width:100%;} .members-list > li{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #c3c5c7; padding:10px 0;} .members-list > li:last-of-type{border-bottom:0;} .memb-nickname{font-size:11px; color:#00549e;} .comp-admin{display:flex; align-items:center; font-weight:bold; font-size:11px; color:#111111;} .comp-admin .icon{font-size:20px; margin-left:5px;} .comp-remove{color:#b92722; font-size:11px; display:none;} .edit-members-table .comp-remove{display:block;} .members .button-bar{padding:18px 18px 12px; border-top:1px solid #c3c5c7;} .edit-comp-notes .wcard > p, .edit-comp-notes .button-bar, .edit-comp-notes.active .about-content{display:none;} .edit-comp-notes.active .wcard > p, .edit-comp-notes.active .button-bar{display:block;} .no-record{float:left; width:100%; background:#fff; padding:16px 8px; text-align:center;} .no-record p{font-size:14px; color:#111; white-space:normal;} .weekly-card-wrap-title .card-outer{padding:0 18px;} .weekly-info .round-label{font-size:16px;} .weekly-info .wcard{padding:0;} .weekly-info .alert-card{padding:16px 18px 0;} .weekly-info{float:left; width:100%;} .weekly-table{float:left; width:100%;} .weekly-table .table-container{padding:0 15px;} .weekly-table table tbody tr.selected{background:#f0f1f2;} .weekly-table .selected td, .weekly-table thead th, .weekly-table thead tr{/*position:relative;*/ z-index:1;} .weekly-table thead th:first-child:after, .weekly-table thead th:last-child:after, .weekly-table .selected td:first-child:after, .weekly-table .selected td:last-child:after{content:""; position:absolute; left:-16px; right:0; bottom:-1px; height:1px; background:#c3c5c7; z-index:-1;} .weekly-table thead th:last-child:after, .weekly-table .selected td:last-child:after{left:0; right:-16px;} .weekly-table .selected td:first-child:before, .weekly-table .selected td:last-child:before{content:""; position:absolute; left:-16px; right:0; bottom:0; top:0; background:#f0f1f2; z-index:-1;} .weekly-table .selected td:last-child:before{left:0; right:-16px;} .weekly-table .table-outer{padding:0; margin:0;} .weekly-table table td{padding:5px 3px; color:#111111; font-size:11px;} .weekly-table table th{vertical-align:bottom; padding:5px 3px; border-bottom:1px solid #c3c5c7;} .weekly-table table th.score-td, .weekly-table table th.margin-td, .weekly-table table td.score-td, td.margin-td{text-align:center; width:24px; min-width:24px; padding:1px 3px;} .weekly-table table .score-td-title, .weekly-table table .margin-td-title{writing-mode:vertical-rl; text-orientation:mixed; transform:rotate(180deg); margin:0 auto; text-transform:uppercase; float:left; width:100%; display:flex; align-items:center;} .comps-popup-wrap .weekly-table table tr th, .comps-popup-wrap .margin-td-title, .comps-popup-wrap .no-record p, .comps-popup-wrap .add-member-btn-outer .title p{font-size:11px;} .weekly-table table th.team-td, .weekly-table table td.team-td, .weekly-table .table-container table td:last-child{text-align:center; padding:5px 0px;} .weekly-table table th.team-td{position:relative;} .weekly-table table .team-td .star-label{left:0; right:0; top:1px; margin-left:8px;} .weekly-table table td.score-td, .weekly-table table td.margin-td{padding-left:1px; padding-right:1px;} .weekly-table table thead th.score-td, .weekly-table table thead th.margin-td{padding-left:1px; padding-right:1px;} .comps-popup-wrap .weekly-table table tr td{height:46px;} .weekly-table table th:last-child{padding:5px 3px 5px 0px;} .weekly-table table th.margin-td{font-size:14px;} .weekly-table table tbody tr td{border-bottom:1px solid #c3c5c7; padding:10px 3px; word-break:break-word; position:relative;} .weekly-table .table-container table td:last-child{padding:10px 3px 10px 0px;} .weekly-table table tbody tr:last-child td{border:0;} .weekly-table .team-td .icon{font-size:16px; color:#4aa331;} .weekly-table .team-td .icon.loss-tip-icon{color:#b92722;} .weekly-table table td.user-td{color:#00549e;} .weekly-table table td:first-child, .weekly-table table th:first-child{text-align:left; min-width:40px; width:40px;} .weekly-table .tm-icon{float:none; width:16px; min-width:16px; padding:1px 0; margin:0 auto 2px; border-radius:2px; overflow:hidden;} .weekly-table .tm-icon.active{background:#00549e;} .margin-td .margin-col span{float:none; width:16px; min-width:16px; min-height:18px; text-align:center; margin:0 auto 2px; border-radius:2px; opacity:0; display:flex; align-items:center; justify-content:center; clear:both;} .margin-td .margin-col .active{background:#00549e; color:#fff; opacity:1;} .user-td-title{cursor:pointer;} .result-td{width:100%; display:flex; justify-content:center;} .view-comp-modal-head{padding:30px 18px 10px 18px;} .view-comp-modal-title{float:left; width:100%; margin-top:20px;} .view-comp-modal-title h2{font-size:16px;} .view-comp-modal-title span{color:#00549e;} .view-comp-info p{font-size:12px; color:#404040; line-height:1.4em; margin-bottom:25px;} .view-comp-list{float:left; width:100%;} .view-comp-list li{list-style:none; float:left; width:100%; font-size:12px; line-height:1.4em; margin-bottom:20px; padding-left:16px; position:relative;} .view-comp-list li:before{content:""; position:absolute; top:6px; left:0; width:6px; height:6px; background:#111; border-radius:100%;} .block-popup .view-comp-info p{font-size:15px; font-weight:700; margin-bottom:8px;} .leave-modal .leave-modal-title{padding:5px 8px 10px;} .leave-modal .popup-info .button-bar {padding: 5px 0px 12px;} .block-popup .view-comp-info .wcard{border-radius:3px; word-break: break-all; padding:20px 20px;} .block-popup .popup-info .button-bar {padding:8px 0 0;} .block-popup .button-bar-outer, .leave-modal .button-bar-outer{margin:0 -4px;} .block-popup .button-bar-outer .col, .leave-modal .button-bar-outer .col{padding:0 4px;} .modal .button-bar-outer .col{flex:inherit; min-width:100px;} .modal.view-comp-modal .button-bar-outer .col{flex:1; min-width:auto;} .modal .button-bar-outer .col + .col{flex:1;} .modal .button-bar-outer .btn{border-radius:3px;} .points-margin-info .wcard{padding:0px 18px 8px;} .points-margin-info-outer p{color:#111; line-height:1.4em;} .points-margin-info-outer p span{color:#000;} .lader-table{float:left; width:100%;} .table_outer{float:left; width:100%; background:#fff; position:relative;} .lader-table .table_outer{overflow:hidden;} .lader-table .table-container{float:left; width:100%; margin-left:0; padding-bottom:1px; box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1); padding: 0 16px;} .lader-table .table-container table{ width:100%; white-space:nowrap; border-spacing:0; margin:0; padding:0;} .lader-table .table-container table tbody tr td, .lader-table .table-container table thead tr th{color:#111111; font-size:12px; padding:8px 4px; line-height:20px; text-align:center; font-weight:normal; border-bottom: 1px solid #DEE1E3;} .lader-table .table-container table thead tr th{border:0;} .lader-table .table-container table thead:after{position:absolute; top:37px; left:-16px; right:-16px; height:1px; background:#e5e5e5; content:'';} .lader-table .table-container table tbody tr:last-child td{border-bottom:0;} .lader-table .table-container table thead tr th a{color:#686B70; font-size:11px;} .lader-table .table-container table thead tr th a:hover{color:#686B70;} .lader-table .table-container table thead tr, .lader-table .table-container table thead tr th.sticked-1, .lader-table .table-container table thead tr th.sticked-2, .lader-table .table-container table thead tr th{color:#111; background:#fff;} .lader-table .table-container table .sticked-1{width:26px; text-align: left;} .lader-table .table-container table tr td.sticked-1{ padding-left:6px;} .lader-table .table-container table thead tr th.sticked-1, .lader-table .table-container table tbody tr td.sticked-1{padding-left:0;} .lader-table .table-container table .sticked-2{width:170px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;} .lader-table .table-container table tbody tr{background:#fff;} .lader-table .table-container table tbody tr img.team_icon{display:inline-block; width:20px; vertical-align:middle; margin-right:8px;} .lader-table .table-container table tbody tr .wdl{display:inline-block; float:none; width:18px; height:18px; line-height:20px;} .lader-table .table-container table tbody tr .wdl_bx{border-radius:1px; color:#fff; display:inline-block; float:none; font-size:11px; height:18px; width:26px; line-height:19px; margin-right:2px; text-transform:uppercase; text-align:center; position:relative;} .lader-table .table-container table tbody tr .wdl.draw{background-color:#ffc306;} .lader-table .table-container table tbody tr.selected, .lader-table .table-container table tbody tr.selected td, .lader-table .table-container table tbody tr.selected td.sticked-1, .lader-table .table-container table tbody tr.selected td.sticked-2{color:#111111; font-weight:bold;} .lader-table .table-container table tbody tr td.sticked-1, .lader-table .table-container table tbody tr td.sticked-2 a{color:#111111;} .lader-table .table-container table tbody tr.selected td.sticked-1, .lader-table .table-container table tbody tr.selected td.sticked-2 a {color: #111111;} .table-arrow{display:inline-block; font-size:9px; color:#fff;} .table-line{padding:10px 10px 10px; font-size:14px; font-weight:normal; background:#fff;} .table-line p{font-size:14px; font-weight:normal; color:#111111; display:flex; align-items:center; height:30px; vertical-align:middle;} .lader-table .table-container table thead tr th a span{vertical-align:middle; display:inline-block; margin-top:-3px;} .lader-table .table-container table thead tr th a span i{width:10px; float:left; display:none; font-size:8px; height:6px; color:#c3c3c3;} .lader-table .table-container table thead tr th a span i.active{display:inline-block; color:#c3c3c3;} .lader-table .table-container table th.sticked-2{text-align:left;} .lader-table .ladr-cell, .lader-table .odds-cell, .lader-table .form-cell, .lader-table .reco-cell, .lader-table .bet-cell, .lader-table .qtr-cell{display:none;} .lader-table.ladr-data .ladr-cell, .lader-table.odds-data .odds-cell, .lader-table.form-data .form-cell, .lader-table.reco-data .reco-cell, .lader-table.bet-data .bet-cell, .lader-table.qtr-data .qtr-cell{display:table-cell;} .lader-table .ladr-cell.no_result_cls{display:none;} .lader-table h3.title{background:none; color:#111111; font-size:14px; float:left; width:100%; line-height:36px; height:46px; margin:0;} .table-wcard{float:left; width:100%;} .lader-table a.ladder-bet{display:inline-block; border:1px solid #bababa; box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border-radius:3px; -webkit-border-radius:3px; line-height:14px; padding:2px 3px; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f0efef)); cursor:pointer; color:#333;} .lader-table .table-container table tbody tr:nth-of-type(2n+1) a.ladder-bet{background:-webkit-gradient(linear,0 0,0 100%,from(#eceff4),to(#e6e6e6));} .lader-table a.ladder-bet:hover, .lader-table a.ladder-bet.active, .lader-table .table-container table tbody tr:nth-of-type(2n+1) a.ladder-bet.active, .lader-table .table-container table tbody tr:nth-of-type(2n+1) a.ladder-bet:hover{background:#00549e; border-color:#00549e; color:#fff;} .table-heading{float:left; width:100%; padding:8px 10px; margin-top:6px;} .table-heading span{float:left; width:100%; color:#686B70; font-size:12px;} .table-heading span.conf-heading{font-weight:500; padding-bottom:4px; font-size:14px; color:#111;} .season_results{float:left; width:100%;} .season_schedule .wdl{margin:0;} .team_schedule .result samp{margin-right:10px;} .tabs_outer{padding:0; float:left; width:100%; position:relative;} .season_results .analysis-tabs{background:#fff; padding:14px 10px 15px; margin-bottom:0;} .season_schedule .review_wrap .review_outer .match-list ul li a:after{display:none;} .leader-modal-head{padding:12px 10px 10px 10px; background:#ffffff; position:sticky; top:0; z-index:11;} .leader-modal-title{float:left; width:100%; margin-top:0px;} .leader-modal-title h2{font-size:16px;} .match-info-modal-head{padding:12px 10px 10px 10px; background:#ffffff; position:sticky; top:0; z-index:11;} .match-info-modal-title{float:left; width:100%; margin-top:0px;} .match-info-modal-title h2{font-size:16px;} .match-info-modal .modal-outer{background:#f2f2f2;} .match-info-modal .head-2-head .wcard{background:#f2f2f2;} .match-info-modal .season_results h3.title, .match-info-modal .match-schedule h3.title{background:#f2f2f2; margin-bottom: 10px;} .match-info-modal .head-2-head .view-more{background:#fff; border:0;} .season_results{float:left; width:100%;} .season_results h3.title, .match-schedule h3.title{float:left; width:100%; background:#ffffff; color:#111; font-size:14px; text-align:left; font-weight:700; padding:14px 10px 0px;} .analysis-tabs{float:left; width:100%; padding:0px; margin-bottom:5px;} .analysis-tabs ul.tabs-nav{float:left; width:100%; display:table; table-layout:fixed;} .analysis-tabs ul.tabs-nav li{display:table-cell; text-align:left; border-right:1px solid #DEE1E3; background:#fff; color:#111; font-size:14px; z-index:98;} .analysis-tabs ul.tabs-nav li a{display:block; font-size:14px; color:#111; background:#fff; padding:3px 36px 6px 8px; line-height:17px; position:relative; overflow:hidden;} .analysis-tabs ul.tabs-nav li a:hover, ul.tabs-nav li a:focus{color:#111;} .analysis-tabs ul.tabs-nav li.active a:after{display:none;} .analysis-tabs ul.tabs-nav li:first-child a{padding-left:0;} .analysis-tabs ul.tabs-nav li:last-child a{padding-right:26px;} .analysis-tabs ul.tabs-nav li:last-child, ul.tabs-nav li:last-child a{border-right:0;} .analysis-tabs ul.tabs-nav li a i.check{float: left; height:20px; width:20px; border-radius:2px; position:absolute; top:5px; right:10px; border:2px solid #bfbfbf; text-align:center; margin-top:-2px; border-radius:50%;} .analysis-tabs ul.tabs-nav li a i.check:after{position:absolute; top:0; left:-1px; width:100%; text-align:center; color:#fff; font-size:12px; content:'\e037'; font-family:'Sportsbet-Icons'; line-height:16px;} .analysis-tabs ul.tabs-nav li.active a i.check, .odds-fluctuations ul.tabs-nav li.active a i.check{background:#00549e; border-color:#00549e;} .tabs-container{float:left; width:100%;} .analysis-tabs ul.tabs-nav li:last-child a i.check{right:0;} .tabs-container .tab-content{float:left; width:100%; display:none;} .analysis-tabs ul.tabs-nav li a input[type="radio"]{opacity:0; position:absolute; top:0; left:0; height:100%; width:100%; cursor:pointer; z-index:1;} .analysis-tabs ul.tabs-nav li a span.team-name{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;} .team_schedule{float:left; width:100%; box-shadow:0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1); padding:0; margin-bottom:16px;} .team_schedule .wcard{padding: 0px; box-shadow:0px;} .team_schedule .wcard ul li .match-list ul, .team_schedule .wcard ul li ul.results-points{border-bottom:none;} .team_schedule .wcard ul li .review_outer{padding-bottom:0px;} .team_schedule > .wcard-outer > ul{float:left; width:100%; background:#fff;} .team_schedule .wcard-outer > ul > li{float:left; width:100%; display:none;} .team_schedule .wcard-outer > ul > li .match-list > ul > li{padding:9px 16px 0; border:0; padding-bottom:0; box-shadow:none;} .team_schedule > .wcard-outer > ul.accordin-ul > li:first-child{border-top:0;} .team_schedule ul li{ display:none;} .team_schedule ul li .points-area ul li { display:block;} .team_schedule ul li:first-child, .team_schedule ul li:nth-child(2),.team_schedule ul li:nth-child(3), .team_schedule ul li:nth-child(4), .team_schedule ul li:nth-child(5){ display:block; font-smooth:inherit;} .team_schedule .wcard > ul.accordin-ul.show-list > li{display:block;} .team_schedule ul li a{display:flex; justify-content:space-between; padding:14px 10px 15px; position:relative; overflow:hidden; position:relative;} .team_schedule ul li:first-child a:after{display:none;} .team_schedule ul li a:after{background:#eaeaea; position:absolute; height:1px; left:16px; right:16px; top:0; content:''; float:left;} .team_schedule .vs-at{display:inline-block; color:#111111; font-size:12px; vertical-align:middle; width:20px; text-transform:uppercase; color:#686B70;} .team_schedule ul li a > .vs-at{font-size:11px; color:#1c75bc; font-weight:normal; text-transform:none; width:12px;} .team_schedule figure{display:inline-block; height:16px; width:16px; overflow:hidden; vertical-align:middle; margin:0 6px 0 0;} .team_schedule figure img{width:100%; height:100%; float:left;} .team_schedule .team_name{display:inline-block; flex:1; color:#111111; font-size:12px; vertical-align:middle; width:calc(100% - 210px); padding-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .team_schedule .team_name span{display:inline-block; vertical-align:middle; font-size:14px; color:#00549E; font-weight:normal; min-width:30px;} .team_schedule .team_name span.vs-at{color:#00549E; font-size:14px; width:14px; text-align:center; min-height:inherit;} .team_schedule .team_name span small{font-size:12px;} .team_schedule .round-dt {text-align: center;width: auto; font-weight:normal; font-size: 11px;color: #686B70;position: absolute; left: 0; right: 0; top:15px;} .team_schedule .round-dt sup{font-size:18px; line-height:4px; vertical-align:middle;} .team_schedule .result{float:right; width:110px; text-align:right;} .team_schedule .result b{font-weight:bold;} .team_schedule .result .wdl{display:inline-block; float:none; vertical-align:middle; border-radius:2px;} .team_schedule .result samp{display:inline-block; color:#111111; font-size:14px; vertical-align:middle; font-weight:normal;} .team_schedule .result i.icon{ font-size:12px; color:#bfbfbf;transition:all 0.3s ease 0s; margin-left:5px;} .team_schedule ul li.open .result i.icon{transform:rotate(180deg); transition:all 0.3s ease 0s;} .team_schedule.show > .wcard-outer > ul > li{ display:block;} ul li.walkover{pointer-events:none;} .team_schedule > .wcard-outer > ul.accordin-ul > li.walkover .result{padding-right:20px;} ul.accordin-ul2 > li.walkover > a i.acc-arrow{opacity:0;} .match-heading{text-align:center;} .match-heading h3{background:#fff; float:left; width:100%; text-align:left; padding:8px 12px; font-size:14px; color:#111; border-bottom:1px solid #DEE1E3; font-weight:bold; margin-bottom:-1px; position:relative; z-index:1;} .match-info-modal .team_schedule{margin-bottom:0px;} .match-info-modal .match-schedule{margin-top:16px;} .match-list .accordin-ul2 > li > a{float:left; width:100%; position:relative;} .match-list .accordin-ul2 > li > a .block{padding-right:0;} .match-list .accordin-ul2 > li > a .acc-arrow{font-size:12px; color:#bfbfbf;transition:all 0.3s ease 0s; margin-left:5px; position:absolute; top:65px; right:16px;} .match-list .accordin-ul2 > li.open > a .acc-arrow{transform:rotate(180deg); transition:all 0.3s ease 0s;} .match-list > .accordin-ul2 > li{padding-bottom:0;} .match-list > .accordin-ul2 > li p.extra_time{color:#fff; padding:8px 10px; border-bottom:1px solid rgba(132,132,132,0.25); margin-top:8px;} .match-list > .accordin-ul2 > li p.extra_time:after{display:none;} .match-stats .wcard-outer, .records .wcard-outer { padding-bottom:8px;} .match-stats .wcard-outer:last-child, .records .wcard-outer:last-child{ padding-bottom:0px;} .match-stats .bwl-subheader{ padding-bottom:0px;} .match-stats .sec-outer p{ text-align:left; color:#111;} .match-stats .sec-outer p span{font-weight:bold; display:contents;} .match-stats .sec-outer{padding:0;} .match-stats .bwl-subheader h2{margin-bottom:5px;} .h2h-sec.records.b-l-win.night-rd .wcard{padding:0 16px 16px;} .h2h-sec.records.b-l-win.night-rd .night-rcrd .wcard{padding:0 0 10px;} .h2h-sec.records .layer{ padding:14px 0; border-bottom:1px solid #e6e6e6;} .h2h-sec.records .layer:last-child{ border-bottom:0; padding-bottom:0;} .fav-rcrd{ border-bottom:1px solid #e6e6e6; padding:16px 0; float:left; width:100%; text-align:center;} .fav-rcrd:last-child{ border-bottom:0; padding-bottom:0;} .fav-rcrd .tm-one, .fav-rcrd .tm-two{ float:left; position:relative; width:70px;} .fav-rcrd .tm-one .pie_chart, .fav-rcrd .tm-two .pie_chart{float:left; width:100%; position:relative;} .fav-rcrd .tm-two{ float: right;} .fav-rcrd .tm-one .rcr-text, .fav-rcrd .tm-two .rcr-text{ position:absolute; top:27px; left:0; right:0; margin:0 auto; font-size:14px; font-weight:bold; z-index:1; } .fav-rcrd .content{ width: 45%; display:inline-block; text-align:center; margin:0 auto;} .fav-rcrd .content h2{ font-size:14px; text-transform:none; font-weight:normal; padding-bottom:8px;} .fav-rcrd .content p{ font-size:14px; color:#595959; font-weight:normal;} .review_wrap { float: left; width: 100%; height: 100%; background: #142841; color:#fff; display:none; position:relative;} .review_wrap.show{left:0;} .review_outer{float:left; width:100%; height:100%; overflow:auto; padding-bottom:5px; -webkit-overflow-scrolling:touch;} .team-card{float:left; width:100%; height:40px; padding:0 10px; text-align:center; background:#00549e; line-height:40px;} .team-card a{color:#fff; font-size:13px; line-height:normal;} .team-card small{color:rgba(255,255,255,0.8); font-size:11px; line-height:normal;} .event-subheader.review-event{background:#fff; text-align:center; height:auto; padding:5px 0; border:0;} .review-event .event-title-time span, .review-event .event-stadium span{color:#111111;} .review-event .event-stadium .icon{color:#111111; font-size:18px; opacity:0.43;} .review_outer .match-schedule .sec-outer{padding:0;} .match-schedule{float:left; width:100%; margin-bottom:16px; margin-bottom:16px;} .match-info-modal .match-schedule{margin-bottom:0px;} .review_outer .match-list ul li .block{padding-right:0;} .review_outer .match-list ul li .event-stadium .icon{margin-right:0;} .betting-area{float:left; width:100%; padding-top:0;} .betting-area h2{font-size:13px; color:#111111; font-weight:normal; padding-bottom:8px; padding-left:10px;} .points-area{float:left; width:100%;} .points-area h4{text-transform:uppercase; font-size:11px; color:#111111; padding-bottom:4px;} .points-area ul{float:left; width:100%; padding:0 16px;} .points-area ul li{float:left; width:100%; border-bottom:1px solid rgba(132,132,132,0.25); padding:10px 16px;} .points-area ul li:last-child{border-bottom:none;} .points-area ul li .pull-left{padding-left:8px;} .points-area ul li .pull-left span, .points-area ul li .pull-right span{font-size:13px; color:#111111; font-weight:normal; display:inline-block; vertical-align:middle;} .points-area ul li .pull-right figure{display:inline-block; width:16px; height:16px; overflow:hidden; vertical-align:middle; margin:0 0 0 9px;} .points-area ul li .pull-right figure img{height:100%; float:left; width:100%;} .points-area ul li .pull-right small, .points-area ul li .pull-right span{font-size:14px; font-weight:normal; display:inline-block; color:#ffffff; vertical-align:middle;} .winning-margins{float:left; width:100%; padding:0 10px;} .winning-margins.losing{padding-top:10px;} .match-records{float:left; width:100%;} .match-records ul li{padding:2px 0;} .betting-area .review-space{padding:0; float:left; width:100%;} .betting-area .points-area{background:#fff; padding-top:0;} .betting-area .points-area .winning-margins, .betting-area .points-area .match-records{background:#fff;} .review_wrap .betting-area .points-area .match-records{background:#142841;} .betting-area .points-area ul li .pull-left{padding-left:0;} .results-points .rows{float:left; width:100%; padding:10px 0;} .results-points .rows .pull-right{text-align:right;} .mid-wrapper.review_wrapper{margin:0;} .review_wrap.review-page{background:#F0F1F2; float:left; width:100%; margin:0 0 16px 0; box-shadow:none; display:block;} .review_wrapper .review_wrap:after{display:none;} .review-page .match-list .score-row .pull-left span{color:#111;} .review-page .betting-area .points-area{box-shadow:0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);} .review-page .match-list ul li .event-title-time span{color:#111;} .review-page .match-list ul li .score-row .pull-left .vs-at{color:#686B70;} .review-page .review_outer .match-list ul li .score-row.tbl-hdng .right_cell span, .review-page .review_outer .match-list ul li .score-row .right_cell span, .review_wrap.review-page .match-list ul li .event-title-time span{color:#686B70;} .review-page .match-list ul li .score-row .right_cell span:last-child{color:#111111;} .review-page .points-area ul li .pull-left span, .review_wrap.review-page .points-area ul li .pull-right span, .review-page .points-area ul li .pull-right small{color:#111;} .review-page .match-list ul li, .review-page .betting-area .points-area .match-records{background:#fff; } .review-page .points-area ul li .pull-left span, .review-page .match-list ul li .event-title-time span{font-weight:normal;} .match-list{float:left; width:100%;} .sec-outer > .match-list > ul{float:left; width:100%;} .match-list > ul > li{float:left; width:100%; background:#fff; margin-bottom:0; margin-top:8px; padding:7px 12px 8px;cursor: pointer; display:none; position:relative; overflow:hidden;} .match-list > ul > li:first-child {margin-top: 0;} .match-list > ul.accordin-ul2 > li{ padding-left:0px; padding-right:0px; border-bottom:1px solid #d9d9d9;} .match-list > ul.accordin-ul2 > li > a{ padding:0 10px; display:block; padding-bottom:8px;} .match-list > ul.accordin-ul2 > li.open{ padding-bottom:0px;} .review_wrap .match-list ul li{display: block;} .sec-outer > .match-list > ul > li:first-child, .sec-outer > .match-list > ul > li:nth-child(2){ display:block;} .sec-outer > .match-list > ul.show-list li{ display:block;} .review_wrap .match-list ul li, .review_wrap .match-list ul li .event-subheader{ background:none;} .review_wrap .match-list ul li .event-subheader{float:left; width:100%; margin-bottom:10px; } .review_wrap .match-list ul li .event-title-time{float:left; width:100%; text-align:left;} .review_wrap .match-list ul li .event-title-time span{color:#fff;} .match-list ul li .block{padding:0 18px 0 0; position:relative;} .match-list ul li .block a.icon-chevron-right{position:absolute; top:calc(100% - 54px); right:-5px; font-size:14px; color:#00549d;} .match-list ul li .score-row{width:100%; float:left; padding:4px 0; line-height:16px;} .team_schedule ul.accordin-ul > li .match-list ul li .score-row{padding:2px 0;} ul.accordin-ul .match-list ul li .score-row .pull-left{width:auto;} .match-list ul li .score-row .pull-left .vs-at{float:left; width:20px; color:#686B70; line-height:14px;} .match-list ul li .score-row:first-child{border:0;} .match-list ul li .score-row .right_cell{float:right; width:auto; font-size:13px;} .match-list ul li .score-row.tbl-hdng .right_cell{font-size:11px; padding-right:30px;} .match-list ul.accordin-ul2 li .score-row.tbl-hdng .right_cell{padding-right:0;} .match-list ul li .score-row.tbl-hdng .right_cell span{color:#fff; font-size:11px; font-weight:normal;} .match-list ul.accordin-ul2 li .score-row.tbl-hdng .right_cell span{color:#111; font-size:11px; font-weight:normal;} .match-list ul li .score-row .right_cell span{float:left; width:32px; text-align:center; color:#111; text-align:right; font-size:14px; font-weight: normal;} .review_wrap .match-list ul li .score-row .right_cell span, .review_wrap .match-list ul li .score-row .right_cell span.loss, .review_wrap .points-area ul li .pull-left span, .review_wrap .match-list ul li .score-row .pull-left .vs-at, .review_wrap .match-list .score-row .pull-left span{color:#fff;} /*.match-list ul li .score-row .right_cell span:last-child{border-right:0px; color:#111111; font-weight:normal; text-align:right;}*/ .match-list ul li .score-row.tbl-hdng .right_cell span:last-child{color:#fff;} .match-list ul.accordin-ul2 li .score-row.tbl-hdng .right_cell span:last-child{color:#111;} .match-list ul li .score-row.tbl-hdng .right_cell span:last-child{font-weight:normal;} .match-list ul li .score-row.loss .right_cell span:last-child{ border-right:0px; color:#bfbfbf;} .match-list ul li .score-row .right_cell small{margin:0 4px 0 10px; border-radius:2px; font-family:'Roboto', sans-serif;} .match-list ul li .score-row .right_cell span.loss{color:#686B70; font-weight:normal;} .match-list ul li .score-row .right_cell span.win{color:#111; font-weight:500;} .match-list ul li .score-row .right_cell span:last-child{font-weight:bold;} .match-list ul li .score-row.tbl-hdng .right_cell span:nth-last-child(2){font-weight:normal;} .match-list .score-row .pull-left a{float:left; line-height:12px; padding:0; margin-top:2px;} .match-list .score-row .pull-left figure{display:inline-block; float:left; width:16px; height:16px; overflow:hidden; vertical-align:middle; margin-right:10px;} .review_wrap .match-list .score-row .pull-left figure{margin-top:0px;} .match-list .score-row .pull-left figure img{width:100%; height:100%; float:left;} .match-list .score-row .pull-left span{display:inline-block; font-size:14px; color:#00549E; font-weight:normal; vertical-align:middle; text-transform:none;} .match-list ul li .event-subheader{height:auto; padding:1px 0 0;} .match-list ul li .event-title-time span, .match-list ul li .event-stadium span{color:#686B70; font-weight:normal;} .match-list ul li .event-stadium .icon{color:#111; font-size:18px; margin-right:18px; opacity:0.43;} .match-list ul li .event-stadium a.icon{color:#111; font-size:12px; margin-top:2px;} .match-list ul li .event-stadium span{color:#111; width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:4px;} .match-list.show > ul > li{ display:block;} .show_matches, .show-default{float:left; width:100%; position:relative; overflow:hidden;} .show_matches a, .show-default a{float:left; width:100%; background:#fff; padding:12px 0; font-size:14px; text-align:center; color:#111; font-weight:normal; cursor:pointer;} .accordin-ul .match-list ul li .score-row.tbl-hdng .right_cell, .review-page .match-list ul li .score-row.tbl-hdng .right_cell{padding-right:0;} .match-list > ul.accordin-ul2 > li .event-subheader, .review_wrap.review-page .match-list ul li .event-subheader{border-bottom:1px solid #DEE1E3; padding-bottom:7px; margin-bottom:5px;} .sub-accordian .accordin-ul{padding:0;} .sub-accordian .accordin-ul li, .sub-accordian .accordin-ul li > span{cursor:pointer;} .team_schedule ul.accordin-ul .sub-accordian{padding-bottom:0;} .team_schedule ul.accordin-ul .sub-accordian .accordin-ul li{padding:0; box-shadow:none; border:0; background:none;} .team_schedule .sub-accordian .accordin-ul li a{float:left; width:100%;} .team_schedule .sub-accordian .accordin-ul li a .rows{padding:0;} .sub-accordian .accordin-ul li a .pull-right i, .sub-accordian .accordin-ul2 li a .pull-right i{font-size:12px; color:#fff;transition:all 0.3s ease 0s; margin-left:5px;} .sub-accordian .accordin-ul li.open a .pull-right i, .sub-accordian .accordin-ul2 li.open a .pull-right i{transform:rotate(180deg); transition:all 0.3s ease 0s;} .team_schedule .sub-accordian .accordin-ul li .data-container, .points-area ul li.sub-accordian ul.accordin-ul2 .data-container{display:none; margin:0 0 -3px; overflow:hidden; clear:both; padding:0; border-top:1px solid rgba(151,151,151,0.28); border-bottom:1px solid rgba(151,151,151,0.28); position:relative; background:#1d3a5f;} .review_wrap.review-page .sub-accordian .accordin-ul li .data-container{display:none; float:left; width:100%; border-top:1px solid rgba(151,151,151,0.28);} .review_wrap.review-page .accordin-ul li span .pull-right i{ font-size:12px; color:#bfbfbf;transition:all 0.3s ease 0s; margin-left:5px;} .review_wrap.review-page .accordin-ul li.open span .pull-right i.icon{transform:rotate(180deg); transition:all 0.3s ease 0s;} .points-area ul li.sub-accordian, .points-area ul li.sub-accordian ul.accordin-ul2{padding:0;} .sub-accordian .accordin-ul li a .pull-right small, .sub-accordian .accordin-ul2 li a .pull-right small{color:#fff;} .first_batted{float:left; width:100%; text-align:right; margin-top:8px;} .first_batted .wcard{padding:12px 16px;} .first_batted span{color:#111111; text-align:right; font-size:14px; font-family: 'Roboto', sans-serif;} .first_batted i{font-size:16px; color:#111111; margin-top:-1px; padding-right:3px;} .match-schedule .wcard{padding:0;} .table-container table .sticked-1{width:26px; text-align:left;} .table-container table tr td.sticked-1{padding-left:6px;} .table-container table thead tr th.sticked-1, .table-container table tbody tr td.sticked-1 {padding-left:0;} .view-more{float:left; width:100%; border-top:1px solid #d9d9d9;} .view-more a{float:left; width:100%; padding:12px 10px; text-align:center; color:#00549e; font-size:12px;} .show-more i{font-size:20px;} .show-more.active i{-webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .view-more a .less-active, .view-more a.active .show-active{display:none;} .view-more a.active .less-active{display:inline-block;} .bdr-top0{border-top:0 !important;} .view-more.bdr-top0 a{border-top:0 !important;} .pt-0{padding-top:0!important;} .pb-3{padding-bottom:14px !important;} .mt-3{margin-top:14px !important;} .mb-3{margin-bottom:14px !important;} .px-0{padding-left:0 !important; padding-right:0 !important;} .pt-4, .py-4{padding-top:20px !important;} .pb-4, .py-4{padding-bottom:20px !important;} .mt-4, .my-4{margin-top:20px !important;} .mb-4, .my-4{margin-bottom:20px !important;} .ladder-card-wrap .select-box.super-friend-select-box, .invite-card-wrap .select-box.super-friend-select-box{margin-bottom:0;} .invite-card-wrap .card-outer{padding:0 18px;} .invite-info .dot-list li{margin-bottom:8px;} .invite-info .comp-name{margin-bottom:12px; padding-bottom:4px;} .invite-info .invite-mates .block{margin-bottom:8px;} .invite-info .comp-code{margin-bottom:28px;} .invite-info .comp-code-outer{padding: 2px 10px 6px; height:48px; display:flex; align-items:center; justify-content:center;} .invite-info .comp-code-outer span{font-size:36px; line-height:0.6em;} .invite-info .share-options .col{margin-bottom:8px;} .invite-info .share-options .col .btn i{font-size:22px;} .invite-info .share-options .col .btn{height:48px; line-height:48px;} .invite-info .share-options .col .btn span{max-width:inherit; flex:inherit;} .invite-detail-wrap .button-bar{padding:15px 18px; margin-top:20px;} .popup-info .highlights-card .wcard{padding:0 16px; box-shadow:none; margin-bottom:0;} .popup-info .button-bar{padding:20px 8px;} .tipping-modal .popup-info .button-bar{padding:20px 0px;} .tipping-header{float:left; width:100%; border-bottom:1px solid #c3c5c7; padding-bottom:15px;} .tipping-header span{float:left; width:100%; text-align:center; color:#686b70; padding-bottom:8px;} .tipping-title-icon{float:left; width:100%; display:flex; align-items:center; justify-content:center;} .tipping-title-icon h3{font-size:16px;} .tipping-title-icon .icon{color:#b92722; margin-right:8px;} .tipping-title-icon .icon.icon-rugby-new{color:#1c75bc;} .tipping-modal .modal-outer{border-radius:0;} .tipping-modal .highlights-info .col{padding:20px 0;} /*ERROR PAGE CSS*/ .error-page-outer{position:fixed; top:0; left:0; height:100%; width:100%; background:#e8e8e8;} .error-page-outer .empty-wrap{position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center;} .empty-wrap .empty-mid{margin:0 auto 15px auto; display:table;} .empty-wrap .empty-mid figure{width:136px; height:136px; margin:0 auto 12px; border-radius:50%; -webkit-border-radius:50%; background:#d5d5d5; text-align:center; border:1px solid rgba(255,255,255,0.1);} .empty-wrap .empty-mid figure img{width:100%;} .empty-wrap .empty-mid figure i{font-size:92px; color:#fff; line-height:136px;} .empty-wrap .empty-mid h2{text-align:center; font-size:16px; color:#111; font-weight:bold; margin-bottom:4px;} .empty-wrap .empty-mid p{text-align:center; color:#686b70; font-size:14px; line-height:20px;} /*Waring Modal CSS*/ .waring-modal-info{float:left; width:100%; padding:34px 20px; text-align:center;} .waring-modal-info h2{float:left; width:100%; color:#000; font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:0;} .waring-modal-info .modal-logo figure{max-width:314px;} .waring-modal-info .modal-logo{margin-bottom:10px;} .waring-modal .modal-outer{max-width:430px;} .waring-modal .popup-info .button-bar{padding:0; margin-top:24px;} /*Leave Modal CSS*/ .leave-modal .modal-outer, .block-popup .modal-outer{max-width:430px;} .leave-modal-info{padding:0 12px;} .leave-modal-title{padding:25px 8px 10px;} .leave-modal-title h2{font-size:15px; font-weight:700;} .leave-modal-info .btn{line-height:48px;} /*Tooltip CSS*/ .tooltips{position:relative;overflow:visible} .tooltips span{position:absolute;color:#FFF;background:#000;padding:5px 10px;width:140px;text-align:center;visibility:hidden;opacity:0;filter:alpha(opacity=0);transition:transform .3s, opacity .6s, margin-left .2s, margin-top .2s} .tooltips > span img{max-width:140px} .tooltips[tooltip-position="top"] span{margin-left:0px;-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);line-height:1.4em;font-weight:400;text-align:center !important;} .tooltips[tooltip-position="bottom"] span{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)} .tooltips[tooltip-position="left"] span{margin-top:30px;-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)} .tooltips[tooltip-position="right"] span{margin-top:30px;-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)} .tooltips span:after{content:'';position:absolute;width:0;height:0} .tooltips[tooltip-position="top"] span:after{top:100%;left:50%;margin-left:-8px;border-top:8px solid black;border-right:8px solid transparent;border-left:8px solid transparent} .tooltips[tooltip-position="bottom"] span:after{bottom:100%;left:50%;margin-left:-8px;border-bottom:8px solid black;border-right:8px solid transparent;border-left:8px solid transparent} .tooltips[tooltip-position="left"] span:after{top:50%;left:100%;margin-top:-8px;border-left:8px solid black;border-top:8px solid transparent;border-bottom:8px solid transparent} .tooltips[tooltip-position="right"] span:after{top:50%;right:100%;margin-top:-8px;border-right:8px solid black;border-top:8px solid transparent;border-bottom:8px solid transparent} .tooltips:hover span{visibility:visible;opacity:1;z-index:999;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);filter:alpha(opacity=100)} .tooltips[tooltip-position="top"]:hover span{bottom:50px;left:50%;transform:translateX(-50%);} .tooltips[tooltip-position="bottom"]:hover span{top:50px;left:50%;transform:translateX(-50%);} .tooltips[tooltip-position="left"]:hover span{right:100%;top:50%;margin-top:-15px;margin-right:15px} .tooltips[tooltip-position="right"]:hover span{left:100%;top:50%;margin-top:-15px;margin-left:15px} .tooltips[tooltip-type="primary"]>span{background-color:#2980b9} .tooltips[tooltip-type="primary"][tooltip-position="top"]>span:after{border-top:8px solid #2980b9} .tooltips[tooltip-type="primary"][tooltip-position="bottom"]>span:after{border-bottom:8px solid #2980b9} .tooltips[tooltip-type="primary"][tooltip-position="left"]>span:after{border-left:8px solid #2980b9} .tooltips[tooltip-type="primary"][tooltip-position="right"]>span:after{border-right:8px solid #2980b9} .tooltips[tooltip-type="success"]>span{background-color:#27ae60} .tooltips[tooltip-type="success"][tooltip-position="top"]>span:after{border-top:8px solid #27ae60} .tooltips[tooltip-type="success"][tooltip-position="bottom"]>span:after{border-bottom:8px solid #27ae60} .tooltips[tooltip-type="success"][tooltip-position="left"]>span:after{border-left:8px solid #27ae60} .tooltips[tooltip-type="success"][tooltip-position="right"]>span:after{border-right:8px solid #27ae60} .tooltips[tooltip-type="warning"]>span{background-color:#f39c12} .tooltips[tooltip-type="warning"][tooltip-position="top"]>span:after{border-top:8px solid #f39c12} .tooltips[tooltip-type="warning"][tooltip-position="bottom"]>span:after{border-bottom:8px solid #f39c12} .tooltips[tooltip-type="warning"][tooltip-position="left"]>span:after{border-left:8px solid #f39c12} .tooltips[tooltip-type="warning"][tooltip-position="right"]>span:after{border-right:8px solid #f39c12} .tooltips[tooltip-type="danger"]>span{background-color:#c0392b} .tooltips[tooltip-type="danger"][tooltip-position="top"]>span:after{border-top:8px solid #c0392b} .tooltips[tooltip-type="danger"][tooltip-position="bottom"]>span:after{border-bottom:8px solid #c0392b} .tooltips[tooltip-type="danger"][tooltip-position="left"]>span:after{border-left:8px solid #c0392b} .tooltips[tooltip-type="danger"][tooltip-position="right"]>span:after{border-right:8px solid #c0392b} .create-comp-form-wrap .comps-form-outer{border-top:none; padding-top:0; margin-top:0;} .create-comp-form-wrap .btn.radius-btn{border-radius:8px;} .create-comp-form-wrap .private-comps-outer{border-top:1px solid #c3c5c7; padding-top:18px; margin-top:18px;} .create-comp-form-wrap .comps-detail{margin-bottom:18px;} .create-comp-form{float:left; width:100%;} .create-comp-form .form-group:last-child{margin-bottom:30px;} .create-comp-form .filed-label{font-size:14px; margin-bottom:5px;} .create-comp-form .form-control{font-size:12px; height:48px;} .comps-popup-wrap{float:left; width:100%; padding:16px 8px 0; top:calc(100% + 100px); position:fixed; height:calc(100% - 44px); -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; z-index:2;} .comps-popup-wrap.comp-popup-show{top:44px;} .comps-popup-container{float:left; width:100%; border-radius:8px 8px 0 0; background:#f0f1f2; box-shadow:0px 0px 4px rgba(20, 40, 65, 0.2); height:100%;} .comps-popup-wrap-outer{float:left; width:100%; border-radius:8px 8px 0 0; overflow:hidden; height:100%; display:flex; flex-direction:column;} .modal-scroll{float:left; width:100%; flex:1; overflow:hidden;} .comps-popup-head{float:left; width:100%; padding:5px 18px 8px; background:#fff; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1); position:relative; margin-bottom:16px;} .comp-popup-close-bar{float:left; width:100%; display:flex; justify-content:center; margin-bottom:8px; height:9px; align-items:center;} .comp-popup-close-bar .comps-popup-close{display:flex; height:40px; width:40px; align-items:center; justify-content:center;} .comp-popup-close-bar .comps-popup-close .close-icon{float:left; width:25px;} .comp-popup-close-bar .comps-popup-close .close-icon img{float:left; width:100%;} .comp-popup-head-title{float:left; width:100%;} .comp-title-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;} .comp-popup-head-title .icon-figure{width:24px; margin-right:6px;} .comp-popup-head-title .icon-figure img{width:100%; float:left;} .comp-popup-head-title .icon{font-size:22px; color:#b92722;} .comp-popup-head-title .icon.icon-rugby-new{color:#1c75bc;} .comp-popup-head-title .comp-type{width:auto; font-size:16px; font-weight:700;} .icon-figure, .weekly-table .team-td .icon{position:relative;} .weekly-table .team-td .icon-figure .star-label, .weekly-table .team-td .icon .star-label{width:auto; left:auto; right:-1px; top:-10px; margin:0; line-height:normal; font-size:16px; font-weight:700;} .weekly-table .team-td .icon-figure .star-label{font-weight:normal; font-size:15px;} .comps-popup-wrap .weekly-table table tr td .icon-figure img{width:16px;} .alive-members-bar{display:flex; align-items:center; justify-content:center; width:100%;} .alive-members-bar .col.col-left{margin-right:30px;} .alive-members-bar .icon{font-size:56px; color:#686b70;} .alive-members-bar .members-count{font-size:20px; text-align:center;} .alive-members-bar .members-count span{font-size:14px;} .alive-members-title{font-weight:500; font-size:14px;} .last-person-standing-alert.update-alert{margin:16px 0px;} .last-person-standing-alert.update-alert .alert-card-outer{padding:7px 8px;} .last-person-standing-alert .alert-content{flex-wrap:inherit; /*min-height:32px;*/ width:100%;} .last-person-standing-alert.update-alert .alert-content p{margin-top:0px; font-weight:500; line-height:1em; font-size:14px;} .last-person-standing-alert.update-alert .alert-icons .icon{color:#f68d00; font-size:22px;} .info-alert-msg.update-alert{margin:16px 0px; border: 0;} .info-alert-msg .alert-card-outer{padding:7px 8px;} .info-alert-msg .alert-content{flex-wrap:nowrap; width:100%;} .info-alert-msg .alert-content p{margin-top:0px; font-weight:normal; line-height:1.3em; font-size:13px;} .info-alert-msg .alert-icons .icon{color:#f68d00; font-size:22px;} .still-alive-alert{margin:16px 0px;} .still-alive-alert .alert-card-outer{padding:2px 8px; width:100%; background:#fff; border-radius:0px; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1);} .still-alive-alert .alert-content{flex-wrap:inherit; min-height:32px; width:100%;} .still-alive-alert .alert-content p{margin-top:0px; font-weight:500; line-height:1em; font-size:14px;} .still-alive-alert .alert-icons .icon{color:#4aa331; font-size:22px;} .card-outer.rmng-tippers-outer, .wcard.rmng-tippers-wcard{padding:0px;} .rmng-tippers-list{float:left; width:100%;} .rmng-tippers-table{float:left; width:100%;} .rmng-tippers-table .table-outer{padding:0px; margin-bottom:0px;} .rmng-tippers-table table{table-layout:fixed;} .rmng-tippers-table th.user-remaining, .rmng-tippers-table table th.round-picks{font-size:14px; font-weight:700; padding:15px 13px 7px; border-bottom:1px solid #c3c5c7;} .rmng-tippers-table table td.user-td{background:#f0f1f2;} .rmng-tippers-table table td.user-td, .rmng-tippers-table table td.team-td{color:#00549e; font-size:14px; padding:15px 13px; border-bottom:1px solid #c3c5c7;} .rmng-tippers-table table td.team-td .team-td-title{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; width:100%;} .rmng-tippers-table .leaderboard-table table tr th:first-child, .rmng-tippers-table .leaderboard-table table tr td:first-child{padding-left:15px; padding-right:15px;} .rmng-tippers-table th.user-remaining .icon-trophy{font-size:20px; position:relative; top:-2px; margin-right:5px; color:#fad701;} .user-td-title .icon-trophy, .team-td-title .icon-trophy{margin-right:5px; color:#fad701;} .still-alive-alert .alert-icons .icon-trophy{color:#fad701;} .tippers-picks-block{float:left; width:100%; padding:10px 10px;} .tippers-picks-block .title{font-size:20px; font-weight:700;} .tippers-picks-detail{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:7px;} .picks-team{display:flex; align-items:center;} .picks-team .team-fig{width:36px; min-width:36px;} .picks-team .team-fig img{float:left; width:100%;} .picks-team .team-detail{padding-left:5px;} .picks-team .team-detail .title{font-size:16px; text-transform:uppercase; text-align:left;} .picks-team .team-detail .picks{font-size:14px; font-weight:500; display:inline-block; width:100%;} .tippers-picks-detail .col{width:100%; max-width:calc(50% - 10px)} .tippers-picks-detail .col-left .picks-team{flex-direction:row-reverse;} .tippers-picks-detail .col-left .picks-team .title, .tippers-picks-detail .col-left .picks-team .picks{text-align:right;} .tippers-picks-detail .col-left .team-detail{padding-left:0px; padding-right:5px;} .rmng-tippers-table .picks-team .team-fig{width:19px; min-width:19px;} .last-person-standing-head{max-width:470px; margin:0px auto 16px;} .last-person-standing-body{max-width:470px; margin:0px auto;} .last-person-standing-body .members-wrap{margin-top:0px;} .last-person-standing-body .leaderboard-table thead th:last-child:after, .last-person-standing-body .leaderboard-table .selected td:last-child:after{right:0px;} .last-person-standing-body .leaderboard-table thead th{text-align:left !important; font-size:12px;} .last-person-standing-body .leaderboard-table tbody td{text-align:left !important; font-size:14px; color:#00549e;} .last-person-standing-body .leaderboard-table thead tr:last-child th{border-bottom:none !important; padding-bottom:15px;} .last-person-standing-body .leaderboard-table table tbody tr:last-child td{border-bottom:none !important;} .last-person-standing-body .leaderboard-table thead th:first-child:after, .last-person-standing-body .leaderboard-table thead th:last-child:after{display:none;} .last-person-standing-body .no-record.no-leaderboard{border-top:1px solid #c3c5c7;} .standing-popup .right-aside{margin-top:0px; display:none;} .standing-popup .card-wrap.about-info{margin:0px 0px 20px 0px;} .comp-popup-show-sticky{overflow:hidden;} .comp-popup-show-sticky .loading-wrapper.content-loader{display:none;} .last-person-standing-content .loading-wrapper.content-loader{height:66vh;} .comps-popup-body{float:left; width:100%; flex:1; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;} .comps-popup-wrap.creat-comp .comps-popup-body{height:calc(100vh - 156px);} .comps-round-card{margin-bottom:30px; padding:16px 8px;} .comps-round-card-outer{float:left; width:100%;} .comps-round-title{float:left; width:100%; text-align:center; font-size:12px; font-weight:700; margin-bottom:8px;} .comps-round-bar{float:left; width:100%; display:flex; justify-content:space-between;} .comps-round-bar p{float:left; width:100%; text-align:center; font-size:12px;} .comps-round-bar .round-num{display:block;} .comps-tab-card{float:left; width:100%;} .comps-tab-wrap{float:left; width:100%;} .comps-tab-bar{float:left; width:100%; padding:0 8px;} .comps-tab-bar .tabs-outer{float:left; width:100%; background:#fff; border-radius:25px; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1);} .comps-tab-bar li a{border-radius:25px; z-index:1; font-weight:700;} .comps-tab-bar li.active a{color:#fff; font-weight:700;} .comps-tab-bar li.active a:after{content:""; position:absolute; top:0; left:0; width:100%; background:#00549E; height:100%; z-index:-1;} .tab-content-wrap{float:left; width:100%;} .tab-content.active{display:block;} .super-friends-comp-popup-head .comp-popup-head-title .c-icon{color:#111;} .invite-mates-card{margin-bottom:30px; padding:10px 18px;} .invite-mates-card-outer{float:left; width:100%;} .invite-mates-title-bar{float:left; width:100%; display:flex; align-items:center; justify-content:space-between;} .invite-mates-share-block{margin-top:18px;} .invite-mates-copy-code-card .col{float:left; width:100%;} .invite-mates-copy-code-card .col.col-left{width:56%; padding-right:15px; max-width:200px;} .invite-mates-copy-code-card .col.col-right{width:44%; max-width:152px;} .comps-popup-body .wcard.leave-share-block{margin-bottom:30px;} .comps-round-bar{float:left; width:100%; display:flex; justify-content:space-between; padding:0 20px;} .mates-information-title, .inviting-mates-title{font-size:12px; color:#00549e; display:flex; align-items:center; cursor:pointer; position:relative; flex:auto; padding-right:20px;} .mates-information-title:after, .inviting-mates-title:after{content:'\e031'; font-family:'Sportsbet-Icons'; position:absolute; right:0; top:0; bottom:0; display:flex; align-items:center; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .mates-information-title.active:after, .inviting-mates-title.active:after{transform:rotate(-180deg); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .mates-information-title .icon{font-size:14px; margin-left:4px;} .invite-mates-title-bar .btn{line-height:34px; height:34px; padding:0 4px; min-width:102px; float:right;} .invite-mates-content-bar{float:left; width:100%; display:none;} .invite-mates-text-bar{float:left; width:100%; padding:14px 0; margin:8px 0; border-width:1px 0 1px 0; border-style:solid; border-color:#c3c5c7;} .inviting-mates-content-bar .invite-mates{padding:14px 18px 0; margin:8px 0 0; border-top:1px solid #c3c5c7;} .invite-mates-text-bar p{color:#000; margin-bottom:0;} .invite-mates-text-bar p + p{margin-top:14px;} .invite-mates-button-bar{float:left; width:100%;} .invite-mates-button-bar .col{float:left; width:100%;} .invite-mates-button-bar .edit-comp-btn{float:right;} .comps-tab-card .section-title{justify-content:flex-end;} .inviting-mates-content-bar .invite-mates .block{margin-bottom: 8px;} .inviting-mates-content-bar .comp-code{margin-bottom:28px;} .inviting-mates-content-bar .comp-code-outer{padding:2px 10px 6px; height:48px; display:flex; align-items:center; justify-content:center;} .invite-mates-title-bar .comp-code{margin-bottom:0;} .invite-mates-more-card{margin-bottom:30px;padding:16px 12px;} .invite-mates-mor-card-outer{float:left; width:100%;} .invite-mates-mor-card-outer .col{float:left; width:100%;} .invite-mates-mor-card-outer p{word-break:break-word;} .morecontent span{display:none;} .morelink{display:inline-block;} .iframe-content-modal{padding:0;} .iframe-content-modal .modal-contenier{padding:0;} .iframe-content-modal .modal-outer{min-height:100vh; display:flex; flex-wrap:wrap; padding:0;} .iframe-content-modal .modal-head{padding:0; position:absolute; right:0px; top:0;} .iframe-content-modal .modal-head .popup-close{color:#fff;} .iframe-content-modal .modal-body{flex:1;} .iframe-content-modal .iframe-popup-info{height:100%;} .iframe-popup-info iframe{height:100%; width:100%; border:none;} .alert-card.auto-tipped-alert-card{padding:0 18px; margin-top:10px;} .auto-tipped-alert-card .alert-card-outer{width:100%;} .auto-tipped-alert-card .alert-content p{font-size:14px; font-weight:500;} .star-label{font-size:14px; line-height:16px; color:#686b70; font-weight:700; position:absolute; top:2px; left:0;} .comps-popup-body .alert-card.auto-tipped-alert-card{padding:0 10px; margin:0 0 10px;} .matches-listing .star-label{top:auto; bottom:0px; left:6px;} .matches-listing .tm-two .star-label{left:auto; right:6px;} .matches-listing .add-tiped .star-label{color:#fff;} .success-alert.comp-name-success-alert{display:flex; justify-content:center; align-items:center;} .success-alert.comp-name-success-alert .alert-card-outer{background:transparent; display:flex; align-items:center; padding:4px 8px;} .success-alert.comp-name-success-alert .alert-icons .icon{font-size:20px; color:#4aa331;} .success-alert.comp-name-success-alert .alert-content p{font-size:13px; color:#4aa331;} /*WARNING MODAL CSS*/ .modal.warning-modal{padding:0 14px;} .warning-modal .modal-outer{background:#fff1de; max-width:400px;} .warning-content{float:left; width:100%; padding:0 14px 14px; text-align:center;} .warning-icon{float:left; width:100%; margin-bottom:10px;} .warning-icon .icon{font-size:30px; color:#f68d00;} .warning-info{float:left; width:100%;} .warning-info p{float:left; width:100%; color:#111; font-size:12px;} .warning-info h3{float:left; width:100%; color:#111; font-size:14px; margin-bottom:8px;} .warning-modal .popup-close{right:auto; left:10px;} .list{float:left; width:100%; margin:6px 0 20px; display:flex; flex-wrap:wrap; gap:16px} .list-li{float:left; width:100%;} .list-item{float:left; width:100%; display:flex; gap:10px;} .list-icon{font-size:18px; align-self:flex-start; margin-top:-2px;} .list-pre{float:left; flex:1; line-height:1.3em; font-size:13px;} /*CSS for Edge browser */ @supports (-ms-ime-align: auto) { .weekly-table thead th:first-child:after{height:100%; border-bottom:1px solid #c3c5c7; top:0; bottom:0; background:none;} .tip-tm-block .tm-icon{width:36px; height:auto;} } /*FOR Desktop CSS*/ .aside-wrap{float:left; width:100%;} .left-aside{float:left; width:100%;} .right-aside{float:left; width:100%;} .d-none{display:block;} .m-none{display:none;} .tm-d-none{display:block;} .tm-m-none{display:none;} .my-picks-wedget.aside-wrap .picks-container{margin-bottom: 20px;} .comps-popup-wrap .weekly-table table tr th.score-td, .comps-popup-wrap .weekly-table table tr th.margin-td{padding-bottom:6px;} @media(min-width:992px){ .comps-popup-wrap .weekly-table .table-container{padding:0; position:relative;} .comps-popup-wrap .weekly-table .table-container:before, .comps-popup-wrap .weekly-table .table-container:after{position:absolute; top:0; left:0; height:100%; width:15px; content:''; background:#fff; z-index:1;} .comps-popup-wrap .weekly-table .table-container:after{left:auto; right:0;} .comps-popup-wrap .weekly-table table tr td:first-child, .comps-popup-wrap .weekly-table table tr th:first-child{padding-left:15px !important; min-width:55px !important; width:50px !important;} .comps-popup-wrap .weekly-table table tr td:last-child, .comps-popup-wrap .weekly-table table tr th:last-child{padding-right:18px !important;} .comps-popup-wrap .weekly-table table tr th:first-child, .comps-popup-wrap .weekly-table table tr th:last-child{position:relative; z-index:2;} .comps-popup-wrap .weekly-table table tbody tr.selected td{background:#f0f1f2; position:relative; z-index:2;} .comps-popup-wrap .weekly-table .selected td:first-child:before, .comps-popup-wrap .weekly-table .selected td:last-child:before{display:none;} .comps-popup-wrap .weekly-table thead th:first-child:after, .comps-popup-wrap .weekly-table thead th:last-child:after, .comps-popup-wrap .weekly-table .selected td:first-child:after, .comps-popup-wrap .weekly-table .selected td:last-child:after{display:none;} .comps-popup-wrap .weekly-table table tr td .icon-figure img{width:26px;} } /*Responsive CSS Start*/ @media(min-width:992px){ /*DESKTOP CSS*/ .d-none{display:none;} .m-none{display:block;} .m{display:none;} .login-buttons{position:static !important; border:0; box-shadow:0px 1px 1px 0px rgba(20, 40, 65, 0.1);} .before-login .mid-wrapper{padding-bottom:0;} .right-aside .afl-leader-modal{display:block; position:static; padding:0; background:transparent;} .right-aside .afl-leader-modal .modal-contenier{padding:0; display:block;} .right-aside .afl-leader-modal .modal-head{padding-top:0;} .right-aside .afl-leader-modal .popup-close{display:none;} .leader-modal-title h2{padding-top:15px;} .aside-wrap{display:flex; width:100%; padding:0 14px;} .left-aside{width:calc(100% - 25rem); margin:0 auto; position:relative;} .right-aside{width:25rem; margin:15px 0 0 14px; position:relative;} .aside-wrap .lader-table .sticked-2 a{display:flex; align-items:center; width:100%;} .aside-wrap .lader-table .sticked-2 .m{display:block; max-width:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:20px; vertical-align:middle; line-height:14px;} .aside-wrap .lader-table .sticked-2 .d{display:none;} .aside-wrap .lader-table .sticked-2 img{float:left;} .aside-wrap .lader-table .table-container table .sticked-2{width:70px; overflow:visible;} .alert-card.error-alert-dark.text-center.error_alert{max-width:calc(100% - 25rem - 28px); margin-left:14px;} .submit-tips-bar{position:static; margin:20px 0 20px 14px; max-width:calc(100% - 25rem - 28px);} .my-picks-wrap .show-tip-button{margin-bottom:0 !important;} .matches-list{max-width:100%;} .matches-list > li{max-width:100%; width:100%; padding:0px 0px !important; border-top:1px solid #c3c5c7; margin:0;} .matches-list > li:first-child, .matches-list > li:last-child{border:0;} .matches-list > li:first-child{padding-top:0 !important;} .matches-list > li .tip-match{padding:10px 0px;} .matches-list > li.margin-tip{padding:10px 0px !important;} .matches-list .tip-match-tms .tm-icon{width:32px; min-width:32px;} .tip-match-tms{width:auto;} .tip-match .col{padding:0 8px;} .tip-match .col.tm-one .tip-match-tms{float:right;} .matches-list .tip-tm-rank{font-size:14px; line-height:16px;} .matches-list > li.margin-tip .margin-detail, .matches-list > li.margin-tip .tip-match-margin{float: left; max-width:calc(50% - 1px); width:calc(50% - 1px);} .matches-list > li.margin-tip .margin-detail{padding-right:10px;} .matches-list > li.margin-tip .tip-match-margin{padding-left:10px;} .picks-tm-info h3{white-space:normal; text-overflow:inherit;} .round-title .pull-right .edit-leader-btn, .round-title .pull-right .title-label{display:none;} .quick-view-wrap.d-none{display:none;} .button-bar.quick-view-button-bar{border:none;} .quick-view-wrap{display:flex;} .sport-title{font-size:36px;} .card-sport{min-height:96px; padding-top:14px;} .signup-wrap .sm-prize-card .card-sport{padding-bottom:14px;} .quick-tip-card .button-bar-outer .col{width:25%;} .match-count{width:100%; display:flex; align-items:center; justify-content:space-between;} .match-count .round-match-label{width:auto;} .margin-detail{text-align:right;} .margin-info{margin:0 5px 0 10px;} .highlights-card .highlights-info:not(.example-info) .col{width:33.33%; padding:30px 30px;} .quick-tip-card .round-title{border:0;} .comps-form-outer .button-bar-outer .col:first-child{max-width:136px; max-width:136px;} .loss-tip .tip-tm-name, .loss-tip .tip-tm-rank, .win-tip .tip-tm-name, .win-tip .tip-tm-rank, .loss-tip .tip-match-margin{color:#111;} .loss-tip .add-tiped .tip-tm-name, .win-tip .add-tiped .tip-tm-rank, .win-tip .add-tiped .tip-tm-name, .loss-tip .add-tiped .tip-tm-rank{color:#fff;} .comps-detail > p, .comps-top > p{font-size:14px; line-height:1em;} .top-prize-card, .signup-wrap .top-prize-card{background:url(../images/desktop_x3.webp) no-repeat center bottom; background-size:cover;} .hsjp-prize-card{background: #00549e;} .weekly-table .tm-icon{width:32px; min-width:32px;} .weekly-table .team-td .icon{font-size:24px;} .margin-td .margin-col span{width:32px; min-width:32px; min-height:34px; font-size:18px;} .dash-wedget .game-logo, .signup-wrap .game-logo{max-width:376px;} .round-rank-cont .rank-num{font-size:36px;} .round-rank-cont p, .round-rank-list dl{font-size:14px;} .rank-icon{font-size:22px;} .round-rank-right-col {padding-left:4%;} .tipping-modal .highlights-card .highlights-info .col{width:100%; padding:20px 0;} .private-comps-card{margin-bottom:20px;} .matches-listing .matches-list{border-bottom:1px solid #c3c5c7;} .rounds-wrap-card .play-next-button .button-bar-outer{border-top:1px solid #c3c5c7;} .modal.alert-modal .modal-contenier{max-width:calc(100% - 22.5rem);} .rounds-wrap-card .play-next-button .button-bar-outer .col.edit_tips{max-width:150px;} .play-next-button .button-bar-outer .col.w-100{flex:0 0 100% !important; max-width:100% !important;} .matches-listing .tip-tm-name{/*width:80px;*/} .comps-popup-body .weekly-table table th{padding-top:10px;} .comps-popup-body .weekly-table table th .star-label{margin-left:-40px;} .standing-popup .right-aside{display:block;} } @media(min-width:465px){ .tm-d-none{display:none;} .tm-m-none{display:block;} } @media(min-width:768px){ .weekly-table .selected td, .weekly-table thead th, .weekly-table thead tr{position:relative;} } @media(max-width:1024px){ body{/*cursor:pointer;*/} .in-iframe .iframe-container{width:100vw !important; max-width:100vw !important;} body.show-modal .iframe-container{position:fixed; top:0; overflow:hidden;} .in-iframe .main-section{max-height:100%; height:100vh; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; min-height:100vh; padding-bottom:40px;} .in-iframe .iframe-container{height:100%;} .main-section.load-content{overflow:hidden !important;} body.load-content{position:fixed; top:0; height:100%; width:100%; overflow:hidden;} body.load-content .main-section{position:fixed; top:0; height:100%; width:100%; overflow:hidden;} .match-list ul li .score-row .right_cell small{display:none;} .show-modal .afl-leader-modal, .show-modal .match-info-modal{z-index:14;} .show-modal .view-selections-bar-outer{z-index:2;} .in-iframe.comp-popup-show-sticky .main-section{overflow:hidden !important;} .in-iframe .comps-popup-body{padding-bottom:46px;} .in-iframe .my-picks-wedget.add-view-selection{padding-bottom:60px;} .in-iframe .before-login .mid-wrapper{padding-bottom:121px;} .in-iframe .before-login .login-buttons{padding-bottom:56px;} .in-iframe .view-selections-bar-outer .view-selections-bar{padding-bottom:70px; background:#f0f1f2;} .in-iframe .main-section.my-picks-wrap{padding-bottom:0;} .in-iframe .main-section.my-picks-wrap .mid-wrapper{padding-bottom:40px;} .in-iframe .dashboard-wrap.home-wrap .dash-wedget{padding-bottom:20px;} .in-iframe .main-section .profile-content-info{padding-bottom:20px;} .in-iframe .submit-tips-bar{height:110px; align-items:flex-start; border-bottom:30px solid #f0f1f2;} .show-tip-button{margin-bottom:116px !important;} .in-iframe .show-tip-button{margin-bottom:100px !important;} .in-iframe .alert-card.error-alert-dark{bottom:134px;} } @media(min-width:768px) and (max-width:991px){ .matches-list{max-width:86%;} .tip-match{justify-content:center;} .tip-match .tip-match-tms{width: auto;} .tip-match-tms{float:right;} .tip-tm-name, .tip-tm-name span{white-space:normal;} .tm-two .tip-match-tms{float:left;} } @media(max-width:991px){ .d{display:none;} .lader-table .table-container table .sticked-2 span.m{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:37px; vertical-align:middle; line-height:14px;} .lader-table .table-container table .sticked-1{width:26px; text-align:left;} .lader-table .table-container table .sticked-2{width:60px; overflow:visible;} .weekly-table table th.team-td, .weekly-table table td.team-td, .weekly-table .table-container table td:last-child{/*min-width:16px; width:16px;*/} .weekly-table table td.user-td{overflow:hidden; /*width:50px; max-width:50px;*/} .bottom-text-bar p{text-align:left;} .picks-num span{font-size:24px;} .matches-list > li.margin-tip .margin-detail{display:none;} .tip-match-margin{text-transform:uppercase; font-size:14px;} .round-match-label .count-label{display:none;} .highlights-card .wcard.example-wcard{margin-bottom:0;} .tip-now-info .game-counter{display:none;} .show-tip-button{margin-bottom:116px !important;} .loss-tip .tip-tm-name, .loss-tip .tip-tm-rank{color:#111;} .loss-tip .add-tiped .tip-tm-name, .loss-tip .add-tiped .tip-tm-rank{color:#fff;} .matches-list > li{padding-right:0px; margin-right:5px;} .matches-list > li:nth-child(2n){padding:0px; margin-left:5px; margin-right:0px;} .matches-list > li{max-width:calc(50% - 10px); width:calc(50% - 10px);} .matches-list > li.margin-tip{max-width:100%; width:100%; padding:0px;} .matches-list > li.last-person-standing-card .last-man-standing-label .icon{font-size:15px; color:#000;} .matches-list > li.last-person-standing-card .last-man-standing-label span, .matches-list > li.last-man-standing-card .last-man-standing-label span{font-size:11px;} .matches-list > li.last-person-standing-card .last-man-standing-tooltip, .matches-list > li.last-man-standing-card .last-man-standing-tooltip{margin:0px auto 10px; right:-2px; left:auto;} .matches-list > li .last-man-standing-card .tip-match{padding:5px 0px;} .matches-list{align-items:center;} .matches-list > li:nth-child(2n) .tip-match-card .last-man-standing-tooltip{left:auto;} .tip-match-card .last-man-standing-label{min-height:30px; padding:2px 1px 2px;} .tip-match-card .knocked-out-tooltip .last-man-standing-tooltip{background:#fff1de; width:calc(100vw - 36px); margin:0 auto 2px; max-width:410px;} .tip-match-card .last-man-standing-tooltip p{color:#000;} .tip-match-card .last-man-standing-label .knocked-out-tooltip.info-tooltip .icon:after{top:-14px; border-top-color:#fff1de;} .tip-match-card .last-man-standing-label .icon.icon-info{display:inline-block;} .matches-list .tip-match-card .last-man-standing-label .icon{font-size:12px;} .matches-list .tip-match-card .last-man-standing-label span{font-size:10px; padding:0px 2px; line-height:1em;} .matches-list > li .info-alert-msg.update-alert{margin:6px 0px;} .matches-list > li .info-alert-msg .alert-content p{font-size:11px; line-height:1.2em;} .matches-list > li .info-alert-msg{display:none;} .tip-match-card .last-man-standing-label .knocked-out-tooltip .icon.icon-info{display:block;} .tip-match-card .last-man-standing-label .last-person-tooltip.info-tooltip .icon:after{top:-22px;} .tip-match-card .last-man-standing-label .knocked-out-tooltip .icon.icon-info{color:#f68d00; margin-left:5px; padding-top:2px;} .tip-match-card .last-person-tooltip.info-tooltip .last-man-standing-tooltip p{color:#fff;} .matches-list > li:first-child .tip-match-card .last-man-standing-label .last-person-tooltip.info-tooltip .icon:after{bottom:-15px;} } @media(max-width:767px){ .picks-round-text p{font-size:4vmin;} .picks-round-text span{font-size:3.4vmin;} .weekly-table table td.user-td{overflow:hidden; width:50px; max-width:50px;} .weekly-table table td.user-td .user-td-title{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; float:left;} .tip_submit_success_msg .alert-card-outer{width:100%; justify-content:flex-start;} .picks-card-outer .picks-mid{max-width:114px;} .comps-popup-wrap .weekly-table table{position:unset;} .comps-popup-wrap .weekly-table .table-container{padding:0;} .comps-popup-wrap .weekly-table .selected td:first-child:before, .comps-popup-wrap .weekly-table .selected td:last-child:before, .comps-popup-wrap .weekly-table thead th:first-child:after, .comps-popup-wrap .weekly-table thead th:last-child:after, .comps-popup-wrap .weekly-table .selected td:first-child:after, .comps-popup-wrap .weekly-table .selected td:last-child:after{display:none;} .comps-popup-wrap .weekly-table .table-container{margin-left:160px; width:calc(100% - 160px); overflow:hidden; overflow-x:auto;} .comps-popup-wrap .weekly-table table tr .sticked-1{position:absolute; left:0; width:40px;} .comps-popup-wrap .weekly-table table tr .sticked-2{position:absolute; left:40px; width:96px; max-width:96px;} .comps-popup-wrap .weekly-table table tr .sticked-3{position:absolute; left:136px; width:24px;} .comps-popup-wrap .weekly-table table tr .score-td{justify-content:center;} .comps-popup-wrap .weekly-table table tr th{height:62px; white-space:nowrap;} .comps-popup-wrap .weekly-table table tr td{height:40px; white-space:nowrap;} .comps-popup-wrap .weekly-table table tr th.sticked-2, .comps-popup-wrap .weekly-table table tr th.sticked-1, .comps-popup-wrap .weekly-table table tr th.sticked-3{border-bottom:1px solid #c3c5c7; height:62px; display:flex; align-items:flex-end;} .comps-popup-wrap .weekly-table table tr.selected td.sticked-2, .comps-popup-wrap .weekly-table table tr.selected td.sticked-1, .comps-popup-wrap .weekly-table table tr.selected td.sticked-3{background:#f0f1f2;} .comps-popup-wrap .weekly-table table tr td.sticked-2, .comps-popup-wrap .weekly-table table tr td.sticked-1, .comps-popup-wrap .weekly-table table tr td.sticked-3{display:flex; align-items:center;} .comps-popup-wrap .weekly-table table tr th.sticked-2{width:96px; max-width:96px;} .comps-popup-wrap .weekly-table table tr th.sticked-1{padding:5px 3px;} .comps-popup-wrap .weekly-table .table-container table tr td.sticked-1, .comps-popup-wrap .weekly-table .table-container table tr th.sticked-1{padding-left:10px;} .comp-code-outer span{font-size:22px;} .weekly-table table .team-td .star-label{top:3px;} .comps-popup-body .weekly-table table th .star-label{top:6px;} .show-modal .afl-leader-modal{padding:0 15px;} } @media(max-width:480px){ /*.tm-name-label{float:left; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:3px;} .tm-name-label + .tm-name-label{margin:0;} */ .margin-info{position:unset;} .info-tooltip-content{margin:0px auto 5px; left:0; right:0;} } @media(max-width:375px){ .lader-table .table-container table tbody tr td, .lader-table .table-container table thead tr th{padding:8px 2px;} .lader-table .table-container table .sticked-2 span.m{line-height:21px;} .leaderboard-table table td.user-td{min-width:30px; width:30px; max-width:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} } @media(max-width:360px){ .my-comp-tabs li a{padding:0px 20px;} .prizes-content{font-size:13px;} .share-modal .icon-close-isolated-alt.modal-close, .share-invite-mates .icon-close-isolated-alt.modal-close{top:2px;} .created-modal-info .success-alert{margin:0 0 6px;} .created-modal-info .success-alert .alert-card-outer{padding:10px 8px;} .comp-title-icon{margin-bottom:4px;} .comp-title-icon h3{font-size:14px;} .comp-title-icon .icon{font-size:18px;} .dot-list li{padding-bottom:4px;} .comp-name{margin-bottom:4px;} .comp-code{margin-bottom:8px;} .share-options .col{margin-bottom:6px;} .share-options .col .btn i{font-size:16px;} .share-options .col .btn{height:32px; line-height:32px;} .invite-mates .button-bar .btn{height:38px; line-height:34px;} .invite-mates .button-bar{margin-top:8px;} .tm-one .tip-match-tms{padding-left:2px;} .tm-two .tip-match-tms{padding-right:2px;} .matches-list .tip-tm-rank{font-size:10px;} .tm-one .tm-icon{margin: 0 0 0 2px;} .tm-two .tm-icon{margin: 0 2px 0 0;} .matches-list > li{padding-right:0;} .matches-list > li:nth-child(2n){padding:0;} .matches-list > li .tm-icon{width:18px; min-width:18px;} .comp-code-outer span{font-size:18px;} .tm-name-label{font-size:12px;} .picks-card-outer .picks-mid .match-vs, .picks-card-outer .picks-counter span{font-size:11px;} .rounds-wrap-card .play-next-button .button-bar-outer .col .btn{font-size:12px;} .picks-scores p{font-size:11px;} } @media(max-width:330px){ .picks-card-outer .picks-mid{max-width:96px;} } .matches-listing .matches-list > li .tm-icon{align-self:baseline;} @media (max-width:767px){ body .iframe-container .comps-popup-body{padding-bottom:88px;} body .iframe-container .submit-tips-bar{height:130px; align-items:flex-start; border-bottom:50px solid #fff;} body .main-section.my-picks-wrap .mid-wrapper{padding-bottom:88px;} body .main-section{padding-bottom:58px;} body.in-iframe .comps-popup-body{padding-bottom:88px;} body.in-iframe .submit-tips-bar{height: 130px; align-items:flex-start; border-bottom:50px solid #fff;} body.in-iframe .main-section.my-picks-wrap .mid-wrapper{padding-bottom:88px;} body.in-iframe .main-section{padding-bottom:58px;} }