:root {
	--primary: #2600bb;
	--info: #2600bb;
	--danger: #e0012c;
	--danger-dark: #700000;
	--warning: #ffff00;
}

body {
	background: url(../images/bgbody2.jpg?v=1) no-repeat center top fixed;
	background-size: 100%;
	font-size: 1rem;
	font-family: 'Lato', sans-serif;
	color: #333
}

.bg-overlay {
    background: rgba(0,0,0,0.4);
}

.bg-info, .btn-info {
	background-color: var(--info) !important;
}

.border-primary {
	border-color: #e0012c !important;
}

.bg-primary {
	background-color: var(--primary) !important;
}

.bg-danger, .btn-danger {
	background-color: var(--danger) !important;
}

.text-info {
	color: var(--info) !important;
}

.text-danger {
	color: var(--danger) !important;
}

.text-warning {
	color: var(--warning) !important;
}

.bg-gradient2 {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) !important;
}

.bg-gradient3 {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) !important;
}

a {
	text-decoration: none;
}

@media (min-width: 992px) {
	.navbar .container-fluid {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.centerheading {
	background-color: var(--info);
	color: var(--warning);
	margin-top: .5rem;
	padding: .5rem 1rem;
	font-size: 1.5rem;
	font-weight: 900;
}

.bodycenter {
	min-height: 30rem;
}

.ball {
	display: block;
	width: 31px;
	height: 31px;
	background: var(--danger);
	border: 2px solid var(--danger-dark);
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	/*padding: .1rem .53rem;*/
	box-sizing: border-box;
}

.ball-detail {
	/*padding: .1rem .8rem;*/
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.result-date {
	color: var(--danger);
}

.result-date:hover {
	color: var(--info);
}

.livedraw-main .ball {
	font-size: 1.5rem;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.livedraw-consolation {}

.nav-link {
	background: linear-gradient(to bottom, #97522b 0%,#e0012c 50%,#900300 51%,#97522b 100%);
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
}

.nav-link:hover {
	color: var(--warning) !important;
}

.nav-top {
	display: flex;
	justify-content: end;
	gap:.25rem;
}

.tabelnomor thead tr td {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a790ff+0,4719f8+50,2600bb+51,4719f8+100 */
background: linear-gradient(to bottom,  #a790ff 0%,#4719f8 50%,#2600bb 51%,#4719f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: var(--warning);
text-align: center;
font-weight: 900;
font-size: 1.0rem;
border: 1px solid var(--info);
}

.navbar-toggler {
	background: #fff;
}

@media (max-width: 991px) {
	body {
		background-size: auto;
	}
	.logo {
		margin-bottom: 1rem;
	}
	.nav-link {
		border-radius: 0;
	}
	.nav-top {
		justify-content: space-between;
		margin-top:.5rem;
	}
	.nav-top a {
		flex:1 1 auto;
		text-align: center;
	}
	.hide-mobile {
		display: none !important;
	}
}