/* Minification failed. Returning unminified contents.
(60,74): run-time error CSS1046: Expect comma, found '221'
(60,80): run-time error CSS1046: Expect comma, found ')'
(60,94): run-time error CSS1046: Expect comma, found '171'
(60,99): run-time error CSS1046: Expect comma, found ')'
(85,222): run-time error CSS1046: Expect comma, found '94'
(85,227): run-time error CSS1046: Expect comma, found ')'
(87,253): run-time error CSS1046: Expect comma, found '151'
(87,260): run-time error CSS1046: Expect comma, found ')'
(89,257): run-time error CSS1046: Expect comma, found '173'
(89,264): run-time error CSS1046: Expect comma, found ')'
 */


.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: 53px;}
.chartBar .bar {position: relative; width: 0%; display: inline-block; height: 30px; background: linear-gradient(270deg, rgba(20,189,145,1) 0%, rgba(0,146,108,1) 100%);; border-radius: 20px 0 0 20px; transition: width 1.7s ease; margin-top: 8px; left: 30px; z-index: 1;}
.chartBar .bar:after {
	content: attr(data-freq); position: absolute; left: 2px; line-height: 22px; text-align: center; display: inline-block; color: #333; font-size: 12px; padding: 2px 4px; top: 2px;
	background: #FFF; border-radius: 22px; text-align: center; min-width: 18px;
}
.chartBar.drawsAgo .bar:after {content: attr(data-draws); left: auto; right: -24px; text-align:left;}
.chartBar.drawsAgo .bar {background: linear-gradient(270deg, rgba(217,186,6,1) 0%, rgba(239,221,16,1) 100%); 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: 100%;}
table.hit-miss thead th {background: none; transform: rotate(-90deg); color: #333; padding: 0; height: 80px; width: auto; margin: 0; font-size: 0.8em; position: relative; left: 30px;}
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;}
table.hit-miss .ball.power-play:before, table.hit-miss .ball.megaplier:before {display: none;}
table.hit-miss tbody tr td {background:none;}
table.hit-miss tbody tr:nth-child(even) {background:#b5d0ffa3}

.google-visualization-tooltip {width: 200px;}

.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;}

.jc-se {justify-content:space-evenly; font-family:"font-bold", sans-serif;}
.stat-options {justify-content:start; margin:30px 0; background:#f1f1f1; padding:15px; border-radius:8px;}
.stat-options .freq.chart {margin-left:30px;}
.stat-table-line {display:block; height:4px; background:linear-gradient(270deg,rgba(20,189,145,1) 0%,rgba(0,146,108,1) 100%); border-radius:10px; animation-name: lineGrow; animation-duration:1.4s; animation-fill-mode:forwards; animation-timing-function:ease;}
.stat-table-line.cash-yellow {background:linear-gradient(270deg, rgb(238 221 69) 0%, rgb(189 171 9) 100%);}
@keyframes lineGrow {0% {width:0%} 100% {width:revert-layer;}}

.hot-row, .cold-row {position:relative;}
.hot-row:after {position:absolute; content:""; background-image:url(/images/layout/fire.svg); width:30px; height:30px; background-size:30px 30px; top:50%; transform:translateY(-50%); left:42px;}
.cold-row:after {position:absolute; content:""; background-image:url(/images/layout/ice.svg); width:30px; height:30px; background-size:30px 30px; top:50%; transform:translateY(-50%); left:42px;}
table tr td {align-content:center;}
.marg-bot {margin-bottom:30px;}

.hot-numbers-feature {display: grid; grid-template-columns: repeat(6, 1fr); column-gap:5px; margin-bottom:40px;}
.hot-numbers-feature .hot-number:nth-child(1) {background: #ff3600;}
.hot-numbers-feature .hot-number:nth-child(2) {background: #ff5a20;}
.hot-numbers-feature .hot-number:nth-child(3) {background: #ff7e20;}
.hot-numbers-feature .hot-number:nth-child(4) {background: #ffa837;}
.hot-numbers-feature .hot-number:nth-child(5) {background: #ffba00;}
.hot-numbers-feature .hot-number:nth-child(6) {background:#00926c;}
.hot-number {background:#ffe293; text-align:center; padding:30px 15px; position:relative; overflow:hidden; border-radius:6px; color:#fff;}
.hot-number:before {position:absolute; content:"MAIN BALL"; top:20px; font-size:16px; font-family:"font-bold", sans-serif; left:50%; transform:translateX(-50%);}
.hot-numbers-feature .hot-number:nth-child(6):before {position:absolute; content:"CASH BALL"; top:20px; font-size:16px; font-family:"font-bold", sans-serif; left:50%; transform:translateX(-50%);}
.hot-number div:first-child {font-size:70px; font-family:"font-bold", sans-serif; margin-bottom:15px; margin-top:15px; text-shadow:0px 7px #00000036;}
.hot-number div:last-child {font-size:16px;}
.hot-number div:last-child span, .cold-number div:last-child span {border-bottom:1px dashed #fff;}
.overdue-number div:last-child strong {border-bottom:1px dashed #000;}
.overdue-number div:last-child {line-height:24px;}

.hot-number-upsell {padding:10px 14px; border-radius:6px; margin:-10px 0 40px 0!important; color:#fff; opacity:0; align-items:center; display:flex; justify-content:space-evenly; background:linear-gradient(270deg, rgb(252 94 48) 0%, #fc3e1d 100%); position:relative;}
.hot-number-upsell:after {content:""; position:absolute; top:-11px; left:50%; transform:translateX(-50%); width:12px; height:12px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f95333;}
.cold-number-upsell {padding:10px 14px; border-radius:6px; margin:-10px 0 40px 0!important; color:#fff; animation-delay:.8s!important; opacity:0; align-items:center; display:flex; justify-content:space-evenly; background:linear-gradient(270deg, rgb(41 151 249) 0%, #0336f7 100%); position:relative;}
.cold-number-upsell:after {content:""; position:absolute; top:-11px; left:50%; transform:translateX(-50%); width:12px; height:12px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #1c66f1;}
.overdue-number-upsell {padding:10px 14px; border-radius:6px; margin:-10px 0 40px 0!important; color:#fff; animation-delay:1.4s!important; opacity:0; align-items:center; display:flex; justify-content:space-evenly; background:linear-gradient(270deg, rgb(48 173 137) 0%, #006248 100%); position:relative;}
.overdue-number-upsell:after {content:""; position:absolute; top:-11px; left:50%; transform:translateX(-50%); width:12px; height:12px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #22866a;}
.upsell a {color:#2b2b2b; background:#efdd10; padding:4px 18px; border-radius:50px; font-family:"font-bold", sans-serif; text-decoration:none;}
.upsell a:hover {background:#fff;}
.upsell {animation-name:upsellAppear; animation-duration:1.8s; animation-delay:.2s; animation-fill-mode:forwards; text-align:center;}
@keyframes upsellAppear {100% {opacity:1;}}
.hidden {display:none}

.cold-numbers-feature {display: grid; grid-template-columns: repeat(6, 1fr); column-gap:5px; margin-bottom:40px;}
.cold-numbers-feature .cold-number:nth-child(1) {background: #0036ff;}
.cold-numbers-feature .cold-number:nth-child(2) {background: #0072ff;}
.cold-numbers-feature .cold-number:nth-child(3) {background: #1f98ff;}
.cold-numbers-feature .cold-number:nth-child(4) {background: #45c0ff;}
.cold-numbers-feature .cold-number:nth-child(5) {background: #5dd3ff;}
.cold-numbers-feature .cold-number:nth-child(6) {background:#00926c;}
.cold-number {background:#ffe293; text-align:center; padding:30px 15px; position:relative; overflow:hidden; border-radius:6px; color:#fff;}
.cold-number:before {position:absolute; content:"MAIN BALL"; top:20px; font-size:16px; font-family:"font-bold", sans-serif; left:50%; transform:translateX(-50%);}
.cold-numbers-feature .cold-number:nth-child(6):before {position:absolute; content:"CASH BALL"; top:20px; font-size:16px; font-family:"font-bold", sans-serif; left:50%; transform:translateX(-50%);}
.cold-number div:first-child {font-size:70px; font-family:"font-bold", sans-serif; margin-bottom:15px; margin-top:15px; text-shadow:0px 7px #00000036;}
.cold-number div:last-child {font-size:16px;}

.overdue-numbers-feature {display: grid; grid-template-columns: repeat(6, 1fr); column-gap:15px; margin-bottom:40px;}
.overdue-numbers-feature .overdue-number:nth-child(6) {background:#00926c; color:#fff;}
.overdue-number {background:#f7f7f7; text-align:center; padding:30px 15px; position:relative; overflow:hidden; border-radius:6px; color:#000; box-shadow:0 0 21px 1px #00926c87;}
.overdue-number:before {position:absolute; content:"MAIN BALL"; top:20px; font-size:16px; font-family:"font-bold", sans-serif; left:50%; transform:translateX(-50%);}
.overdue-numbers-feature .overdue-number:nth-child(6):before {position:absolute; content:"CASH BALL"; top:20px; font-size:16px; font-family:"font-bold", sans-serif; left:50%; transform:translateX(-50%);}
.overdue-number div:first-child {font-size:70px; font-family:"font-bold", sans-serif; margin-bottom:15px; margin-top:15px;}
.overdue-number div:last-child {font-size:16px;}
.ball.small {width:30px; height:30px; line-height:30px; font-size:16px;}

@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;}
	.hot-numbers-feature, .cold-numbers-feature, .overdue-numbers-feature {grid-template-columns:1fr 1fr 1fr; column-gap:10px; row-gap:10px;}
}
@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;}
	.stat-options {justify-content:center; align-items:center; flex-direction:column;}
	.stat-options .freq.chart {margin-left:0; margin-top:12px;}
	.hot-number div:first-child, .cold-number div:first-child, .overdue-number div:first-child {font-size:46px; margin-top:20px;}
	.hot-number:before, .cold-number:before, .overdue-number:before {font-size:14px;}
	.cold-numbers-feature .cold-number:nth-child(6):before, .hot-numbers-feature .hot-number:nth-child(6):before, .overdue-numbers-feature .overdue-number:nth-child(6):before {font-size:14px;}
	.mTopMob {margin-top:20px;}
	.hot-number-upsell, .cold-number-upsell, .overdue-number-upsell {flex-direction:column; row-gap:5px;}
}
@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;}

	.navBox {bottom:-155px; transition:all ease .2s;}
	.navBox.active {bottom:0; transition: all ease .2s;}
	.navBox.active:after {display:none}
	.navBox:after {display:none}
	.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: #1b11a3;}
	.hot-numbers-feature, .cold-numbers-feature, .overdue-numbers-feature {grid-template-columns:1fr 1fr;}
}