html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html, body {
/* important */
height: 100%;
}
body {
/* Fix horizontal scroll */
overflow-x: hidden;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
display: block;
}
a {
background: transparent;
text-decoration: none;
outline: 0;
}
a:active, a:hover, a:focus {
outline: 0;
color: #FF3C49;
text-decoration: none;
}
a, input, textarea,
button, select {
font-family: 'Roboto', Verdana, Arial;
transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
b,
strong {
font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
font-weight: 500;
margin: 0 0 15px;
}
h1 {
font-size: 30px;
}
.jumbotron h1 {
font-size: 47px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 20px;
}
img {
border: 0;
height: auto;
max-width: 100%;
}
ul {
margin-bottom: 0px;
}
ul, li {
list-style-type: none;
}
ol.numbers li {
list-style-type: decimal;
list-style-position: inside;
margin-bottom: 10px;
}
/*
==============================Page Css Here========================*/
/*
==Global Css==*/
body {
background-color: #ffffff;
color: #000000;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, Verdana;
}
.full-width {
/* float:left; */
width: 100%;
position: relative;
}
.btn-red {
color: #FFF;
background: #E00B0B;
}
.btn-red:hover,
.btn-red:focus {
color: #FFF;
background: #C51515;
}
.btn-warning {
color: #FFF;
background: #F28F14;
border-color: #DD9022;
}
.btn-warning:hover,
.btn-warning:focus {
color: #FFF;
background: #D38305;
}
.table-responsive::-webkit-scrollbar {
-webkit-appearance: none;
height: 5px;
}
.table-responsive::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.nowrap {
white-space: nowrap;
}
.sidebar,
.page-content {
float: left;
width: 100%;
margin: 0px;
position: relative;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td,
.table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 3px;
vertical-align: middle;
}
/*==Header Css==*/
.navbar {
border: none;
margin-bottom: 0px;
border-radius: 0px;
background: #008ab7;
}
.navbar-nav > li {
margin-right: 1px;
}
.navbar-nav > li > a {
color: #FFF;
font-size: 16px;
padding-top: 20px;
line-height: normal;
padding-bottom: 20px;
text-transform: capitalize;
}
.navbar-nav-submenu > li > a {
padding: 20px 10px 20px 10px;
}
.navbar-nav > .active > a,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > .active > a:focus,
.navbar-nav > .active > a:hover {
color: #FFF;
background: #006687;
}
.logbar {
}
.logbar h1 {
float: left;
margin: 5px 0 10px;
}
.navbar-toggle {
border-color: #FFF;
}
.navbar-toggle .icon-bar {
background: #FFF;
}
.navbar-nav {
margin-top: 0px;
margin-bottom: 0px;
}
.lotteries-badges {
float: right;
position: relative;
margin-right: 50px;
}
.lotteries-badges ul {
margin: 20px 0 0;
}
.lotteries-badges li {
display: inline;
text-align: right;
margin-left: 4px;
}
.lotteries-badges li:last-child {
margin-left: 8px;
}
.navbar-nav.logbtn > li > a {
font-size: 14px;
font-weight: 500;
margin-left: 4px;
padding: 8px 17px 7px;
text-transform: uppercase;
}
.navbar-right.logbtn {
margin: -52px 0 0 0;
}
.navbar-nav.logbtn > li > a.btn-info:hover {
background: #31b0d5;
}
.navbar-nav.logbtn > li > a.btn-warning:hover {
background: #D38305;
}
.dropdown {
/*float:right;
margin-top:19px;*/
}
.btn-dropdown {
border: 0;
width: 108px;
outline: none;
color: #FFF;
text-align: left;
cursor: pointer;
font-size: 16px;
border-radius: 4px;
padding: 6px 12px;
background: #5bc0de;
}
.btn-dropdown:hover {
background: #31b0d5;
}
.dropdown-menu {
z-index: 55555;
}
.dropdown-menu img {
margin-right: 8px;
}
.dropdown-menu li:hover {
background: #5bc0de;
}
.dropdown-menu li:hover a {
color: #FFF;
background: #5bc0de;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background: #006687;
border-bottom: none;
}
.dropdown-menu {
min-width: 180px;
}
/*
==Footer==*/
footer {
padding: 40px 0 0;
min-height: 100px;
background: #090909;
}
footer h5 a {
color: #FFF;
}
footer h5 img {
margin-right: 10px;
}
footer .col-md-15 {
margin: 20px 0;
}
footer .col-md-15 ul {
padding-left: 12px;
}
footer .col-md-15 ul li {
margin-bottom: 5px;
list-style: url(/images/bullet.png)
}
footer .col-md-15 ul li a {
color: #bdbcbc;
font-size: 13px;
}
footer a:hover {
text-decoration: underline;
}
footer h5 a:hover {
color: #FFF;
}
footer .col-md-15 ul li a:hover {
color: #726F6F;
}
/* Social Icons */
.social-icon {
margin: 0px 10px 20px 10px;
float: left;
border-radius: 5px;
width: 35px;
background: #ffffff;
}
.follow-twitter-f,
.mega-million-f,
.lottery-blog-f,
.powerball-f {
float: left;
width: 100%;
margin: 15px 0;
font-size: 19px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}
.follow-twitter-f a,
.mega-million-f a,
.lottery-blog-f a,
.powerball-f a {
color: #FFFFFF;
}
.mega-million-f span,
.powerball-f span {
width: 69px;
height: 34px;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
background: url(/images/logos/lottery_logos.webp) no-repeat;
background-position: -172px 0px;
}
.powerball-f span {
width: 118px;
background-position: -243px 0px;
}
.tennis-f {
float: left;
width: 100%;
text-align: center;
margin: 20px 0;
}
.tennis-f * {
margin-bottom: 0px;
display: inline-block;
vertical-align: middle;
}
.tennis-f img {
margin-right: 10px;
}
.tennis-f p {
color: #FFF;
font-size: 18px;
}
.tennis-f p a {
color: #ffff00;
}
.copyright-bar {
color: #FFF;
padding: 10px 0;
font-size: 13px;
text-align: center;
background: #393939;
}
.copyright-bar a {
color: #FFF;
margin-left: 7px;
margin-right: 10px;
}
.copyright-bar li {
display: inline;
}
/*==Content Css==*/
.jumbotron-homepage {
padding: 50px;
margin: 0px;
}
.jumbotron-colour {
color: white;
background: linear-gradient(to right, #ff6f61, #ffa801);
}
.jumbotron-dark {
color: white;
background: linear-gradient(to right, #141e30, #243b55);
}
.jumbotron-dark h2 {
color: white;
}
.jumbotron-light {
color: black;
background: linear-gradient(to right, #ffffff, #d9d9d9);
}
.btn-shadow {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.banner {
width: 100%;
margin: 0px;
overflow: hidden;
position: relative;
}
.banner .btn {
font-weight: 500;
padding: 8px 12px;
text-transform: capitalize;
}
.banner-color {
background: #f7f7f7;
}
.banner-padding {
padding: 80px 0;
}
.banner-padding-half {
padding: 40px 0;
}
.banner-title-padding-100 {
padding-top: 100px;
}
.banner-title-padding-80 {
padding-top: 80px;
}
.banner-title-padding-60 {
padding-top: 60px;
}
.banner-title-padding-40 {
padding-top: 40px;
}
.banner-title-padding-20 {
padding-top: 20px;
}
.wow {
/* visibility: hidden; */
}
.banner-img {
text-align: center;
}
.img-up {
margin-bottom: 20px;
}
.know-more {
z-index: 1;
padding: 60px 0 90px;
text-align: center;
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}
.know-more p {
font-size: 18px;
color: #2c2c2c;
}
.wtkm-btn {
float: left;
width: 100%;
margin: 40px 0 0;
text-align: center;
position: relative;
}
.wtkm-btn .btn-red {
min-width: 350px;
font-size: 22px;
}
.wtkm-left,
.wtkm-right {
top: -20px;
z-index: 5;
position: absolute;
}
.wtkm-left {
left: 80px;
}
.wtkm-right {
right: 80px;
}
.gt-offers {
text-align: center;
background: #f1e6da;
padding: 60px 0px 40px;
}
.gt-box {
float: left;
width: 100%;
margin-top: 30px;
text-align: left;
min-height: 175px;
position: relative;
margin-bottom: 0px;
}
.gt-img {
float: left;
width: 155px;
margin-bottom: 10px;
}
.img-tab {
margin: 0 auto;
background: url(/images/homepage/icons-white.webp) no-repeat;
}
.img-cg {
width: 148px;
height: 108px;
background-position: -376px 0;
}
.img-wp {
width: 122px;
height: 144px;
background-position: -524px 0px;
}
.img-cs {
width: 149px;
height: 107px;
background-position: -227px 0px;
}
.img-rc {
width: 82px;
height: 108px;
background-position: 0px -11px;
}
.img-pg {
width: 121px;
height: 151px;
background-position: 100% 0px;
}
.img-tm {
width: 144px;
height: 128px;
background-position: -83px 0px;
}
.gt-content {
float: right;
width: 275px;
}
.gt-content h4 {
display: block;
color: #5bb2dd;
}
.gt-content h4 span {
color: #2f2f2f;
}
.gt-content ul {
padding-left: 15px;
margin-bottom: 0px;
}
.gt-content ul li {
color: #5bb2dd;
font-size: 15px;
margin-bottom: 12px;
list-style-type: disc;
}
.gt-content ul li p {
color: #727272;
}
.full-access {
float: left;
width: 100%;
margin: 40px 0 0;
}
.full-access .btn {
font-size: 26px;
font-weight: 700;
min-width: 270px;
line-height: normal;
}
.full-access p {
font-size: 18px;
margin: 30px 0 0;
}
.full-access p a {
color: #5bb2dd;
}
.full-access p a:hover {
color: #FF3C49;
}
.ads-sec {
padding: 30px 0;
min-height: 90px;
background: #FFF;
}
/*
==How to win lottery page==*/
.blue-header {
padding: 20px 15px 0;
min-height: 300px;
background: url(/images/backgrounds/blue-background-rays-985px.jpg) no-repeat;
background-size: contain;
}
.sidebox {
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.sidebox-header {
float: left;
width: 100%;
height: 32px;
padding: 0 15px;
margin-bottom: 0px;
background: #828282;
border-radius: 4px 4px 0 0;
}
.sidebox-header h1,
.sidebox-header h2,
.sidebox-header h3,
.sidebox-header h4,
.sidebox-header h5,
.sidebox-header h6,
.sidebox-header p,
.sidebox-header strong {
color: #FFF;
padding: 7px 0;
font-size: 16px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
margin-bottom: 0px !important;
}
.sidebox-content {
float: left;
width: 100%;
padding: 5px;
background: #FFF;
border: 1px solid #828282;
border-radius: 0 0 4px 4px;
border-top: none !important;
}
.sidebox ul {
margin: 0px;
}
.sidebox ul li {
float: left;
width: 100%;
padding: 4px 5px;
border-bottom: 2px solid #ddd;
}
.sidebox ul li a {
float: left;
width: 100%;
}
.sidebox ul li img {
float: left;
height: 55px;
margin-right: 10px;
}
.sidebox ul li h4 {
font-size: 16px;
font-weight: 400;
margin: 7px 0 3px;
}
.sidebox ul li span {
font-size: 14px;
}
.sidebox ul li ul {
float: left;
padding: 6px;
background: #eeeeee;
}
.sidebox ul li ul li {
padding: 0px;
font-size: 14px;
margin-bottom: 2px;
border-bottom: none;
}
.sidebox ul li.child-ul {
padding: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.sidebox ul li ul li a:hover,
.sidebox ul li ul li a.active {
color: red;
}
/* BALLS - OLD */
.results_ball {
color: #FFFFFF;
display: inline;
font-size: 14px;
font-weight: bold;
height: 34px;
margin: 3px;
padding: 9px;
text-align: center;
width: 34px;
}
.balls-sprites {
background: url("/images/icons/balls_sprites_new.png") no-repeat;
}
.results_ball_lotto {
background-position: -4px -13px;
}
.results_ball_euro {
background-position: -50px -13px;
}
.results_ball_euro_star {
background-position: -237px -15px;
color: #000000;
width: 35px;
padding-top: 10px;
}
.results_ball_thunder {
background-position: -191px -14px;
}
.results_ball_thunder_tb {
background-position: -282px -15px;
color: #000000;
width: 35px;
}
.results_ball_white {
background-position: -99px -15px;
color: #000000;
}
.results_ball_gold {
background-position: -146px -14px;
color: #000000;
}
/* BALLS - NEW */
.results-ball-box {
margin: 5px 0;
}
.results_ball_new {
width: 33px;
height: 33px;
margin: 5px 5px 5px 0;
display: inline-block;
border-radius: 17px;
position: relative;
z-index: 1;
color: #ffffff;
padding: 7px;
font-weight: bold;
font-size: 16px;
}
.results_ball_new_small {
width: 25px;
height: 25px;
margin: 5px 5px 5px 0;
display: inline-block;
border-radius: 15px;
position: relative;
z-index: 1;
color: #ffffff;
padding: 5px;
font-weight: bold;
font-size: 10px;
}
.box-header-lotto,
.sidebox ul li.color-lotto:hover,
.sidebox ul li.color-lotto.active,
.btn-lotto,
.ball-lotto {
background-color: #BB171C;
background-image: -webkit-linear-gradient(#e12b31, #c71c22 60%, #b5191f);
background-image: -o-linear-gradient(#e12b31, #c71c22 60%, #b5191f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e12b31), color-stop(60%, #c71c22), to(#b5191f));
background-image: linear-gradient(#e12b31, #c71c22 60%, #b5191f);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12b31', endColorstr='#ffb5191f', GradientType=0);
-webkit-filter: none;
filter: none;
}
.box-header-euromillions,
.sidebox ul li.color-euro:hover,
.sidebox ul li.color-euro.active,
.btn-euro,
.ball-euromillions {
background: #1F6DB9;
background-image: -webkit-linear-gradient(#328BE0, #1C73C8 60%, #1D65A9);
background-image: -o-linear-gradient(#328BE0, #1C73C8 60%, #1D65A9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#328BE0), color-stop(60%, #1C73C8), to(#1D65A9));
background-image: linear-gradient(#328BE0, #1C73C8 60%, #1D65A9);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff02325f', GradientType=0);
-webkit-filter: none;
filter: none;
}
.box-header-thunderball,
.sidebox ul li.color-thunderball:hover,
.sidebox ul li.color-thunderball.active,
.btn-thunderball,
.ball-thunderball {
background: #E1007E;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1007E), color-stop(1, #3B005B));
background-image: -o-linear-gradient(bottom, #E1007E 0%, #3B005B 100%);
background-image: -moz-linear-gradient(bottom, #E1007E 0%, #3B005B 100%);
background-image: -webkit-linear-gradient(bottom, #E1007E 0%, #3B005B 100%);
background-image: -ms-linear-gradient(bottom, #E1007E 0%, #3B005B 100%);
background-image: linear-gradient(to bottom, #E1007E 0%, #3B005B 100%);
}
.box-header-set-for-life,
.sidebox ul li.color-set-for-life:hover,
.sidebox ul li.color-set-for-life.active,
.btn-set-for-life,
.ball-set-for-life {
background-color: #01CAEB;
background-image: -webkit-linear-gradient(#01CAEB, #00AAAF 60%, #00888B);
background-image: -o-linear-gradient(#01CAEB, #00AAAF 60%, #00888B);
background-image: -webkit-gradient(linear, left top, left bottom, from(#01CAEB), color-stop(60%, #00AAAF), to(#00888B));
background-image: linear-gradient(#01CAEB, #00AAAF 60%, #00888B);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01CAEB', endColorstr='#00888B', GradientType=0);
-webkit-filter: none;
filter: none;
color: #ffffff;
}
.box-header-health-lottery,
.sidebox ul li.color-health:hover,
.sidebox ul li.color-health.active,
.btn-health,
.ball-health-lottery {
background: #248FCD;
background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
background-image: -o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5));
background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);
-webkit-filter: none;
filter: none;
}
.box-header-irish-lotto,
.sidebox ul li.color-irish:hover,
.sidebox ul li.color-irish.active,
.btn-irish,
.ball-irish-lotto {
background: #639729;
background-image: -webkit-linear-gradient(#88c149, #73a839 60%, #699934);
background-image: -o-linear-gradient(#88c149, #73a839 60%, #699934);
background-image: -webkit-gradient(linear, left top, left bottom, from(#88c149), color-stop(60%, #73a839), to(#699934));
background-image: linear-gradient(#88c149, #73a839 60%, #699934);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff88c149', endColorstr='#ff699934', GradientType=0);
-webkit-filter: none;
filter: none;
}
.box-header-eurojackpot,
.sidebox ul li.color-eurojackpot:hover,
.sidebox ul li.color-eurojackpot.active,
.btn-eurojackpot {
background: #FFDD00;
background-image: -webkit-linear-gradient(#EEBB00, #EEBB00 60%, #e6b400);
background-image: -o-linear-gradient(#EEBB00, #EEBB00 60%, #e6b400);
background-image: -webkit-gradient(linear, left top, left bottom, from(#EEBB00), color-stop(60%, #EEBB00), to(#e6b400));
background-image: linear-gradient(#EEBB00, #EEBB00 60%, #e6b400);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEBB00', endColorstr='#e6b400', GradientType=0);
-webkit-filter: none;
filter: none;
color: #000000;
}
.ball-bonus,
.ball-euromillions-lucky-star {
background: #FFDD00;
background-image: -webkit-linear-gradient(#FFDD00, #FFDD00 60%, #FBB034);
background-image: -o-linear-gradient(#FFDD00, #FFDD00 60%, #FBB034);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDD00), color-stop(60%, #FFDD00), to(#FBB034));
background-image: linear-gradient(#FFDD00, #FFDD00 60%, #FBB034);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDD00', endColorstr='#FBB034', GradientType=0);
-webkit-filter: none;
filter: none;
color: #000000;
}
.ball-white {
background: #ddd;
background-image: -webkit-linear-gradient(#ddd, #EEEEEE 60%, #FFFFFF);
background-image: -o-linear-gradient(#ddd, #EEEEEE 60%, #FFFFFF);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(60%, #EEEEEE), to(#FFFFFF));
background-image: linear-gradient(#ddd, #EEEEEE 60%, #FFFFFF);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#FFFFFF', GradientType=0);
-webkit-filter: none;
filter: none;
color: #000000;
border: 1px solid #ddd;
}
.ball-gold {
background: #FEDB37;
background-image: -webkit-linear-gradient(#FEDB37, #FFAA3A 60%, #8F5202);
background-image: -o-linear-gradient(#FEDB37, #FFAA3A 60%, #8F5202);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FEDB37), color-stop(60%, #FFAA3A), to(#8F5202));
background-image: linear-gradient(#FEDB37, #FFAA3A 60%, #8F5202);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEDB37', endColorstr='#8F5202', GradientType=0);
-webkit-filter: none;
filter: none;
color: #000000;
}
.btn-lotto:hover {
border-color: #911419;
}
.btn-health:hover {
border-color: #1684c2;
}
.btn-irish:hover {
border-color: #547a29;
}
.btn-euro:hover {
border-color: #0E6699;
}
.btn-thunderball {
border-color: #B90FB1;
}
.btn-thunderball:hover {
border-color: #941A8E;
}
.btn-set-for-life:hover {
border-color: #01CAEB;
}
.btn-eurojackpot:hover {
border-color: #fcba03;
}
.sidebox ul li:hover h4,
.sidebox ul li:hover span,
.sidebox ul li.active h4,
.sidebox ul li.active span {
color: #FFF;
}
.page-content article {
float: left;
width: 100%;
margin: 10px auto;
}
.page-content article h2 {
color: #111;
font-size: 26px;
font-weight: 700;
}
.art-header h2 {
margin-top: 24px;
}
.art-header h2 span, .art-header h1 span {
color: #FFF;
text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
}
.art-header em {
float: left;
width: 100%;
color: #0267FF;
font-size: 17px;
margin-top: 10px;
letter-spacing: .1em;
}
.art-header img {
float: right;
max-width: 85%;
margin-right: -15px;
}
.art-ans h3 {
margin-top: 30px;
margin-bottom: 5px;
}
.art-ans h4 {
font-size: 20px;
margin-top: 30px;
margin-bottom: 5px;
line-height: normal;
}
/*.art-ans h4 img{
top:-1px;
position:relative;
}*/
.art-ans .col-sm-4 img {
display: block;
margin: 0 auto;
}
.mgt-100 {
margin-top: 100px;
}
.art-ans .col-sm-4 img.mgt-100 {
margin-top: 100px;
}
.art-ans a.btn {
font-size: 14px;
color: #FFFFFF;
font-weight: 500;
line-height: 1;
padding-top: 7px;
padding-bottom: 5px;
text-transform: uppercase;
}
.btn-lotto,
.btn-euro,
.btn-thunderball,
.btn-set-for-life,
.btn-health,
.btn-irish,
.btn-eurojackpot {
/*border:none;*/
color: #FFFFFF;
font-weight: 500;
text-transform: capitalize;
backface-visibility: hidden;
}
a.btn-lotto,
a.btn-euro,
a.btn-thunderball,
a.btn-set-for-life,
a.btn-health,
a.btn-irish,
a.btn-eurojackpot {
line-height: normal;
}
.btn-lotto:hover,
.btn-euro:hover,
.btn-thunderball:hover,
.btn-set-for-life:hover,
.btn-health:hover,
.btn-irish:hover,
.btn-eurojackpot:hover,
.btn-lotto:focus,
.btn-euro:focus,
.btn-thunderball:focus,
.btn-health:focus,
.btn-irish:focus,
.btn-eurojackpot:focus {
color: #FFF;
opacity: .88;
}
.art-ans ul {
margin-bottom: 15px;
}
.art-ans ul li {
text-align: center;
margin-bottom: 2px;
}
.art-ans ul li a.btn {
min-width: 380px;
padding: 8px 0 6px;
}
.art-ans ul li img {
width: 52px;
height: 52px;
margin-top: 2px;
margin-right: 5px;
}
.art-ans hr {
margin: .2em 0 .8em;
}
.winning-numbers .art-ans ul {
padding-left: 20px;
margin-top: 10px;
}
.winning-numbers .art-ans ul li {
text-align: left;
list-style-type: disc;
}
.winning-numbers .art-ans ul li a.btn {
min-width: inherit;
padding-left: 20px;
padding-right: 20px;
}
.winning-numbers .art-ans .bighand li {
font-size: 18px;
list-style: url(/images/icons/light_bulb.gif);
}
.winning-numbers .art-ans .bighand li > span {
position: relative;
top: -8px;
}
.winning-numbers article h5 {
margin-top: 20px;
}
.winning-numbers article {
margin-bottom: 10px;
}
.art-ans.bg-color-eee h4 {
margin-top: 0px;
}
/*
==Lottery Result==*/
.lottery-sec {
padding-top: 20px;
}
.result-checker {
float: left;
width: 100%;
position: relative;
}
.result-checker h2 span,
.prediction-game h2 span {
color: #777777;
}
.rc-header,
.rc-contnt {
z-index: 1;
float: left;
width: 100%;
position: relative;
}
.rc-contnt .results_ball {
margin-right: 5px;
}
.rc-header img {
margin-right: 8px;
}
.rc-header h2 {
margin: 0px;
font-size: 18px !important;
display: inline-block;
vertical-align: middle;
}
.result-checker article:first-child {
margin-bottom: 20px;
}
.rc-contnt ul {
margin-bottom: 15px;
}
.rc-contnt ul li {
display: inline-block;
vertical-align: middle;
float: none !important;
}
.rc-contnt ul li strong {
margin-left: 5px;
margin-right: 3px;
}
.rc-contnt p {
font-size: 14px;
margin-bottom: 2px;
}
.rc-contnt p strong {
font-size: 16px;
}
.rc-contnt .btn {
margin: 12px 0 0;
color: #FFF;
width: 100%;
max-width: 320px;
text-transform: uppercase;
}
hr {
border: 0;
width: 100%;
padding: 0;
float: left;
margin: 1.5em 0;
border-top: 1px solid #ccc;
}
.result-checker p a.btn {
padding: 4px 12px;
}
/* ==Lottery Prediction== */
.prediction-game {
float: left;
width: 100%;
}
.prediction-game h3,
.syndicates-game h3 {
width: 100%;
color: #111111;
font-size: 20px;
margin: 25px 0 15px;
display: inline-block;
vertical-align: middle;
padding-bottom: 2px;
border-bottom: 1px solid #ccc;
}
.predictions-homepage .panel-heading h2 {
font-size: 24px !important;
margin: 0 !important;
}
.predictions-homepage h3 {
margin: 0px;
border: 0px;
}
.predictions-homepage article {
margin: 20px 0px;
padding: 10px;
border: 1px dotted #ccc;
}
.prediction-game h3 img,
.syndicates-game h3 img {
top: -1px;
margin-right: 4px;
position: relative;
}
.prediction-game h4,
.syndicates-game h4 {
color: #111;
font-size: 18px;
margin: 30px 0 10px;
}
.prediction-game ul {
#padding-left: 15px;
#margin-bottom: 12px;
}
.prediction-game ul li {
margin-bottom: 8px;
text-align: left;
}
.mgt-50 {
margin-top: 50px;
}
/*
==Lottery Syndicates==*/
.syndicates-game h3 {
margin-bottom: 5px;
padding-bottom: 0px;
border-bottom: none;
}
.syndicates-game a.btn {
padding: 4px 12px;
}
.syndicates-game table a.btn {
padding: 6px 20px;
text-transform: uppercase;
}
.syndicates-game table {
float: left;
width: 100%;
}
.syndicates-game table td,
.syndicates-game table th {
padding: 5px;
font-size: 14px;
text-align: center;
border: 1px solid #000;
}
.syndicates-game table th {
background: #994499;
color: #FFFFFF;
}
.latest-testimonials {
float: left;
width: 100%;
color: #111;
}
.latest-testimonials article {
padding: 6px;
margin-bottom: 5px;
background: #D1E7EF;
}
.latest-testimonials cite {
width: 100%;
display: block;
font-size: 15px;
font-style: normal;
margin-bottom: 5px;
}
.latest-testimonials q {
font-size: 15px;
font-weight: 400;
font-style: italic;
}
.latest-testimonials article:nth-child(even) {
background: #eeeeee;
}
.say-and-donate a.btn {
padding: 4px 12px;
font-weight: 500;
}
.donation {
text-align: center;
}
.sidebox.donation .sidebox-header {
text-align: left;
background: #3C84B4;
}
.gw-numbers .sidebox-content {
border-radius: 4px;
border-top: 1px solid #828282 !important;
background: #ffff00;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#ffffff');
background-image: -ms-linear-gradient(top, #ffff00 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffffff));
background: -moz-linear-gradient(top, #ffff00, #ffffff);
}
.gw-numbers h4 {
font-size: 20px;
}
.sidebox.gw-numbers ul {
margin-bottom: 10px;
}
.sidebox.gw-numbers ul li {
border: none;
float: none;
padding-top: 0px;
padding-bottom: 0px;
display: inline-block;
vertical-align: middle;
}
.sidebox.gw-numbers ul li img {
float: none;
margin-top: 4px;
display: inline-block;
}
.sidebox.gw-numbers ul li a.btn {
display: inline-block;
max-width: 320px;
float: none;
}
.lottery-content,
.lottery-sidebar {
float: left;
width: 100%;
margin: 0px;
position: relative;
}
.lottery-content h1 span {
color: #777777;
}
.lottery-instruction,
.lottery-description {
float: left;
width: 100%;
margin: 10px 0;
font-size: 15px;
position: relative;
}
.lottery-instruction span {
float: left;
width: 100%;
}
.lottery-instruction span strong {
font-size: 16px;
}
.lottery-description h4 {
float: left;
width: 100%;
font-size: 18px;
color: #111111;
font-weight: 400;
margin: 30px 0 7px;
}
.lottery-description table th,
.lottery-description table td {
padding: 3px;
font-size: 14px;
text-align: center;
border: 1px solid #000;
}
.lottery-description table th {
background: #000;
color: #FFF;
border-right-color: #FFF;
}
.lottery-description table th:last-child {
border-right-color: #000;
}
table.table-lotto tr {
background: #ffcccb;
}
table.table-euromillions tr {
background: #88BBEE;
}
table.table-eurojackpot tr {
background: #fcba03;
}
table.table-thunderball tr {
background: #E29DF9;
}
table.table-set-for-life tr {
background: #20c9e5;
}
table.table-health-lottery tr {
background: #aaaaff;
}
table.table-irish-lotto tr {
background: #C2F586;
}
table tr:nth-child(odd) {
background: #FFF;
}
.lottery-sidebar {
padding: 5px;
text-align: center;
background-color: #eeeeee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
background: -moz-linear-gradient(top, #dddddd, #ffffff);
}
.lottery-sidebar h3 {
font-size: 22px;
font-weight: 700;
margin: 30px 0 10px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.lottery-sidebar article {
float: left;
width: 100%;
margin-bottom: 20px;
}
.lottery-sidebar article a.btn {
padding: 4px 12px;
display: block;
max-width: 190px;
margin: 5px auto 10px;
}
.lottery-sidebar article img {
max-width: 170px;
float: right;
}
.register-userbar {
float: left;
width: 100%;
padding: 12px;
background: #000;
}
.register-userbar p {
color: #FFF;
font-size: 18px;
margin-bottom: 0px;
}
.register-userbar p a {
font-weight: 500;
}
/*
==Login==*/
.logreg {
padding: 20px 0;
margin-bottom: 30px;
}
.logreg h2 {
font-size: 30px;
font-weight: 700;
text-align: center;
margin-bottom: 40px;
}
.logreg.forget-pass h2 {
text-align: left;
margin-top: 20px;
margin-bottom: 30px;
}
.logreg input.btn {
font-size: 16px;
font-weight: 700;
min-width: 120px;
padding: 8px 15px;
}
.logreg .col-sm-6 {
padding-top: 10px;
padding-bottom: 10px;
}
.logreg.forget-pass input.btn {
min-width: 90px;
padding: 6px 15px;
}
.logreg-border {
border-right: 2px solid #ccc;
}
.social-login-buttons {
font-size: 15px;
}
.social-login-buttons .button-login.facebook {
background-color: #2B4D7E;
background-image: url(/images/icons/facebook.png);
border: 1px solid #1A3E71;
}
.social-login-buttons .button-login.twitter {
background-color: #53B3CC;
background-image: url("/images/icons/twitter.png");
-moz-linear-gradient(center top, #83D9F0, #53B3CC);
border: 1px solid #56AFC7;
}
.social-login-buttons .button-login.google {
background-color: #ffffff;
color: #000000;
background-image: url(/images/icons/google.svg);
border: 1px solid #1A3E71;
background-size: contain; /* Or other desired size */
background-repeat: no-repeat;
margin-left: 0px; /* Add margin-left for positioning */
}
.social-login-buttons .button-login.x {
background-color: #000000;
color: #ffffff;
background-image: url(/images/icons/x-small.png);
border: 1px solid #1A3E71;
background-size: contain; /* Or other desired size */
background-repeat: no-repeat;
margin-left: 0px; /* Add margin-left for positioning */
}
.social-login-buttons .button-login {
color: #FFFFFF;
margin-top: 30px;
min-width: 260px;
display: inline-block;
padding: 8px 10px 8px 65px;
background-position: 0 50%;
box-shadow: 0 0 1px #CCCCCC;
background-repeat: no-repeat;
border-radius: 3px 3px 3px 3px;
}
.logreg p.text-center {
margin: 20px 0 0;
font-size: 18px;
}
.forgot-password {
margin: 10px 0px;
}
.gain-access {
float: left;
width: 100%;
margin: 30px 0 0;
}
.gain-access h5 {
float: left;
width: 100%;
font-size: 16px;
padding-bottom: 8px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
}
.gain-access ul {
float: left;
width: 100%;
padding-left: 28px;
margin-bottom: 20px;
}
.gain-access ul li {
margin-bottom: 10px;
list-style-image: url(/images/icons/finger_up.gif);
}
.gain-access ul li span {
top: -5px;
position: relative;
}
.gain-access img {
float: right;
max-width: 150px;
}
.draw-results .rc-contnt ul {
margin-bottom: 10px;
}
.draw-results hr {
margin: .2em 0 .8em;
}
.draw-results h2 {
margin-bottom: 30px;
}
.draw-results .rc-contnt .btn {
width: 200px;
font-weight: 500;
}
.draw-results h2,
.draw-results h3,
.draw-results h4,
.draw-results h5 {
margin-bottom: 5px;
}
.draw-results article {
float: left;
width: 100%;
position: relative;
margin: 10px 0 30px;
}
.draw-results article .form-control {
width: 50px;
display: inline;
font-size: 20px;
font-weight: 500;
padding: 6px 10px;
text-align: center;
}
.draw-results article input.btn {
top: -3px;
height: 33px;
display: inline;
font-weight: 500;
position: relative;
text-transform: uppercase;
}
.lucky-star {
background: #FFFDBF;
}
.thunder-ball {
background: #F6CEFF;
}
.life-ball {
background: #02BBD9;
}
.results-checker .form-control {
width: 45px;
display: inline;
font-size: 20px;
font-weight: 500;
padding: 6px 6px;
text-align: center;
}
.results-checker-box {
padding: 15px;
}
.results-checker-box p {
color: white;
}
.results-checker-box h2 {
color: white !important;
}
.results-checker-data-box {
margin: 10px auto;
background-color: white;
color: black !important;
}
.results-checker-data-box p {
color: black;
}
.bg-color-eee {
padding: 15px;
background: #eeeeee;
padding-bottom: 5px;
}
.htw-lottery {
float: left;
width: 100%;
padding: 8px;
text-align: center;
background-color: #C80000;
}
.sidebox .htw-lottery h2 {
padding: 0px;
height: auto;
margin: 15px 0;
font-size: 22px;
color: #FFFFFF;
background: none;
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
}
.htw-lottery p {
font-size: 16px;
color: #FFF;
}
.htw-lottery img {
float: right;
margin-top: 20px;
max-width: 180px;
margin-right: -8px;
}
.htw-lotto {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#000000');
background-image: -ms-linear-gradient(top, #ff0000 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#000000));
background: -moz-linear-gradient(top, #ff0000, #000000);
}
.htw-euromillions {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066aa', endColorstr='#000000');
background-image: -ms-linear-gradient(top, #0066aa 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#0066aa), to(#000000));
background: -moz-linear-gradient(top, #0066aa, #000000);
}
.htw-eurojackpot {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcba03', endColorstr='#000000');
background-image: -ms-linear-gradient(top, #fcba03 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fcba03), to(#000000));
background: -moz-linear-gradient(top, #fcba03, #000000);
}
.htw-thunderball {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#691041', endColorstr='#000000');
background-image: -ms-linear-gradient(top, #691041 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#691041), to(#000000));
background: -moz-linear-gradient(top, #691041, #000000);
}
.htw-set-for-life {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44CCFF', endColorstr='#000000');
background-image: -ms-linear-gradient(top, #44CCFF 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#44CCFF), to(#000000));
background: -moz-linear-gradient(top, #44CCFF, #000000);
}
.htw-health-lottery {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098d4', endColorstr='#000000');
background-image: -ms-linear-gradient(top, #0098d4 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#0098d4), to(#000000));
background: -moz-linear-gradient(top, #0098d4, #000000);
}
.htw-irish-lotto {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c83e', endColorstr='#000000');
background-image: -ms-linear-gradient(top, #92c83e 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#92c83e), to(#000000));
background: -moz-linear-gradient(top, #92c83e, #000000);
}
/* COMBINATIONS SHOPPING CART */
.combo-bar {
float: left;
width: 100%;
margin: 10px 0;
position: relative;
}
.combo-head,
.combo-cont {
width: 28%;
float: left;
padding: 5px 8px;
min-height: 38px;
}
.combo-head {
color: #FFF;
font-size: 20px;
font-weight: 500;
text-align: center;
border-radius: 4px 0 0 4px;
}
.combo-cont {
width: 72%;
font-size: 14px;
background: #cccccc;
border-radius: 0 4px 4px 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee');
background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee));
background: -moz-linear-gradient(top, #cccccc, #eeeeee);
}
.combo-only,
.combo-price,
.combo-price-old {
float: left;
margin-right: 10px;
}
.combo-only {
margin-top: 6px;
}
.combo-price {
color: #ff0000;
font-size: 24px;
font-weight: 500;
text-align: right;
line-height: normal;
}
.combo-price-old {
color: #777777;
font-size: 16px;
text-align: right;
line-height: normal;
text-decoration: line-through;
float: left;
margin-top: 8px;
}
.combo-combination {
float: left;
margin-top: 6px;
text-align: right;
}
.cart-price-old {
font-size: 14px !important;
color: #777;
}
.cart-price-old span {
text-decoration: line-through;
}
.winning-numbers .col-md-9 .row {
margin-left: -5px;
margin-right: -5px;
}
.winning-numbers .col-md-9 .col-xs-10,
.winning-numbers .col-md-9 .col-xs-2 {
padding-left: 5px;
padding-right: 5px;
}
.winning-numbers .col-md-9 .col-xs-2 form {
margin-top: 12px;
}
.ultimate-btns {
float: left;
width: 100%;
margin: 20px 0 0;
text-align: center;
vertical-align: middle;
}
.art-ans .ultimate-btns a.btn {
color: #FFFFFF;
font-size: 22px;
padding-left: 25px;
padding-right: 25px;
text-transform: capitalize;
}
.ultimate-btns a span {
color: #111;
}
.ultimate-btns > span {
margin: 0 10px;
font-size: 22px;
font-weight: 500;
vertical-align: middle;
}
.special-combination ul li {
color: #ff0000;
font-weight: 500;
}
.specialbox {
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.specialbox-header {
/* float: left; */
width: 100%;
padding: 0 10px;
min-height: 32px;
margin-bottom: 0px;
border-radius: 4px 4px 0 0;
}
.specialbox-header h1,
.specialbox-header h2,
.specialbox-header h3,
.specialbox-header h4,
.specialbox-header h5,
.specialbox-header h6,
.specialbox-header strong,
.specialbox-header p {
/* float: left; */
color: #FFF;
padding: 7px 0;
font-size: 16px;
font-weight: 500;
margin-bottom: 0px;
line-height: normal;
text-transform: capitalize;
}
.specialbox-content {
/* float: left; */
width: 100%;
padding: 5px;
background: #FFF;
border: 1px solid #828282;
border-radius: 0 0 4px 4px;
border-top: none !important;
}
.specialbox-content p {
font-size: 14px;
}
.specialbox-content p .h4 {
color: #F00;
font-weight: 700;
}
.specialbox-content .col-sm-9 img {
margin: 0px;
}
.art-ans .bg-info {
float: left;
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.art-ans .bg-info p {
margin-bottom: 0px;
}
.rw-lotteries {
float: left;
width: 100%;
margin: 5px 0;
}
.rw-img {
width: 100px;
float: left;
margin-right: 12px;
text-align: center;
}
.rw-img small {
font-size: 13px;
}
.rw-icon {
width: 52px;
height: 70px;
margin: 0 auto;
display: inline-block;
background: url(/images/icons/icons_red.png) no-repeat;
}
.rw-content p {
font-size: 14px;
margin-bottom: 5px;
}
.rw-content p strong,
.rw-content p a {
font-size: 15px;
}
.text-red {
color: #ff0000;
}
.rw-home {
background-position: -77px -171px;
}
.rw-mail {
background-position: -150px -172px;
}
.rw-access {
background-position: -11px -90px;
}
.art-ans .wtkm-btn .btn-red {
font-size: 22px;
padding: 10px 16px;
line-height: normal;
text-transform: none;
}
.bg-red {
background: #F00;
}
.bg-maroon {
background: #9E1300;
}
.lbf-mainballs,
.lbf-bonusballs {
float: left;
width: 100%;
margin-top: 10px;
}
.lbf-mainballs table td,
.lbf-bonusballs table td {
padding: 2px;
font-size: 13px;
}
.lbf-mainballs table td span,
.lbf-bonusballs table td span {
float: left;
display: block;
}
.lbf-checker a.btn {
padding: 4px 12px;
font-weight: 500;
}
.specialbox-header > .pull-right {
width: 170px;
}
.specialbox-header fieldset {
float: left;
margin-top: 7px;
}
.specialbox-header fieldset label {
color: #FFF;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
}
.specialbox-content table {
margin-bottom: 0px;
}
.specialbox-content table th,
.specialbox-content table td {
text-align: center;
font-size: 15px;
}
.specialbox-content .rc-contnt ul {
margin-bottom: 0px;
}
.draw-history .specialbox-content p {
font-size: 16px;
}
.lottery-predictions .specialbox-content table th,
.lottery-predictions .specialbox-content table td {
font-size: 14px;
padding: 8px;
}
.lottery-predictions .specialbox-content table th {
width: 30%;
background: #eee;
text-align: right;
}
.lottery-predictions .specialbox-content table.th-left th {
text-align: left;
font-weight: 400;
}
.lottery-predictions .specialbox-content table.th-left th a {
font-weight: 500;
font-size: 110%;
}
.lottery-predictions .specialbox-content .rc-contnt ul {
text-align: left;
margin-bottom: 5px;
}
.lottery-predictions .specialbox-content p {
font-size: 15px;
margin-top: 5px;
}
.lottery-predictions strong[class] {
font-size: 30px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.mgt10 {
margin-top: 10px;
}
.mgb10 {
margin-bottom: 10px;
}
.lottery-predictions .specialbox-content p.mgt10 {
margin-top: 10px;
}
.lottery-breakdown .lottery-instruction span {
/*
font-size:18px;
*/
}
.lottery-breakdown .lottery-instruction span strong {
/*
font-size:19px;
font-weight:700;
*/
}
.lottery-breakdown .rc-contnt {
margin-top: 20px;
}
.lottery-breakdown .rc-contnt hr {
margin: 0 0 12px;
}
.lottery-breakdown table {
margin-bottom: 10px;
}
.tabs-containers {
padding: 10px 15px;
border-radius: 4px;
margin-bottom: 5px;
border: 1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.tab-content {
padding: 10px 0 0;
}
.nav-tabs > li > a {
font-weight: 500;
background-color: #eee;
text-transform: capitalize;
}
.nav-tabs > li > a:hover {
color: #337ab7;
background-color: #dfdfdf;
}
.tab-content table {
/*float:left;*/
margin-right: 5px;
}
.tab-content table tr th,
.tab-content table tr td {
padding: 2px 5px;
font-size: 14px;
text-align: center;
line-height: normal;
/* border:1px solid #000; */
}
.tab-content table tr th {
color: #FFF;
background: #000;
font-weight: 500;
border-bottom: 1px solid #fff;
}
.table-won tr td {
font-weight: 500;
background-color: #4ab4ef;
}
.tab-content table thead tr:nth-child(3n) th {
border-bottom: none;
}
.tab-content table tfoot tr th {
border-bottom: none;
}
.highlight-correct {
color: #FFF;
background: #F00;
}
.table-lucky-dip thead tr:last-child th {
border-right-color: #FFF;
}
.table-lucky-dip thead tr:last-child th:last-child {
border-right-color: #000;
}
.tab-content table:last-child {
margin-right: 0px;
}
/*
======================Responsive Media Queries====================*/
@media (min-width: 768px) {
.container {
min-width: 768px;
}
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media screen and (max-width: 1199px) {
.navbar-nav > li > a {
padding: 15px 10px;
}
.gt-img {
width: auto;
height: 151px;
}
.gt-content {
width: 255px;
}
.img-tab {
margin: 0px auto;
background-size: cover;
}
.img-cg {
width: 98px;
height: 107px;
background-position: -273px 0;
}
.img-wp {
width: 96px;
height: 120px;
background-position: -417px 0px;
}
.img-cs {
width: 95px;
height: 97px;
background-position: -146px 0px;
}
.img-rc {
width: 64px;
height: 118px;
background-position: 0px -6px;
}
.img-pg {
width: 101px;
height: 125px;
background-position: 100% 0px;
}
.img-tm {
width: 97px;
height: 102px;
background-position: -56px 0px;
}
.gt-content h4 {
font-size: 22px;
}
.sidebox ul li img {
width: 50px;
height: 50px;
margin-right: 5px;
}
.sidebox ul li h4 {
margin-top: 6px;
}
.sidebox ul li {
padding-left: 2px;
padding-right: 2px;
}
.sidebox ul li span {
font-size: 14px;
}
.specialbox-content table th,
.specialbox-content table td {
font-size: 14px;
}
.lottery-predictions .rc-contnt ul li {
margin: 0 -1px;
}
.tab-content .sidebox-header h1, .tab-content .sidebox-header h2, .tab-content .sidebox-header h3, .tab-content .sidebox-header h4, .tab-content .sidebox-header h5, .tab-content .sidebox-header h6, .tab-content .sidebox-header p, .tab-content .sidebox-header strong, .tab-content .specialbox-header h1, .tab-content .specialbox-header h2, .tab-content .specialbox-header h3, .tab-content .specialbox-header h4, .tab-content .specialbox-header h5, .tab-content .specialbox-header h6, .tab-content .specialbox-header strong, .tab-content .specialbox-header p {
font-size: 14px;
}
.tab-content table tr th, .tab-content table tr td {
font-size: 13px;
padding: 2px;
}
}
@media screen and (max-width: 991px) {
.lotteries-badges {
margin-right: 0px;
}
.home-slider h1 {
margin-top: 60px;
font-size: 30px;
}
.home-slider p {
font-size: 16px;
}
.slider {
height: 380px;
}
h2 {
font-size: 30px;
}
.wtkm-right {
right: 68px;
}
.gt-content ul li {
font-size: 14px;
}
.navbar.full-width .container {
width: 100%;
}
.navbar-nav > li {
margin: 0 0 1px;
}
.navbar-nav > li > a {
padding: 15px 10px;
}
.gt-content {
width: 236px;
}
.gt-content h4 {
font-size: 20px;
}
#dropdown-menu {
left: auto;
right: 0px;
}
.art-header h2 {
font-size: 27px;
margin-top: 0px;
}
.art-header em {
margin-top: 0px;
letter-spacing: .05em;
}
.art-ans h4 {
font-size: 20px;
}
.art-ans h4 img {
top: 0px;
}
.art-ans ul li a.btn {
min-width: 235px;
font-size: 11px;
}
.art-ans ul li img {
width: 46px;
height: 46px;
}
.syndicates-game table td,
.syndicates-game table th {
padding: 4px;
}
.sidebox.gw-numbers ul li a.btn {
font-size: 12px;
max-width: 270px;
font-weight: 500;
}
.lottery-sidebar h3 {
font-size: 20px;
}
.lottery-sidebar article p {
font-size: 14px;
}
.lottery-sidebar article a.btn {
max-width: 155px;
font-size: 13px;
}
.lottery-sidebar article img {
max-width: 150px;
}
.rc-contnt ul li {
margin: 0 -1px;
}
.htw-lottery a.btn {
font-size: 13px;
}
.combo-bar {
margin-bottom: 0px;
}
.winning-numbers .col-md-9 .col-xs-2 {
text-align: right;
}
.combo-head {
font-size: 17px;
}
.combo-head, .combo-cont {
padding: 5px;
}
.combo-only {
width: 24%;
font-size: 12px;
}
.combo-price {
width: 24%;
font-size: 20px;
}
.combo-combination {
font-size: 12px;
}
.winning-numbers .col-md-3.pull-right {
float: none !important;
text-align: center;
}
.art-ans .ultimate-btns a.btn {
font-size: 20px;
padding-left: 12px;
padding-right: 12px;
}
.art-ans .wtkm-btn .btn-red {
min-width: 300px;
}
.art-ans .wtkm-btn .wtkm-left {
left: 0px;
}
.art-ans .wtkm-btn .wtkm-right {
right: -8px;
}
.tab-content .sidebox-header h1, .tab-content .sidebox-header h2, .tab-content .sidebox-header h3, .tab-content .sidebox-header h4, .tab-content .sidebox-header h5, .tab-content .sidebox-header h6, .tab-content .sidebox-header p, .tab-content .sidebox-header strong, .tab-content .specialbox-header h1, .tab-content .specialbox-header h2, .tab-content .specialbox-header h3, .tab-content .specialbox-header h4, .tab-content .specialbox-header h5, .tab-content .specialbox-header h6, .tab-content .specialbox-header strong, .tab-content .specialbox-header p {
padding: 7px 0;
line-height: normal;
}
.tab-content .sidebox-content {
margin-bottom: 20px;
}
.tab-content table tr th, .tab-content table tr td {
font-size: 14px;
padding: 3px 5px;
}
}
@media screen and (max-width: 767px) {
.dropdown-menu li a {
color: #FFF;
}
.draw-results article .form-control {
margin-bottom: 10px;
}
.lotteries-badges li {
margin-right: 0px;
}
.lotteries-badges li:last-child {
margin-left: 4px;
}
.home-slider h1 {
font-size: 22px;
margin: 40px 0 4px;
}
.home-slider p {
font-size: 14px;
}
.home-slider .btn-warning {
font-size: 14px;
margin-top: 10px;
min-width: inherit;
}
.slider {
height: auto;
padding-bottom: 6px;
}
.wtkm-btn .btn-red {
min-width: inherit;
max-width: 350px;
display: block;
margin: 0 auto;
width: 100%;
}
.wtkm-left, .wtkm-right {
position: relative;
top: auto;
left: auto;
right: auto;
margin: 15px 10px;
}
.know-more {
padding-bottom: 50px;
}
.gt-content {
width: 78%;
}
.gt-img {
height: auto;
}
.win-lottery-sec > .container > .row > .col-sm-12 {
padding-left: 0px;
padding-right: 0px;
}
.art-header img {
max-width: 100%;
}
.sidebar {
margin-top: 50px;
}
.art-ans ul li a.btn {
min-width: 255px;
font-size: 12px;
}
.social-login-buttons {
text-align: center;
}
.logreg-border {
border: none;
}
.lottery-sec .pull-right,
.draw-results .pull-right,
.logreg .col-sm-6.pull-right,
.banner .pull-right,
.blue-header .pull-right {
float: none !important;
}
.lottery-sec .specialbox-header .pull-right {
float: right !important;
}
.art-ans .wtkm-btn .btn-red {
min-width: inherit;
}
.banner-title-padding-100 {
font-size: 30px;
padding-top: 40px;
}
.banner-padding-xs {
padding: 0 0 80px;
}
.img-up, .img-down {
margin: 0 auto;
display: block;
}
.img-up {
margin-bottom: 20px;
}
.lottery-sec .rc-contnt {
margin-bottom: 30px;
}
.winning-numbers .col-md-9 .col-xs-2 {
text-align: left;
}
.tab-content .sidebox-content {
margin-bottom: 0px;
}
.tab-content table tr th,
.tab-content table tr td {
font-size: 12px;
padding: 2px;
}
.tab-content .row {
margin-left: -4px;
margin-right: -4px;
}
.tab-content .col-md-6 {
width: 50%;
float: left;
padding-left: 4px;
padding-right: 4px;
}
footer .col-md-15 ul li a {
color: #bdbcbc;
font-size: 16px;
}
}
/* Balls backgrounds Forms */
.star_background {
text-align: center;
background-position: -175px -62px;
height: 50px;
width: 50px;
margin: -16px 2px 0px 0px;
position: relative;
}
.thunder_ball_background {
text-align: center;
background-position: -4px -60px;
height: 50px;
width: 50px;
margin: -16px 2px 0px 0px;
position: relative;
}
.results_checker_box {
margin: 5px;
padding: 5px;
}
.results_checker_form {
height: 25px;
}
.results_checker_form ul {
list-style: none outside none;
}
.results_checker_form li {
display: inline;
float: left;
margin-right: 2px;
margin-left: 2px;
}
.predictions_form {
height: 25px;
}
.predictions_form ul {
list-style: none outside none;
}
.predictions_form li {
display: inline;
float: left;
margin-right: 1px;
margin-left: 1px;
}
.ball-single-digit {
padding: 5px;
}
/* ################## BALLS [end] ######################## */
/* ##################### Lottery LOGOS ##################### */
.lottery_logos {
text-align: center;
margin: 0 auto;
display: inline-block;
}
.lottery_logo {
margin: 2px 2px 0px 2px;
width: 34px;
height: 33px;
position: relative;
background: url(/images/logos/lottery_logos.webp);
background-repeat: no-repeat;
}
.lottery_logo_lotto_small {
background-position: 0px 0px;
}
.lottery_logo_eurom_small {
background-position: -36px 0px;
}
.lottery_logo_thund_small {
background-position: -71px 0px;
}
.lottery_logo_health_small {
background-position: -106px 0px;
}
.lottery_logo_irish_small {
background-position: -139px 0px;
}
.lottery_logo_megam_small {
background-position: -172px 0px;
width: 69px;
}
.lottery_logo_power_small {
background-position: -243px 0px;
width: 118px;
}
.lottery-balls-area-partial {
}
.lottery-balls-area-partial .badge {
margin-top: -20px;
}
/* ##################### Legacy stuff ##################### */
.clearb {
clear: both;
height: 0px;
}
.fleft {
float: left;
}
.fcenter {
margin: 0 auto 0 auto;
}
.fright {
float: right;
}
.latest_draws_numbers {
margin: 5px 0px;
/* display: flex; */
}
.latest_draws_numbers .results_ball {
margin: 0 2px;
}
@media only screen and (max-width: 768px) {
.latest_draws_numbers .results_ball {
margin: 5px 0px;
}
hr {
margin-top: 5px;
margin-bottom: 5px;
}
}
.errors, .Error {
color: #FF0000;
font-weight: bold;
}
.errors li {
border: none !important;
}
.welcome-user-box {
margin-top: 40px;
}
/* #################### TABLES #################### */
table.table-compact-text td {
font-size: 13px !important;
}
table.table-compact-text th {
font-size: 13px !important;
}
.tickets_ball_input {
width: 25px;
text-align: center;
}
.table_white {
padding: 5px;
background: #ffffff;
color: #000000;
font-weight: bold;
}
.table_calendar {
width: 174px;
margin: 0px 1px 0px 0px;
}
.date_column {
margin: 0px 1px 0px 0px;
}
.table_lotto {
background-color: #ffcccb;
}
.table_euro {
background-color: #88BBEE;
}
.table_thunderball {
background-color: #cd8be3;
}
.table_setforlife {
background-color: #20c9e5;
}
.table_eurojackpot {
background-color: #fec82e;
}
.table_health {
background-color: #AAAAFF;
}
.table_active {
background-color: #ffffff;
}
.table_lottery_big th {
color: #ffffff;
font-size: 16px;
font-weight: normal;
padding: 10px;
}
.table_lottery_big td {
padding: 5px;
font-size: 14px;
text-align: center;
}
.table_lotto_big th {
background: #ff0000; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#880000'); /* for IE */
background-image: -ms-linear-gradient(top, #ff0000 0%, #880000 100%); /* for IE 10 */
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#880000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ff0000, #880000); /* for firefox 3.6+ */
}
.table_euromillions_big th {
background: #003475;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ab7', endColorstr='#0055a7'); /* for IE */
background-image: -ms-linear-gradient(top, #008ab7 0%, #0055a7 100%); /* for IE 10 */
background: -webkit-gradient(linear, left top, left bottom, from(#008ab7), to(#0055a7)); /* for webkit browsers */
background: -moz-linear-gradient(top, #008ab7, #0055a7); /* for firefox 3.6+ */
}
.table_irishlotto_big th {
background: #92C83E;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92C83E', endColorstr='#557722'); /* for IE */
background-image: -ms-linear-gradient(top, #92C83E 0%, #557722 100%); /* for IE 10 */
background: -webkit-gradient(linear, left top, left bottom, from(#92C83E), to(#557722)); /* for webkit browsers */
background: -moz-linear-gradient(top, #92C83E, #557722); /* for firefox 3.6+ */
}
.table_date {
background-color: #bbbbbb;
}
.table_lottery {
color: #000000;
padding: 3px;
margin: 1px;
text-align: center;
border-width: 1px;
border-spacing: 1px;
border-style: none;
border-color: black;
border-collapse: separate;
}
.table_lottery th {
background-color: #000000;
color: #ffffff;
font-weight: bold;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: black;
}
.table_lottery td {
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: black;
}
.table_row_summary {
background-color: #000000;
color: #ffffff;
font-weight: normal;
}
.latest_draws_header {
margin: 0px 0px 15px 0px;
position: relative;
height: 12px;
font-weight: bold;
}
/* Lotto winning numbers highlighting */
.highlight_blue {
color: #FFFFFF;
background-color: #007bff;
}
.highlight_red {
color: #FFFFFF;
background-color: #ff3434;
}
/* Balls frequency checker statistics */
.balls_statistics_caption_big {
font-family: Verdana;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
}
.balls_statistics_caption_small {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
margin: 2px;
padding: 2px;
}
/* Breaking News Header */
.jackpot-alert-box {
width: 100%;
position: fixed;
bottom: 0;
z-index: 10;
background-color: #555555;
opacity: 0.9;
filter: alpha(opacity=90);
}
.breaking_news_box {
display: block;
margin: auto;
position: relative;
}
.jackpot-alert-close-button {
color: #ffffff;
font: 14px;
height: 20px;
position: absolute;
right: 0px;
text-align: right;
top: -15px;
width: 85px;
cursor: pointer;
}
.jackpot-alert-close-button-inner {
background-color: #000000;
border-radius: 20px 20px 20px 20px;
border: 2px solid white;
float: right;
font-size: 18px;
height: 25px;
position: relative;
text-align: center;
width: 25px;
}
.breaking-news-row {
background-color: #ffff00;
margin: 2px 0px;
}
.breaking_news {
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 0px 0px 5px 0px;
padding: 3px;
text-align: center;
position: relative;
height: 22px;
}
.breaking_news_title {
background-color: #000000;
color: #ffff00;
margin: 0;
height: 100%;
}
.breaking_news_title span {
display: inline-table;
margin: 2px;
}
.breaking_news_text {
color: #000000;
margin: 0;
height: 24px;
}
.jackpot-alert-text {
margin: 2px 5px 0px 5px;
height: 24px;
}
.breaking_news_logo {
height: 24px;
width: 24px;
padding: 0px;
margin: 0px 3px 0px 3px;
display: block;
}
/* Testimonials Widget */
.flexslider ul li {
border: 0px !important;
list-style-type: none;
}
.testimonials-text {
padding: 10px;
}
.testimonials-text p {
font-family: 'Calibri';
font-size: 16px;
color: #5b5c5d;
line-height: normal;
}
.testimonials-text p span {
font-weight: bold;
color: #121212;
}
.testimonials-text a {
display: block;
width: 180px;
font-family: 'slabthing';
font-size: 17px;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 20px auto 0px;
padding: 5px 0px !important;
background: #e1ad30;
border-bottom: 1px solid #2d585d;
border-radius: 5px;
}
.testimonials-text a:hover {
background: #c69829 !important;
border-bottom: 1px solid #2d585d !important;
border-radius: 5px !important;
text-decoration: none;
}
.vertical-buttons li {
padding: 5px 0px;
}
/* Parsley JS */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
color: #468847;
background-color: #DFF0D8;
border: 1px solid #D6E9C6;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.parsley-errors-list {
margin: 2px 0 3px;
padding: 0;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
opacity: 0;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
opacity: 1;
color: #ff0000;
}
/* Font Awsome Left Navigation Icons */
.child-ul .fas {
min-width: 25px;
}
.submenu-lottery-logo {
height: 40px;
margin-top: -5px;
}
.lottery-logo-top {
margin: 5px 10px;
}
.lottery-logo-navigation {
height: 45px;
margin: -12px 0 0 20px;
}
.form-horizontal .form-group {
margin-left: 0px;
margin-right: 0px;
}
/* ##################### ICONS #################### */
.menu_box_paragraph {
font-weight: normal;
margin-bottom: 5px;
}
.menu_box_link {
list-style: none;
}
.icons_red {
background: url(/images/icons/icons_red.png);
background-repeat: no-repeat;
}
.icons_blue {
background: url(/images/icons/icons_blue.png);
background-repeat: no-repeat;
}
.icon_pie_chart {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -5px -5px;
}
.icon_magnifier {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -11px -90px;
}
.icon_binocular {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -11px -171px;
}
.icon_info {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -11px -246px;
}
.icon_gears {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -77px -5px;
}
.icon_notepad {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -81px -88px;
}
.icon_house {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -77px -171px;
}
.icon_question {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -81px -245px;
}
.icon_chart {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -149px -6px;
}
.icon_calendar {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -151px -88px;
}
.icon_mail {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -150px -172px;
}
.icon_warning {
margin: 2px;
width: 52px;
height: 70px;
position: relative;
background-position: -150px -247px;
}
.predictions_numbers_homepage {
width: 300px;
height: 40px;
text-align: center;
margin: 2px;
padding: 2px;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
ul.bullets li {
list-style-type: disc;
margin-left: 15px;
}
/* TOP COMBOS */
.table-header-black {
background-color: #000000 !important;
color: #ffffff !important;
}
.discount-activated-text {
text-align: center;
font-size: 30px;
font-weight: bold;
}
/* Tickets Winning History */
.calendar_controls {
float: left;
background-color: #FFFFFF;
opacity: 0.9;
filter: alpha(opacity=90);
z-index: 10;
position: absolute;
border: 1px solid #0D2869;
width: 185px;
height: 25px;
display: none;
}
.calendar_controls p {
text-align: center;
margin: 0px;
padding: 0px;
}
/* Statistics */
.time_period {
padding: 2px;
margin: 2px;
border: 1px solid #000000;
}
.time_period a {
color: #000000;
}
.period_on {
background: #333333;
}
.period_on a {
font-weight: bold;
color: #ffffff;
}
/*TOP AD */
.top-ad {
height: auto;
position: relative;
overflow: hidden;
top: 0px;
z-index: 2147483641;
text-align: center;
margin-top: 0px;
display: none;
}
/* User Page */
.user-page-list ul li {
list-style-type: square;
}
/* NEW AI CSS */
:root {
--primary-color: #2c3e50;
--success-color: #27ae60;
--warning-color: #f39c12;
--danger-color: #e74c3c;
--info-color: #3498db;
--gold: #FFD700;
--gold-light: #FFEC8B;
--gold-dark: #D4AF37;
--sparkle-color: rgba(255, 255, 255, 0.8);
}
/* Hero Section */
.hero-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px 0;
margin-bottom: 30px;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.img-hero-logo {
max-height: 80px;
}
.hero-content {
text-align: center;
}
.hero-content h1,
.hero-content h2,
.hero-content h3,
.hero-content h4,
.hero-content h5,
.hero-content h6 {
color: white;
}
/* Countdown */
.countdown-container {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border-radius: 15px;
padding: 5px;
margin: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.countdown-timer {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 15px;
}
.countdown-item {
background: rgba(255, 255, 255, 0.2);
border-radius: 10px;
padding: 15px 20px;
min-width: 80px;
backdrop-filter: blur(5px);
}
.countdown-number {
font-size: 36px;
font-weight: bold;
display: block;
line-height: 1;
}
.countdown-label {
font-size: 12px;
text-transform: uppercase;
opacity: 0.9;
margin-top: 5px;
}
.jackpot-amount {
font-size: 48px;
font-weight: bold;
margin: 10px 0;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
/* Performance Cards */
.performance-overview {
margin-bottom: 30px;
}
.stat-card {
background: white;
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.2s, box-shadow 0.2s;
border-left: 4px solid #3498db;
}
.stat-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.stat-card.success {
border-left-color: #27ae60;
}
.stat-card.warning {
border-left-color: #f39c12;
}
.stat-card.danger {
border-left-color: #e74c3c;
}
.stat-icon {
font-size: 36px;
opacity: 0.8;
margin-bottom: 10px;
display: inline;
}
.stat-value {
font-size: 32px;
font-weight: bold;
margin: 10px 0 5px 0;
}
.stat-label {
font-size: 14px;
color: #7f8c8d;
text-transform: uppercase;
letter-spacing: 0.5px;
display: inline;
margin-left: 20px;
}
.stat-change {
font-size: 13px;
margin-top: 8px;
}
.stat-change.positive {
color: #27ae60;
}
.stat-change.negative {
color: #e74c3c;
}
/* Quick Actions */
.quick-actions {
background: white;
border-radius: 12px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.quick-actions h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 20px;
font-weight: 600;
}
.action-btn {
width: 100%;
padding: 15px;
margin-bottom: 10px;
font-size: 16px;
border-radius: 8px;
transition: all 0.2s;
position: relative;
overflow: hidden;
}
.action-btn:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%);
transition: width 0.3s, height 0.3s;
}
.action-btn:hover:before {
width: 300px;
height: 300px;
}
.action-btn i {
margin-right: 10px;
}
/* Method Cards */
.method-card {
background: white;
border-radius: 12px;
margin-bottom: 20px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: all 0.3s;
}
.method-card:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.method-card li {
list-style-type: disc;
margin: 0 0 0 15px;
}
.method-header {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
padding: 20px;
border-bottom: 2px solid #e0e0e0;
cursor: pointer;
position: relative;
}
.method-header:hover {
background: linear-gradient(135deg, #e8ecf1 0%, #b8c6db 100%);
}
.method-header-actions {
background: linear-gradient(135deg, #c0ddf1 0%, #ffffff 100%);
padding: 20px;
border-bottom: 2px solid #e0e0e0;
cursor: pointer;
position: relative;
}
.method-header-actions:hover {
background: linear-gradient(135deg, #e8ecf1 0%, #b8c6db 100%);
}
.method-icon {
font-size: 40px;
color: #667eea;
margin-bottom: 10px;
}
.method-title {
font-size: 20px;
font-weight: 600;
margin: 0 0 5px 0;
}
.method-subtitle {
font-size: 13px;
color: #7f8c8d;
margin: 0;
}
.method-performance {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.performance-stat {
text-align: center;
}
.performance-stat-value {
font-size: 24px;
font-weight: bold;
}
.performance-stat-label {
font-size: 11px;
color: #7f8c8d;
text-transform: uppercase;
}
.method-body {
padding: 20px;
}
.collapse-indicator {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
transition: transform 0.3s;
}
.method-header[aria-expanded="true"] .collapse-indicator {
transform: translateY(-50%) rotate(180deg);
}
/* Latest Draw Display */
.lottery-balls {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
}
.ball {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
color: white;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.ball.bonus {
background: linear-gradient(135deg, #f39c12 0%, #e74c3c 100%);
}
/* Chart Container */
.chart-container {
background: white;
border-radius: 12px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.chart-container h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 20px;
font-weight: 600;
}
/* Badges & Labels */
.premium-badge {
background: linear-gradient(135deg, #f39c12 0%, #e74c3c 100%);
color: white;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
margin-left: 10px;
}
.recommendation-badge {
background: #27ae60;
color: white;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
margin-left: 10px;
}
/* Responsive */
@media (max-width: 768px) {
.countdown-timer {
gap: 10px;
}
.countdown-item {
min-width: 70px;
padding: 10px 15px;
}
.countdown-number {
font-size: 28px;
}
.jackpot-amount {
font-size: 36px;
}
.stat-value {
font-size: 24px;
}
}
/* Tabs Enhancement */
.nav-tabs {
border-bottom: 2px solid #e0e0e0;
margin-bottom: 30px;
}
.nav-tabs > li > a {
border-radius: 8px 8px 0 0;
font-weight: 500;
color: #7f8c8d;
}
.nav-tabs > li.active > a {
border-bottom: 3px solid #667eea;
color: #667eea;
}
/* Alert Enhancements */
.alert {
border-radius: 8px;
border: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.winning-summary {
background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
color: white;
padding: 20px;
border-radius: 10px;
margin: 15px 0;
}
.winning-summary h4 {
margin-top: 0;
font-size: 18px;
}
.winning-amount {
font-size: 32px;
font-weight: bold;
margin: 10px 0;
}
.jackpot-celebration {
background: linear-gradient(135deg, #8B0000 0%, #B22222 50%, #8B0000 100%);
border: 4px solid var(--gold);
border-radius: 15px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 0 0 30px rgba(255, 215, 0, 0.5);
position: relative;
overflow: hidden;
animation: pulse 2s infinite alternate;
}
.jackpot-header {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.jackpot-icon {
font-size: 48px;
color: var(--gold);
margin-right: 20px;
text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
animation: bounce 1.5s infinite alternate;
}
.jackpot-title {
font-size: 36px;
font-weight: bold;
color: white;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
margin: 0;
}
.jackpot-subtitle {
color: var(--gold-light);
font-size: 18px;
text-align: center;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.jackpot-message {
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 20px;
color: white;
font-size: 18px;
text-align: center;
margin-bottom: 20px;
position: relative;
z-index: 2;
border: 1px solid rgba(255, 215, 0, 0.3);
}
/* ================================= */
/* Info & Rules Page Specific Styles */
/* ================================= */
.hero-logo-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.hero-title-container {
display: flex;
align-items: center;
height: 100%;
}
.quick-facts-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 30px;
}
.quick-fact-card {
flex: 1;
/* min-width: 200px; */
background: rgba(255,255,255,0.15);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 20px;
border: 1px solid rgba(255,255,255,0.2);
text-align: center;
}
.quick-fact-icon {
font-size: 32px;
margin-bottom: 10px;
opacity: 0.9;
}
.quick-fact-label {
font-size: 13px;
opacity: 0.85;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.quick-fact-value {
font-size: 20px;
font-weight: bold;
}
.draw-days-container {
background: rgba(255,255,255,0.15);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 20px;
border: 1px solid rgba(255,255,255,0.2);
margin-top: 20px;
}
.draw-days-title {
text-align: center;
font-size: 16px;
margin-bottom: 15px;
opacity: 0.9;
}
.days-grid {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.day-badge {
padding: 10px 15px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
background: rgba(255,255,255,0.1);
border: 2px solid rgba(255,255,255,0.2);
}
.day-badge.active {
background: rgba(39, 174, 96, 0.3);
border-color: #27ae60;
box-shadow: 0 0 15px rgba(39, 174, 96, 0.4);
}
.info-section-card {
background: white;
border-radius: 12px;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.info-section-card h2 {
margin-top: 0;
color: #667eea;
font-size: 28px;
margin-bottom: 20px;
border-bottom: 3px solid #667eea;
padding-bottom: 10px;
}
.info-section-card h3 {
color: #764ba2;
font-size: 22px;
margin-top: 25px;
margin-bottom: 15px;
}
.info-section-card h5 {
font-weight: 700;
color: #2c3e50;
margin: 25px 0 15px 0;
padding-bottom: 8px;
border-bottom: 2px solid #3498db;
}
.prize-table {
width: 100%;
margin: 20px 0;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.prize-table thead {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.prize-table thead th {
padding: 15px;
text-align: left;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
background: #2c3e50;
color: white;
}
.prize-table tbody tr {
background: white;
transition: all 0.2s;
}
.prize-table tbody tr:nth-child(even) {
background: #f8f9fa;
}
.prize-table tbody tr:hover {
background: #e8ecf1;
transform: scale(1.01);
}
.prize-table tbody td {
padding: 15px;
border-bottom: 1px solid #e0e0e0;
}
.prize-table tbody tr:first-child {
background: linear-gradient(135deg, rgba(39, 174, 96, 0.1) 0%, rgba(34, 153, 84, 0.1) 100%);
font-weight: bold;
}
.prize-table tbody tr:first-child:hover {
background: linear-gradient(135deg, rgba(39, 174, 96, 0.2) 0%, rgba(34, 153, 84, 0.2) 100%);
}
.odds-calculation-box {
background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
border-left: 4px solid #667eea;
border-radius: 8px;
padding: 20px;
margin: 20px 0;
}
.odds-calculation-box h4 {
margin-top: 0;
color: #667eea;
font-size: 18px;
}
.odds-result {
background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
color: white;
border-left: 4px solid #1e8449;
border-radius: 8px;
padding: 20px;
margin: 20px 0;
}
.odds-result h4 {
margin-top: 0;
color: white;
font-size: 18px;
}
/* Math Formula Styling - Larger and More Readable */
.math-formula {
font-size: 18px; /* Increased from 16px */
font-weight: bold;
background: rgba(255,255,255,0.5);
padding: 15px 20px; /* Increased padding */
border-radius: 8px;
display: inline-block;
margin: 15px 0;
border: 1px solid #e9ecef;
}
.timeline-container {
position: relative;
padding-left: 30px;
margin: 30px 0;
}
.timeline-container::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
}
.timeline-item {
position: relative;
margin-bottom: 30px;
padding-left: 20px;
}
.timeline-item::before {
content: '';
position: absolute;
left: -36px;
top: 0;
width: 15px;
height: 15px;
border-radius: 50%;
background: #667eea;
border: 3px solid white;
box-shadow: 0 0 0 3px #667eea;
}
.timeline-date {
font-weight: bold;
color: #667eea;
font-size: 18px;
margin-bottom: 10px;
}
.timeline-content {
background: #f8f9fa;
padding: 15px;
border-radius: 8px;
border-left: 3px solid #667eea;
}
.highlight-box {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
border: 2px solid #667eea;
border-radius: 10px;
padding: 20px;
margin: 20px 0;
}
.highlight-box h4 {
color: #667eea;
margin-top: 0;
}
.cta-box {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border-radius: 12px;
padding: 30px;
text-align: center;
margin: 30px 0;
}
.cta-box h3 {
margin-top: 0;
font-size: 24px;
color: white;
}
.cta-box .btn {
margin: 10px;
padding: 12px 30px;
font-size: 16px;
}
@media (max-width: 768px) {
.hero-section h1 {
font-size: 22px;
}
.hero-logo-container {
margin-bottom: 15px;
justify-content: flex-start;
}
.hero-title-container {
align-items: flex-start;
}
.quick-facts-grid {
gap: 10px;
}
.quick-fact-card {
min-width: 150px;
}
.prize-table {
font-size: 14px;
}
.prize-table thead th,
.prize-table tbody td {
padding: 10px;
}
}
.prize-pool-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 12px;
margin: 20px 0;
}
.pool-item {
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 10px;
padding: 18px 12px;
text-align: center;
transition: all 0.3s ease;
}
.pool-item:hover {
border-color: #007bff;
background: #fff;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1);
}
.pool-percentage {
font-size: 1.75rem;
font-weight: 700;
color: #007bff;
margin-bottom: 6px;
line-height: 1;
}
.pool-label {
font-size: 1.5rem;
color: #6c757d;
font-weight: 500;
line-height: 1.3;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 25px 0;
}
.stat-card {
border-radius: 15px;
padding: 25px 20px;
text-align: center;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.stat-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
}
.stat-card.winning {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 2px solid #28a745;
}
.stat-card.winning::before {
background: linear-gradient(90deg, #28a745, #20c997);
}
.stat-card.losing {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 2px solid #dc3545;
}
.stat-card.losing::before {
background: linear-gradient(90deg, #dc3545, #e83e8c);
}
.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.stat-value {
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 8px;
line-height: 1;
}
.stat-card.winning .stat-value {
color: #28a745;
text-shadow: 1px 1px 2px rgba(40, 167, 69, 0.2);
}
.stat-card.losing .stat-value {
color: #dc3545;
text-shadow: 1px 1px 2px rgba(220, 53, 69, 0.2);
}
.stat-label {
font-size: 1rem;
font-weight: 600;
color: #6c757d;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.stat-percentage {
font-size: 1.25rem;
font-weight: 700;
padding: 6px 16px;
border-radius: 20px;
display: inline-block;
}
.stat-card.winning .stat-percentage {
background: rgba(40, 167, 69, 0.1);
color: #28a745;
border: 1px solid rgba(40, 167, 69, 0.3);
}
.stat-card.losing .stat-percentage {
background: rgba(220, 53, 69, 0.1);
color: #dc3545;
border: 1px solid rgba(220, 53, 69, 0.3);
}
/* Combinations Breakdown Table - Modern Style */
.combinations-breakdown {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.combinations-breakdown th {
background: #2c3e50;
color: white;
padding: 18px 15px;
text-align: left;
font-weight: 700;
font-size: 16px;
border: none;
letter-spacing: 0.5px;
}
.combinations-breakdown td {
padding: 16px 15px;
border-bottom: 1px solid #ecf0f1;
color: #2c3e50;
font-weight: 500;
}
.combinations-breakdown tbody tr {
transition: all 0.3s ease;
}
.combinations-breakdown tbody tr:hover {
background: #f8f9fa;
transform: translateX(5px);
}
.combinations-breakdown tbody tr:nth-child(even) {
background: #fafbfc;
}
.combinations-breakdown tbody tr:nth-child(even):hover {
background: #f1f3f4;
}
.combinations-breakdown tfoot {
background: #34495e;
}
.combinations-breakdown tfoot th {
background: #34495e;
color: white;
padding: 20px 15px;
}
/* Additional styling for better hierarchy */
.highlight-box {
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border-radius: 15px;
padding: 30px;
margin: 25px 0;
border: 1px solid #e9ecef;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}
.highlight-box h4 {
color: #2c3e50;
border-bottom: 3px solid #3498db;
padding-bottom: 10px;
margin-bottom: 20px;
}
/* Headings in the probability section */
.highlight-box h5 {
font-size: 20px;
font-weight: 700;
color: #2c3e50;
margin: 25px 0 15px 0;
padding-bottom: 8px;
border-bottom: 2px solid #3498db;
}
.highlight-box h4 {
font-size: 22px;
font-weight: 700;
color: #2c3e50;
margin: 30px 0 20px 0;
}
/* Probability Insight Box */
.probability-insight {
background: linear-gradient(135deg, #fff3cd, #ffeaa7);
border: 1px solid #ffecb5;
border-radius: 10px;
padding: 20px;
margin-top: 20px;
position: relative;
}
.probability-insight h6 {
color: #856404;
margin-bottom: 10px;
font-size: 14px;
}
.probability-insight p {
color: #856404;
margin: 0;
}
.probability-insight::before {
content: '💡';
position: absolute;
top: 15px;
right: 20px;
opacity: 0.7;
}
/* All Star Bonus Multiplier Section */
.bonus-feature {
background: linear-gradient(135deg, #f3e5f5, #e1bee7);
border: 2px solid #ba68c8;
border-radius: 12px;
padding: 25px;
margin: 25px 0;
}
.multiplier-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 15px;
text-align: center;
}
.multiplier-item {
background: white;
border-radius: 10px;
padding: 20px 15px;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.multiplier-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(186, 104, 200, 0.3);
}
.multiplier-value {
font-weight: 800;
color: #7b1fa2;
margin-bottom: 8px;
line-height: 1;
}
.multiplier-frequency {
color: #6c757d;
font-weight: 500;
}
/* Lifetime Prizes Section */
.lifetime-prizes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin: 25px 0;
}
.prize-tier {
background: linear-gradient(135deg, #fff3cd, #ffeaa7);
border: 2px solid #ffd54f;
border-radius: 12px;
padding: 20px;
text-align: center;
transition: all 0.3s ease;
}
.prize-tier:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(255, 213, 79, 0.3);
}
.prize-tier h6 {
color: #856404;
margin-bottom: 12px;
}
.prize-tier p {
color: #856404;
margin: 0;
}
/* Format Update Changes */
.format-update {
background: linear-gradient(135deg, #e8f5e8, #d4edda);
border: 2px solid #4caf50;
border-radius: 12px;
padding: 25px;
margin: 25px 0;
}
.update-changes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
}
.change-item {
display: flex;
align-items: center;
gap: 15px;
padding: 15px;
background: white;
border-radius: 10px;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.change-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(76, 175, 80, 0.3);
}
.change-badge {
font-size: 1.5rem;
flex-shrink: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #4caf50;
color: white;
border-radius: 50%;
font-weight: 700;
}
.change-text {
display: flex;
flex-direction: column;
}
.change-text strong {
color: #155724;
font-weight: 700;
margin-bottom: 4px;
}
.change-text span {
color: #28a745;
font-weight: 500;
}
/* Prize Options Grid */
.prize-options-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 25px;
margin: 30px 0;
}
.prize-option-card {
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border: 2px solid #e9ecef;
border-radius: 15px;
padding: 25px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.prize-option-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #667eea, #764ba2);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.prize-option-card:hover::before {
transform: scaleX(1);
}
.prize-option-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
border-color: #667eea;
}
.prize-option-card h4 {
color: #2c3e50;
font-size: 1.4rem;
font-weight: 700;
margin: 0 0 20px 0;
padding-bottom: 12px;
border-bottom: 3px solid #3498db;
text-align: center;
}
/* Prize Detail Table */
.prize-detail-table {
width: 100%;
border-collapse: collapse;
margin: 0;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}
.prize-detail-table th {
background: #2c3e50;
color: white;
padding: 16px 12px;
text-align: center;
font-weight: 700;
font-size: 14px;
border: none;
letter-spacing: 0.5px;
}
.prize-detail-table td {
padding: 14px 12px;
border-bottom: 1px solid #ecf0f1;
text-align: center;
font-size: 14px;
color: #2c3e50;
font-weight: 500;
line-height: 1.4;
}
.prize-detail-table tbody tr {
transition: all 0.2s ease;
}
.prize-detail-table tbody tr:hover {
background: #f8f9fa;
}
.prize-detail-table tbody tr:nth-child(even) {
background: #fafbfc;
}
.prize-detail-table tbody tr:nth-child(even):hover {
background: #f1f3f4;
}
/* Specific styling for prize amounts */
.prize-detail-table td:last-child {
font-weight: 600;
color: #27ae60;
}
.prize-detail-table td:nth-child(2) {
color: #3498db;
font-weight: 500;
}
/* Responsive Design */
@media (max-width: 768px) {
.prize-options-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.prize-option-card {
padding: 20px;
}
.prize-option-card h4 {
font-size: 1.3rem;
margin-bottom: 15px;
}
.prize-detail-table th,
.prize-detail-table td {
padding: 12px 10px;
font-size: 13px;
}
}
@media (max-width: 480px) {
.prize-options-grid {
gap: 15px;
}
.prize-option-card {
padding: 18px 15px;
}
.prize-option-card h4 {
font-size: 1.2rem;
margin-bottom: 12px;
}
.prize-detail-table {
display: block;
overflow-x: auto;
}
.prize-detail-table th,
.prize-detail-table td {
padding: 10px 8px;
font-size: 12px;
white-space: nowrap;
}
}
/* Revenue Breakdown */
.revenue-breakdown {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 15px;
margin: 20px 0;
}
.revenue-item {
text-align: center;
padding: 15px;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e9ecef;
}
.revenue-percentage {
font-weight: 800;
color: #667eea;
margin-bottom: 5px;
line-height: 1;
}
.revenue-label {
color: #6c757d;
font-weight: 500;
}
/* Resources Grid */
.resource-card h4 {
color: #2c3e50;
margin-bottom: 10px;
}
.resource-card p {
color: #6c757d;
margin-bottom: 15px;
}
/* Special Draws */
.special-draws {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 15px;
margin: 20px 0;
}
.special-draw-item {
background: linear-gradient(135deg, #fff3cd, #ffeaa7);
border: 1px solid #ffecb5;
border-radius: 8px;
padding: 15px;
}
.special-draw-item h5 {
color: #856404;
margin-bottom: 8px;
}
.special-draw-item p {
color: #856404;
margin: 0;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.revenue-breakdown {
grid-template-columns: repeat(2, 1fr);
}
.special-draws {
grid-template-columns: 1fr;
}
}
/* Countries Flags */
.countries-table-container {
overflow-x: auto;
margin: 20px 0;
}
.countries-table {
width: 100%;
border-collapse: collapse;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.countries-table th {
background: #2c3e50;
color: white;
padding: 15px;
text-align: left;
font-weight: 600;
}
.countries-table td {
padding: 12px 15px;
border-bottom: 1px solid #e9ecef;
}
.countries-table tr:hover {
background-color: #f8f9fa;
}
.country-flag-name {
display: flex;
align-items: center;
gap: 10px;
}
.country-flag {
width: 30px;
height: 20px;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.countries-table a {
color: #007bff;
text-decoration: none;
}
.countries-table a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.countries-table {
font-size: 14px;
}
.countries-table th,
.countries-table td {
padding: 8px 10px;
}
.country-flag {
width: 25px;
height: 16px;
}
}
.strategy-number {
display: inline-block;
width: 30px;
height: 30px;
background: #e74c3c;
color: white;
border-radius: 50%;
text-align: center;
line-height: 30px;
margin-right: 10px;
font-weight: bold;
}