.luz-roleta {
	background-image: url(../../../../img/campanhas/2023/arraia-cebrac/fade-luz.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

/* Sets the background image for the wheel */
td.the_wheel {
	background-image: url(bg-roleta.png);
	background-position: center;
	background-repeat: no-repeat;
	max-width: 100%;
	height: auto;
}

/* Do some css reset on selected elements */
h1,
p {
	margin: 0;
}

div.html5_logo {
	margin-left: 70px;
}

/* Styles for the power selection controls */

table.power {
	margin-top: 24px;
	cursor: pointer;
	color: #fff;
	margin-bottom: 16px;
}

.separadorTitulo {
	margin-bottom: 16px;
}

table.power th {
	color: rgb(255, 255, 255);
	cursor: default;
	font-size: 1.25rem;
	padding: 0;
	font-weight: 600;
	line-height: 1.7rem;
	background: #094f97;
	padding: 16px 16px;
	border-radius: 8px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, 1),
		0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 8px rgba(255, 255, 255, 0.2),
		0px 6px 6px rgba(0, 0, 0, 0.1);
}

#pw1 {
	padding: 5px;
}
#pw2 {
	padding: 8px;
}
#pw3 {
	padding: 10px;
}

.power_controls td {
	border: 2px white solid;
}

td.pw1::before {
	background: #ffe46a;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	content: "";
	display: inline-block;
}
td.pw2::before {
	background: #ff6224;
	width: 18px;
	height: 18px;
	margin-right: 6px;
	content: "";
	display: inline-block;
}
td.pw3::before {
	background: #ff2a2a;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	content: "";
	display: inline-block;
}
td.pw1 {
	color: rgba(15, 39, 102, 1);
	background: #fff;
	box-shadow: 2px 3px 6px rgba(66, 2, 2, 0.6);
}
td.pw2 {
	color: rgba(15, 39, 102, 1);
	background: #fff;
	box-shadow: 2px 3px 6px rgba(66, 2, 2, 0.6);
}

td.pw3 {
	color: rgba(15, 39, 102, 1);
	background: #fff;
	box-shadow: 2px 3px 6px rgba(66, 2, 2, 0.6);
}

#botao_rodar {
	padding: 14px 0;
	width: 100%;
	border: none;
	font-size: 1.3rem;
	font-weight: 700;
}

#botao_rodar a {
	text-decoration: none;
	color: #fff;
}

.rodar {
	display: none;
}

/* \/ aplicado ao botão após uma potência ser selecionada*/
.clickable {
	cursor: pointer;
	color: #fff;
	background: #1dad1d;
	box-shadow: 0px 4px 0 #006805, inset 0 -32px 0 #188f00,
		0px 6px 6px rgba(0, 82, 37, 0.6);
}
.clickable:hover {
	cursor: pointer;
	color: #fff;
	background: #038f03;
	box-shadow: 0px 4px 0 #006605, inset 0 -32px 0 #198601,
		0px 1px 2px rgba(0, 82, 11, 0.6);
}
.disabled {
	background-color: #3e503f;
	box-shadow: 0px 3px 0 #5b7e5e, inset 0 -32px 0 #375032,
		0px 1px 2px rgba(0, 82, 14, 0.6);
}

/* Other misc styles */
.margin_bottom {
	pointer-events: none;
	margin-bottom: 5px;
}