/* Minification failed. Returning unminified contents.
(37,185): run-time error CSS1019: Unexpected token, found '\'
(67,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(67,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */


.stat {position: relative; display: inline-block; width: 140px; text-align: center; border: 1px solid #DDD; border-radius: 10px; margin: 4px; padding: 10px;}
.stat .ball {margin: 5px auto 10px; text-align: center !important;}

.footnotes {padding: 20px 15px; font-size: .9em; position: relative;}
.footnotes.is-active i {animation: a 1s ease forwards;}
.footnotes-list {margin: 10px 0 10px 20px; list-style-type: circle;}
.footnotes:before {content: ""; position: relative; top: -5px; left: 5px; width: 200px; height: 1px; background: rgba(51,51,51,.2); display: block;}
.footnotes i, .stat i {display: block; width: 20px; height: 20px; background: #fff; border: 1px solid rgba(51,51,51,.2); position: absolute; border-radius: 50%; cursor: pointer;}
.footnotes i:after, .stat i:after {content: ""; width: 100%; height: 100%; background: url(/images/icons/info.svg) no-repeat 100%; display: block;}
.footnotes i {top: 5px; left: 15px; width: 20px; height: 20px;}
.stat i {top: -5px; right: -5px;}

.chartNum {position: relative; width: 100%; z-index: 1;}
.chartNum .ball {position: relative; z-index: 9;}
.chartBar {position: relative; width: calc(50% - 30px); min-height: 60px;}
.chartBar .bar {position: relative; width: 0%; display: inline-block; height: 22px; background: #81B2E2; border-radius: 20px 0 0 20px; transition: width .7s ease; margin-top: 8px; left: 30px; z-index: 1;}
.chartBar .bar:after {
	content: attr(data-freq); position: absolute; left: -24px; line-height: 14px; text-align: center; display: inline-block; color: #333; font-size: 12px; padding: 2px 4px; top: 2px;
	background: #FFF; border-radius: 10px; text-align: center; min-width: 18px;
}
.chartBar.drawsAgo .bar:after {content: attr(data-draws); left: auto; right: -24px;}
.chartBar.drawsAgo .bar {background: #4978E5; border-radius: 0 20px 20px 0; left: -30px;}
.chartBar.frequency {text-align: right;}
.chartBar.drawsAgo {text-align: left;}
.chartNum .ball.power-play, .chartNum .ball.megaplier {background: #f7f7f7; width: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #000; box-shadow: 0 0 1px 1px #0000007d; margin: 0; padding-top: 0;}
.chartNum .ball.power-play:before, .chartNum .ball.megaplier:before {display: none;}

.revision table {margin-bottom: 20px;}
.revision table:last-child {margin-bottom: 0;}
.revision table td {text-align: center; padding: 6px;}
.revision table tbody tr:nth-child(odd) td {background: rgba(0,0,0,0.05);}

table.hit-miss {table-layout: fixed; width: 88%;}
table.hit-miss thead {background: rgba(255,255,255,0.8);}
table.hit-miss thead th {background: none; transform: rotate(-90deg); color: #333; padding: 0; height: 120px; width: auto; margin: 0; font-size: 0.8em; position: relative; left: 50px;}\
table.hit-miss tbody th {width: 20px; padding: 4px 0;}
table.hit-miss td, table.hit-miss th {text-align: center; padding: 6px;}
table.hit-miss .ball.power-play, table.hit-miss .ball.megaplier {line-height: 20px; text-align: center; font-size: 20px; color: #000; margin: 0; padding-top: 0; width:0;}
table.hit-miss .ball.power-play:before, table.hit-miss .ball.megaplier:before {display: none;}
table.hit-miss .ball.power-play:after, table.hit-miss .ball.megaplier:after {display: none;}

.google-visualization-tooltip {width: 200px;}
.google-visualization-tooltip .padded { font-size:16px;}

.navBox {color:#fff; background:#1b11a3; background:linear-gradient(180deg,#1b11a3 0%,#0654c9 100%); padding:30px;}
.dropdown.revisions {margin-left:0; margin-top:10px; margin-bottom:20px; border-radius:6px; padding:6px 10px; color:#000}
.dropdown.revisions>span {font-weight:normal;}
.dropdown.revisions>span:after {top:11px;}
.navBox .revision div span:last-child {color:#ffe000;}
.navBox .revision.no-display {display:none!important;}
.navBox .revision.display {display:inline-block;}
.navBox .revisionTitle {font-family:"font-bold", sans-serif; font-size:20px; margin-bottom:10px; position:relative; padding-left:34px; letter-spacing:-.25px;}
.navBox .revisionTitle:before {content:""; background-image:url(/images/icons/calendar-white.svg); position:absolute; background-size:20px 20px; width:20px; height:20px; top:2px; left:0;}

h2.updown, h3.updown {position:relative; margin-top:15px;}
h2.updown:after, h3.updown:after {position:absolute; content:""; background-image: url(/images/icons/up-down-arrow.svg); background-size:15px 30px; height:30px; width:15px; top:0px; right:100px; cursor:pointer;}
h2.updown:before, h3.updown:before {position:absolute; content:"Show/Hide"; top:0px; right:10px; font-size:16px; font-family:"font-regular", sans-serif; cursor:pointer; padding-left:20px;}
h2.updown:hover:before, h3.updown:hover:before {text-decoration:underline; color:#0654c9;}

.locationBall {font-family:"font-bold", sans-serif; border-radius:50px; width:38px; height:38px; line-height:38px; display:inline-block; text-align:center; box-shadow:0 0 1px 1px #00000069;}

.multiGameBox {background:#fff; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; border-radius:50px; margin:20px auto; display:flex; justify-content:start; width:fit-content;}
.multiGameButton {border-radius:50px; padding:12px 20px; text-decoration:underline; cursor:pointer;transition:0.2s ease;}
.multiGameButton.active {background:#1b11a3; background:linear-gradient(0deg,#1b11a3 0%,#0654c9 100%); color:#fff; font-family:"font-bold", sans-serif; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px; text-decoration:none; transition:0.2s ease; animation:.3s growButton forwards;}
@keyframes growButton {0% {transform:scale(0)}100% {transform:scale(1)}}
.multiGameBox .multiGameButton:first-child {margin-right:5px;}
.multiGameBox .multiGameButton:nth-child(3) {margin-left:5px;}
.stat .ball.power-play:after {content:"x"; line-height:40px;}
.stat .ball.megaplier:after {content:"x"; line-height:40px;}

.table-stats-container          { overflow: auto; max-height: 50vh; }
.table-stats-container thead { position: unset; top: 0; z-index: 1; }

@media (min-width: 1948px) {
	.navBox {position:fixed; left:0; border-radius:0 14px 14px 0; box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px;}
	.navBox:after {content:""; background:#1032b6; width:20px; height:20px; top:50%; right:-8px; transform:translateY(-50%) rotate(45deg); position:absolute; border-radius:3px;}
	.navBox hr {margin:2px 0 15px 0;}
	.navBox .revision div {margin-bottom:8px;}
	.navBox .revision div:last-child {margin-bottom:0px;}
}

@media (max-width:1947px) {
	.navBox {position:fixed; bottom:0; left:0; width:100%; z-index:99; padding:10px!important; box-shadow:rgba(0,0,0,.25) 0px -6px 18px 0px;}
	.navBox hr {display:none;}
	.navBoxContainer {width:1200px; margin:0 auto; display:flex; padding:10px 30px 0 30px;}
	.navBox .revision {display:flex; }
	.navBox .revision div {flex-direction:column; margin:0 20px;}
	.navBox .revision.display {display:flex; align-self:center; justify-content:center;}
	.navBox .selection {width:60%;}
	.navBox .revision div span:last-child {font-size:20px;}
	.dropdown.revisions.active {height:150px; overflow-y:scroll; overflow-x:hidden; transition:.2s all ease;}
	.dropdown.revisions {transition:.2s all ease;}
}

@media (max-width:1248px) {
	.bell_ball, .hit-miss {display:block; overflow-x:scroll; overflow-y:hidden;}
}

@media (max-width:1190px) {
	.navBoxContainer {flex-direction:column; padding:10px 30px 30px}
	.navBox .revision.display {justify-content:start;}
	.navBox .revision div:first-child {margin:0 20px 0 0}
	.navBox .selection {width:fit-content;}
	.navBox .revisionTitle {margin-bottom:15px;}
	.navBox.minimised {bottom:-168px;}
}

@media (max-width: 991px) {
	.chartBar .bar {left: 20px;}
	.chartBar.drawsAgo .bar {left: -20px;}
}
@media (max-width: 767px) {
	.chartBar .bar {left: 15px;}
	.chartBar.drawsAgo .bar {left: -15px;}
	.half {width:100%;}
	.mRight {margin-right:0;}
	.fx-mob {flex-wrap:wrap;}
	.mobScroll {display:block; overflow-x:scroll;}
	.prevBox p:last-child {margin-bottom:0;}
	.prevBox {margin-bottom:25px;}
}
@media (max-width: 499px) {
	.chartBar .bar {left: 10px;}
	.chartBar.drawsAgo .bar {left: -10px;}
	.navBox .dropdown.active ul {overflow:unset; border-bottom:none; box-shadow:none;}
	.navBoxContainer {padding:15px 10px 65px 10px;}

	.navBox {bottom:-206px; transition:all ease .2s;}
	.navBox.active {bottom:0; transition: all ease .2s;}
	.navBox.active:after {display:none}
	.navBox:after {display:none}
	.navBox .upArrow {position:absolute; top:14px; right:unset; left:20px; padding:5px; background:#1b11a3; color:#fff; border-radius:50px; width:24px; height:24px; background:url(/images/icons/switch-arrow.svg); transform:rotate(180deg); background-size:12px 12px; background-position:center; background-repeat:no-repeat; text-align:center; border:solid 1px #fff;}
	.navBox.active .upArrow {transform:rotate(0deg);}
	.navBox .revision div span:last-child {font-size:18px;}
	.navBox .revisionTitle {margin-top:-8px; font-size:16px;}
	.ball.power-play:before, .ball.megaplier:before, .ball.all-star-bonus:before {margin-left:0; margin-bottom:-36px;}
	.revision table.mobFormat tbody tr:nth-child(odd) td {background: #fff}
	.revision table.mobFormat tbody tr:nth-child(odd) td.colour {background: #eb5e04;}
	.multiGameButton {padding:10px 14px;}
	.small-arrow:after {background-size:11px 26px!important; height:26px!important; width:11px!important; right:80px!important;}
	.small-arrow:before {font-size:14px!important;}
	.navBox .revisionTitle:before {display:none}
}
