html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #f1f1f1;
}
.page-container {
  min-height: 100%;
  position: relative;
}
h2.page-container{
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  color: #444;
  margin: 20px 5px 6px 0;
}
p.page-container{
  font-size: 17px;
  line-height: 20px;
  color: #444;
  margin: 4px 5px 6px 200px;
}
.container {
  width: 1000px;
}
.page {
  padding: 6px 0 0 0;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.row {
  margin-bottom: 0;
}
.section {
  overflow: hidden;
  margin-bottom: 6px;
  padding: 4px;
  background: #fff;
  border-radius: 3px;
}
a {
  color: #4f99d5;
}
a:hover {
  color: #444;
}
h2 {
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
  color: blue;
  margin: 10px 5px 0;
}
h3 {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #444;
  margin: 4px 5px 6px 0;
}
.header {
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 78px;
  background: #000;
  border-bottom: 3px solid #feca0a;
}
.header:before,
.header:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.header:after {
  clear: both;
}
.header .container {
  position: relative;
  padding-top: 6px;
}
.header a {
  color: #fff;
}
.header a:hover {
  color: #ffda5a;
}
.header .logo {
  margin-top: 0px;
  float: left;
  line-height: 60px;
}
.header .logo img {
  vertical-align: middle;
  height:60px;
}
.header .tab-navigation {
  width: 350px;
  float: left;
  margin: 16px 0 0 20px;
  text-align: center;
}
.header .tab-navigation .btn {
  border: none;
  font-size: 12px;
  padding: 0 8px;
  line-height: 34px;
  color: #fff;
  margin: 0 0 0 1px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#616161), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #616161, 0%, #1a1a1a, 100%);
  background-image: -moz-linear-gradient(top, #616161 0%, #1a1a1a 100%);
  background-image: linear-gradient(to bottom, #616161 0%, #1a1a1a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff616161', endColorstr='#ff1a1a1a', GradientType=0);
  background-color: #33619e;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 1px rgba(0,0,0,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 1px rgba(0,0,0,.18);
}
.header .tab-navigation .btn:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#7a7a7a), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #7a7a7a, 0%, #1a1a1a, 100%);
  background-image: -moz-linear-gradient(top, #7a7a7a 0%, #1a1a1a 100%);
  background-image: linear-gradient(to bottom, #7a7a7a 0%, #1a1a1a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a7a7a', endColorstr='#ff1a1a1a', GradientType=0);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.header .tab-navigation.btn-group .btn:first-child {
  border-radius: 3px 0 0 3px;
  border: none;
}
.header .tab-navigation.btn-group .btn:last-child {
  border-radius: 0 3px 3px 0;
}
.header .timer-container {
  text-align: center;
  position: absolute;
  left: 55%;
  top: 10px;
  margin-left: -47px;
}
.header .timer-container .timer {
  display: inline-block;
  background: #333333;
  font-size: 20px;
  font-weight: bold;
  padding: 0 25px;
  text-align: center;
  color: #ffda5a;
  line-height: 38px;
  border-radius: 300px;
  border: 2px solid #4d4d4d;
}
.header .timer-container .next-draw {
  margin-top: 1px;
  display: block;
  width: 130px;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
.header .timer-container .next-draw .next-draw-label {
  color: #fff;
  display: inline-block;
  font-size: 11px;
  margin: 4px 5px 0 0;
  white-space: nowrap;
}
.header .timer-container .timer-expiring {
  display: inline-block;
  background: #333333;
  font-size: 20px;
  font-weight: bold;
  padding: 0 25px;
  text-align: center;
  color: red;
  line-height: 38px;
  border-radius: 300px;
  border: 2px solid #4d4d4d;
}
.header .label {
  color: #000;
}
.header .right-col {
  float: right;
  text-align: center;
  width: 400px;
}
.header .right-col form .input-group:first-child input {
  border-radius: 2px;
}
.header .right-col form .input-group:last-child input {
  border-radius: 2px;
}
.header .right-col form input {
  border-radius: 0 1px 1px 0;
  border: none;
  background: #fff;
  width: 140px;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 8px;
  height: 28px;
  border-radius: 2px;
}
.header .right-col form input:focus {
  border-color: #4390cf;
}
.header .right-col form.quickbet .input-group input {
  border-radius: 0 2px 2px 0;
}
.header .right-col .search-coupon {
  display: inline-block;
  margin-top: 10px;
}
.header .right-col .quickbet {
  display: inline-block;
  text-align: right;
  margin-left: 3px;
}
.header .right-col .quickbet .help {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4376b8), to(#33619e));
  background-image: -webkit-linear-gradient(top, #4376b8, 0%, #33619e, 100%);
  background-image: -moz-linear-gradient(top, #4376b8 0%, #33619e 100%);
  background-image: linear-gradient(to bottom, #4376b8 0%, #33619e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4376b8', endColorstr='#ff33619e', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  background-color: #33619e;
  vertical-align: middle;
  border-radius: 2px 0 0 2px;
  border: none;
  height: 26px;
  width: 26px;
  padding: 0;
  background-clip: padding-box;
  font-family: georgia;
  color: #fff;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-align: center;
  line-height: 26px;
  text-decoration: none;
  margin-right: -1px;
}
.header .right-col .utilities {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}
.header .right-col .utilities li {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 8px;
  font-size: 11px;
  color: #fff;
}
.header .right-col .utilities li a {
  text-decoration: none;
}
.header .right-col .utilities li a:hover {
  text-decoration: none;
}
.header .right-col .utilities li.utilities-logout {
  font-weight: bold;
}
.header .right-col .utilities li.utilities-balance {
  display: inline-block;
  background: rgba(166, 173, 179, 0.2);
  border-radius: 50px;
  line-height: 24px;
  padding: 0 13px;
  font-size: 11px;
  margin-top: 4px;
}
.header .right-col .utilities li.utilities-balance .balance-label {
  font-weight: bold;
  font-size: 11px;
}
span.ball {
  text-align: center;
  border-radius: 50% ;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}
span.ball.selected {
  border: none !important;
  border-radius: 27%;
  padding: 2px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
span.ball.red {
  border: 2px solid #d63939;
  background: #fcefef;
  color: #000;
}
span.ball.red.selected {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d63939), to(#c21b1b));
  background-image: -webkit-linear-gradient(top, #d63939, 0%, #c21b1b, 100%);
  background-image: -moz-linear-gradient(top, #d63939 0%, #c21b1b 100%);
  background-image: linear-gradient(to bottom, #d63939 0%, #c21b1b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd63939', endColorstr='#ffc21b1b', GradientType=0);
  color: #fff;
}
span.ball.green {
  border: 2px solid #58ae3d;
  background: none;
  background: #e3f3dd;
  color: #000;
}
span.ball.green.selected {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ecdc9e), to(#958650));
  background-image: -webkit-linear-gradient(top, #ecdc9e, 0%, #958650, 100%);
  background-image: -moz-linear-gradient(top, #ecdc9e 0%, #958650 100%);
  background-image: linear-gradient(to bottom, #ecdc9e 0%, #958650 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecdc9e', endColorstr='#958650', GradientType=0);
  color: #fff;
}
span.ball.black {
  border: 2px solid #000;
  background: none;
  background: #bfbfbf;
  color: #000;
}
span.ball.black.selected {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#353737), to(#000000));
  background-image: -webkit-linear-gradient(top, #353737, 0%, #000000, 100%);
  background-image: -moz-linear-gradient(top, #353737 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #353737 0%, #000000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff353737', endColorstr='#ff000000', GradientType=0);
  color: #fff;
}
span.ball.yellow {
  border: 2px solid #f9d148;
  background: none;
  background: #fef6dc;
  color: #000;
}
span.ball.yellow.selected {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#eec60c), to(#eeb300));
  background-image: -webkit-linear-gradient(top, #eec60c, 0%, #eeb300, 100%);
  background-image: -moz-linear-gradient(top, #eec60c 0%, #eeb300 100%);
  background-image: linear-gradient(to bottom, #eec60c 0%, #eeb300 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeec60c', endColorstr='#ffeeb300', GradientType=0);
  color: #fff;
}
.number-grid {
  padding: 0px 60px 0 0;
  margin: 0 auto;
  list-style: none;
  max-width: 600px;
}
.number-grid:before,
.number-grid:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.number-grid:after {
  clear: both;
}
.number-grid li {
  display: inline-block;
  margin: 0 0 9px 0;
  width: 10%;
  text-align: center;
}
.number-grid li span {
  display: inline-block;
  margin-right: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  width: 40px;
  height: 40px;
  line-height: 36px;
}
.number-grid li span.selected {
  line-height: 36px;
}
.number-grid .clear {
  width: auto;
  margin: 0 18px;
}
.number-grid .clear .btn-clear {
  margin: 9px 0 0 0;
  border: none;
  font-size: 12px;
  padding: 0 10px;
  line-height: 32px;
  font-weight: bold;
  text-shadow: none;
  border: 2px solid #ebeef0;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 3px;
  color: #4f99d5;
}
.number-grid .clear .btn-clear:hover {
  border: 2px solid #cdd5db;
  color: #444;
}
.number-grid .preselect {
  width: auto;
  margin-bottom: 0px;
  padding: 0px;
  overflow: hidden;
  vertical-align: middle;
}
.number-grid .preselect p {
  text-align: left;
  font-size: 11px;
  padding: 0;
  margin: 5px 0 3px 0;
  line-height: 13px;
  color: #71818d;
  font-weight: bold;
}
.number-grid .preselect .btn-group {
  white-space: nowrap;
  padding: 0;
  margin: 0;
}
.number-grid .preselect .btn-group .btn {
  margin: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.number-grid .preselect .btn-group .btn:first-child {
  border-radius: 2px 0 0 2px;
}
.number-grid .preselect .btn-group .btn:last-child {
  border-radius: 0 2px 2px 0;
  border-right: none;
}
.number-grid .preselect .btn {
  border: none;
  font-size: 11px;
  padding: 0 10px;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#90a0ac), to(#6b7b87));
  background-image: -webkit-linear-gradient(top, #90a0ac, 0%, #6b7b87, 100%);
  background-image: -moz-linear-gradient(top, #90a0ac 0%, #6b7b87 100%);
  background-image: linear-gradient(to bottom, #90a0ac 0%, #6b7b87 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff90a0ac', endColorstr='#ff6b7b87', GradientType=0);
}
.number-grid .preselect .btn:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#a4b1bc), to(#72838f));
  background-image: -webkit-linear-gradient(top, #a4b1bc, 0%, #72838f, 100%);
  background-image: -moz-linear-gradient(top, #a4b1bc 0%, #72838f 100%);
  background-image: linear-gradient(to bottom, #a4b1bc 0%, #72838f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa4b1bc', endColorstr='#ff72838f', GradientType=0);
}
.color-grid {
  padding: 0;
  margin: 0 0 0 0;
  list-style: none;
}
.color-grid:before,
.color-grid:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.color-grid:after {
  clear: both;
}
.color-grid li {
  display: inline-block;
  margin: 0 0 4px 0;
  padding: 0;
  width: 16.6%;
}
.color-grid li span {
  display: block;
  padding: 10px;
  margin-right: 4px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
.color-grid li:nth-child(n+12) {
  margin-bottom: 0;
}
.color-grid li:nth-child(6n) span {
  margin-right: 0;
}
.color-grid li .red {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d63939), to(#c21b1b));
  background-image: -webkit-linear-gradient(top, #d63939, 0%, #c21b1b, 100%);
  background-image: -moz-linear-gradient(top, #d63939 0%, #c21b1b 100%);
  background-image: linear-gradient(to bottom, #d63939 0%, #c21b1b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd63939', endColorstr='#ffc21b1b', GradientType=0);
}
.color-grid li .red:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#da4e4e), to(#d81e1e));
  background-image: -webkit-linear-gradient(top, #da4e4e, 0%, #d81e1e, 100%);
  background-image: -moz-linear-gradient(top, #da4e4e 0%, #d81e1e 100%);
  background-image: linear-gradient(to bottom, #da4e4e 0%, #d81e1e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda4e4e', endColorstr='#ffd81e1e', GradientType=0);
}
.color-grid li .green {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#58ae3d), to(#3c9a1f));
  background-image: -webkit-linear-gradient(top, #58ae3d, 0%, #3c9a1f, 100%);
  background-image: -moz-linear-gradient(top, #58ae3d 0%, #3c9a1f 100%);
  background-image: linear-gradient(to bottom, #58ae3d 0%, #3c9a1f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff58ae3d', endColorstr='#ff3c9a1f', GradientType=0);
}
.color-grid li .green:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#63be46), to(#44af23));
  background-image: -webkit-linear-gradient(top, #63be46, 0%, #44af23, 100%);
  background-image: -moz-linear-gradient(top, #63be46 0%, #44af23 100%);
  background-image: linear-gradient(to bottom, #63be46 0%, #44af23 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff63be46', endColorstr='#ff44af23', GradientType=0);
}
.color-grid li .yellow {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f9d148), to(#ebbc19));
  background-image: -webkit-linear-gradient(top, #f9d148, 0%, #ebbc19, 100%);
  background-image: -moz-linear-gradient(top, #f9d148 0%, #ebbc19 100%);
  background-image: linear-gradient(to bottom, #f9d148 0%, #ebbc19 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9d148', endColorstr='#ffebbc19', GradientType=0);
  color: #5f1900;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
}
.color-grid li .yellow:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fad761), to(#edc330));
  background-image: -webkit-linear-gradient(top, #fad761, 0%, #edc330, 100%);
  background-image: -moz-linear-gradient(top, #fad761 0%, #edc330 100%);
  background-image: linear-gradient(to bottom, #fad761 0%, #edc330 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffad761', endColorstr='#ffedc330', GradientType=0);
}
.coupon-item ul.combinations .black {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#7a7a7a), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #7a7a7a, 0%, #1a1a1a, 100%);
  background-image: -moz-linear-gradient(top, #7a7a7a 0%, #1a1a1a 100%);
  background-image: linear-gradient(to bottom, #7a7a7a 0%, #1a1a1a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a7a7a', endColorstr='#ff1a1a1a', GradientType=0);
}

.winning-color,
.result-color {
  min-height: 325px;
}
.winning-color .btn-group .btn + .btn,
.result-color .btn-group .btn + .btn {
  margin: 0;
}
.winning-color .btn-group .btn:first-child,
.result-color .btn-group .btn:first-child {
  border-radius: 2px 0 0 2px;
}
.winning-color .btn-group .btn:last-child,
.result-color .btn-group .btn:last-child {
  border-radius: 0 2px 2px 0;
}
.winning-color .btn,
.result-color .btn,
.winning-color span,
.result-color span {
  border: none;
  font-size: 13px;
  padding: 0 17px;
  line-height: 34px;
  color: #fff;
  font-weight: bold;
}
.winning-color .btn:hover,
.result-color .btn:hover,
.winning-color span:hover,
.result-color span:hover {
  border: none;
}
.winning-color .btn-red,
.result-color .btn-red,
.winning-color span.red,
.result-color span.red {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d63939), to(#c21b1b));
  background-image: -webkit-linear-gradient(top, #d63939, 0%, #c21b1b, 100%);
  background-image: -moz-linear-gradient(top, #d63939 0%, #c21b1b 100%);
  background-image: linear-gradient(to bottom, #d63939 0%, #c21b1b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd63939', endColorstr='#ffc21b1b', GradientType=0);
}
.winning-color .btn-red:hover,
.result-color .btn-red:hover,
.winning-color span.red:hover,
.result-color span.red:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#da4e4e), to(#d81e1e));
  background-image: -webkit-linear-gradient(top, #da4e4e, 0%, #d81e1e, 100%);
  background-image: -moz-linear-gradient(top, #da4e4e 0%, #d81e1e 100%);
  background-image: linear-gradient(to bottom, #da4e4e 0%, #d81e1e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda4e4e', endColorstr='#ffd81e1e', GradientType=0);
}
.winning-color .btn-green,
.result-color .btn-green,
.winning-color span.green,
.result-color span.green {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#58ae3d), to(#3c9a1f));
  background-image: -webkit-linear-gradient(top, #58ae3d, 0%, #3c9a1f, 100%);
  background-image: -moz-linear-gradient(top, #58ae3d 0%, #3c9a1f 100%);
  background-image: linear-gradient(to bottom, #58ae3d 0%, #3c9a1f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff58ae3d', endColorstr='#ff3c9a1f', GradientType=0);
}
.winning-color .btn-green:hover,
.result-color .btn-green:hover,
.winning-color span.green:hover,
.result-color span.green:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#63be46), to(#44af23));
  background-image: -webkit-linear-gradient(top, #63be46, 0%, #44af23, 100%);
  background-image: -moz-linear-gradient(top, #63be46 0%, #44af23 100%);
  background-image: linear-gradient(to bottom, #63be46 0%, #44af23 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff63be46', endColorstr='#ff44af23', GradientType=0);
}
.winning-color .btn-yellow,
.result-color .btn-yellow,
.winning-color span.yellow,
.result-color span.yellow {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f9d148), to(#ebbc19));
  background-image: -webkit-linear-gradient(top, #f9d148, 0%, #ebbc19, 100%);
  background-image: -moz-linear-gradient(top, #f9d148 0%, #ebbc19 100%);
  background-image: linear-gradient(to bottom, #f9d148 0%, #ebbc19 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9d148', endColorstr='#ffebbc19', GradientType=0);
  color: #5f1900;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
}
.winning-color .btn-yellow:hover,
.result-color .btn-yellow:hover,
.winning-color span.yellow:hover,
.result-color span.yellow:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fad761), to(#edc330));
  background-image: -webkit-linear-gradient(top, #fad761, 0%, #edc330, 100%);
  background-image: -moz-linear-gradient(top, #fad761 0%, #edc330 100%);
  background-image: linear-gradient(to bottom, #fad761 0%, #edc330 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffad761', endColorstr='#ffedc330', GradientType=0);
}
.winning-color .btn-draw,
.result-color .btn-draw,
.winning-color span.draw,
.result-color span.draw {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4a5661), to(#2e3841));
  background-image: -webkit-linear-gradient(top, #4a5661, 0%, #2e3841, 100%);
  background-image: -moz-linear-gradient(top, #4a5661 0%, #2e3841 100%);
  background-image: linear-gradient(to bottom, #4a5661 0%, #2e3841 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a5661', endColorstr='#ff2e3841', GradientType=0);
}
.winning-color .btn-draw:hover,
.result-color .btn-draw:hover,
.winning-color span.draw:hover,
.result-color span.draw:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#55636f), to(#394550));
  background-image: -webkit-linear-gradient(top, #55636f, 0%, #394550, 100%);
  background-image: -moz-linear-gradient(top, #55636f 0%, #394550 100%);
  background-image: linear-gradient(to bottom, #55636f 0%, #394550 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff55636f', endColorstr='#ff394550', GradientType=0);
}
.winning-color .btn-black,
.result-color .btn-black,
.winning-color span.black,
.result-color span.black {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#424444), to(#000000));
  background-image: -webkit-linear-gradient(top, #424444, 0%, #000000, 100%);
  background-image: -moz-linear-gradient(top, #424444 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #424444 0%, #000000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff424444', endColorstr='#ff000000', GradientType=0);
}
.winning-color .btn-black:hover,
.result-color .btn-black:hover,
.winning-color span.black:hover,
.result-color span.black:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#424444), to(#000000));
  background-image: -webkit-linear-gradient(top, #424444, 0%, #000000, 100%);
  background-image: -moz-linear-gradient(top, #424444 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #424444 0%, #000000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff424444', endColorstr='#ff000000', GradientType=0);
}
#draws-table tbody tr td {
  padding: 4px;
  vertical-align: middle;
  color: #444;
  font-size: 12px;
}
#draws-table tbody tr td span.ball {
  display: inline-block;
  margin-right: 4px;
  width: 28px;
  height: 28px;
  font-size: 13px;
  line-height: 24px;
}
#draws-table tbody tr td.result-color {
  min-height: auto;
}
#draws-table tbody tr td.result-color span {
  display: inline-block;
  padding: 0 4px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  margin: 0 4px 0 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  min-width: 40px;
}
#draws-table tbody tr td:last-child.result-color span {
  min-width: 80px;
}
#draws-table tbody tr td:first-child {
  font-weight: bold;
}
.status-default {
  color: #222222 !important;
}
.status-win {
  color: #4f963f !important;
}
.status-loss {
  color: #cd3446 !important;
}
.status-void {
  color: #87919a !important;
}
.status-pending {
  color: #eeb300 !important;
}
.status-paid {
  color: #3a7eb7 !important;
}
.modal-coupon-details {
  border-radius: 2px;
}
.modal-coupon-details .modal-header {
  border-bottom: 1px solid #d6dadc;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f1f1f1, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f1f1', GradientType=0);
  background-color: transparent;
  border-radius: 2px 2px 0 0;
  padding: 10px 15px;
}
.modal-coupon-details .modal-header h4 {
  font-size: 13px;
  font-weight: bold;
  color: #444;
}
.modal-coupon-details .modal-header .close {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.modal-coupon-details .modal-content {
  border-radius: 2px;
  border: none;
  width: 600px;
  -webkit-box-shadow: 3px 3px rgba(0,0,0,0.24), 1px 1px rgba(0,0,0,0.1);
  box-shadow: 3px 3px rgba(0,0,0,0.24), 1px 1px rgba(0,0,0,0.1);
}
.modal-coupon-details .modal-body {
  padding: 0;
  border-radius: 2px;
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#myModalLabelMsg {
  height: 250px;
}
#myModalLabelMsg h3 {
  font-size: 26px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  color: #444;
  margin: 100px 15px 20px 30px;
}
#myModalLabelMsg .close {
  opacity: 0.4;
  filter: alpha(opacity=40);
  margin: 15px 15px 15px 15px;
}
.coupon-details {
  width: 600px;
  margin: 0;
  overflow: hidden;
}
.coupon-details .inner {
  padding: 15px;
}
.coupon-details .coupon-summary {
  padding-right: 0;
  border-right: 1px solid #d6dadc;
}
.coupon-details .coupon-summary .coupon-summary-section {
  border-bottom: 1px solid #d6dadc;
  padding: 0 0;
  text-align: center;
}
.coupon-details .coupon-summary .coupon-summary-section h2 {
  color: #000;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
}
.coupon-details .coupon-summary .coupon-summary-section h3 {
  color: #000;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
}
.coupon-details .coupon-summary .coupon-summary-section h3:last-child {
  margin-bottom: 0px;
}
.coupon-details .coupon-summary .coupon-summary-section p {
  color: #000;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
}
.coupon-details .coupon-summary .coupon-summary-section p .label {
  color: #000;
  background: none;
  font-weight: normal;
  color: #666;
  padding: 0;
  font-size: 12px;
}
.coupon-details .coupon-summary .coupon-summary-section p:last-child {
  margin-bottom: 0px;
}
.coupon-details .coupon-summary .coupon-summary-section:last-child {
  border-bottom: none;
}
.coupon-details .coupon-summary .coupon-summary-section .actions .btn {
  border: none;
  padding: 0 14px;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  font-size: 12px;
  line-height: 34px;
  font-weight: bold;
  background: #000;
  border-radius: 3px;
}
.coupon-details .coupon-summary .coupon-summary-section .actions .btn.btn-pay {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bb25d), to(#409a42));
  background-image: -webkit-linear-gradient(top, #5bb25d, 0%, #409a42, 100%);
  background-image: -moz-linear-gradient(top, #5bb25d 0%, #409a42 100%);
  background-image: linear-gradient(to bottom, #5bb25d 0%, #409a42 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb25d', endColorstr='#ff409a42', GradientType=0);
  background-color: transparent;
}
.coupon-details .coupon-summary .coupon-summary-section .actions .btn.btn-pay:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#6cba6e), to(#409a42));
  background-image: -webkit-linear-gradient(top, #6cba6e, 0%, #409a42, 100%);
  background-image: -moz-linear-gradient(top, #6cba6e 0%, #409a42 100%);
  background-image: linear-gradient(to bottom, #6cba6e 0%, #409a42 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6cba6e', endColorstr='#ff409a42', GradientType=0);
  background-color: transparent;
}
.coupon-details .coupon-summary .coupon-summary-section .actions .btn.btn-void {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#8c9ca0), to(#76868b));
  background-image: -webkit-linear-gradient(top, #8c9ca0, 0%, #76868b, 100%);
  background-image: -moz-linear-gradient(top, #8c9ca0 0%, #76868b 100%);
  background-image: linear-gradient(to bottom, #8c9ca0 0%, #76868b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c9ca0', endColorstr='#ff76868b', GradientType=0);
  background-color: transparent;
}
.coupon-details .coupon-summary .coupon-summary-section .actions .btn.btn-void:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9aa8ac), to(#76868b));
  background-image: -webkit-linear-gradient(top, #9aa8ac, 0%, #76868b, 100%);
  background-image: -moz-linear-gradient(top, #9aa8ac 0%, #76868b 100%);
  background-image: linear-gradient(to bottom, #9aa8ac 0%, #76868b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9aa8ac', endColorstr='#ff76868b', GradientType=0);
  background-color: transparent;
}
.coupon-details .coupon-summary .coupon-summary-section .utility-links {
  margin-top: 20px;
}
.coupon-details .coupon-summary .coupon-summary-section .utility-links a {
  text-decoration: none;
}
.coupon-details .coupon-summary .coupon-summary-section .total-amount.total-win {
  color: #4f963f;
}
.coupon-details .coupon-summary .coupon-summary-section .total-amount.total-loss {
  color: #cd3446;
}
.coupon-details .coupon-summary .coupon-summary-section .total-amount.total-paid {
  color: #3a7eb7;
}
.coupon-details .coupon-summary .coupon-summary-section .total-amount.total-void {
  color: #87919a;
}
.coupon-details .coupon-summary .coupon-summary-section .total-amount.total-pending {
  color: #eeb300;
}
.coupon-details .coupon-detail {
  padding-left: 0px;
  padding-top: 37px;
  position: relative;
  border-left: 1px solid #d6dadc;
  margin-left: -1px;
}
.coupon-details .coupon-detail:before,
.coupon-details .coupon-detail:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.coupon-details .coupon-detail:after {
  clear: both;
}
.coupon-details .coupon-detail .coupon-item {
  border-bottom: 1px solid #d6dadc;
}
.coupon-details .coupon-detail .coupon-item .inner {
  padding: 6px;
  border-top: 1px solid #d6dadc;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-title {
  font-size: 12px;
  line-height: 24px;
  margin: 0;
  padding: 0 6px;
  background: #f1f1f1;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f1f1f1, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f1f1', GradientType=0);
  color: #000;
  overflow: hidden;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-title .odds {
  font-weight: normal;
  color: #777;
  float: right;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-title .selection {
  float: right;
  margin-right: 5px;
}
.coupon-details .coupon-detail .coupon-item .number-grid {
  max-width: 320px;
  padding: 0;
}
.coupon-details .coupon-detail .coupon-item .number-grid li {
  width: 10%;
  margin: 1px 0;
  text-align: center;
}
.coupon-details .coupon-detail .coupon-item .number-grid li span.ball {
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #444;
  border: 2px solid #d6dadc;
  cursor: default;
}
.coupon-details .coupon-detail .coupon-item .number-grid li.winning-number span.ball {
  background: #408ec0;
  border-color: #408ec0;
  color: #fff;
}
.coupon-details .coupon-detail .coupon-item .combinations {
  list-style: none;
  padding: 6px;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid #d6dadc;
}
.coupon-details .coupon-detail .coupon-item .combinations li {
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 12px;
}
.coupon-details .coupon-detail .coupon-item .combinations li .stake-bets {
  float: right;
  font-weight: bold;
}
.coupon-details .coupon-detail .coupon-item .combinations li .odds {
  color: #777;
  margin-left: 3px;
  display: inline-block;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery {
  overflow: hidden;
  padding: 0 6px;
  border-top: 1px solid #d6dadc;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 26px;
  font-weight: bold;
  color: #000;
  display: inline-block;
  margin-right: 5px;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p .label {
  color: #000;
  background: none;
  font-weight: normal;
  color: #666;
  padding: 0;
  font-size: 12px;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result {
  float: right;
  margin-right: 0px;
  font-weight: bold;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result .label {
  font-weight: bold;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-win,
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-win .label {
  color: #4f963f;
  font-weight: bold;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-loss,
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-loss .label {
  color: #cd3446;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-paid,
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-paid .label {
  color: #3a7eb7;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-void,
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-void .label {
  color: #87919a;
}
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-pending,
.coupon-details .coupon-detail .coupon-item .coupon-item-summery p.result.result-pending .label {
  color: #eeb300;
}
.coupon-details .coupon-detail .draw {
  padding: 0px 6px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 1px 0 rgba(0,0,0,.1);
  box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 1px 0 rgba(0,0,0,.1);
  overflow: hidden;
  height: 37px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.coupon-details .coupon-detail .draw .draw-number {
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
.coupon-details .coupon-detail .draw .number-grid {
  float: right;
  padding: 0;
}
.coupon-details .coupon-detail .draw .number-grid li {
  width: auto;
  margin: 0 0 0 5px;
  text-align: left;
}
.coupon-details .coupon-detail .draw .number-grid li span.ball {
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
}
.betslip .heading {
  position: relative;
  overflow: visible;
  z-index: 999;
}
.betslip .heading .clear-all {
  float: right;
  font-size: 11px;
  line-height: 14px;
}
.betslip .heading .clear-all:hover {
  color: #444;
  text-decoration: none;
}
.betslip .heading .shadow {
  position: absolute;
  height: 5px;
  width: 100%;
  bottom: -11px;
  left: 0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), 0%, rgba(0, 0, 0, 0), 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0);
}
.betslip .betslip-empty {
  display: block;
}
.betslip .betslip-empty p {
  text-align: center;
  color: #686B6C;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 15px;
}
.betslip .section {
  padding: 4px 4px 0;
}
.betslip .betslip-container {
  overflow: auto;
  max-height: 590px;
}
.betslip .betslip-container .selection {
  position: relative;
  margin-bottom: 4px;
  background: #f1f1f1;
}
.betslip .betslip-container .selection .selection-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9ea9b1), to(#88949f));
  background-image: -webkit-linear-gradient(top, #9ea9b1, 0%, #88949f, 100%);
  background-image: -moz-linear-gradient(top, #9ea9b1 0%, #88949f 100%);
  background-image: linear-gradient(to bottom, #9ea9b1 0%, #88949f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ea9b1', endColorstr='#ff88949f', GradientType=0);
  padding: 0 5px;
  overflow: hidden;
}
.betslip .betslip-container .selection .selection-heading .selection-type {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
}
.betslip .betslip-container .selection .selection-heading .remove {
  float: right;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  text-transform: lowercase;
}
.betslip .betslip-container .selection .selection-heading .remove:hover {
  text-decoration: none;
}
.betslip .betslip-container .selection .selection-stake {
  padding: 4px 0 0;
}
.betslip .betslip-container .selection .selection-stake:before,
.betslip .betslip-container .selection .selection-stake:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.betslip .betslip-container .selection .selection-stake:after {
  clear: both;
}
.betslip .betslip-container .selection .number-grid {
  max-width: 600px;
  padding: 4px 0 0 0;
  border-bottom: 1px solid #c0ccd5;
}
.betslip .betslip-container .selection .number-grid li {
  width: 10%;
  margin-bottom: 3px;
  text-align: center;
}
.betslip .betslip-container .selection .number-grid li span.ball {
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
}
.betslip .stake-row {
  margin-top: -1px;
  padding: 0 4px;
  padding-bottom: 4px;
  text-align: left;
}
.betslip .stake-row:before,
.betslip .stake-row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.betslip .stake-row:after {
  clear: both;
}
.betslip .stake-row .input-group {
  display: inline-block;
}
.betslip .stake-row .total-stake {
  float: right;
}
.betslip .stake-row .selection-inline {
  display: inline-block;
  min-width: 188px;
  padding: 0;
}
.betslip .stake-row .selection-inline span {
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  padding: 3px 5px;
  border-radius: 2px;
}
.betslip .stake-row .selection-inline .red {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d63939), to(#c21b1b));
  background-image: -webkit-linear-gradient(top, #d63939, 0%, #c21b1b, 100%);
  background-image: -moz-linear-gradient(top, #d63939 0%, #c21b1b 100%);
  background-image: linear-gradient(to bottom, #d63939 0%, #c21b1b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd63939', endColorstr='#ffc21b1b', GradientType=0);
  color: #fff;
}
.betslip .stake-row .selection-inline .green {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#22b02d), to(#188820));
  background-image: -webkit-linear-gradient(top, #22b02d, 0%, #188920, 100%);
  background-image: -moz-linear-gradient(top, #22b02d 0%, #188920 100%);
  background-image: linear-gradient(to bottom, #22b02d 0%, #188920 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22b02d', endColorstr='#188820', GradientType=0);
  color: #fff;
}
.betslip .stake-row .selection-inline .grey {
  border: 1px solid #0e0e0e;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fdfff1), to(#fcfdd7));
  background-image: -webkit-linear-gradient(top, #fdfff1, 0%, #fcfdd7, 100%);
  background-image: -moz-linear-gradient(top, #fdfff1 0%, #fcfdd7 100%);
  background-image: linear-gradient(to bottom, #fdfff1 0%, #fcfdd7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfff1', endColorstr='#fcfdd7', GradientType=0);
  color: #000;
}
.betslip .stake-row .selection-inline .black {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#7a7a7a), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #7a7a7a, 0%, #1a1a1a, 100%);
  background-image: -moz-linear-gradient(top, #7a7a7a 0%, #1a1a1a 100%);
  background-image: linear-gradient(to bottom, #7a7a7a 0%, #1a1a1a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a7a7a', endColorstr='#ff1a1a1a', GradientType=0);
  color: #fff;
}
.betslip .stake-row .form-control {
  height: 20px;
  padding: 4px 6px;
  font-size: 11px;
  width: 80px;
  text-align: right;
  border: 1px solid #afb7bf;
  border-radius: 1px;
}
.betslip .stake-row .form-control:focus {
  border-color: #4390cf;
}
.betslip .stake-row .form-control.has-value {
  border: 2px solid #4390cf;
}
.betslip .stake-row .form-control.input-with-enter {
  border: 1px solid #3c9a1f;
}
.betslip .stake-row .form-control[disabled] {
  background: #f1f1f1;
}
.betslip .stake-row input[type="checkbox"] {
  margin-right: 3px;
}
.betslip .stake-row label {
  display: inline-block;
  font-size: 11px;
  line-height: 18px;
  padding: 0;
  margin: 0;
  text-align: left;
}
.betslip .stake-row label.total-label {
  margin-left: 15px;
  padding-right: 3px;
  text-align: right;
}
.betslip .stake-row label.bet-label {
  min-width: 100px;
  padding-left: 2px;
  overflow: hidden;
  vertical-align: middle;
}
.betslip .stake-row label.bet-label .bet-count {
  float: right;
  padding-right: 4px;
}
.betslip .all-row {
  border-top: 1px solid #c0ccd5;
  padding-top: 4px;
  background: #e5e9ed;
}
.betslip .selection-breakdown {
  padding: 0 4px 1px;
  border-top: 1px solid #c0ccd5;
}
.betslip .selection-breakdown div {
  margin-right: 15px;
  display: inline-block;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
}
.betslip .selection-breakdown div .breakdown-label {
  font-weight: normal;
}
.betslip .betslip-total {
  position: relative;
  padding: 4px 0;
  margin-bottom: 0;
  background: #fff;
  overflow: visible;
  display: none;
}
.betslip .betslip-total:before,
.betslip .betslip-total:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.betslip .betslip-total:after {
  clear: both;
}
.betslip .betslip-total .stake-row {
  padding: 0;
}
.betslip .betslip-total .shadow {
  position: absolute;
  height: 5px;
  width: 100%;
  top: -5px;
  left: 0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), 0%, rgba(0, 0, 0, 0.2), 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0);
}
.betslip .betslip-total label {
  font-size: 11px;
  color: #222;
  width: auto;
  padding-right: 5px;
  tetx-align: right;
}
.betslip .betslip-total .potential-winnings {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
  margin-top: 0px;
  color: #444;
  font-weight: bold;
  float: left;
  width: 50%;
}
.betslip .betslip-total .potential-winnings .potential-label {
  font-weight: normal;
}
.betslip .betslip-total .total-stake-label {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  margin-top: 0px;
  color: #444;
  font-weight: bold;
  margin: 5px 0 0 12px;
  vertical-align: middle;
}
.betslip .betslip-total .btn-confirm {
  float: right;
  margin: 4px 0 0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#58ae3d), to(#3c9a1f));
  background-image: -webkit-linear-gradient(top, #58ae3d, 0%, #3c9a1f, 100%);
  background-image: -moz-linear-gradient(top, #58ae3d 0%, #3c9a1f 100%);
  background-image: linear-gradient(to bottom, #58ae3d 0%, #3c9a1f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff58ae3d', endColorstr='#ff3c9a1f', GradientType=0);
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  border: none;
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.betslip .repeat {
  margin-left: 0;
}
.betslip .repeat .form-group {
  margin: 4px 0 0px;
}
.betslip .repeat .form-control {
  height: 25px;
  padding: 4px 6px;
  font-size: 11px;
  width: 55px;
  text-align: right;
  border: 1px solid #afb7bf;
}
.betslip .repeat .form-control:focus {
  border-color: #4390cf;
}
.betslip .repeat .form-control.has-value {
  border: 2px solid #4390cf;
}
.betslip .repeat label {
  display: inline-block;
  font-size: 11px;
  padding: 0;
  margin: 3px 0 0 0;
  text-align: left;
  line-height: 11px;
  vertical-align: middle;
}
#loader {
  position: absolute;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
}
.loader {
  top: 50%;
  left: 50%;
  display: none;
}
.loader-placebet {
  top: 20%;
  left: 72%;
  display: block;
  z-index: 9999;
}
.loader-balls-placebet {
  top: 23%;
  left: 72%;
  display: block;
  z-index: 9999;
}
.game-type {
  width: 100px;
  float: right;
}
.game-type ul li {
  margin: 0 0 1px 0;
}
.game-type ul li button {
  display: block;
  border: none;
  width: 100%;
  height: auto;
  padding: 0;
  background: #e5e9ed;
  line-height: 108px;
  text-align: center;
  color: #838b90;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: bold;
  border-radius: 0;
  cursor: default;
}
.game-type ul li button:hover {
  cursor: default;
}
.game-type ul li button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.game-type ul li.active button {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#8d9daa), to(#6b7b87));
  background-image: -webkit-linear-gradient(top, #8d9daa, 0%, #6b7b87, 100%);
  background-image: -moz-linear-gradient(top, #8d9daa 0%, #6b7b87 100%);
  background-image: linear-gradient(to bottom, #8d9daa 0%, #6b7b87 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d9daa', endColorstr='#ff6b7b87', GradientType=0);
  color: #fff;
  text-shadow: none;
}
.game-type ul li.active button:hover {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#93a3af), to(#758692));
  background-image: -webkit-linear-gradient(top, #93a3af, 0%, #758692, 100%);
  background-image: -moz-linear-gradient(top, #93a3af 0%, #758692 100%);
  background-image: linear-gradient(to bottom, #93a3af 0%, #758692 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff93a3af', endColorstr='#ff758692', GradientType=0);
  color: #fff;
  cursor: pointer;
}
.game-type ul li:first-child button {
  border-radius: 2px 2px 0 0;
}
.game-type ul li:last-child button {
  border-radius: 0 0 2px 2px;
}
/*
 * Table information
 */
.dataTables_info {
  clear: both;
  float: left;
}
/*
 * Pagination
 */
.dataTables_paginate {
  float: right;
  text-align: right;
}
/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: none;
}
.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px;
}
.paginate_enabled_previous {
  background: url(/img/gb49/base/back_enabled.png) no-repeat top left;
}
.paginate_enabled_previous:hover {
  background: url(/img/gb49/base/back_enabled_hover.png) no-repeat top left;
}
.paginate_disabled_previous {
  background: url(/img/gb49/base/back_disabled.png) no-repeat top left;
}
.paginate_enabled_next {
  background: url(/img/gb49/base/forward_enabled.png) no-repeat top right;
}
.paginate_enabled_next:hover {
  background: url(/img/gb49/base/forward_enabled_hover.png) no-repeat top right;
}
.paginate_disabled_next {
  background: url(/img/gb49/base/forward_disabled.png) no-repeat top right;
}
/*
 * Processing indicator
 */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
  display: none;
}
#coupons-table tbody tr td:first-child {
  font-weight: bold;
  font-size: 15px;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  background: url("/img/gb49/base/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url("/img/gb49/base/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url("/img/gb49/base/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("/img/gb49/base/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("/img/gb49/base/sort_desc_disabled.png") no-repeat center right;
}
table.display thead th:active,
table.display thead td:active {
  outline: none;
}
#coupons-table_length.dataTables_length {
  height: 50px;
}
#odds-table tbody tr td {
  font-weight: bold;
  font-size: 13px;
}
#odds-table {
  width: 50%;
  margin: 0 auto;
}
span.divider {
  text-align: center;
  font-weight: bold;
  text-shadow: none;
  vertical-align: middle;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  margin-right: 4px;
}
.duplicate-bet-dialog {
  display: none;
}
.loggedOut {
  width: 300px;
  height: 350px;
  position: relative;
  background-color: white;
  margin-left: 40%;
  margin-top: 100px;
}
.loggedOut img {
  width: 100%;
  background-color: black;
}
.loggedOut .title {
  font-weight: bold;
  font-size: 30px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  height: 50px;
  margin-left: 0%;
  margin-top: 0px;
}
.loggedOut p {
  font-size: 18px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
}
.disabled-single-row-lotto {
  color: #333;
}

#odds-div .btn.btn-print {
  background-color: #fff;
  border-color: #ccc;
  margin-left: 4%;
  margin-top: 15px;
  margin-bottom: 15px;
}
#odds-div .btn.btn-download {
  background-color: #fff;
  border-color: #ccc;
  margin-left: 37%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.coupon-detail-container .green {
    background-image: linear-gradient(to bottom, #58ae3d 0%, #3c9a1f 100%);
    background-repeat: repeat-x;
    color: #fff;
}
.coupon-detail-container .grey {
    background-image: linear-gradient(to bottom, #fdfff1 0%, #fcfdd7 100%);
    background-repeat: repeat-x;
    color: #000;
}

.coupon-detail-container span {
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 5px;
}

body .green {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5498dd), to(#1d6ec0));
  background-image: -webkit-linear-gradient(top, #5498dd, 0%, #1d6ec0, 100%);
  background-image: -moz-linear-gradient(top, #5498dd 0%, #1d6ec0 100%);
  background-image: linear-gradient(to bottom, #5498dd 0%, #1d6ec0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5498dd', endColorstr='#ff1d6ec0', GradientType=0);
  color: #fff;
}
body .grey {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fdfff1), to(#fcfdd7));
  background-image: -webkit-linear-gradient(top, #fdfff1, 0%, #fcfdd7, 100%);
  background-image: -moz-linear-gradient(top, #fdfff1 0%, #fcfdd7 100%);
  background-image: linear-gradient(to bottom, #fdfff1 0%, #fcfdd7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfff1', endColorstr='#fcfdd7', GradientType=0);
  border: 1px solid #0e0e0e;
}