


.main-container {
	
}



div.page-title {
	background: #262932;
}


#instant-alert {
	background: rgba(0, 0, 0, 0.8);
	color: white;
	min-height: 160px;
}

/* set standard fonts */
.sm-font {
	font-size: 90%;
}



/* default layout */
div.bet-slip, div.charge-slip {
	text-align: center;
	background: #eee;
}

div.bet-slip ul, div.charge-slip ul {
	margin: 0; padding: 0;
	display: inline-block;
}

div.bet-slip ul li, div.charge-slip ul li {
	list-style: none;
	margin: 0; 
	padding: 4px;
	display: inline-block;
	width: 66px;
}

div.charge-slip ul li {
 	width: 60px;
}

div.bet-slip ul li > span, div.charge-slip ul li span {
	
	display: inline-block;
	width: 100%;
	text-align: center;
	border-radius: 4px;
	padding: 10px 0;
	font-weight: bold;
	font-size: 70%;
	color: white;
	background: #363942;
	cursor: pointer;
}

div.bet-slip-nav ul li {
	width: 120px;
	
}
div.bet-slip-nav ul li > span {
	width: 112px;
	font-size: 90%;
	
}

/* bs media break */
@media (max-width: 575.98px) {
	.hole-wrapper {
		width: 100%;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
@media (min-width: 992px) and (max-width: 1199.98px) {
}
@media (min-width: 1200px) {
}




/* bs media break */
@media (min-width: 576px) {
	.main-container {
		min-width: 1200px;
	}
	
	.hole-wrapper {
		width: 600px;
	}
}
@media (min-width: 768px) {
	

}

@media (min-width: 992px) {
	

}
@media (min-width: 1200px) {
	
	
}
/**********************************************/

