/**** begin countdown colors ****/
.flip-clock-wrapper ul,
.flip-clock-wrapper ul li a div div.inn,
.flip-clock-divider .flip-clock-dot {
	background-color: #ffdd56;
}
.flip-clock-wrapper ul li a div div.inn {
	color: #212529;
}
/**** endof countdown colors ****/



/**** begin colors style ****/
.bg-blue { background-color: #014F86; }
.bg-blue-light { background-color: #61A5C2; }
.bg-blue-dark { background-color: #012A4A; }

.bg-red { background-color: #D00000; }
.bg-red-light { background-color: #E5383B; }
.bg-red-dark { background-color: #660708; }

.bg-yellow { background-color: #FFD000; }
.bg-yellow-light { background-color: #FFEA00; }
.bg-yellow-dark { background-color: #FFAA00; }

.bg-green { background-color: #38B000; }
.bg-green-light { background-color: #9EF01A; }
.bg-green-dark { background-color: #006400; }

.bg-orange { background-color: #FF6D00; }
.bg-orange-light { background-color: #FF9E00; }
.bg-orange-dark { background-color: #FF4800; }

.bg-purple { background-color: #5A189A; }
.bg-purple-light { background-color: #9D4EDD; }
.bg-purple-dark { background-color: #240046; }

.bg-brown { background-color: #C25A00; }
.bg-brown-light { background-color: #F1AC4C; }
.bg-brown-dark { background-color: #3D1C00; }

.bg-grey { background-color: #495057; }
.bg-grey-light { background-color: #ADB5BD; }
.bg-grey-dark { background-color: #212529; }

.bg-gold { background-color: #ffdd56; }


.text-gold {
	color: #ffeb99 !important;
}
/**** endof colors style ****/



/**** begin custom style ****/
html, body {
	background-color: #0d0d0d;
}

header {
	position: relative;
	background-color: #2c2a2b;
}
header .logo {
	width: 100%;
}

section {
	position: relative;
}

section .table,
section .table tr th,
section .table tr td {
	border-color: #ffeb99 !important;
}
section .table thead {
	background-color: #ffdd56;
	color: #0d0d0d !important;
}
section .table tbody tr td {
	vertical-align: middle !important;
}

section .container-result {
	position: relative;
	background: url(../images/bg.png) center center no-repeat;
	background-size: cover;
}
section .container-result .card.card-result {
	margin: 0 auto;
	max-width: 400px;
	border: 0;
	border-radius: 0;
}
section .container-result .card.card-result .card-header,
section .container-result .card.card-result .card-body {
	border: 0;
	border-radius: 0;
}
section .container-result .card.card-result .card-header {
	background: linear-gradient(to bottom, #111111, #0d0d0d);
	border: 4px solid transparent;
	border-image: linear-gradient(to bottom, #ffe57d 0%, #caae3b 25%, #ad9329 50%, #caae3b 75%, #ffe57d 100%);
	border-image-slice: 1;
}
section .container-result .card.card-result .card-body {
	background-color: #000000;
}
section .container-result .card.card-result .card-body .result-wrapper.winner .result-digit {
	margin: 0 5px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	background: url(../images/ball.png) center center no-repeat;
	background-size: cover;
}

footer {
	position: relative;
	background-color: #060606;
}
/**** endof custom style ****/



/**** begin responsive style ****/
@media (min-width: 993px) {
	.container {
		max-width: 1024px;
	}

	header .logo {
		max-width: 250px;
	}

	section .container-result .card.card-result .card-body .result-wrapper.winner .result-digit {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 38px;
	}
}
/**** endof responsive style ****/