@font-face {
/* font-test*/
	font-family: dseg7;
	src:url('DSEG7Classic-Italic.woff'),
	url('DSEG7Classic-Italic.ttf');
}
.dice-container{
	margin-top: 30px;
	margin-bottom: 40px;
	padding: 0;
}
#dice-app{
	background: #000078;
	border-radius: 15px;
	color: #fff;
	max-width: 640px;
	margin: 0 auto;
}
#dice-app .top-bar{
	padding: 15px;
}
.balance-bar {
	font-size: 12px;
	line-height: 24px;
}
#dice-app .monitor{
	padding: 15px 30px;
	background: #002E96;
}
#dice-app .monitor .digital-wrap{
	font-family: dseg7;
	text-align: center;
	position: relative;
}

#dice-app .monitor .history .hisotry-list-wrap{
	position: relative;
	width: 100%;
	height: 25px;
	overflow-x: hidden;

}
#dice-app .monitor .history ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200%;
	height: 25px;
	position: absolute;
	right: 0;

	overflow: hidden;
}
#dice-app .monitor .history ul li{
	background-color: rgba(255,255,255,.1);
	border-radius: 5px;
	width: 55px;
	margin: 0 5px;
	float: right;
}
#dice-app .monitor .history ul li:first-child{
	border: 1px solid rgba(255,255,255,.4);
	height: 24px;
}
#dice-app .monitor .history ul li:first-child .digital-wrap{
	font-size: 14px;
}
#dice-app .monitor .history .digital-wrap{
	font-size: 12px;
	height: 25px;
	line-height: 25px;
}
#dice-app .monitor .outcome{

}
#dice-app .monitor .outcome .digital-wrap{
	font-size: 80px;
	height: 120px;
	width: 100%;
	margin: 20px 0;
}
#dice-app .monitor .digital-bg,
#dice-app .monitor .digital-outcome{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#dice-app .monitor .digital-bg{
	color: #fff;
	opacity: 0.1;
}
#dice-app .monitor .digital-outcome.win{
	color: #2FD052;
}
#dice-app .monitor .digital-outcome.lost{
	color: #FF25B9;
}
#dice-app .monitor .profit{
	color: rgba(255,255,255,.25);
	font-size: 11px;
}
#dice-app .monitor .profit .profit-win{
	text-align: right;
	border-right: 1px solid rgba(255,255,255,.25);
}
#dice-app .monitor .profit .profit-lost{
	text-align: left;
}

#dice-app .monitor .profit.win .profit-win{
	color: #2FD052;
}

#dice-app .monitor .profit.lost .profit-lost{
	color: #FF25B9;
}
#dice-app .control-panel .options{
	padding: 15px;
}
#dice-app .control-panel .options .bet-btn{
	width: 100%;
	opacity: .3;
}
#dice-app .control-panel .options .bet-btn.active{
	opacity: 1;
	background-color: rgba(40, 167, 69, .8);
	border: 1px solid #28A745;
	box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
	color: #fff;
}
#dice-app .control-panel .options .bet-btn .outcome-name{
	font-size: 17px;
	font-weight: bold;
}
#dice-app .control-panel .options .bet-btn .odds{
	font-size: 13px;
}
#dice-app .control-panel .target-slider{
	padding: 15px;
}

#dice-app .control-panel .roll-btn-panel{
	padding: 15px;
}
#dice-app .control-panel .roll-btn-panel .roll-btn-group{
	margin: 0 15px;
	width: 100%;
	height: 60px;
}
#dice-app .control-panel .roll-btn-panel .roll-btn-group .roll-btn{
	width: 80%;
	margin-right: 2px;
	font-size: 18px;
	font-weight: bold;
}
#dice-app .control-panel .roll-btn-panel .roll-btn-group .auto-roll-btn{
	width: 60px;
}
#dice-app .control-panel .bet-setting{
	padding: 0 15px 15px;
}
#dice-app .control-panel .bet-setting .btn{
	margin: 0;
}
#dice-app .control-panel .bet-input-group{
	margin: 15px;
}

#dice-app .control-panel .bet-setting .bet-input-group .bet-amount-input{
	background-color: transparent;
	border: 1px solid #6c757d;
	color: #fff;
	text-align: center;
}
#dice-app .control-panel .bet-setting .bet-input-group .btn{
}
#dice-app .control-panel .target-slider .target-slider-btn-right,
#dice-app .control-panel .target-slider .target-slider-btn-left{
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	margin: 0 -15px;
	text-align: center;
}

#dice-app .control-panel .target-slider #targetSlider{
	width: 100%;
	margin: 10px 0;

}
#dice-app .control-panel .target-slider #targetSlider .slider-selection{
	background: transparent;
}
#dice-app .control-panel .target-slider #targetSlider .slider-track{
	background: rgba(255, 255, 255, .35);
}
#dice-app .control-panel .target-slider #targetSlider .slider-handle{
	background: #fff;
}