#header > .center {
  padding-top: 70px;
}

.live-logo {
  display: block;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.Maintenance {
  display: block;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.data_row {
  margin-top: 20px;
  background-color: rgba(255, 255, 255, 0.4);
}

.data-table th, td {
  color: black;
  text-align: center;

}

.lqty { min-width: 20px; text-align: right;}
.ltotqty { width: 80px;  text-align: right;}
.ltotamt { width: 100px;  text-align: right;}

#balls { width: 900px; height: 350px; display: block; float: left; font-size: 18px; }

.lottery_name { font-family: Algerian, Tahoma; font-size: 20px; font-weight: bold;  text-align: center; color: black; }
.last_draw_time { text-align: center; color: black; font-weight: bold;}

.ball {	width: 220px; text-align: center; float: left; }

.result {
	padding-top: 40px;
	width: 100%;
	text-align: center;
	font-family: "Proto";
	font-size: 76pt;
	font-weight:bold;
	color: white;
	height: 220px;
  z-index: 1;
}

.info_text {
  font-size: 20px;
}

.info_row {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 5px;
  color: #f9d18e;
}

.time-left {
  color: white;
}

.result-text {
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 40px;
	width: 260px;
	text-align: center;
	font-family: "Proto";
	font-size: 76pt;
	font-weight:bold;
	color: white;
	height: 220px;
  z-index: 1;
}

#results-table td, th {
  font-size: 24px;
}

.spin-wheel {
    -webkit-animation:spin 12s linear infinite;
    -moz-animation:spin 12s linear infinite;
    animation:spin 12s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.spin-wheel-fast {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
