@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap');
html,body,div{font-family: 'Roboto', sans-serif !important;}
body{background-color:#444;}
a, img, a img {
	border:none;
	outline:none !important;
}
a {color: #333333;}
a > img{
	border:0;
	border:none;
	outline:none;
}
.headers{background-color:#222 !important;}
.navbar-inverse {
	background-image: -webkit-linear-gradient(top, #00d11a 0%, #0b6a00 100%);
	background-image: -o-linear-gradient(top, #00d11a 0%, #0b6a00 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00d11a), to(#0b6a00));
	background-image: linear-gradient(to bottom, #00d11a 0%, #0b6a00 100%);
	border-color: #1f8e29;
	background-color: #104300;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-image: -webkit-linear-gradient(top, #149700 0%, #0f7c0c 100%);
	background-image: -o-linear-gradient(top, #149700 0%, #0f7c0c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#149700), to(#0f7c0c));
	background-image: linear-gradient(to bottom, #149700 0%, #0f7c0c 100%);
	border-color: #0f7c0c;
	background-color: #149700;
}
.navbar-inverse .navbar-toggle {
	border-color: #19a71a;
}
.navbar-inverse .navbar-nav > li > a{
	color:#ddd;
	text-shadow: none;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color:#ffffff;
}
.navbar-main{
	border:0px;
	border:none;
	border-radius: 0px;
	border-bottom:1px solid #333333;
}
.navbar-main:link, .navbar-main:hover, .navbar-main:visited {
	color:#ffffff;
	text-decoration:none;
}
.container{box-shadow:0px 0px 10px #222;}
.container.body{background:#dfdfdf;}
h4.panel-newHeader{
	font-size:18px;	
	font-weight:bold;
	margin:0px;
}
.prizeHeader{
	font-weight:bold;
	font-size:15px;
	background-color:#96000e;
	display:block;
	color:#ffffff;
	line-height:36px;
	border:1px solid #96000e;
	text-align:center;
}
.prizeNum{
	font-weight:bold;
	font-size:21px;
	color:#000000;
	display:block;
	line-height:45px;
	background-color:#ffffff;
	text-align:center;
}
.prizeHeader2{
	font-weight:bold;
	font-size:15px;
	background-color:#96000e;
	display:block;
	color:#ffffff;
	line-height:28px;
	border:1px solid #96000e;
}
.prizeNum2{
	font-weight:bold;
	font-size:18px;
	color:#000000;
	display:block;
	line-height:28px;
}
.prizeNum-container{
	border:1px solid #96000e;
	display:table;
	width:100%;
	content:' ';
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ffffff;	
}
.col-result{
	padding-left:3px;
	padding-right:3px;	
}
.remove-wpadding{
	padding-left:0px;
	padding-right:0px;
	margin:5px 0px;
}
.tblred > thead > tr > th{background-color:#96000e !important;}
.tblred tr th, .tblred tr td{border-color:#96000e !important;}
.tblblue > thead > tr > th{background-color:#009e93 !important;}
.tblblue tr th, .tblblue tr td{border-color:#009e93 !important;}
.tblgreen > thead > tr > th{background-color:#029600 !important;}
.tblgreen tr th, .tblgreen tr td{border-color:#029600 !important;}
.tblyellow > thead > tr > th{background-color:#c49600 !important;}
.tblyellow tr th, .tblyellow tr td{border-color:#c49600 !important;}
.table-bordered tr th, .table-bordered tr td{
	border-color:#96000e;
}
.table-bordered > thead > tr > th{
	text-align:center;
	background-color:#96000e;
	color:#ffffff;
	font-size:15px;
}
.table-bordered > tbody > tr > td{
	text-align:center;
	vertical-align:middle;
	background-color:#ffffff;
}
.panel-result{
	border-color:#111111;	
}
.panel-default.panel-result > .panel-heading{
	background-image: -webkit-linear-gradient(top, #d6050a 0%, #970011 100%);
	background-image: -o-linear-gradient(top, #d6050a 0%, #970011 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d6050a), to(#970011));
	background-image: linear-gradient(to bottom, #d6050a 0%, #970011 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd6050a', endColorstr='#ff970011', GradientType=0);
	background-color: #970011;
	border-color: #430002;
	color:#ffffff;
}
.panel-default {
	border-color: #cccccc;
}
.panel-default > .panel-heading{
	background-image: -webkit-linear-gradient(top, #ececec 0%, #d8dde1 100%);
	background-image: -o-linear-gradient(top, #ececec 0%, #d8dde1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d8dde1));
	background-image: linear-gradient(to bottom, #ececec 0%, #d8dde1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffececec', endColorstr='#ffd8dde1', GradientType=0);
	background-color: #d8dde1;
	border-color: #cccccc;
	color:#151515;
}
.space-btm {
	margin-bottom: 10px;
}
.sidebar-link {
	color:#333333;
	display:block;
}
.search-form{
	text-align:center;
	padding-top:20px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #353535;
	border-color: #222222;
}
.pagination > li > a, .pagination > li > span {
	color: #353535;
}
.shadow-container {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}
.col-countdown {
	padding-left:3px;
	padding-right:3px;
}
.countdownBox {
	background-color:#96000e;
	color:#ffffff;
	padding:7px;
	text-align:center;
	display: block;
	font-size:18px;
	font-weight:bold;
}
.countdownDesc {
	color:#000000;
	padding-top:5px;
	text-align:center;
	display: block;
	font-size:12px;
}
.date{
	margin-bottom: 10px;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	font-family:'Roboto', sans-serif;
	text-shadow: 0px 1px 1px #000;
	background-image: linear-gradient(to right, rgb(151 101 0) , rgba(225,225,225,0));
	border-left: 8px solid #d67905;
}
.ticket{
	background-image: linear-gradient(to left, rgba(151,0,63,1) , rgba(225,225,225,0));
	color:#fff;
	padding:5px;
	text-align:right;
	font-size:10px;
}
img.center-block{padding:5px !important; margin:10px auto;}
.banner1{margin-top: 20px;}
.wrapper{padding: 20px 0px;}
.panred>.prizeHeader{background-color:#96000e !important; border:1px solid #96000e !important;}
.panred>.prizeNum{border:1px solid #96000e !important;}
.panblue>.prizeHeader{background-color:#009e93 !important; border:1px solid #00c0b3 !important;}
.panblue>.prizeNum{border:1px solid #00c0b3 !important;}
.pangreen>.prizeHeader{background-color:#1cb500 !important; border:1px solid #1cb500 !important;}
.pangreen>.prizeNum{border:1px solid #1cb500 !important;}
.panyellow>.prizeHeader{background-color:#b58200 !important; border:1px solid #b58200 !important;}
.panyellow>.prizeNum{border:1px solid #b58200 !important;}
.prizeName{background: #444444;color: #fff;font-weight: normal;line-height: 2.7;}
.pangreen table tbody th, .panred table tbody th{background:#444;color:#fff;font-weight:normal;}
.pangreen table tbody td, .panred table tbody td{font-weight:700; letter-spacing:.1em;}
.label-draw {
    position: absolute;
    display: inline-block;
    background: #222;
    margin-top: 10px;
    right: 25px;
    padding: 0.4em 0.6em 0.3em 0.6em !important;
}
.ball{
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	color:#fff;
	font-family:'Roboto', sans-serif;
	width:30px;
	height:30px;
	line-height:29px;	
	font-size:22px;
	font-weight:800;
	text-align:center; 
	text-decoration:none;
	text-shadow:0px 1px 0px #000;
}
.redball{
	background-color:#e80007;
	border:1px solid #b50011;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e80007), color-stop(1, #96000e));
	background:-moz-linear-gradient(top, #e80007 5%, #96000e 100%);
	background:-webkit-linear-gradient(top, #e80007 5%, #96000e 100%);
	background:-o-linear-gradient(top, #e80007 5%, #96000e 100%);
	background:-ms-linear-gradient(top, #e80007 5%, #96000e 100%);
	background:linear-gradient(to bottom, #e80007 5%, #96000e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e80007', endColorstr='#96000e',GradientType=0);
	box-shadow:inset 0px 1.5px 0px 0px #ffb2b2;
	-moz-box-shadow:inset 0px 1.5px 0px 0px #ffb2b2;
	-webkit-box-shadow:inset 0px 1.5px 0px 0px #ffb2b2;
}
.blueball{
	background-color:#00b5a9;
	border:1px solid #00e7d7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00e7d7), color-stop(1, #009389));
	background:-moz-linear-gradient(top, #00e7d7 5%, #009389 100%);
	background:-webkit-linear-gradient(top, #00e7d7 5%, #009389 100%);
	background:-o-linear-gradient(top, #00e7d7 5%, #009389 100%);
	background:-ms-linear-gradient(top, #00e7d7 5%, #009389 100%);
	background:linear-gradient(to bottom, #00e7d7 5%, #009389 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e7d7', endColorstr='#009389',GradientType=0);
	box-shadow:inset 0px 1.5px 0px 0px #b4fffa;
	-moz-box-shadow:inset 0px 1.5px 0px 0px #b4fffa;
	-webkit-box-shadow:inset 0px 1.5px 0px 0px #b4fffa;
}
.greenball{
	background-color:#19e800;
	border:1px solid #00b51f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #19e800), color-stop(1, #029600));
	background:-moz-linear-gradient(top, #19e800 5%, #029600 100%);
	background:-webkit-linear-gradient(top, #19e800 5%, #029600 100%);
	background:-o-linear-gradient(top, #19e800 5%, #029600 100%);
	background:-ms-linear-gradient(top, #19e800 5%, #029600 100%);
	background:linear-gradient(to bottom, #19e800 5%, #029600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#19e800', endColorstr='#029600',GradientType=0);
	box-shadow:inset 0px 1.5px 0px 0px #b3ffb2;
	-moz-box-shadow:inset 0px 1.5px 0px 0px #b3ffb2;
	-webkit-box-shadow:inset 0px 1.5px 0px 0px #b3ffb2;
}
.yellowball{
	background-color:#b58c00;
	border:1px solid #b58c00;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b58c00), color-stop(1, #966a00));
	background:-moz-linear-gradient(top, #b58c00 5%, #966a00 100%);
	background:-webkit-linear-gradient(top, #b58c00 5%, #966a00 100%);
	background:-o-linear-gradient(top, #b58c00 5%, #966a00 100%);
	background:-ms-linear-gradient(top, #b58c00 5%, #966a00 100%);
	background:linear-gradient(to bottom, #b58c00 5%, #966a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b58c00', endColorstr='#966a00',GradientType=0);
	box-shadow:inset 0px 1.5px 0px 0px #ffe8b2;
	-moz-box-shadow:inset 0px 1.5px 0px 0px #ffe8b2;
	-webkit-box-shadow:inset 0px 1.5px 0px 0px #ffe8b2;
}
.countdowns{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	width:100%;
}
.btn-info:focus, .btn-info:hover{background-color:#009e93;border-color:#009e93;color:#fff;}
.btn-info{background-image: linear-gradient(to bottom,#00b3a6 0,#00cebf 100%)}
.alert-warning .countdowns span{background:#b58200 !important;border:1px solid #b58200;}
.alert-success .countdowns span{background:#1cb500 !important;border:1px solid #1cb500;}
.alert-danger .countdowns span{background:#96000e !important;border:1px solid #96000e;}
.alert-info .countdowns span{background:#009e93 !important;border:1px solid #009e93;}
.alert-info{background-image: linear-gradient(to bottom,#ccfffa 0,#b0e9e5 100%);border-color:#009e93;}
.countdowns span{
	background:#333;
	color:#fff;
	font-weight:700;
	font-size:20px;
	line-height:27px;
	text-align:center;
	margin:0px 2px;
	padding:10px 12px;
	border-radius:50%;
}
ul.pagination{margin:15px 0px !important;}
@media (max-width: 767px) {
	.logo{display:inline-block !important;}
	.search-form button{
		margin-top:10px;
		margin-bottom:10px;
	}
	.remove-xs-pull.pull-right {
		float: none !important;
	}
	.panred,.panblue,.pangreen{margin:3px 0px;}
	.ball{
		width:25px;
		height:25px;
		line-height:25px;	
		font-size:17px;
		font-weight:600;		
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.logo{display:inline-block !important;}
	.search-form{
		text-align:right;
	}
	.ball{
		width:22px;
		height:22px;
		line-height:22px;	
		font-size:15px;
		font-weight:600;		
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.ball{
		width:25px;
		height:25px;
		line-height:25px;	
		font-size:18px;
		font-weight:800;		
	}
}
@media (min-width: 1200px) {}