/* Sport ribbon of the home page (In-Play, Football, Horse Racing ...): its rules and sport icons, taken from
   reference-assets/capture-app.css so the In-Play and sport pages can show it too (templates/sport_ribbon.php). */
.comp-next-races .ui-ribbon{background:#fff}
.ui-ribbon{-webkit-overflow-scrolling:touch;overflow-x:scroll;height:100%;width:100%}
.ui-ribbon::-webkit-scrollbar{-webkit-appearance:none;display:none}
.ui-ribbon .list{display:flex}
.ui-ribbon .list.hidden-list{visibility:hidden}
.ui-ribbon .item{background-color:#f0f1f5;border-top:2px solid #f0f1f5;flex:1 0 auto}
.ui-ribbon .item.selected,.ui-ribbon .item.selected:active{background-color:#fff;border-top:2px solid #303030}
.ui-ribbon .item .container{white-space:nowrap;text-align:center;padding:9px 10px}
.ui-ribbon .item.racing .title,.ui-ribbon .item.rectangle .title,.ui-ribbon .item .title{color:#525252;font:normal normal normal 12px Arial,"sans-serif"}
.ui-ribbon .item.selected .title{color:#303030;font:normal normal 700 12px Arial,"sans-serif"}
.ui-ribbon .item.pebble .title{color:#fff}
.ui-ribbon .item.racing .title,.ui-ribbon .item.rectangle .title{overflow:hidden}
.ui-ribbon .item.pebble.light{font:normal normal normal 12px Arial,"sans-serif";background-color:#fff;border-bottom:2px solid #fff}
.ui-ribbon .item.pebble.light .subtitle,.ui-ribbon .item.pebble.light .title{color:#7f7f7f}
.ui-ribbon .item .container.double-line .subtitle,.ui-ribbon .item .container.double-line .title{color:#525252;font:normal normal normal 12px Arial,"sans-serif"}
.ui-ribbon .item.pebble.selected .title{color:#fff}
.ui-ribbon .item.rectangle.selected .title,.ui-ribbon .item.rectangle:active .title{color:#fff;font:normal normal 700 12px Arial,"sans-serif"}
.ui-ribbon .item.selected .container.double-line .subtitle,.ui-ribbon .item.selected .container.double-line .title{color:#303030;font:normal normal 700 12px Arial,"sans-serif"}
.ui-ribbon .item .container.double-line{padding:6px}
.ui-ribbon .item.pebble{background-color:#303030;border-bottom:2px solid #303030;border-top:none}
.ui-ribbon .item.pebble.selected,.ui-ribbon .item.pebble.selected:active{background-color:#303030;border-bottom:2px solid #fff;border-top:none}
.ui-ribbon .item.pebble.light.selected,.ui-ribbon .item.pebble.light.selected:active{background-color:#fff;border-bottom:2px solid #303030;border-top:0}
.ui-ribbon .item.pebble.light.selected .subtitle,.ui-ribbon .item.pebble.light.selected .title{color:#303030}
.ui-ribbon .item.icon{border-top:none;border-radius:1px;margin:5px 0 5px 5px;background-color:#525252}
.ui-ribbon .item.icon.selected,.ui-ribbon .item.icon:active{background-color:#626262}
.ui-ribbon .item.icon.inplay{background-color:#20a052}
.ui-ribbon .item.icon.inplay.selected,.ui-ribbon .item.icon.inplay:active{background-color:#1c8c47}
.ui-ribbon .item .link{width:100%}
.ui-ribbon .item.icon .link{color:#dcdcdc}
.ui-ribbon .item.icon.inplay .link,.ui-ribbon .item.icon.selected .link,.ui-ribbon .item:active .link{color:#fff}
.ui-ribbon .item.icon .counter{font:normal normal 700 10px Arial,"sans-serif";margin-left:12px;margin-top:-1px;float:left;width:20px;line-height:11px;border-radius:2px;border:1px solid #20a052;color:#20a052;background-color:#fff}
.ui-ribbon .item.icon .counter.no-ios{padding-top:2px}
.ui-ribbon .item.icon.selected .counter{border-color:#1c8c47;color:#1c8c47}
.ui-ribbon .item.icon .container{font:normal normal normal 10px Arial,"sans-serif";padding:6px 5px 5px;min-width:60px;height:45px}
.ui-ribbon .item.icon .label{padding:1px 0}
.ui-ribbon.light{height:59px;background-color:#fff}
.ui-ribbon.light .item.icon{border-radius:0;border-top:2px solid #f0f1f5;background-color:#f0f1f5;margin:0}
.ui-ribbon.light .item.icon.selected,.ui-ribbon.light .item.icon:active{background-color:#fff;border-color:#303030}
.ui-ribbon .item.rectangle .container,.ui-ribbon .item.rectangle .container.double-line{width:53px;padding-left:2px;padding-right:2px}
.ui-ribbon .item.pebble.light .container.double-line{padding:6px 12px 4px}
.ui-ribbon .item.racing .container{width:50px;height:34px;padding:10px 2px;white-space:nowrap;text-align:center}
.ui-ribbon.light .item.icon .container{height:52px;padding-top:7px;font:normal normal normal 12px Arial,"sans-serif";color:#525252}
.ui-ribbon.light .item.icon.selected .container,.ui-ribbon.light .item.icon:active .container{font:normal normal 700 12px Arial,"sans-serif";color:#303030}
.ui-ribbon.light .item.icon .label{padding:2px 0}
.ui-ribbon.light .item.icon .counter{border-color:#f0f1f5;color:#fff;background-color:#20a052}
.ui-ribbon .item.rectangle{background-color:#fff;border:1px solid #303030;border-radius:2px;margin-right:5px;width:auto;flex-grow:0;position:relative}
.ui-ribbon .item.rectangle.selected,.ui-ribbon .item.rectangle.selected:active,.ui-ribbon .item.rectangle:active{background-color:#303030;border:1px solid #303030}
.ui-ribbon .item.rectangle:last-child{border-right:1px solid #303030;margin-right:0}
.ui-ribbon .item.rectangle .container.double-line .subtitle,.ui-ribbon .item.rectangle .container.double-line .title{color:#303030;font:normal normal 700 12px Arial,"sans-serif";overflow:hidden}
.ui-ribbon .item.rectangle .container.double-line .subtitle{font:normal normal normal 12px Arial,"sans-serif"}
.ui-ribbon .item.rectangle.selected .container.double-line .subtitle,.ui-ribbon .item.rectangle.selected .container.double-line .title,.ui-ribbon .item.rectangle:active .container.double-line .subtitle,.ui-ribbon .item.rectangle:active .container.double-line .title{color:#fff;font:normal normal 700 12px Arial,"sans-serif"}
.ui-ribbon .item.racing{width:auto;height:34px;border:0;border-right:5px solid #fff;background-color:#f0f1f5;flex-grow:0;position:relative}
.ui-ribbon .item.racing .top-icon{position:absolute;top:2px;right:2px}
.ui-ribbon .item.racing .top-icon ui-icon{display:block;font-size:0}
.ui-ribbon .item.icon .container .icon.sprite-normal.yellow{-webkit-filter:brightness(.8) sepia(1) hue-rotate(350deg) saturate(7);filter:brightness(.8) sepia(1) hue-rotate(350deg) saturate(7)}
.ui-ribbon .item.icon .container .icon.sprite-active.yellow{-webkit-filter:brightness(.7) sepia(1) hue-rotate(350deg) saturate(7);filter:brightness(.7) sepia(1) hue-rotate(350deg) saturate(7)}
.phone .page-my-markets .ui-ribbon{margin-top:5px}
.bf-livescores-broadcasts-icons .live-video,.bf-livescores-broadcasts-icons .on-tv,.bf-livescores-penalties .runner .icon.default-missed,.bf-livescores-penalties .runner .icon.default-scored,.bf-livescores-penalties .runner .icon.handball-missed,.bf-livescores-penalties .runner .icon.handball-scored,.bf-livescores-penalties .runner .icon.ice-hockey-missed,.bf-livescores-penalties .runner .icon.ice-hockey-scored,.goal,.red-card,.sprite-active,.sprite-active-1,.sprite-active-2,.sprite-active-3,.sprite-active-4,.sprite-active-5,.sprite-active-6,.sprite-active-7,.sprite-active-8,.sprite-active-10,.sprite-active-11,.sprite-active-1477,.sprite-active-3503,.sprite-active-4339,.sprite-active-6422,.sprite-active-6423,.sprite-active-7511,.sprite-active-7522,.sprite-active-7524,.sprite-active-61420,.sprite-active-72382,.sprite-active-468328,.sprite-active-998917,.sprite-active-2152880,.sprite-active-2378961,.sprite-active-26420387,.sprite-active-27105927,.sprite-active-27589895,.sprite-active-arcade,.sprite-active-cashout,.sprite-active-casino,.sprite-active-inplay,.sprite-active-multiples,.sprite-active-roulette,.sprite-add-icon,.sprite-back,.sprite-back-hit,.sprite-bf-inline-betting-close-icon,.sprite-bf-inline-betting-minus-icon,.sprite-bf-inline-betting-plus-icon,.sprite-bf-livescores-default-goal,.sprite-bf-livescores-default-miss-goal,.sprite-bf-livescores-football-red-card,.sprite-bf-livescores-football-yellow-card,.sprite-bf-livescores-football-yellow-red-card,.sprite-bf-livescores-handball-goal,.sprite-bf-livescores-handball-miss-goal,.sprite-bf-livescores-ice-hockey-goal,.sprite-bf-livescores-ice-hockey-miss-goal,.sprite-bf-livescores-live-video,.sprite-bf-livescores-on-tv,.sprite-bf-runner-timeform-live-video-icon,.sprite-chevron-arrow,.sprite-chevron-arrow-white,.sprite-chevron-down,.sprite-chevron-left-arrow-white,.sprite-close-icon,.sprite-dark,.sprite-dark-1,.sprite-dark-2,.sprite-dark-3,.sprite-dark-4,.sprite-dark-5,.sprite-dark-6,.sprite-dark-7,.sprite-dark-8,.sprite-dark-11,.sprite-dark-1477,.sprite-dark-3503,.sprite-dark-4339,.sprite-dark-6422,.sprite-dark-6423,.sprite-dark-7511,.sprite-dark-7522,.sprite-dark-7524,.sprite-dark-61420,.sprite-dark-72382,.sprite-dark-468328,.sprite-dark-606611,.sprite-dark-998917,.sprite-dark-998918,.sprite-dark-2152880,.sprite-dark-2378961,.sprite-dark-2872194,.sprite-dark-26420387,.sprite-dark-27105927,.sprite-dark-27454571,.sprite-dark-27589895,.sprite-down-arrow,.sprite-exchange-app-icon,.sprite-grey,.sprite-grey-1,.sprite-grey-2,.sprite-grey-3,.sprite-grey-4,.sprite-grey-5,.sprite-grey-6,.sprite-grey-7,.sprite-grey-8,.sprite-grey-11,.sprite-grey-1477,.sprite-grey-3503,.sprite-grey-4339,.sprite-grey-6422,.sprite-grey-6423,.sprite-grey-7511,.sprite-grey-7522,.sprite-grey-7524,.sprite-grey-61420,.sprite-grey-72382,.sprite-grey-468328,.sprite-grey-998917,.sprite-grey-2152880,.sprite-grey-2378961,.sprite-grey-26420387,.sprite-grey-27105927,.sprite-grey-27589895,.sprite-icon-close,.sprite-inplay-dark,.sprite-inplay-green,.sprite-inplay-grey,.sprite-inplay-white-icon,.sprite-light,.sprite-light-1,.sprite-light-2,.sprite-light-3,.sprite-light-4,.sprite-light-5,.sprite-light-6,.sprite-light-7,.sprite-light-8,.sprite-light-11,.sprite-light-1477,.sprite-light-3503,.sprite-light-4339,.sprite-light-6422,.sprite-light-6423,.sprite-light-7511,.sprite-light-7522,.sprite-light-7524,.sprite-light-61420,.sprite-light-72382,.sprite-light-468328,.sprite-light-998917,.sprite-light-2152880,.sprite-light-2378961,.sprite-light-26420387,.sprite-light-27105927,.sprite-light-27589895,.sprite-live-stream-icon,.sprite-menu-az,.sprite-menu-az-selected,.sprite-menu-cashout,.sprite-menu-cashout-active,.sprite-menu-favourites,.sprite-menu-favourites-active,.sprite-menu-inplay,.sprite-menu-inplay-active,.sprite-menu-settings,.sprite-menu-settings-active,.sprite-modalwindowclose,.sprite-mybets,.sprite-normal,.sprite-normal-1,.sprite-normal-2,.sprite-normal-3,.sprite-normal-4,.sprite-normal-5,.sprite-normal-6,.sprite-normal-7,.sprite-normal-8,.sprite-normal-10,.sprite-normal-11,.sprite-normal-1477,.sprite-normal-3503,.sprite-normal-4339,.sprite-normal-6422,.sprite-normal-6423,.sprite-normal-7511,.sprite-normal-7522,.sprite-normal-7524,.sprite-normal-61420,.sprite-normal-72382,.sprite-normal-468328,.sprite-normal-998917,.sprite-normal-2152880,.sprite-normal-2378961,.sprite-normal-2593174,.sprite-normal-26420387,.sprite-normal-27105927,.sprite-normal-27589895,.sprite-normal-arcade,.sprite-normal-blackjack,.sprite-normal-cashout,.sprite-normal-casino,.sprite-normal-inplay,.sprite-normal-liveBlackjack,.sprite-normal-multiples,.sprite-normal-roulette,.sprite-normal-vegas,.sprite-normal-virtuals,.sprite-pin-icon,.sprite-pin-icon-grey,.sprite-remove-icon,.sprite-results,.sprite-resultsicon,.sprite-rotatescreen,.sprite-timeform123,.sprite-timeform-stars-0,.sprite-timeform-stars-1,.sprite-timeform-stars-2,.sprite-timeform-stars-3,.sprite-timeform-stars-4,.sprite-timeform-stars-5,.sprite-user-account,.sprite-watch-live,.sprite-white-star,.sprite-yellow,.sprite-yellow-1,.sprite-yellow-2,.sprite-yellow-3,.sprite-yellow-4,.sprite-yellow-5,.sprite-yellow-6,.sprite-yellow-7,.sprite-yellow-8,.sprite-yellow-11,.sprite-yellow-1477,.sprite-yellow-3503,.sprite-yellow-4339,.sprite-yellow-6422,.sprite-yellow-6423,.sprite-yellow-7511,.sprite-yellow-7522,.sprite-yellow-7524,.sprite-yellow-61420,.sprite-yellow-72382,.sprite-yellow-468328,.sprite-yellow-998917,.sprite-yellow-2152880,.sprite-yellow-2378961,.sprite-yellow-26420387,.sprite-yellow-27105927,.sprite-yellow-27589895,.yellow-card,.yellow-red-card{background-image:url(../reference-assets/assets/images/sprites.3f33ad9c3.svg);background-size:708px 672px;background-repeat:no-repeat;display:inline-block}
.sprite-normal{width:20px;height:20px;background-position:-168px -530px}
.sprite-normal-1{width:20px;height:20px;background-position:-208px -530px}
.sprite-normal-10{width:20px;height:20px;background-position:-248px -530px}
.sprite-normal-11{width:20px;height:20px;background-position:-288px -530px}
.sprite-normal-1477{width:20px;height:20px;background-position:-328px -530px}
.sprite-normal-2{width:20px;height:20px;background-position:-368px -530px}
.sprite-normal-2152880{width:20px;height:20px;background-position:-408px -530px}
.sprite-normal-2378961{width:20px;height:20px;background-position:-448px -530px}
.sprite-normal-2593174{width:20px;height:20px;background-position:-488px -530px}
.sprite-normal-26420387{width:20px;height:20px;background-position:-528px -530px}
.sprite-normal-27105927{width:20px;height:20px;background-position:-572px -10px}
.sprite-normal-27589895{width:20px;height:20px;background-position:-572px -50px}
.sprite-normal-3{width:20px;height:20px;background-position:-572px -90px}
.sprite-normal-3503{width:20px;height:20px;background-position:-572px -130px}
.sprite-normal-4{width:20px;height:20px;background-position:-572px -170px}
.sprite-normal-4339{width:20px;height:20px;background-position:-572px -210px}
.sprite-normal-468328{width:20px;height:20px;background-position:-572px -250px}
.sprite-normal-5{width:20px;height:20px;background-position:-572px -290px}
.sprite-normal-6{width:20px;height:20px;background-position:-572px -330px}
.sprite-normal-61420{width:20px;height:20px;background-position:-572px -370px}
.sprite-normal-6422{width:20px;height:20px;background-position:-572px -410px}
.sprite-normal-6423{width:20px;height:20px;background-position:-572px -450px}
.sprite-normal-7{width:20px;height:20px;background-position:-572px -490px}
.sprite-normal-72382{width:20px;height:20px;background-position:-572px -530px}
.sprite-normal-7511{width:20px;height:20px;background-position:-10px -570px}
.sprite-normal-7522{width:20px;height:20px;background-position:-50px -570px}
.sprite-normal-7524{width:20px;height:20px;background-position:-90px -570px}
.sprite-normal-8{width:20px;height:20px;background-position:-130px -570px}
.sprite-normal-998917{width:20px;height:20px;background-position:-170px -570px}
.sprite-normal-arcade{width:20px;height:20px;background-position:-210px -570px}
.sprite-normal-blackjack{width:20px;height:20px;background-position:-250px -570px}
.sprite-normal-cashout{width:20px;height:20px;background-position:-290px -570px}
.sprite-normal-casino{width:20px;height:20px;background-position:-330px -570px}
.sprite-normal-inplay{width:20px;height:20px;background-position:-370px -570px}
.sprite-normal-liveBlackjack{width:20px;height:20px;background-position:-410px -570px}
.sprite-normal-multiples{width:20px;height:20px;background-position:-450px -570px}
.sprite-normal-roulette{width:20px;height:20px;background-position:-490px -570px}
.sprite-normal-vegas{width:20px;height:20px;background-position:-530px -570px}
.sprite-normal-virtuals{width:20px;height:20px;background-position:-570px -570px}
/* Outside the home page (which has its own copy of these in reference-shell.css). */
.sport-ribbon-bar{overflow:hidden;background:#303030}
.sport-ribbon-bar .ui-ribbon .list{margin:0;padding:0 5px 0 0;list-style:none}
.sport-ribbon-bar .ui-ribbon .item.icon .link{display:block;text-decoration:none}
.sport-ribbon-bar .ui-ribbon .item.icon .container .icon{margin:0 auto 3px}
.sport-ribbon-bar .ui-ribbon .item.icon .label{font:12px Arial;white-space:nowrap}
/* Phones only: computers keep their previous In-Play and sport pages. */
@media (min-width:701px){.sport-ribbon-bar{display:none}}