div.roulette {
	margin-top: 329px;
}
div.roulette-inner {

	width: 350px;
}

/* Estilo para el botón de máquina de arcade */
.boton-arcade {
	background-color: #FF0000; /* Color de fondo rojo */
	color: #FFFFFF; /* Color del texto blanco */
	border: 7px solid #970000;
	padding: 10px; /* Espaciado interno del botón */
	font-size: 16px; /* Tamaño de fuente */
	text-transform: uppercase; /* Convertir texto en mayúsculas */
	font-family: 'Arial', sans-serif; /* Fuente del texto */
	border-radius: 50%; /* Borde redondeado para hacerlo un círculo */
	width: 109px; /* Ancho del botón */
	height: 50px; /* Altura del botón */
	cursor: pointer; /* Cambia el cursor al pasar el ratón */
	transition: background-color 0.3s, color 0.3s; /* Transición suave al cambiar el color */
}

	/* Estilo al pasar el ratón sobre el botón */
	.boton-arcade:hover {
		background-color: #970000; /* Color de fondo naranja al pasar el ratón */
		border-color: #550000;
	}

div.roulette { 
}

div.roulette_container {
	background-color:rgb(253, 252, 253);
	width:200px;
	height:200px;
	border:1px solid rgba(253, 252, 253, 0.31);
	box-shadow:0px 0px 3px lightpink;margin:auto;
}

.btn_container {
	margin:20px;
	text-align:center;
}
.btn_container .start {
	margin-right:20px;
}
.log_container {
	margin-left:25px;
	margin-top:80px;
}
.demo_label {
	border-left:5px solid gray;
	padding-left:5px;
	font-size: 20px;
}
#msg {
	border:1px solid #eee;
	padding:10px 20px;
	overflow-y: scroll;
	max-height: 100px; 
}
div.param_label {
	margin:20px 0px 10px 0px;
}
#stopImageNumber {
	width : 20px;
}
.param_name {
	font-weight:bold;
}
.image_sample img{
	width : 50px;
	cursor: pointer;
}
.right_container {
	width: 550px;
	margin-left: 100px;
}
.code_container {
	margin-top:50px;
	width: 500px;
}
.label-info {
	margin-bottom: 3px;
}
div.ui-slider {
	width: 300px;
}