predictor.fdd17568b1233708972a.css
10.8 KB
.predictor{overflow:hidden;padding-bottom:20px;font-weight:300;font-size:14px}@media (min-width:768px){.predictor{box-shadow:0 0 3px 0 #ccc;border-radius:5px 5px 0 0;border-bottom:1px solid #ccc;padding-bottom:0}}.predictor-header{background:#fff url(/pics/bg-pattern-1.png) bottom no-repeat;padding:20px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:16px}@media (max-width:767px){.predictor-header{display:-webkit-box;display:flex;border:solid #ccc;border-width:1px 0}}.predictor-title{-webkit-box-flex:1;flex:1;font-size:24px;color:#888}@media (min-width:768px){.predictor-title{-webkit-box-flex:3;flex:3}}.predictor-title--viewas{font-size:20px}@media (max-width:767px){.predictor-title--viewas{-webkit-box-flex:100%;flex:100%;text-align:center}}@media (min-width:768px){.predictor-title--viewas{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}}.predictor-viewas-text{margin:10px 0 20px}@media (min-width:768px){.predictor-viewas-text{display:inline-block;margin:0 0 0 20px}}.predictor-viewas-nav{font-size:.7em}.avatar--predictor-viewas{float:none}.predictor-stats{-webkit-box-flex:1;flex:1;text-align:center;justify-content:space-around;-webkit-box-align:center;align-items:center}@media (min-width:768px){.predictor-stats{margin-right:20px}}.predictor-stats-value{color:#09f}.predictor-sponsor-text{width:200px;font-size:14px;text-align:right;padding-right:20px}.predictor-sponsor-logo{width:170px;text-align:left}.predictor-nav{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-pack:space-evenly;justify-content:space-evenly;align-self:stretch;-webkit-box-align:center;align-items:center}@media (min-width:768px){.predictor-nav{border-left:1px solid #ddd;margin-right:-20px}}@media (max-width:767px){.predictor-nav{border-top:1px dashed #ddd;-webkit-box-flex:100%;flex:100%;margin-top:20px;margin-bottom:-10px;padding-top:10px}}.predictor-nav__link{color:#888}.predictor-nav__link.is-selected{color:#333}.predictor-sub-nav{background:#e8e8e8;padding:14px}@media (min-width:576px){.predictor-sub-nav{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}}.predictor-phase{color:#777;background-color:#fff;border:1px solid #ddd;vertical-align:middle;display:inline-block;overflow:hidden;border-radius:5px;position:relative}.predictor-phase-select{outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:none;box-shadow:none;background:transparent;background-image:none;padding:6px 30px 6px 10px;position:relative}.predictor-phase-select::-ms-expand{display:none}.predictor-phase-tick{position:absolute;top:9px;right:5px}.predictor-board-nav{display:inline-block;vertical-align:middle}@media (min-width:768px){.predictor-fixtures{border-top:1px solid #ddd}}.predictor-signup{background:#fefae2;padding:15px;text-align:center;font-size:16px}.predictor-match{display:block;border-bottom:1px solid #ddd;color:#777;letter-spacing:.5px}.predictor-match:last-child{border-bottom:none}@media (max-width:767px){.predictor-match{border:none}}.predictor-match-strip{border-left:none;padding:10px 0;cursor:default;background:#fff}@media (max-width:767px){.predictor-match-strip{box-shadow:0 0 3px 0 #ccc;border-radius:5px;overflow:hidden;margin-left:10px;margin-right:10px;margin-top:20px}}@media (min-width:768px){.predictor-match-strip{display:-webkit-box;display:flex}}.predictor-match-strip:hover{background:#fff}.predictor-match-strip .country-flag{height:16px;border-radius:2px}.predictor-match-strip.opened{box-shadow:0 5px 10px #eee}.prediction-status{width:100%;display:-webkit-box;display:flex;-webkit-box-flex:0;flex:0 0 80px;padding:10px 0;margin:0 auto;-webkit-box-pack:center;justify-content:center;text-align:center}@media (min-width:768px){.prediction-status{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.prediction-time{padding:0 3px}@media (max-width:767px){.prediction-time{display:inline}}.prediction-teams-wrap{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch}.prediction-odds{margin-top:10px;padding-left:40px}.prediction-odds-draw{width:90px;text-align:center}.predictor-odds-toggle{margin-left:15px;color:#555}.prediction-team{color:#666;font-weight:400}@media (min-width:768px){.prediction-team{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}.prediction-team-container{-webkit-box-flex:1;flex:1;align-self:flex-start;color:#666;font-weight:400}@media (min-width:768px){.prediction-team-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;width:150px}}.prediction-team-container--home{-webkit-box-pack:end;justify-content:flex-end}.prediction-team-name{padding:0 5px;text-align:center}.prediction-input-score{width:30px;height:25px;text-align:center;border:1px solid #ccc;font-size:medium;-moz-appearance:textfield}.prediction-input-score::-webkit-inner-spin-button,.prediction-input-score::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.prediction-input-score:disabled{background:#f7f7f7}.prediction-score{width:90px;text-align:center}@media (max-width:767px){.prediction-score{align-self:flex-start;margin-top:19px}}.prediction-indicator,.prediction-indicator-wrap{-webkit-box-flex:1;flex:1}@media (min-width:768px){.prediction-indicator--alt{padding:0 5px;border-left:1px solid #eee;border-right:1px solid #eee}}@media (max-width:767px){.prediction-indicator--alt{background:#eaecee;padding:5px 0}}.prediction-badge{height:22px;margin-right:5px}.prediction-badge--home{margin-left:5px;margin-right:0}@media (min-width:768px){.prediction-badge--home{-webkit-box-ordinal-group:3;order:2}}.prediction-main{padding-bottom:10px}@media (min-width:768px){.prediction-main{display:-webkit-box;display:flex;-webkit-box-flex:2.3;flex:2.3;padding-bottom:0}}.prediction-details{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-align:center;align-items:center;text-align:center}.prediction-indicator-value{color:#09f;margin-top:5px}.prediction-amount{background:none;width:40px;height:21px;text-align:center;border:1px solid #39f;outline:none}.prediction-amount:disabled{border:none}.prediction-extra{-webkit-box-flex:0;flex:0 0 120px}@media (max-width:767px){.prediction-extra{margin:5px 0 15px}.prediction-extra.js-no-prediction{margin:0}}.prediction-indicator-value--alt{color:#3ad997;font-weight:700}.predictor-countdown{color:red}.predictor-error{text-align:center;padding:10px;background:#e23;color:#fff}.btn-predictor{padding:6px 0 4px;width:90px;color:#fff}.btn-predictor--default{background-color:#2787f2}.btn-predictor--alternative{background-color:#25d58c}.btn-predictor--danger{background:salmon}.btn-predictor-score{background-color:#e2e3e5;padding:1px 0;width:70px}.btn-predictor--cancel,.btn-predictor--confirm{width:43px;font-size:10px;padding:8px}@media (max-width:767px){.js-no-prediction{display:none}}.predictor-board{text-align:center;font-size:16px;background:#fff}@media (min-width:768px){.predictor-board{overflow:hidden}}.predictor-board-table{overflow-x:scroll}.predictor-board-header{min-width:600px;background:#f8f8f8;padding:15px 0}.predictor-board-header .sortable{cursor:pointer}.predictor-board-header .sorting:after{content:" ▼";font-size:.8em}.predictor-board-row{min-width:600px;padding:15px 0;border-bottom:1px solid #eee}.predictor-board-overall-stat{padding-left:5px;white-space:nowrap}@media (max-width:767px){.predictor-board-overall-stat{padding-left:0;display:block}}.predictor-board-row.current-user{background-color:rgba(87,161,232,.25)}.predictor-board-footer{padding:20px}.predictor-total-players{margin-top:15px}@media (min-width:576px){.predictor-total-players{float:right;margin-top:0}}.round-summary{background-color:#fff;padding:20px;letter-spacing:.5px;color:#777;border-top:1px solid #ddd;-webkit-box-align:center;align-items:center;text-align:center;font-size:1em}@media (max-width:767px){.round-summary{border-radius:5px;margin:20px 10px 0;background-color:#123;color:#ddd}}.predictor-round-value--warning{color:#f30}@media (min-width:768px){.predictor-round-top-score{border-left:1px solid #ccc}}.predictor-round-value{color:#09f;padding-top:7px}@media (max-width:767px){.predictor-round-indicator{margin-top:20px;-webkit-box-flex:33%;flex:33%}}.predictor-round-title{color:#555;-webkit-box-flex:100%;flex:100%}@media (min-width:768px){.predictor-round-title{-webkit-box-flex:2;flex:2;text-align:left}}@media (max-width:767px){.predictor-round-title{border-bottom:1px dashed #567;padding-bottom:15px;color:inherit}}@media (max-width:767px){.predictor-round-indicator--upcoming{-webkit-box-flex:50%;flex:50%}}@media (min-width:768px){.predictor-round-title--upcoming{-webkit-box-flex:3;flex:3}}.predictor-round-label--title{font-size:1.3em;color:inherit}.predictor-round-value--title{padding-top:0}.three-dots{background-color:#fff}.three-dots .dots{font-size:3em;text-align:center;color:#ccc;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.prediction-popover-wrap{position:relative}.prediction-popover-link{cursor:pointer;border-bottom:1px dashed}.prediction-popover-link:hover{border-bottom-style:solid}.prediction-popover{background-color:#222;border-radius:5px;bottom:27px;box-shadow:0 0 5px #bbb;color:#eee;font-size:12px;font-weight:300;padding:7px 10px;position:absolute;left:calc(50% - 175px);width:200px;text-align:left}.prediction-popover:before{border-top:7px solid #222;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;content:"";display:block;left:175px;margin-left:-7px;position:absolute}.prediction-popover hr{margin:10px 0}.prediction-breakdown-row{margin:5px 0}.prediction-breakdown-value{text-align:right;color:#3ad997}.prediction-tote{background-color:#f9f9f9;padding:10px 0;border-top:1px solid #eee;text-align:center}.prediction-tote-help-msg{margin-top:-10px;background:#eee;text-align:center;padding:10px}.prediction-tote-outcome{font-weight:400;color:#666;padding-bottom:5px}.prediction-tote-towin{color:#3ad997;font-weight:700}.prediction-visible-betting{visibility:hidden}.betting .prediction-visible-betting{visibility:visible}.prediction-tote-result{-webkit-box-flex:3.5;flex:3.5}@media (min-width:768px){.prediction-tote-result{-webkit-box-flex:8;flex:8;padding-right:30px}}.prediction-tote-pool{color:#09f}.prediction-tote-group{padding:10px 0;border-bottom:1px solid #eee}.prediction-tote-group:last-child{border:none}.prediction-tote-market{padding:2px 0}.predictor-text-page{background:#fff;font-weight:400;font-size:16px;padding:30px 15px}.predictor-text-page h2{font-size:20px}.predictor-text-page ol,.predictor-text-page p,.predictor-text-page ul{line-height:inherit;margin:20px 0}.predictor-text-container{margin:0 auto;max-width:600px}.predictor-rules-list{padding-left:30px}.predictor-rules-list li{list-style:inherit}