@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed');

body{
	background:#222 url(../img/bg.png) repeat;
	padding:0.5rem;
	font-family:"Roboto";
	font-size:14px;
	color:#555;
}
.container{
	max-width:1140px;
	min-width:1140px;
}
.row{
	margin-left:-0.5rem;
	margin-right:-0.5rem;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left:0.5rem;
	padding-right:0.5rem;
}
.card{
	margin:0.5rem;
}
.card-header{
	padding:0.5rem;
}
.card-body{
	padding:0.5rem;
}
.card,.card-header,.card-body,.card-header:first-child{
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}
.borderless{
	border:0px !important;
}
.borderlesstop{
	border-top:0px !important;
}
.borderlessleft{
	border-left:0px !important;
}
.borderlessright{
	border-right:0px !important;
}
.borderlessbottom{
	border-bottom:0px !important;
}
.paddingless{
	padding:0px !important;
}
.paddinglesstop{
	padding:0px !important;
}
.paddinglessleft{
	padding-left:0px !important;
}
.paddinglessright{
	padding-right:0px !important;
}
.paddinglessbottom{
	padding-bottom:0px !important;
}
.marginless{
	margin:0px !important;
}
.marginlessleft{
	margin-left:0px !important;
}
.marginlessright{
	margin-right:0px !important;
}
.marginlessbottom{
	margin-bottom:0px !important;
}
.marginlesstop{
	margin-top:0px !important;
}
.main{
}
.main .header{
	margin-bottom:0.5rem;
	border:1px solid #c0c0c0;
	height:100px;
	background:#fff url(../img/header.png) top left no-repeat;
	background-size:150px 80px;
	padding-left:150px;
	border-radius:6px;
	background-position:0px;
}
.main .content{
	margin-bottom:0.5rem;
}
.main .sidebar{
	height:400px;
	background:#fff;
	border-radius:6px;
	-moz-box-shadow:inset 0px 0px 15px 3px #23395e;
	-webkit-box-shadow:inset 0px 0px 15px 3px #23395e;
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e466e), color-stop(1, #415989));
	background:-moz-linear-gradient(top, #2e466e 5%, #081327 100%);
	background:-webkit-linear-gradient(top, #2e466e 5%, #081327 100%);
	background:-o-linear-gradient(top, #2e466e 5%, #081327 100%);
	background:-ms-linear-gradient(top, #2e466e 5%, #081327 100%);
	background:linear-gradient(to bottom, #2e466e 5%, #081327 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e466e', endColorstr='#415989',GradientType=0);
	background-color:#2e466e;
}
.main .result{
	height:400px;
	background:#fff;
	overflow:auto;
	border-radius:6px;
	padding:0.2rem;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	border:1px solid #ffab23;
}
.main .result .table-responsive{
	height:100%;
}
.main .pallete{
	height:250px;
	padding-top:100px;
	overflow:hidden;
	border-radius:6px;
}
.main .pallete .text{
	text-align:center;
	padding:1rem;
	background:#555 url(../img/pallete-text.png) repeat;
	color:#fff;
}
.pallete.pallete1{
	background:#fff url(../img/pallete1.png) top center no-repeat;
	background-size:100px 100px;
	background-color:#44c767;
}
.pallete.pallete2{
	background:#fff url(../img/pallete2.png) top center no-repeat;
	background-size:100px 100px;
	background-color:#44c767;
}
.pallete.pallete3{
	background:#fff url(../img/pallete3.png) top center no-repeat;
	background-size:100px 100px;
	background-color:#44c767;
}
.pallete.pallete4{
	background:#fff url(../img/pallete4.png) top center no-repeat;
	background-size:100px 100px;
	background-color:#44c767;
}
.form-group{
	margin-bottom:0.5rem;
}
.livedraw{
	background:none;
}
.livedraw .card-header{
	font-weight:bold;
	font-size:28px;
	font-family:"arial black";
	-moz-box-shadow: 3px 4px 0px 0px #8a2a21;
	-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	margin:0.5rem 0.5rem;
	padding:0.2rem 0.5rem;
	color:#fff;
	text-shadow:2px 2px 0px #810e05;
	text-align:center;
}
.livedraw label{
	font-size:16px;
	font-weight:bold;
	margin-bottom:0px;
	font-family:"arial black";
	color:#fff;
	text-shadow:1px 1px #333;
}
.livedraw .prize{
	font-size:20px;
	font-family:"arial black";
	padding:0.2rem 0.5rem;
	font-weight:bold;
	text-align:center;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	color:#333;
	text-shadow:0px 1px 1px #fff;
}
.next-draw{
	padding:0.5rem 1rem;
	font-size:18px;
	font-weight:bold;
}
.table{
	border-collapse:separate;
	border-spacing:3px;
}
.table tr td,.table tr th{
	padding:0.2rem 0.5rem;
	border:0px;
}
.table thead>tr>th{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	border:1px solid #8a2a21;
	color:#fff;
	letter-spacing:1px;
	text-shadow:1px 1px #555;
	font-family:"arial black";
}
.table tbody>tr>td{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 50%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 50%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 50%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 50%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 50%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	border:1px solid #333029;
	font-weight:bold;
	font-family:"arial";
	color:#333;
}